@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legen{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {width:100%; float:left;}
body{line-height:1; background:#ffffff; font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:400; font-size:13px }
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}.clearfix:after {clear:both;content:" ";display:block;
font-size:0;height:0;visibility:hidden}
a {text-decoration:none}
.clr, .clear{ clear:both}
*{ margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline:none}
select{-webkit-appearance: none;}
/* Hero */
/*----Header,menu----*/
.container { max-width:1205px;  width:100%; margin:0px auto;}
/**/
header{ padding:15px 0px}
section{ position:relative; margin-top: -50px;}
.homBan img{ width:100%; height:509px;  vertical-align: top;}
.forRow{ position:absolute; }
header .rft{ float:right; z-index: 1000; position: relative;}
header .rft .logo2 img{ width:100%;}


/*header .rig{ font-size:14px;font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:400; color:#333; padding-top:20px;}*/
header .rig strong{font-weight:600;}
.forRow .container{ position:relative;}
.forBox{  }
#genintouch_form{ float:left; position:absolute; top: 65px; right:0; border-radius: 12px;  width:100%; max-width:350px; padding:20px; z-index:9999;background-color: #292929; color: #fff; text-align:center}
#genintouch_form h3{font-size:22px;font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:500; color:#fff; padding-bottom:20px; text-align:center }
#genintouch_form .f_wid{ width:48%; margin-bottom:15px;}






#genintouch_form .f_wid textarea, #genintouch_form .f_wid select , #genintouch_form .f_wid input{border:0px;color: #3e3e3e;display: inline-block;font-family: "gotham",Arial,Helvetica,sans-serif;font-size: 13px;padding: 12px 15px; width:100%; height: 44px; border-radius:4px; font-weight:500; }
#genintouch_form .f_wid:nth-child(even) { float:right}
#genintouch_form .f_wid:nth-child(odd) { float:left}
#genintouch_form .f_wid.f_wid2, #genintouch_form .f_wid.subBut{ width:100%;}
#genintouch_form .f_wid textarea{ height:100px;}
#genintouch_form .f_wid select { -webkit-appearance: none; -moz-appearance: none; appearance: none;text-indent:0; background: #fff url(../images/arw_dwn.svg) no-repeat scroll 95% center;outline: medium none;}
#genintouch_form label{ color:#333; font-weight:500; padding-bottom:6px; display:block}
#genintouch_form label span{ color:#F00; font-size:17px; position:absolute}
#genintouch_form label em{ font-size:11px; font-style:italic }
#genintouch_form .f_wid.subBut{  margin-bottom:0;}
#genintouch_form .f_wid.subBut input{ background:#ff9900; border-radius: 3px; font-size:18px;font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:500; color:#fff; text-transform:uppercase; height:50px;}
.furnOff{ width:100%; position:absolute; bottom: 0;   text-align:left;  }
.furnOff .co-work{ width:61%;   text-align:center; }
.furnOff .co-work h1{ font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:400;color:#ffffff; line-height:30px; text-align:left; padding:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+80,ffffff+100&1+0,0+100,0+100,0+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 95%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.2) 95%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.2) 95%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ font-size:36px; line-height:23px;  font-weight:600;}
.furnOff .co-work h1 span strong{font-weight:500;font-size:17px; color:#557514;}
.furnOff .co-work h1 span{font-size:24px; line-height:40px;  font-weight:600;   color:#ffffff; }
.furnOff .co-work .marquee{ width:98%; margin:5px 0px 10px;font-size:16px; }
.furnOff .co-work p{ color:#fff}
/*.furnOff .co-work h1 span{ width:48%;font-size:30px;   }
.furnOff .co-work h1 span:nth-child(even) { float:right}
.furnOff .co-work h1 span:nth-child(odd){ float:left; border-right:1px solid #fff; width:49.6%; padding-left:2px;}*/
.servicee{ margin:  0; padding:30px 0px; background-color:#cecece;}

.servicee .servRow2 .container .facility{ max-width: 850px; float:left;}

.servicee .servRow2 .container .facility .facility-sect{border-radius: 12px; background-color: #ffffff; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.34); width: 390px; float: left; padding: 35px 5px 2px 18px; margin-top: 13px;margin-right: 20px; margin-bottom: 13px; min-height: 220px;}
  
.servicee .servRow2 .container .facility .facility-sect .lft{ width:20%; float: left; } 



.facility-sect h2 {
	font-size: 23px;
	text-align: center;
	padding: 0 0 20px;
	font-weight: 600;
	color: #000000;
}
/*.servicee .servRow2 .container .facility .facility-sect .lft h5 {
	font-size: 8px;
	text-align: center;
	padding: 10px 0 20px;
	
	color: #557514;
}*/ 
/*.servicee .servRow2 .container .facility .facility-sect .lft img{ width:100%;}*/
.servicee .servRow2 .container .facility .facility-sect .rft{  width:70%; float:right;}

.servicee .servRow2 .container .facility .facility-sect .rft h3{font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #5d5d5d; padding-bottom:14px;}
  
.servicee .servRow2 .container .facility .facility-sect .rft ul {
	min-height: 90px;
}
.servicee .servRow2 .container .facility .facility-sect .rft ul li {
	text-align: left;
	font-size: 14px;
	color: #2b384b;
	font-family: 'gotham', Arial, Helvetica, sans-serif;
	line-height: 19px;
	padding: 0px 10px 5px 26px;
	background: url(../images/bullets.png) no-repeat 5px 3px / 12px auto; font-weight: 400;
}

/*footer*/
.servRow{ position:relative;  text-align:center}
.servRow .servBox{ width:25%; float:left; padding-right:15px;}
 .servBox ul{ padding:10px 0px 20px;min-height: 225px;}
.servBox ul a{ display:block; }
.servBox ul a span{  padding-bottom:10px; display:block}
.servBox ul a span img{ min-width:70px;}
.servBox ul a p{font-size:22px;font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:500; color:#333; padding-bottom:10px}



.servBox ul li{ text-align:left; font-size:13px; color:#2b384b;font-family:'gotham', Arial, Helvetica, sans-serif; line-height:18px; padding:0px 10px 5px 30px; background:url(../images/bullet_services.svg) no-repeat 15px 8px / 10px auto;;}
/*footer*/
footer{ background-color:#ffffff; padding:25px 0; text-align:center}
footer p{ color:#626262; font-size:13px; font-weight:400;}
footer a{ color:#333; text-decoration:underline}
footer a:hover{ text-decoration:none }
/*.marquee p {color:#2b384b; font-size:15px; padding-bottom:15px;font-family:'gotham', Arial, Helvetica, sans-serif; font-weight:400; }
.marquee { width:65%;overflow: hidden; color:#fff; font-size:14px; margin: 0 auto; overflow: hidden;    white-space: nowrap;    box-sizing: border-box;    animation: marquee 40s linear infinite;line-height:20px;}

.marquee:hover {animation-play-state: paused}

@keyframes marquee {
    0%   { text-indent: 30.5em }
    100% { text-indent: -90em }
} Make it move */
.marquee {width:65%;overflow: hidden; color:#ff9000; font-size:14px; margin: 0 auto; overflow: hidden;   box-sizing: border-box;}
.erro_msg2{ width:160px; height:20px; position:absolute; color:#F00; font-weight:normal; text-align:right; margin-left:88px;}

.lft{float:left;}
.rig{float:right}
.img_cir{ width:140px; height:140px; border-radius:100px; background-color:#557514; margin:0px auto; margin-bottom:20px; padding:10px;}
.conbx{ border:1px solid #ccc; background-color:#f8f8f8; border-radius:10px; width:80%; padding:10px; margin-bottom:50px; 8argin-top:40px; margin-left:auto; margin-right:auto}
.conbx ul{ min-height:100px;}
.conbx h4{ font-size:16px; margin-top:10px; padding-bottom:10px; color:#557514}

.social-icon {clear: both; display:flex; align-items: center; padding-top: 16px; padding-left: 15px}
.social-icon span {font-size: 16px; color: #ffffff; line-height: normal; margin-right: 20px}
.social-icon .whatsapp-icon{padding-right: 12px;}
.social-icon .whatsapp-icon .whats-img {width: 30px; display:inline-block}
.social-icon .whatsapp-icon .whats-num b {text-align: left; font-size: 14px; color: #ffffff; margin-bottom: 0; font-weight: bold; display:block}
.social-icon .whatsapp-icon .whats-num span {display: block; text-align: left; color: #ffffff; font-size: 14px;}
.social-icon .whatsapp-icon .whats-num {font-family: 'opensans_lgt',Arial, Helvetica, sans-serif; padding-left:10px; display:inline-block}
.social-icon.text-center {justify-content: center}


@media screen and (max-width:1390px ){

#genintouch_form .f_wid {  margin-bottom: 10px;}
#genintouch_form h3{ padding-bottom:15px;}	
#genintouch_form .f_wid textarea {  height:80px;}
header { padding:10px 0;}	
header .lft a.logo img{ width:150px; height:auto }

.servRow { margin-top: -150px;}
.img_cir{ height: 105px; width:105px;}
.servBox ul a p{ font-size:18px;}
.servBox ul a span img{width:90px;}
.servBox ul {min-height: 90px;}
.servRow{ background-color:#fff; margin-top: -120px;}
.servRow .container{ margin-top:-65px;}



}

@media screen and (max-height:767px ){

#genintouch_form .f_wid {  margin-bottom: 10px;}
#genintouch_form h3{ padding-bottom:15px;}	
#genintouch_form .f_wid textarea {  height:80px;}
header { padding:10px 0;}	
header .lft a.logo img{ width:150px; height:auto }
/*.forRow{  top: -81px;}*/
.servRow { margin-top: -150px;}
.img_cir{ height: 105px; width:105px;}
.servBox ul a p{ font-size:18px;}
.servBox ul a span img{width:90px;}
.servBox ul {min-height: 90px;}
.servRow{ background-color:#fff; margin-top: -120px;}
.servRow .container{ margin-top:-65px;}





}



@media screen and (max-width:1220px){
.container{ padding:0px 20px; width:auto;}
.forRow{ top:-50px; padding:20px}
/*.servRow{ margin-top:40px}*/
.servRow{ background-color:#fff; margin-top: -90px;}
.homBan img{ width:100%; height:auto;  vertical-align: top;}

}

@media screen and (max-width:1150px){
	#genintouch_form .f_wid textarea, #genintouch_form .f_wid select, #genintouch_form .f_wid input{ height:40px; padding:10px;}
	.homBan{ min-height:inherit;}	
	.conbx{ width:100%;}
	.furnOff .co-work h1 {font-size: 32px;}
}
@media screen and (max-width:1024px){
.servRow { margin-top: -70px;}
.forRow{ top:-101px; }

.servicee .servRow2 .container .facility .facility-sect {width: 300px;}
.servicee .servRow2 .container .facility .facility-sect .rft {width: 67%;}

#genintouch_form {top: 125px;}
.furnOff .co-work h1 {font-size: 25px;}
.furnOff .co-work h1 span {font-size: 20px;line-height: 30px;}
.servicee .servRow2 .container .facility .facility-sect .rft h3 {font-size: 16px;}
.servicee .servRow2 .container .facility .facility-sect .rft ul li {font-size: 14px;}
.servicee .servRow2 .container .facility .facility-sect {padding: 35px 6px 2px;}
}
	

@media screen and (max-width:960px){
.forRow,  .forBox	{ position:static; top:auto; background:#005239; max-width:inherit}
/*.furnOff{ position:static}
.furnOff { background-color: rgb(0, 77, 55);}*/
.furnOff .co-work{ width:100%;}
.furnOff .co-work h1{ line-height:30px}
.servRow .servBox{ width:48%; margin-top:30px;  padding-right:0px;}
.servRow .servBox:nth-child(even) { float:right}
.servRow .servBox:nth-child(odd) { float:left}
.forRow, .forBox{ padding:20px 0px}
.servBox ul li:last-child{ padding-right:0px;}
.servBox ul { padding-left: 0;}
.marquee { width:80%;}
footer .fotBox a, footer .fotBox span{ margin-bottom:10px;}
.servBox ul li{font-size:14px; background-size:15px auto; padding-left:40px;}
/*.furnOff .co-work h1 span {  font-size:20px; line-height:30px;}*/
.furnOff .co-work h1 strong{ font-size:22px;}
.furnOff .co-work h1 span:nth-child(odd){ width:48%; }
header .rig{ width:100%; text-align:center}
.container {  padding: 0 15px;}
.conbx{ width:95%;}
.servRow {  margin-top: 0;}
.conbx{ margin-bottom:0px;}
/*section{ padding-bottom:50px;}*/
#genintouch_form .f_wid select{ background-position: 96% center;}
#genintouch_form .f_wid.f_wid2 select{ background-position: 98% center}
.servRow .container{ margin-top:0px;}

.forRow, .forBox {	position: static;	top: auto; background-color:transparent;	max-width: inherit;}
.forRow, .forBox {padding: 0px 10px;}
.servicee .servRow2 .container .facility .facility-sect {width: 400px;}
.servicee .servRow2 .container .facility {max-width: 775px;}
.servicee .servRow2 .container .facility .facility-sect .rft h3 {font-size: 14px;}
.servicee .servRow2 .container .facility .facility-sect .rft ul li {font-size: 12px;}
}


@media screen and (max-width:580px){
.servRow .servBox{ width:100%;}
#genintouch_form .f_wid{ width:100%;}	
#genintouch_form .f_wid textarea { height:100px;}
.servBox ul{min-height: inherit;}
.furnOff .co-work h1 span{ width:100%;}
.furnOff .co-work h1 span:nth-child(odd){ width:100%; padding-bottom:10px; border:0px;}
.furnOff, .forRow{ padding:15px 0px}
.furnOff .co-work h1 span{ font-size:24px;}

#genintouch_form .f_wid select{ background-position: 98% center;}
header .lft a.logo img {width: 90px;}
header .whatsapp-show .whatsapp-icon .whats-img {width: 24px;}
header .whatsapp-show .whatsapp-icon .whats-num span {font-size: 12px;}
header .whatsapp-show .whatsapp-icon .whats-num b {font-size: 12px;}
header .whatsapp-show .whatsapp-icon {padding-right: 8px;}
.social-icon span {margin-right: 15px;}
.social-icon {padding-left: 0;}

}


@media screen and (max-width:768px){
.servicee .servRow2 .container .facility .facility-sect {width:380px;}
.servicee .servRow2 .container .facility .facility-sect .rft {width: 70%;}
.servicee .servRow2 .container .facility .facility-sect .rft h3 {font-size: 20px;}
#genintouch_form {top: 46px;}
.forRow, .forBox {	position: static;	top: auto; background-color:transparent;	max-width: inherit;}
.forRow, .forBox {padding: 0px 10px;}
.servicee .servRow2 .container .facility {max-width: 465px;}
.servicee .servRow2 .container .facility .facility-sect {width: 300px;}
header .rft a.logo2 img {width: 90px;height: auto;}
section {position: relative;margin-top: -40px;}

.facility-sect h2 {font-size: 18px;}
}

@media screen and (max-width:767px ){.servicee .servRow2 .container .facility .facility-sect .rft {width: 62%;}
#genintouch_form {
	
	max-width: 318px;
	
}
}
@media screen and (max-width:719px ){
section {position: relative; margin-top: 0px;}
header .rft a.logo2 img {width: 50px;height: auto;}
}

@media screen and (max-width:640px){
.furnOff .co-work h1 {	line-height: 20px; font-size: 20px; padding:16px 15px;}
.furnOff .co-work h1 span {font-size: 13px;}
.servicee .servRow2 .container .facility .facility-sect {width: 100%;}


#genintouch_form {position: static; max-width: 620px;}
#genintouch_form .f_wid.subBut input {font-size: 14px;}
.forRow, .forBox{ padding:10px 0px;}

.servicee .servRow2 .container .facility .facility-sect .rft {width: 65%;}
.servicee .servRow2 .container .facility .facility-sect .rft h3 {font-size: 14px;}
.servicee .servRow2 .container .facility .facility-sect .rft ul li {font-size: 12px;}

.furnOff{top:0px;}
.furnOff, .forRow{ padding:15px 0px}
.forRow, .forBox {width: 100%;}
}

@media screen and (max-width:320px){

.furnOff .co-work h1 {	line-height: 20px; font-size: 20px; }
.furnOff .co-work h1 span {font-size: 16px;line-height: 22px;}

.furnOff { top: 0px; }
.servicee .servRow2 .container .facility .facility-sect .rft {width: 67%;}
.furnOff, .forRow { padding: 0px 0px; }
#genintouch_form {position: static;max-width: 290px;}
#genintouch_form .f_wid.subBut input {font-size: 14px;}
 }