@charset "utf-8";
/* CSS Document */

/*fonts used:

font-family: 'Lato', sans-serif; 400, 400italic, 900
font-family: 'aleolightitalic'
			 'aleoregular'
			 'aleoitalic'
			 'aleobold'
			 'aleobolditalic'

*/

@font-face {
    font-family: 'aleolightitalic';
    src: url('../fonts/Aleo-LightItalic-webfont.eot');
    src: url('../fonts/Aleo-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Aleo-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-LightItalic-webfont.svg#aleolightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleoregular';
    src: url('../fonts/Aleo-Regular-webfont.eot');
    src: url('../fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Regular-webfont.woff') format('woff'),
         url('../fonts/Aleo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleoitalic';
    src: url('../fonts/Aleo-Italic-webfont.eot');
    src: url('../fonts/Aleo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Italic-webfont.woff') format('woff'),
         url('../fonts/Aleo-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'aleobold';
    src: url('../fonts/Aleo-Bold-webfont.eot');
    src: url('../fonts/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Bold-webfont.woff') format('woff'),
         url('../fonts/Aleo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleobolditalic';
    src: url('../fonts/Aleo-BoldItalic-webfont.eot');
    src: url('../fonts/Aleo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Aleo-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-BoldItalic-webfont.svg#aleobolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3{font-family:'aleobolditalic'; letter-spacing:-0.01em;}

h1{ text-align:center; }
h2{  text-align:center; }

html, body,
/*.homesec,*/ .bnr,
.bnr .owl-wrapper-outer, .bnr .owl-wrapper-outer .owl-wrapper, .owl-wrapper-outer .owl-wrapper .owl-item, .owl-wrapper-outer .owl-wrapper .owl-item .item
{ height:100%; }
body{ font:400 16px/26px 'Lato', sans-serif; background-color:#FFF; color:#5b5b5b; }
body.abtpg{ background:url(../img/bg-b-01.gif) repeat; }
body.svcpg{ background:url(../img/greyzz.jpg) repeat; }

a{ transition:all 0.38s ease 0s; }

.homesec{ background:#666; overflow:hidden; }

.logo-hdr{ position:absolute; z-index:20; background-color:rgba(0,0,0,0.3); left:0px; right:0px; top:0px; }
.logo-hdr .logo{ position:absolute; left:50%; }
.logo-hdr .logo:before{ content:''; display:block; position:absolute; background-image:url(../img/shadow-logo01.png); background-repeat:no-repeat; background-size:cover; z-index:-1; }

.logo-hdr .logo > a{ position:relative; background:url(../img/logo-DAC.png) no-repeat center center ; display:block; text-indent:-9999px; z-index:2; position:relative; }


.navbar-default{ border:none; border-radius:0px; background-color:rgba(0,0,0,0.6); }
.affix .navbar-default{background-color:rgba(255,255,255,0.98); border-bottom:1px solid rgba(0,0,0,0.08);}

.navbar-default .navbar-brand{ /*background:url(../img/logo-DAC-design.png) no-repeat scroll 0px 4px / contain;*/ text-indent:-9999px; background-size:contain; display:block; padding:0px;  box-shadow:0 6px 6px -6px rgba(0, 0, 0,0.5);}

.navbar-default .navbar-nav > li{ font-family:'aleobold'; text-transform:uppercase; }
.navbar-default .navbar-nav > li > a{ color:#000000; }
/* .navbar-default .navbar-nav > li > a{ color:#8dc63f; } */

.navbar-default .navbar-offcanvas.in .navbar-nav > li{ border-bottom:1px solid #ddd; }

.navbar-default .navbar-nav > .active > a,
       .navbar-default .navbar-nav > .active > a:hover,
.affix .navbar-default .navbar-nav > li.active > a:hover,
       .navbar-default .navbar-nav > li.active > a:focus,
.affix .navbar-default .navbar-nav > li.active > a:focus{
	background-color:#0e76bc;
	color:#FFF;

}

.affix-top .navbar-default .navbar-nav > li > a:hover,
.affix-top .navbar-default .navbar-nav > li > a:focus{ color:#FFF; }
.affix .navbar-default .navbar-nav > li > a:hover,
.affix .navbar-default .navbar-nav > li > a:focus{ color:#387717; }

.navbar-default .navbar-toggle{ border-color:#95d142; background-color:#76ae28; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{ background-color:#447305;}

.navbar-default .navbar-toggle .icon-bar{background-color:#FFF;}

.bnr{ background:url(../img/pic/bg-home01.jpg) no-repeat center center; background-size:cover; position:relative; }
.bnr .item .desp{ color:#FFF;}
.bnr .item .desp h2{ font-family:'Lato', sans-serif; font-weight:900; color:#FFF; text-transform:uppercase; text-align:left; }
.bnr .item .desp h2 small{ font-weight:900; color:#FFF; text-transform:lowercase; }

.bnr .item .lsts{ color:#FFF; font-family:'aleoitalic'; text-transform:lowercase; }
.bnr .item .lsts span{ display:block; text-align:center; }

.bnr .item .nv01{ position:absolute; background:url(../img/bg-a-01.png) no-repeat center center / cover;}

.bnr .item .nv02{ position:absolute; background:url(../img/bg-a-02.png) no-repeat center center / cover;}

.bnr .item .nv03{ position:absolute; background:url(../img/bg-a-03.png) no-repeat center center / cover;}

.bnr .item .single-img{ }


.abtsec, .testisec{ background:url(../img/bg-b-01.gif) repeat; }
.abtsec h2{ color:#000; }

.brf{ font:italic 18px/24px 'Lato', sans-serif; text-align:center; letter-spacing:-0.01em; padding-bottom:38px; }
.brf h3{ font-style:normal; }

.abtsec .brf{ line-height:30px; }


.abtsec .abts,
.servsec .srvrs,
body.abtpg .srvrs,
body.svcpg .srvrs{ border-top:1px solid rgba(0,0,0,0.2); }
.abtsec .abts{ padding:40px 0px 0px;}
.abtsec .abts .abtss,
.servsec .srvrs .srvrss{ text-align:center; padding-top:40px; }

.abtsec .abts .abtss .icons .fa,
.servsec .srvrs .srvrss .icons .fa,
body.abtpg h3 span .fa,
body.svcpg h3 span .fa{ background:#cecece; width:70px; height:70px; line-height:70px; border-radius:35px; font-size:35px; color:#FFF; }

.abtsec .abts .abtss h3,
.servsec .srvrs .srvrss h2{ font-size:20px; color:#000; letter-spacing:0.01em; }
.abtsec .abts .abtss p,
.servsec .srvrs .srvrss p{ color:#696969; margin:0px 0px 20px; }


.teamprofsec .owl-buttons > div{position:absolute; top:50%; text-align: center; font-size: 24px; color:#fff;}
.teamprofsec .prof_wrp .dtl_profile .dezgntn{ font-size:12px; text-transform: uppercase; letter-spacing: 0.1em;}
.teamprofsec .prof_wrp .dtl_profile .dezgntn:after{
    content: '';
    height:5px; width:50px; background-color:#8dc63f; display:block;
    transition:all 0.2s ease 0s;
}

.teamprofsec .team:hover .prof_wrp .dtl_profile .dezgntn:after{
    width:80px;
}


.packagesec{ background:url(../img/pic/bg-c-01.jpg) no-repeat center center; background-size:cover;  }
.packagesec > .container,
.portfosec > .container{ background:url(../img/shadow-c-top.png) no-repeat center top; background-size:contain; }
.packagesec h2{ color:#FFF; font-family:'aleobold'; text-shadow:0px 1px 1px rgba(0,0,0,0.5); }
.packagesec .brf{ color:#FFF; }


.blogsec,
.contactsec{ background:url(../img/bg-d-01.gif) repeat; }
.blogsec .container,
.testisec > .container,
.servsec > .container,
.contactsec > .container { background:url(../img/shadow-d-top.png) center top no-repeat; background-size:contain; }

.sml-blg-bnr{ border:#FFF solid; }

.blog-brf h3{ font-family:'aleoregular'; letter-spacing:-0.01em; }
.blog-brf .blog-elmnts > div{ font-family:'aleolightitalic'; display:inline-block;}

.portfosec{ background:url(../img/pic/bg-e-01.jpg) no-repeat center center; background-size:cover; }
.portfosec h2{ color:#FFF; text-shadow:0px 1px 3px rgba(0,0,0,0.4); }
.portfosec .brf{ color:#FFF; text-shadow:0px 1px 1px rgba(0,0,0,0.5); }









.portfosec .portfos .thumbnail .dfinimg{ overflow:hidden; position:relative;}
.portfosec .portfos .thumbnail .dfinimg:before{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4); content:''; z-index:1; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; box-shadow:0px 0px 6px rgba(0,0,0,0.4) inset; -moz-box-shadow:0px 0px 6px rgba(0,0,0,0.4) inset; -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.4) inset;  }
.portfosec .portfos .thumbnail:hover .dfinimg:before{ background-color:rgba(0,0,0,0)}
.portfosec .portfos .thumbnail .dfinimg .eyez{ position:absolute; bottom:0px; left:0px; right:0px; top:0px; box-shadow:0px 0px 6px rgba(0,0,0,0.08) inset; -moz-box-shadow:0px 0px 6px rgba(0,0,0,0.08) inset; -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.08) inset; font-size:30px; color:#FFF; background-color:rgba(0,0,0,0); transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; width:56px; height:42px; margin:auto; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.portfosec .portfos .thumbnail:hover .dfinimg .eyez{ background-color:rgba(0,0,0,0.7);}
.portfosec .portfos .thumbnail .dfinimg .eyez .fa{ font-size:30px; color:#FFF; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-14px; opacity:0; transition:all 2.5s ease 0s;}
.portfosec .portfos .thumbnail:hover .dfinimg .eyez .fa{ opacity:1; }

.testiunit .item .testimg{border-radius:88px; border:10px solid #FFF; box-shadow:0px 1px 3px rgba(0,0,0,0.15); overflow:hidden; width:173px; height:173px; position:relative;}
.testiunit .item .testimg:before{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:#1247cc; border-radius:88px; content:"\f007"; z-index:1; color:#0035bb; font-family:FontAwesome; font-size:123px; text-align:center; line-height:150px; }

.testiunit .item .testimg img{ position:absolute; z-index:2; border-radius:88px; }

.testitexts h3{ color:#5b5b5b; margin:10px 0px 0px; line-height:20px;}
.testitexts h3 .fa{ color:rgba(91,91,91,0.5); padding-right:10px; float:left; }
.testitexts p{ font-family:'Lato', sans-serif; font-style:italic; }
.testitexts p a.emailadd {color:#5b5b5b; font:14px 'aleobolditalic'; display:block; padding-bottom:10px;}

.testitexts p.chinese_lng{font-size:12px; line-height:18px; font-style: normal; font-family: "Microsoft YaHei", 微软雅黑, "Lato", sans-serif; }

.bu-hdr-rec{ height:60px; width:60px; line-height:60px; text-align:center; background:#CECECE; display:block; float:left; margin-right:10px; border-radius:30px; }
.bu-hdr-rec .fa{ color:#FFF; font-size:28px; }

.servsec{ background:url(../img/greyzz.jpg) repeat;}

.conts .contact_details h3{ color:#000; margin-bottom:0px;}
.conts .contact_details .cadd{ font-family:'aleobolditalic';}
.conts .contact_details > ul{ padding-left:0px; margin-top:20px;  }
.conts .contact_details > ul li{ list-style:none; color:#818181; position:relative; padding-left:38px; padding-bottom:10px; line-height:24px;}
.conts .contact_details > ul li:before{ position:absolute; bottom:0px; left:0px; top:0px; width:38px; font-family:FontAwesome; padding-top:4px;}
.conts .contact_details > ul li:first-child:before{ content:"\f095";}
.conts .contact_details > ul li:nth-child(2n):before{ content:"\f095";}
.conts .contact_details > ul li:nth-child(3n):before{ content:"\f0e0";}
.conts .contact_details > ul li:last-child:before{ content:"\f0c1";}
.conts .contact_details > ul li a{ color:#818181; }

.conts ul.so-links{ padding-left:0; }
.conts ul.so-links li{ list-style:none; float:left; padding-left:2px; }
.conts ul.so-links li a{ display:block; background-color:#d9d9d9; color:#414141; border-radius:4px; text-align:center; }
.conts ul.so-links li a:hover{ background-color:#414141; color:#d9d9d9; }


.mapdac{ position:relative; height:500px; text-align:center; }
.mapdac:before{ content:""; background:url(../img/shadow-d-top.png) no-repeat; position:absolute;  }

.mapdac iframe{ pointer-events:none;}


footer{ text-align:center; padding:20px 0px; background-color:#0e76bc; color:#FFF; line-height:24px; }
footer a.logo-dac{ color:#FFF; background:url(../img/logo-DAC-logo.png) no-repeat 0px 0px; background-size:contain; padding-left:44px; display:inline-block; }

body.abtpg,
body.svcpg{ padding-top:80px; }

body.abtpg .affix,
body.svcpg .affix{ top:10px; right:20px; }

body.abtpg .brf h2,
body.svcpg .brf h2{ font-style:normal; }
body.svcpg h3{ }

body.abtpg h3,
body.svcpg h3{ text-align:center; }


body.abtpg h3 span,
body.svcpg h3 span{ display:block; margin-bottom:8px; }


body.abtpg .srvrs section,
body.svcpg .srvrs section{ border-bottom:1px dashed #c8c8c8; padding-bottom:40px; margin-bottom:4px; }

body.abtpg .srvrs section + section,
body.svcpg .srvrs section + section{ border-top:1px dashed #c8c8c8; padding-top:25px;}

body.abtpg .srvrs section:last-child,
body.svcpg .srvrs section:last-child{ border-bottom:none; }

/*------Tables------*/

.pricing_table {
    line-height: 150%;
    font-size: 12px;
    padding-top: 10px;
    margin-top: 30px;
	padding-left:0px;
}



.pricing_table h3 {
    text-transform: uppercase;
    padding: 5px 0;
    background: rgba(0,0,0,0.5);
    margin: -10px 0 1px 0;
	border-radius:4px 4px 0px 0px;
}

.price_block {
    float: left;
    list-style-type: none;
    border-bottom: 1px solid transparent;
}
.price_block > div{
    width: 100%;
	background-color:rgba(0,0,0,0.30);
    color: #fff;
    transition: all 0.25s;
    position: relative;
    box-sizing: border-box;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	}
.price_block:hover > div {
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);
    transform: scale(1.04) translateY(-5px);
    z-index: 1;
    border-bottom: 0 none;
}

.price_block h3{ text-align:center; font-size:34px; }
.price_block h3 small{ font-size:16px; color:#e0e0e0; }
.price_block:hover h3 {
    background: #222;
}
.price_block:hover .action_button {
    background: linear-gradient(#F9B84A, #DB7224);
}

.features {
    color: #000;
	padding:0;
}
.features li {
    padding: 10px 15px;
    margin-bottom:1px;
    font-size: 16px; line-height:25px; letter-spacing:-0.01em;
    list-style-type: none;
	background-color:#e6e6e6;
}

.features li:nth-child(2n+1){ background-color:#FFF; }

.price_block .footer {
    padding: 15px;
	border-radius:0px 0px 4px 4px;
	text-align:center;
}
.action_button {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    background: linear-gradient(#666, #333);
    padding: 5px 20px;
    font-size: 11px;
    text-transform: uppercase;
}




/*-----/tables------*/
/*----form----*/
.form-control{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;  height:50px; }
.career_textbox{ height:35px; }
/*------/form---------*/

/*--------btns-------------*/
.btn{ padding:7px 14px; border:none; font:14px 'aleoitalic'; letter-spacing:0.01em; }
.btn-lg{ font-family:'aleobolditalic'; text-shadow:0px 1px 0px rgba(0,0,0,0.5); font-size:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.btn-primary{ background-color:#0e76bc; }
.btn-success{ background-color:#003200; }
.btn-info{ background-color:rgba(0,0,0,1); }
.btn-info:hover{ background-color:rgba(0,0,0,0.5); }

/*--------/btns-------------*/

/*------Thumbnail-----*/
.thumbnail{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:10px; border:none; box-shadow:0 3px 3px -2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 3px 3px -2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 3px 3px -2px rgba(0, 0, 0, 0.5);}
.thumbnail span{ display:block; }


/*------/Thumbnail-----*/
/* ========================================================== media Q ===================================================================================== */
/* ================================================================================================================== max 767 ============================= */
@media(max-width:767px){
	body.homepg .logo-hdr{ display:none;}
	body.abtpg .logo-hdr,
	body.svcpg .logo-hdr{ height:47px; }
	.logo-hdr .logo{margin-left:-86px;}
	.logo-hdr .logo > a{ width:172px; height:60px; background-size:cover; }

	.navbar{ margin-bottom:0px; }
	.navbar-default .navbar-nav li{ font-size:18px; }

	.container > .navbar-header{ margin-left:0; }

	.navbar-brand{ width:152px; height:50px;}

	.navbar-brand span{ width:142px; height:40px; }

	.navmenu, .navbar-offcanvas{ width:210px; }

	.affix{ width:100%; z-index:2; }

	.affix-top .navbar-brand{ text-indent:-9999px; }
	.affix-top .colbtn{ margin-top:5px; }

	.bnr .item .desp{ margin:auto; left:10px; top:0px; height:70%; position:absolute; width:250px;}
	.bnr .item .desp h2{ font-size:20px; }
	.bnr .item .desp > p{ font-size:11.6px; line-height:14px;}

	.bnr .item .lsts > span{ font-size:11px; line-height:13px; text-align:center; }

	.bnr .item .points3{ position:absolute; top:35px; right:10px; margin-top:0; width:210px; }
	.bnr .item .points3 .p3cntr{ position:relative;}

	.bnr .item .nv01{ width:94px; height:111px; top:-30px; left:auto; right:40px;}
	.bnr .item .nv01 span{ padding:48px 20px 0; }
	.bnr .item .nv02{ width:122px; height:96px; top:62px; left:0px; right:auto;}
	.bnr .item .nv02 span{ padding:25px 16px 0 50px; }
	.bnr .item .nv03{ width:108px; height:101px; top:100px; left:auto; right:0px;}
	.bnr .item .nv03 span{ padding:27px 32px 0 17px;}
	.bnr .item .single-img{ position:absolute; right:10px; top:30px; width:210px; text-align:center;}
	.bnr .item .single-img img{ width:100%; max-width:210px;  }


	.abtsec > .container,
	.packagesec > .container,
	.blogsec > .container,
	.portfosec > .container,
	.testisec > .container,
	.servsec > .container,
	.contactsec > .container{ padding-top:4px; padding-bottom:30px; }


	.abtsec .abts > .row > div + div{ margin-top:15px; border-top:1px dashed #d6d6d6; padding-top:15px; }

    .teamprofsec .prof_wrp {padding-bottom: 25px;}
    .teamprofsec .img_profile .dfinimg img{width:100%;}

    .teamprofsec .prof_wrp .dtl_profile{text-align: center;}
    .teamprofsec .prof_wrp .dtl_profile h3{font-size: 18px;}
    .teamprofsec .prof_wrp .dtl_profile .dezgntn:after{margin:0px auto;}
    .teamprofsec .owl-buttons > div{
        top:20%;
        background-color:rgba(0,0,0,0.3);
        width:44px; height:44px; border-radius: 22px; line-height: 41px;
    }
    .teamprofsec .owl-buttons > .owl-prev{left:5px;}
    .teamprofsec .owl-buttons > .owl-next{right:5px;}

	.sml-blg-bnr{ border-width:4px; }
	.sml-blg-bnr img{ width:100%; }

	.blog-brf h3{ font-size:16px; }
	.blog-brf .blog-elmnts{ margin-bottom:14px; }
	.blog-brf .blog-elmnts > div{ font-size:11px; }


	.pricing_table{ width:85%; margin:0px auto; }
	.price_block {width: 100%;}
    .price_block:nth-child(odd) {border-right: 1px solid transparent;}
    .price_block:nth-child(3) {clear: both;}

    .price_block:nth-child(odd):hover {border: 0 none;}

	.pricing_table > .price_block{ margin-bottom:20px; }

	.thumbnail{ padding:5px; }
	.portfosec .portfos .thumbnail .dfinimg .imghldr img{ width:100%; }


	.testiunit .testimg{ text-align:center; }

	.testiunit .item .testimg{ margin:0px auto; width:120px; height:120px; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; }

	.testiunit .item .testimg img{ display:inherit; width:100%; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; }

	.testitexts h3{ text-align:center; }
	.testitexts p{ text-align:center; }

	.mapdac:before{ width:100%; height:24px; background-size:cover;}

	 .btn-lg{ padding:11px 14px;}

	 body.svcpg{ text-align:right; }


}
/* ================================================================================================================== max 479 ============================= */
@media(max-width:479px){


	.bnr .item .desp{ position:inherit; width:auto; margin:20px 10px 50px; height:auto; }
	.bnr .item .single-img img{ max-width:280px; }

	.bnr .item .points3{ position:relative; height:100%; width:100%; margin-top:34px; }
	.bnr .item .points3 .p3cntr{ position:absolute; width:300px; left:50%; margin-left:-150px; }

	.bnr .item .nv01{ width:94px; height:111px; top:0px; left:0px; right:auto;}
	.bnr .item .nv01 span{ padding:48px 20px 0; }
	.bnr .item .nv02{ width:122px; height:96px; top:-24px; left:87px; right:auto;}
	.bnr .item .nv02 span{ padding:25px 16px 0 50px; }
	.bnr .item .nv03{ width:108px; height:101px; top:3px; left:188px; right:auto;}
	.bnr .item .nv03 span{ padding:27px 32px 0 17px;}
	.bnr .item .single-img{ position:inherit; text-align:center; width:auto; padding:0px 20px;}
	.bnr .item .single-img img{ width:auto; max-width:100%; max-height:180px;  }


}
/* ===================================================================================================== min 768 ========================================== */
@media(min-width:768px){
	/*.homesec{ position:relative; }*/



    /*Grayscaling img*/

    .portfosec .portfos .thumbnail .dfinimg .imghldr img,
    .teamprofsec .team .item .img_profile img {
        filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */

        transition:all 0.3s ease 0s;
    }
    .portfosec .portfos .thumbnail:hover .dfinimg .imghldr img,
    .teamprofsec .team:hover .item .img_profile img
    {
        filter: none; /* Applies to FF + IE */
        -webkit-filter: grayscale(0);
    }

    /*/Grayscaling*/

	.logo-hdr{ height:47px; }
	.logo-hdr .logo{ margin-left:-86px;}
	.logo-hdr .logo > a{ width:172px; height:60px; background-size:cover; }

	.navbar-wrapper{ z-index:20;}
	.navbar-wrapper.affix{ left:0; right:0;}
	.navbar-wrapper.affix .navbar-offcanvas{ padding-right:0px; }

	.navbar-wrapper.affix-top{ position:absolute; bottom:0px; left:0; right:0;}
	.navbar-wrapper.affix-top .navbar{ margin-bottom:0; }
	.navbar-wrapper.affix-top .navbar .offcanvas{ text-align:center; border:none; background:none;}
	.navbar-default .navbar-nav > li{ font-size:18px; }

	.navbar-wrapper.affix-top .navbar .offcanvas ul.nav li a{}




	.navbar-wrapper.affix-top .navbar-brand{ display:none; }
	.navbar > .container .navbar-brand{ margin-left:0; }


	.navbar-brand{ width:152px; height:50px; }
	.navbar-brand span{ width:142px; height:40px; }

	.bnr .item{ display:table; width:100%; }
	.bnr .item .desp{ color:#FFF;  width:60%; display:table-cell; vertical-align:middle; padding-left:25px;}

	.bnr .item .points3{ width:40%; padding-right:25px; display:table-cell; vertical-align:middle;   }
	.bnr .item .points3 .p3cntr{ width:268px; height:268px; position:relative; float:right; }

	.bnr .item .nv01{ width:96px; height:113px; top:0px; right:62px; }
	.bnr .item .nv02{ width:128px; height:100px; top:86px; left:1px;}
	.bnr .item .nv03{ width:158px; height:154px; top:120px; right:0px;}

	.bnr .item .lsts span{ line-height:15px; }
	.bnr .item .nv01 span{ font-size:11px; padding:50px 26px 0px;}
	.bnr .item .nv02 span{ font-size:12.7px; padding:25px 18px 0px 50px;}
	.bnr .item .nv03 span{ font-size:12.7px; padding:45px 52px 0px 30px;}

	.bnr .item .single-img{ display:table-cell; width:40%; padding-right:25px; vertical-align:middle; text-align:right;  }
	.bnr .item .single-img img{ width:250px; }


.box-shadow-201
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.box-shadow-201:before, .box-shadow-201:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.box-shadow-201:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}



	.abtsec,
    .teamprofsec,
	.packagesec,
	.blogsec,
	.portfosec,
	.testisec,
	.servsec{ min-height:100%;}


	.abtsec > .container,
    .teamprofsec > .container,
	.packagesec > .container,
	.blogsec > .container,
	.portfosec > .container,
	.testisec > .container,
	.servsec > .container,
	.contactsec > .container{ padding-top:15px; padding-bottom:40px; }


	.sml-blg-bnr{ border-width:4px; }
	.sml-blg-bnr > img{ width:100%;}

    .teamprofsec .prof_wrp{display:table;}
    .teamprofsec .prof_wrp > div{display:table-cell;}
    .teamprofsec .prof_wrp .dtl_profile{vertical-align: middle; padding-left: 40px;}

    .teamprofsec .owl-buttons > div{
        background-color:rgba(141,198,63,0.2); width:40px; height:30px; margin-top: -15px;
        -webkit-transition:all 0.3s ease 0s;
           -moz-transition:all 0.3s ease 0s;
                transition:all 0.3s ease 0s;
    }
    .teamprofsec .team .img_profile img{width:264px;}
    .teamprofsec .team:hover .owl-buttons > div{background-color:rgba(141,198,63,0.65);}
    .teamprofsec .team .owl-buttons > div:hover{background-color:rgba(141,198,63,0.95);}

    .teamprofsec .owl-buttons > .owl-prev{left:100px; border-radius:3px 0 0 3px;}
    .teamprofsec .owl-buttons > .owl-next{left:120px; border-radius:0 3px 3px 0;}


	.blogsec .container{ padding:18px 0px 20px; }
	.blogsec > .container > .row > div + div > div:first-child{ border-bottom:1px solid #cdcdcd; padding-bottom:30px; }
	.blogsec > .container > .row > div + div > div:last-child{ border-top:1px solid #FFF; padding-top:8px; }
	.blogsec > .container > .row > div + div > div:first-child h3{ margin-top:0px; }

	.blog-brf h3{ font-size:18px; }am
	.blog-brf .blog-elmnts{ margin-bottom:16px; }
	.blog-brf .blog-elmnts > div{ font-size:12px; padding:2px 10px 2px 0px; }
	.blog-brf > p{ margin:0px 0px 20px; }

	.portfosec .portfos .thumbnail .dfinimg{  width:200px; height:124px;}
	.portfosec .portfos .thumbnail .dfinimg .imghldr{ width:300px; margin-left:-50px; text-align:center; }
	.portfosec .portfos .thumbnail .dfinimg .imghldr img.wide{ height:124px; max-width:none;}
	.portfosec .portfos .thumbnail .dfinimg .imghldr img.tall{ width:200px; }


	.price_block {width: 50%;}
    .price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
    .price_block:last-child {border-right: 0 none;}

    .price_block:hover {border: 0 none;}

	.pricing_table > .price_block{ margin-bottom:20px; padding-left:10px; padding-right:10px; }

	/*---testimonial slideshow---*/
	.testiunit .owl-controls{ text-align:center; margin-top:30px;}
	.testiunit .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
	.testiunit .owl-controls .owl-page span{
		display: block;
		width: 20px;
		height: 20px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);/*IE7 fix*/
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #c0c0c0;
		position:relative;
	}
	.testiunit .owl-controls .owl-page span:before{
		position:absolute; bottom:-5px; left:-5px; right:-5px; top:-5px;
		border:5px solid transparent;
		border-radius:20px;
		content:"";
	}

	.testiunit .owl-controls .owl-page.active span,
	.testiunit .owl-controls.clickable .owl-page:hover span{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
	}
	.testiunit .owl-controls .owl-page.active span:before{
		border-color:#FFF;
		box-shadow:0px 1px 1px rgba(0,0,0,0.9);
	}

	/*--/testimonial slideshow---*/
	.testitexts{ overflow:hidden; }
	.testitexts h3{ }
	.testitexts p{ padding-left:35px; }


	.testiunit .item{margin:0px 8px;}


	.srvrs h3 .h2t{ display:table; }
	.srvrs h3 .h2t .h2tt{ display:table-cell; height:60px; vertical-align:middle; }


	.conts .form-control{ margin-bottom:20px; }
	.conts textarea{ height:190px; }
	.conts .contact_details h3{ margin:0px; }

	.mapdac:before{ width:100%; height:24px; background-size:cover;}

	.cnt-btns{ text-align:right; }
	.cnt-btns button + button{ margin-left:17px; }
	.btn-lg{ padding:11px 14px;}

}
/* ================================================================================================= min 992 ============================= */
@media(min-width:992px){
	h1{ font-size:65px; }
	h2{ font-size:60px;  }
	h3{ font-size:24px; }

	body.abtpg h2,
	body.svcpg h2{ font-size:32px; }


	.logo-hdr{ height:100px; display: none; }
	.logo-hdr .logo{ margin-left:-185px; }
	.logo-hdr .logo:before{ width:488px; height:73px; top:100px; left:-60px; }
	.logo-hdr .logo > a{ height:128px; width:370px; }


	.navbar-brand{ width:152px; height:50px; }
	.navbar-brand span{ width:142px; height:40px; }

	.bnr .item .desp{ padding-left:40px; }
	.bnr .item .desp h2{ font-size:56px;}
	.bnr .item .desp h2 small{ font-size:32px;}

	.bnr .item .points3{ padding-right:40px; }
	.bnr .item .points3 .p3cntr{ height:420px; }

	.bnr .item .nv01 span{ font-size:11px; padding:46px 24px 0px;}
	.bnr .item .nv02 span{ font-size:12.5px; padding:24px 22px 0px 56px; }
	.bnr .item .nv03 span{ font-size:12.5px; padding:48px 54px 0px 38px; }

	.bnr .item .single-img{ height:200px; padding-right:40px;  }
	.bnr .item .single-img img{ width:250px; }



	.abtsec > .container,
	.packagesec > .container,
	.blogsec > .container,
	.portfosec > .container,
	.testisec > .container,
	.servsec > .container,
	.contactsec > .container{ padding-top:15px; padding-bottom:40px; }



	.abtsec .brf{ width:970px; margin:0px auto; padding-top:20px; }


	.abtsec .abts .abtss{ padding:0px 46px; }

    .teamprofsec .team .img_profile img{width:450px;}

    .teamprofsec .owl-buttons > .owl-prev{left:358px;}
    .teamprofsec .owl-buttons > .owl-next{left:400px;}

	.servsec .srvrs .srvrss{ padding-left:20px; padding-right:20px; }

	.packagesec .brf{ padding:0px 100px; }

	.blogsec .brf{ padding:0px 100px; }

	.sml-blg-bnr{ border-width:6px; }
	.blog-brf h3{ font-size:22px; }
	.blog-brf .blog-elmnts{ margin-bottom:20px; }
	.blog-brf .blog-elmnts > div{ font-size:13px; padding-right:16px; }

	.portfosec .portfos .thumbnail .dfinimg{  width:193px; height:120px; }
	.portfosec .portfos .thumbnail .dfinimg .imghldr{ width:293px; margin-left:-50px; text-align:center; }
	.portfosec .portfos .thumbnail .dfinimg .imghldr img.wide{ height:120px; max-width:none;}
	.portfosec .portfos .thumbnail .dfinimg .imghldr img.tall{ width:193px; }


	.pricing_table{ margin-left:-15px; margin-right:-15px;  }
	.pricing_table > .price_block{ padding-left:15px; padding-right:15px; margin-bottom:25px; }

	.testitexts h3{ font-size:24px; }

	.testiunit .item{margin:0px 10px;}
	.testiunit .item .testimg{ float:left; margin-right:30px; }

	.servsec .srvrs p{ line-height:26px; }

	.conts .contact_details > ul li{ font-size:18px; }

	body.abtpg,
	body.svcpg{ padding-top:120px; }

}
/* ================================================================================================= min 1200 ============================= */
@media(min-width:1200px){
	.navbar{ padding-left:30px; }


	.affix-top .navbar-default .navbar-nav > li{ font-size:16px; display:inline-block; float:none; }
	.affix-top .navbar-default .navbar-nav > li > a{ padding:15px 30px; }

	.affix .navbar-default .navbar-nav > li{ font-size:14px; }
	.affix .navbar-default .navbar-nav > li > a{padding:15px 20px;}

	.navbar-wrapper.affix-top .offcanvas .navbar-nav{ float:none; display:inline-block; margin-bottom:0px;  }

	.navbar-wrapper.affix .offcanvas .navbar-nav{ float:right;}

	.packagesec .brf,
	.blogsec .brf,
	.portfosec .brf,
	.testisec .brf,
	.contactsec .brf{ padding:20px 300px; }

	.bnr .item .desp{ padding-left:130px; padding-right:80px; }
	.bnr .item .desp h2{ font-size:72px; }
	.bnr .item .desp h2 small{ font-size:40px; }

	.bnr .item .points3{ padding-right:130px;}
	.bnr .item .points3 .p3cntr{ }

	.bnr .item .nv01{ width:152px; height:179px; right:97px; top:15px; }

	.bnr .item .nv02{ width:202px; height:158px; right:218px; top:149px; left:auto; }

	.bnr .item .nv03{ width:249px; height:243px; right:0px; top:202px; }

	.bnr .item .lsts span{ line-height:24px; }

	.bnr .item .nv01 span{ font-size:16px; padding:73px 32px 0;}
	.bnr .item .nv02 span{ font-size:20px; padding:32px 30px 0 82px;}
	.bnr .item .nv03 span{ font-size:20px; padding:78px 85px 0 45px;}


	.bnr .item .single-img{ padding-right:130px; padding-left:30px;}
	.bnr .item .single-img img{ width:100%; }

	.abtsec > .container{ padding-top:10px;}
    .abtsec > .container > div#pg-about{padding-top:70px;}

    .teamprofsec > .container,
	.packagesec > .container,
	.blogsec > .container,
	.portfosec > .container,
	.testisec > .container,
	/*.servsec > .container,*/
	.contactsec > .container{ padding-top:80px; padding-bottom:100px; }


	.sml-blg-bnr{ border-width:10px; }
	.blog-brf h3{ font-size:24px; }
	.blog-brf .blog-elmnts > div{ font-size:14px; }

	.portfosec .portfos .thumbnail .dfinimg{ width:242px; height:150px; }
	.portfosec .portfos .thumbnail .dfinimg .imghldr{ width:342px; margin-left:-50px; text-align:center; }
	.portfosec .portfos .thumbnail .dfinimg .imghldr img.wide{ height:150px; max-width:none;}
	.portfosec .portfos .thumbnail .dfinimg .imghldr img.tall{ width:242px; }

	.testiunit .item{ margin:0px 15px; }


	.price_block {width: 25%;}
	.pricing_table > .price_block{ margin-bottom:0px; }

	.servsec .brf,
	body.abtpg .brf,
	body.svcpg .brf{ width:830px; margin:0px auto;  }

	.conts{ padding-top:20px; }

	.conts ul.so-links{ padding-top:6px; }
	.conts ul.so-links li{ font-size:25px; }
	.conts ul.so-links li a{padding:13px 0px; width:60px;}

	.mapdac:before{ width:1138px; height:24px; left:50%; margin-left:-569px;}
	.btn-lg{ padding:11px 57px;}

	body.abtpg
	body.svcpg{ padding-top:140px; }


}


.slide-wrapper {
    position: relative
}

.red {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.red-content {
    width: 100%;
    height: 300px;
    /* background:url(../images/lets-talk-digital.png) no-repeat; */
    color: #fff;
}
.red-content .rht-algn p{
  font-size: 35px;
  line-height: 50px;
}
.enquiry-btn {margin-top: 20px;}
.btn-green{ border-radius: 4px; border: 0px; padding: 5px 14px; margin-right: 20px; background-color: #12a91c; color: white; }
.btn-dgreen { border-radius: 4px; border: 0px; padding: 10px 35px; background-color: #003200; color: #fff;}
.fa-phone, .fa-envelope-o{font-size: 22px;}
.bld {font-weight:700;letter-spacing: 1.2px; font-size: 18px;}
.top-white {height: 60px;}
.top-header{ margin-top: 110px;}
.ban-btn a { display: inline-block; vertical-align: bottom; text-decoration: none;}
.rht-algn{
    width: 561px;
    text-align: center;
    float: right;
  }
@media (min-width: 768px) {
    .carousel-caption {
        text-align: left;
        padding-right: 300px;
    }
    .red {
        width: 750px;
        position: absolute;
        left: 50%;
        top: 60px;
        bottom: 0;
        /*padding: 20px 0;*/
        margin-left: -375px;
    }
    .red-content {
        width: 100%;
        float: right;
        height: 100%;
        /* background:url(../images/lets-talk-digital.png) no-repeat; */
        color: #fff;
        /*margin-right:15px;*/ /* width of .container gutter */
    }
}
@media (min-width: 992px) {
    .red {
        width: 970px;
        margin-left: -485px;
    }
}
@media (min-width: 1200px) {
    .red {
        width: 1170px;
        margin-left: -530px;
    }
}

/* MISC */
#myCarousel .item {
    /*overflow: hidden;
    height: 400px;*/
    background-color: transparent;
    background-size: cover;
    margin-top: 50px;
}
#myCarousel > .carousel-control {
    width: 30px;
    font-size: 40px;
    color: #fff;
    text-shadow: none;
    filter: none;
    opacity: 1;
}
#myCarousel > .carousel-control span {
    position: absolute;
    top: 50%;
    /*margin-top: -30px;*/
    width: 100%;
    text-align: center;
    display: block;
}
.ban-content {background-image: url('images/man-transparent-box')}
.carousel-inner>.item>img{
    display: block;
    width: 100%;
    height: auto;
}
@media (min-width: 769px) {
  .wide-slide {display: block; height: 545px;}
  .narrow-slide {
    display: none;
  }
  /*.carousel-inner, .carousel{position: initial;}*/
}

@media (max-width: 768px) {
  .wide-slide {
    display: none;
  }
  .narrow-slide {
    display: block;
    margin-top: 50px;
  }
  .red {position: absolute; top: 0; width: 100%;}
  .top-header {margin: 0;}
  .red-content {height: 270px; background-image: none; }
  .rht-algn {width: 100%;}
  .red-content .rht-algn h2 { font-size: 18px; line-height: 22px; margin: 10px 5px;}
  .enquiry-btn {margin:0;}
  .btn-green {margin-right: 10px; margin-bottom: 10px;}
  .carousel-control.right, .carousel-control.left {z-index: 9999;}
}