@font-face{ font-family:FontAwesome; src:url(../fonts/FontAwesome.ttf);}
@font-face{ font-family:Montserrat-Bold; src:url(../fonts/Montserrat-Bold.ttf);}
@font-face{ font-family:Montserrat-Regular; src:url(../fonts/Montserrat-Regular.ttf);}
@font-face{ font-family:Raleway-Regular; src:url(../fonts/Raleway-Regular.ttf);}
@font-face{ font-family:PT_Sans-Web-Regular; src:url(../fonts/PT_Sans-Web-Regular.ttf);}
@font-face{ font-family:PT_Sans-Web-Bold; src:url(../fonts/PT_Sans-Web-Bold.ttf);}

*{ margin:0; padding:0; box-sizing:border-box; margin:0; outline:0;}
body{ font-size:14px; font-family:Raleway-Regular;}
a{ text-decoration:none; color:#000;}
ul,li{ list-style:none}
input{ border:0;}
h1{ font-size:30px;}
h4{ font-size:18px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ line-height:30px;}

.container{ width:1170px; margin:0 auto;}

/*HEADER*/
.responsive_menu{ width:100%; display:none; background:#FCBE2F; padding:15px; cursor:pointer; margin:15px 0;}
.responsive_inner{ width:100%; display:inline-block; padding:0 10px;}
.responsive_left{ float:left;}
.responsive_left span{ display:block; color:#fff;}
.responsive_right{ float:right;}
.responsive_right i{ color:#fff;}
.header{ width:100%; display:inline-block; position:absolute; z-index:2; padding:3px 0;}
.header_left{ float:left; position:absolute; top:10px;}
/*.header_left{ width:100%; display:inline-block;}*/
.header_left a{ display:block;}
.header_left img{ width:100%;}
.header_right{ float:right;}
.header_rightinner{ width:100%; display:inline-block; margin:35px 0;}
.header_rightinner li{ float:left; margin-left:10px; font-family:Montserrat-Regular;}
.header_rightinner li i{ font-size:8px; display:inline-block; color:#FAB702; padding:0 10px;}
/*.header_rightinner li::before{ position:absolute; content:"\f111"; top:3px;  right:-18px; bottom:0; font-family:FontAwesome; color:#FAB702; font-size:10px;}*/
.header_rightinner li a{ color:#fff; text-transform:uppercase; font-size:13px; transition:0.5s all ease-in-out;}
.header_rightinner li a.active{ color:#FAB702;}
.header_rightinner li a:hover{ color:#FAB702;}

/*BANNER*/

.inner_banner{ width:100%; display:inline-block;}
.inner_banner img{ width:100%;}
.banner{ width:100%; display:inline-block; position:relative;}
.banner_inner{ width:100%; display:inline-block;}
.banner span{ position:relative; display:inline-block; z-index:1;}
.banner span img{ width:100%; display:inline-block;}
.banner span::before{ position:absolute; top:0; bottom:0; right:0; left:0; content:""; background:rgba(0,0,0,0.6); z-index:1;}
.banner_content{ position:absolute; top:40%; text-align:center; z-index:3; width:100%; display:inline-block; left:0;}
.banner_content ul{ width:100%; display:inline-block;}
.banner_content li{}
.banner_content li h2{ font-size:20px; color:#fff; font-family:Montserrat-Bold; text-transform:uppercase;}
.banner_content li h1{ font-family:Montserrat-Bold; text-align:center; margin:10px auto; color:#FAB702; font-size:44px; text-transform:uppercase; letter-spacing:6px;}
.banner_content li h3{ color:#fff; font-size:14px; margin:10px auto; width:50%; line-height:25px; padding:0 180px;}
.banner_content li a{ padding:10px 30px; display:inline-block; margin:10px 0; color:#fff; font-family:Montserrat-Regular; text-transform:uppercase; transition:0.5s all ease-in-out; background:#FAB702;}
.banner_content li a:hover{  color:#000; background:#fff;}
.service_bg{ width:100%; display:inline-block; position:relative;}
.service_bg::before{ position:absolute; top:0; right:0; left:0; bottom:0; content:""; background:rgba(0,0,0,0.4)}
#slider-control-nav{ z-index:5;}


/*INDEX INTERIOR*/

.index_interior{ width:100%; display:inline-block; margin:90px 0;}
.index_interiorleft{ float:left; width:33%; padding:1% 0.5%;}
.index_iconleft{ width:20%; float:left;}
.index_iconleft i{ color:#FAB702; font-size:48px;}
.index_iconright{ width:80%; float:left;}	
.index_iconright h3{ font-family:Montserrat-Regular; font-size:18px;}
.index_iconright p{ margin:10px 0; color:#606060; min-height:120px;}
.index_iconright a{ display:inline-block; float:right; text-transform:lowercase; color:#999; font-size:13px; transition:0.5s all ease-in-out;}
.index_iconright a:hover{ color:#FAB702;}

/*RESEDENTIAL*/

.index_resedential{ width:100%; display:inline-block;}
.index_resedentialinner{ width:33.33%; float:left; background:url(../images/resedential1.jpg) no-repeat; background-size:cover; position:relative; z-index:1;}  
.index_resedentialcontenttwo{ background:url(../images/resedential2.jpg) no-repeat;background-size:cover; position:relative; z-index:1;}
.index_resedentialcontenttwo::before{ content:""; background:rgba(0,0,0,0.7); top:0; right:0; left:0; bottom:0; position:absolute; z-index:-1;}
.index_resedentialcontentthree{ background:url(../images/resedential3.jpg) no-repeat;background-size:cover; position:relative; z-index:1;}
.index_resedentialcontentthree::before{ content:""; background:rgba(0,0,0,0.7); top:0; right:0; left:0; bottom:0; position:absolute; z-index:-1;}

.index_resedentialinner::before{ content:""; background:rgba(0,0,0,0.7); top:0; right:0; left:0; bottom:0; position:absolute; z-index:-1;}
.index_resedentialcontent{ width:100%; display:inline-block; padding:30px 28px;}
.index_resedentialcontent li { width:100%; display:inline-block; margin:5px 0;}
.index_resedentialcontent li h4{ color:#fff; font-family:Montserrat-Regular;}
.index_resedentialcontent li p{ color:#ddd; font-size:13px; font-family:PT_Sans-Web-Regular;}
.index_resedentialcontent li a{ display:inline-block; padding:10px 15px; border:1px solid  rgba(255, 255, 255, 0.2) ; color:#fff; margin:0 auto; text-align:center;font-family:Montserrat-Regular; position:relative; width:100%; text-transform:uppercase; font-size:13px; transition:0.5s all ease-in-out;}
.index_resedentialcontent li a::before{ position:absolute; content:"\f054"; top:12px; right:0px; bottom:0; left:125px; font-family:FontAwesome; color:#ED4C4D; font-size:13px; transition:0.5s all ease-in-out}
.index_resedentialcontent li a:hover{ background:#CF1A20;}
.index_resedentialcontent li a:hover::before{ color:#fff;}


/*INDEX GALLERY*/
.gallery_inner{ width:100%; display:inline-block; background:#fff;}
.gallery{
	width:100%;
	display:inline-block;
	text-align:center;
}
.row{ width:100%; display:inline-block;}
.gallery_heading{width:100%;display:inline-block;background:#F6290C;height:100px;}
.gallery h1{color:#fff; background:#3089EF;	display:inline-block;font-size:23px;padding:25px 55px; text-transform:uppercase;float:left;margin-top:60px;}
.gallery_image{	width:100%; display:inline-block;}
.multi { display: inline; top: 0; left: 3px;}
.three_colum{ width:100%; display:inline-block; background:#252525; padding:30px 0;}
.programs, .courses { margin: 0px 0 0 0;}
.programs { font-size: 0; display:inline-block;text-align:center }
.programs button { width:auto; display:inline-block; border:0;  padding:5px 30px; background-color:transparent; color:#888; cursor:pointer;  font-size:14px; text-transform:uppercase; font-family:Montserrat-Regular;}
.programs button:hover { color: #fff;background:#FAB702}
.programs button:focus {border:none;}
.programs button.active {  color:#fff;background:#FAB702; }
.courses { display:inline-block; width:100%; }
.courses li { width:24.8%; box-sizing:border-box; float:left; margin:1px;}
.courses li a img { width:100%; display:block; margin:0 auto; margin:0; padding:0;}
.courses a { display: block; color:black;  -webkit-transition: all .4s ease; transition: all .4s ease; background:#fff;}
.courses a.product_title { display: block;text-align:center; background:#fff; color:#e7231d; width:100%;}
.courses .mix-target { display: none;}
.light_bg{ width:100%; background:#000; position:relative; overflow:hidden;}
.light_bg::before{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; background:#FAB702;transition:0.5s; opacity:0; z-index:5;}
.light_bg::after{ content:""; position:absolute; top:10px; left:10px; bottom:10px; right:10px;transition:0.5s; opacity:0; z-index:5; border:1px solid #fff;}
.light_bg em{ position:absolute; z-index:6; top:45%; text-transform:uppercase; left:0; right:0;  height:35px; display:block;color:#fff; text-align:center; line-height:35px; text-align:center; margin:0 auto; font-style:normal; opacity:0; font-family:oswald-bold; font-size:25px;}
.light_bg:hover em{ opacity:1;}
.light_bg:hover::before{ opacity:0.7; transition:0.5s; transform:scale(0)}
.light_bg:hover::after{ opacity:0.7; transition:0.5s;}
.light_bg img{transition:0.3s}
.light_bg:hover img{ transition:0.3s; transform:scale(1.1)}


/*click_button*/
.click_button{ width:100%; display:inline-block; padding:30px 0; background:#FAB702;}
.click_buttoninner span{ width:100%; margin:0 auto; display:inline-block;}
.click_buttoninner span a{ display:inline-block; padding:7px 55px;  text-align:center; margin:0 auto; font-family:Montserrat-Regular; color:#000; text-transform:uppercase; border:1px solid #fff; position:relative; transition:0.5s all ease-in-out; background:#fff;}
.click_buttoninner span a::before{ position:absolute; /*content:"\f054";*/ top:8px; right:0px; bottom:0; left:120px; font-family:FontAwesome; color:#000; font-size:13px; transition:0.5s all ease-in-out;}
.click_buttoninner span a:hover{ background:#000; color:#fff;}
.click_buttoninner span a:hover::before{ color:#fff;}

/*FOOTER TOP*/
.footer_top{ width:100%; display:inline-block; background:#111111; padding:30px 0;}
.footer_topleft{ width:33%; float:left; padding:1%;}
.footer_topleftinner{ width:30px 0;}
.footer_topleft h2{ color:#FAB702; padding:10px 0;  text-transform:uppercase; font-family:Montserrat-Bold;}
.footer_topleftinner li{ line-height:30px; color:#ccc; font-family:PT_Sans-Web-Regular; font-size:13px;}
.footer_topleftinner li a{ color:#ccc; display:block; border-bottom:1px solid #222;} 

/*FOOTER*/
.footer{ width:100%; display:inline-block; padding:30px 0; background:#000;}
.footer_left{ float:left;}
.footer_left span{ color:#fff; font-size:14px; font-family:PT_Sans-Web-Regular;}
.footer_right{ float:right;}
.footer_rightinner{ width:100%; display:inline-block}
.footer_rightinner li{ float:left; margin-left:15px;}
.footer_rightinner li i{ font-size:15px; color:#fff; transition:0.5s all ease-in-out;}
.footer_rightinner li i:hover{ color:#FAB702;}

/*.value{ width:100%; display:inline-block; background:#223F88; margin:40px 0;}
.value ul{ width:100%; display:inline-block; padding:20px 0}
.value ul li{ width:25%; float:left; position:relative; padding:0 40px; box-sizing:border-box;}
.value ul li::before{ content:"";width:2px; height:30px; background:rgba(255,255,255,0.5); position:absolute; right:0; margin-top:-15px; top:50%;}
.value ul li:last-child::before{ display:none}
.value_number{ float:left; color:#fff;font-family:pt-bold; font-size:55px; letter-spacing:1px; position:relative;}
.value_number::before{ width:30px; height:4px; background:#F6BA18; content:""; position:absolute;top:0; left:0;}
.value_content{ float:left; font-family:roboto-bold; color:#fff; text-transform:uppercase; font-size:15px; margin-left:25px; margin-top:25px;}*/

.index_pyramid{ width:100%; display:inline-block; position:relative; background:#222222; height:500px;}
.index_pyramid::before{ content:""; position:absolute; top:0; right:55%; left:0; bottom:0; background:url(../images/number_left.jpg) no-repeat; background-size:cover;}
.index_pyramidleft{ float:left; width:50%;}
.index_pyramidright{ float:right;}
.index_pyramidrightinner{ width:100%; display:inline-block; margin:120px 0;}
.index_pyramidrightinner li{ float:left; width:50%; margin:25px 0;}
.value_number{ color:#FAB702; font-family:Montserrat-Bold; font-size:50px;}
.valve_content{ font-size:15px; font-family:PT_Sans-Web-Regular; color:#fff;}

/*INDEX WHO*/
.index_who{ width:100%; display:inline-block; background:#FAB702; padding:50px 0; text-align:center;}
.index_who h1{ text-align:center; color:#252525; font-family:Montserrat-Regular;}
.index_whoinner{ width:100%; display:inline-block;}
.index_whoinner p{ line-height:30px; text-align:center; color:#000;}
.index_whoinner a{ margin:10px auto; background:#252525; padding:7px 55px; color:#fff; display:inline-block; text-transform:uppercase; transition:0.5s all ease-in-out; font-family:Montserrat-Regular; transition:0.5s all ease-in-out;}
.index_whoinner a:hover{ background:#000; color:#fff;}

/*ABOUT*/
.about{ width:100%; display:inline-block; position:relative;}
.about::before{ background:url(../images/about_inner.jpg) no-repeat; background-size:cover; content:""; position:absolute; top:0; right:60%; bottom:0; 
left:0; }
.about_left{ float:left;}
.about_right{ float:right; padding:120px 50px; width:58%;}
.about_right h2{ font-size:30px; color:#333; font-family:Montserrat;}
.about_right p{ font-size:16px; font-family:PT_Sans-Web-Regular; line-height:25px; font-size:16px; color:#606060; margin:25px 0;}
.about_right span{  font-family:PT_Sans-Web-Regular; font-size:13px; line-height:25px; color:#606060;}

/*ABOUT IMAGE*/
.about_image{ width:100%; display:inline-block; margin:100px 0;}
.about_imageinner{ width:100%; display:inline-block;}
.about_imageinner ul{ overflow:hidden; width:100%; display:inline-block;}
.about_image li{ float:left; width:25%; overflow:hidden;}
.about_image li span:hover{ transform:scale(1.1); transition:0.5s all ease-in-out;}
.about_image li span img{ width:100%;  }
.about_image li span{ width:100%; transform:scale(1); transition:0.5s all ease-in-out; display:block;}

/*ABOUT CUSTOMERSAYS*/
.owlbg{ background-image:url(../images/about_bg.jpg); background-repeat:no-repeat; background-size:cover; display:inline-block; width:100%; position:relative; background-attachment:fixed; padding:50px 0;  font-family:PT_Sans-Web-Regular;}
.owlbg h1{ font-family:Montserrat-Regular; text-align:center; color:#fff; font-size:32px;}
/*.owlbg::before{ position:absolute; top:0; left:0; right:50%; bottom:0; content:""; background:#3B82EA;}
*/.owltotal{ width:100%;}
.decoration_about{ margin:0 auto;}
.decoration_about span{ text-align:center; margin:30px auto; display:block; color:#CF1A20; position:relative;}
.decoration_about span::before{ content:""; position:absolute; top:2px; width:25%; left:23%; height:1px; background:rgba(255, 255, 255, 0.1); margin:0 auto; text-align:center;}
.decoration_about span::after{ content:""; position:absolute; top:2px; width:25%; right:23%; height:1px; background:rgba(255, 255, 255, 0.1); margin:0 auto; text-align:center;}
.decoration_about span i{ font-size:5px;} 
.abc{ width:100%; float:left; display:inline-block}
.customer{ width:100%; display:inline-block;}
.customer_inner{  display:inline-block; }
.customer_left{ width:48%; float:left; position:relative; margin:1%; padding:30px 0; z-index:1;}
.customer_left::before{ position:absolute; top:0; right:0; left:0; bottom:0; content:""; background:rgba(0,0,0,0.6); z-index:-1;}
.customer_lefticon{ width:15%; float:left; padding-right:1%;}
.customer_lefticon span{ background:#FAB702; padding:15px; display:block; text-align:center;}
.customer_lefticon i{ font-size:30px; color:#fff; line-height:15px;}
.customer_leftcontent{ width:85%; float:left; padding:0 10px;}
.customer_leftcontent span{ margin-top:15px; color:#CF1A20; display:block; font-size:12px;}
.owltotal h1{ text-align:center; margin-top:15px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.5rem; position:relative;}
.owltotal p{ color:#000; line-height:25px; font-weight:300; font-size:16px; color:#fff; margin-top:10px;}
.index_news{ padding:0 10px; }
.owl{ padding:10px 0; margin-top:15px;}
.colorchange{ color:#fff; margin-top:10px; padding-bottom:10px;}
.owl img{ border-radius:65px; margin-bottom:15px;}
.owl span{ color:#ccc;}

/*TALK WITH US*/
.abouttalk{ width:100%; display:inline-block; padding:80px 0; background:#FAB702;}
.abouttalk_inner{ width:100%; display:inline-block;}
.abouttalk_inner span{ }
.abouttalk_inner span a{ color:#fff; text-align:center; margin:0 auto; display:block; font-size:14px;  font-family:Montserrat-Regular;
 border:1px solid #fff; display:inline-block; padding:10px 30px; text-transform:uppercase; transition:0.5s all ease-in-out;}
 .abouttalk_inner span a:hover{ background:#fff; color:#000;}
 
 
 /*SERVICE TAB*/
.domain_expertise { display:inline-block; width:100%; padding:50px 0;}
.domain_expertise h1 { color:#B6220A; text-align:center;}
.tab_concept { display:inline-block; width:100%; padding:30px 0 0 0;}
.tab_content h2{  text-transform:uppercase; font-family:Montserrat-Regular; margin-bottom:10px; color:#CF1A20;}
.tab_menu { width:20%; float:left; border-right:1px solid #ddd; padding-bottom:10px;}
.tab_menu li { display:block;}
.tab_menu li a { display:block; padding:15px 10px; text-transform:uppercase; text-align:left; border-bottom:1px solid #A57720; font-size:13px; position:relative; transition:0.5s all ease-in-out; font-family:PT_Sans-Web-Bold;}
.tab_menu li a::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:0; background:#FAB702; z-index:-1; transition:0.5s all ease-in-out;}
.tab_menu li a:hover::before, .tab_menu li a.active::before { width:100%;}
.tab_menu li a:hover, .tab_menu li a.active { color:#fff;}
.tab_content_main { width:80%; float:left; padding-left:2%;}
.tab_content { display:inline-block; width:100%;}
.tab_content ul { display:inline-block; float:left; width:55%;}
.tab_content ul span { color:#A17117; display:block; margin-bottom:10px; line-height:25px;}
.tab_content ul li { line-height:28px; position:relative; padding-left:20px; text-align:justify;}
.tab_content ul li::before { content:"\f043"; font-family:fontawesome; position:absolute; left:0; font-size:14px;}
.tab_content p { padding-bottom:10px; line-height:28px; position:relative; text-align:justify; font-family:PT_Sans-Web-Regular;}
/*.tab_content p::before { content:"\f043"; font-family:fontawesome; position:absolute; left:0; font-size:14px;}*/


.tab_content i{ font-size:16px; color:#0FB5ED; margin-right:6px;}




.hide { display:none;}
.tab_image { float:right; width:43%; margin-left:2%; padding:1%;}
.tab_image img { width:100%;}
.inner_menu { display:none;}

/*GALLERY*/
.gallery_page { display:inline-block; width:100%; padding:50px 0; background-color:#fff;}
.gallery_page h1{ text-align:center; padding:10px 0; font-size:30px; font-family:Montserrat; color:#333;}
.gallery_page h2 { padding:0 0 8px 0; border-bottom:1px solid #ccc; box-shadow:0 3px 5px #ccc; border-radius:0 0 25px 25px; color:#336699; text-align:center; margin-bottom:18px;}
.fancy_box { display:inline-block; width:100%;}
.fancy_box li { float:left; padding:1%; width:25%; box-sizing:border-box; position:relative;}
.fancy_box li:hover {}
/*.fancy_box li::before { content:""; background:rgba(0,0,0,0.2); top:0; left:0; bottom:0; right:0; position:absolute; opacity:1; z-index:3;}
.fancy_box li:hover::before { opacity:0; z-index:-2;}*/
.fancy_box li img { width:100%;}


/*CLIENTS*/
.clients{ width:100%; display:inline-block; margin:50px 0;}
.clients_inner{ width:100%; display:inline-block;}
.clients h2{  font-family:Montserrat-Bold;text-transform:uppercase; text-align:center; padding:20px 0; color:#D69C0F;}

.clients_inner li{ display:inline-block; text-align:center; width:33%; line-height:32px; margin:0 auto; font-family:Montserrat-Regular; color:#807D7D; position:relative;}
.clients_inner li::before{ position:absolute; top:0; left:0; content:"\f1cb"; font-family:FontAwesome; text-align:center; color:#D69C0F;}

/*CONTACT*/
.contact{ width:100%; display:inline-block; margin:60px 0; font-family:PT_Sans-Web-Regular;}
.contact h3{ color:#333;  font-family:Montserrat-Regular; font-size:18px;}
.contact_right h4{ font-family:Montserrat-Regular; font-size:16px; margin:10px 0; color:#FAB702;}
.contact_left{ float:left; width:70%;}
.inputcontact_left{ float:left; width:25%;}
.inputcontact_left input{ padding:10px 5px; border:0; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; background:#f5f5f5; border:1px solid #ddd; 
color:#333; width:100%; margin:10px 0;}
.inputcontact_right input[type="submit"]{ text-transform:uppercase; font-family:PT_Sans-Web-Bold; background:#f5f5f5; padding:5px 30px; cursor:pointer; transition:0.5s all ease-in-out; border:1px solid #ddd; margin:10px 0;}
.inputcontact_right input[type="submit"]:hover{ background:#000; color:#fff;}
.inputcontact_right{ float:right; width:75%; padding:0px 30px; margin:10px 0; }
.inputcontact_right textarea{ width:100%; resize:none; font-family:PT_Sans-Web-Regular; font-size:13px; border:0; border:1px solid #ddd; padding:10px; height:150px; color:#333; background:#f5f5f5;}
.contact_right{ float:right; width:30%;}
.contact_rightinner{ width:100%; display:inline-block;}
.contact_rightinner li{ line-height:28px; font-size:13px; margin-top:6px; border-bottom:1px solid #ccc;}
.contact_rightinner li:last-child{ border:0;}
.contact_rightinner li span{ width:20%; color:#FAB702;  display:inline-block;}
.contact_rightinner li em{ font-style:normal; width:80%; display:inline-block; color:#606060;}

/*MAP*/
.map{ width:100%; display:inline-block;}

/*SCROLL*/
.scrollToTop{width:50px; height:50px;padding:10px; text-align:center;font-weight: bold; color:#444;
text-decoration: none;position:fixed;right:20px;display:none;bottom:54px;background-color:#FCBE2F;color:#FFF; z-index:1;}
.scrollToTop:hover{ background-color:#EF1C25;}
.scrollToTop i{ font-size:16px; text-align:center; line-height:30px; color:#fff;}
.alertify-message{ text-align:center;}