@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed|Open+Sans|Oswald&display=swap');
/*  font-family: 'Open Sans', sans-serif ;
    font-family: 'Oswald', sans-serif ;
    font-family: 'Barlow Condensed', sans-serif ;
*/


*, html, body, div, dl, dt, dd, ul,ol,li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
ul{list-style:none}
section, header, footer {padding: 0em 0;}
*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}

body{font-family: 'Open Sans', sans-serif; font-size:16px;  margin:0; padding:0; background:#FFF; color:#5b5b5b; text-transform:uppercase}
.cl{clear:both;} .fl{float:left!important;} .fr{float:right!important;} .nd{display:none}
img{border:0;} /*a img{opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}*/
a{text-decoration:none; color:#505050; -o-transition:color 0.3s ease-out, background 0.3s ease-in; -ms-transition:color 0.3s ease-out, background 0.3s ease-in; -moz-transition:color 0.3s ease-out, background 0.3s ease-in; -webkit-transition:color 0.3s ease-out, background 0.3s ease-in; transition:color 0.3s ease-out, background 0.3s ease-in;} a:hover{color:#000;} 

/*img, embed, object, video {max-width:100%;}*/ 

.tint img{max-width:100%; opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}

h1,h2,h3,h4,h5,h6{ font-weight:normal}

h1{text-align:center; font-family: 'Oswald', sans-serif; font-size:38px; color:#30af55; /*margin-bottom:10px;*/ padding-bottom:20px; /*border-bottom:1px dotted #a4a3a3*/}
h1.whi{color:#FFF; border-color:#FFF} 
h2{font-size:30px; font-family: 'Oswald', sans-serif; color:#FFF; margin-bottom:20px; /*text-shadow: 1px 1px 1px #000;*/} 

::selection{background:#30af55;color:#FFF;}::-moz-selection{background:#30af55;color:#FFF;}::-webkit-selection{background:#30af55;color:#FFF;}

.bg1{/*min-height:100vh;*/ background:url(../images/cov1.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover; }
.bg2{background-color:rgba(0,0,0,0.5); border:dotted #000; border-width:1px 0 1px 0; margin-top:50px;}
.bg3{ color:#FFF; background:url(../images/cov2.jpg) no-repeat top center fixed ; 
-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover; }
.bg4{ color:#FFF; background:url(../images/cov3.jpg) no-repeat top center fixed ; 
-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover; }
.bg5{background-color:#30af55; text-align:center}
.bg6{background-color:#f2f2f2; }

.main{max-width:1200px; margin:0 auto;}
.sub{width:100%;} .two{width:50%; float:left} .three{width:33%; float:left;} .four{width:25%; float:left} .tint{width:100%;}  .ptb{}

.logo{  padding:20px 0 ; max-height:20px; /*background-color:rgba(255,255,255,0.8)*/}
.gap1{height:20px;}

.bannerText{padding:30px; font-family: 'Oswald', sans-serif;  letter-spacing:2px; color:#FFF;  background-color:rgba(0,0,0,0.5); border:1px dashed #000; outline:2px dashed #FFF; text-align:center; }

.why{padding:0 25px;}
.why:hover .whyPic img{transform: scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}
.whyPic, .whyPic img{border-radius: 50%;}
.whyTitle{/*background:#f3f3f3; border:dashed #a4a3a3; border-width:1px 0;*/ text-align:center; margin:25px 0; padding:15px 0; font-size:18px; text-transform:uppercase;font-family: 'Oswald', sans-serif;}
.whyPic{overflow:hidden!important;}
.why:hover .whyTitle{color:#30af55}

.work{padding:0 25px;}
.work:hover .workPic img{transform: scale(0.75,0.75);-webkit-transform:scale(0.75,0.75);-moz-transform:scale(0.75,0.75);-ms-transform:scale(0.75,0.75); -o-transform:scale(0.75,0.75);}
.workTitle{background:#FFF; border:dotted #FFF; border-width:0px 0; text-align:center;margin:25px 0; padding:15px 0;  font-family: 'Oswald', sans-serif;  font-size:25px; color:#000}
.work:hover .workTitle{color:#797979}
.workPic{padding:0 35px;}

.cont{text-align:center; line-height:25px}
.moreBtn1 a{padding:10px; display:table; margin:40px auto 0px auto; font-size:14px; line-height:inherit; background:#000;  border:1px solid #FFF; color:#FFF; }
.moreBtn1 a:hover{ background-color:rgba(0,0,0,0.5); color:#FFF; border:1px solid #FFF;}

.moreBtn2 a{padding:5px 10px; display:block; float:left;  margin:0px 0 0 0px; font-size:12px; line-height:inherit; background:#666;  border:1px solid #FFF; color:#FFF; 
-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
.moreBtn2 a:hover{ background-color:rgba(0,0,0,0.5); margin:0px 0 0 8px; color:#FFF; border:1px solid #FFF;}
.moreBtn2 a:before{ content:""; position:absolute; width:8px; height:27px; margin-top:-5px; margin-left:-18px; background-color:rgba(48,175,85,0);-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;}
.moreBtn2 a:hover:before{ content:""; position:absolute; width:8px; height:27px; margin-top:-5px; margin-left:-18px; background-color:rgba(48,175,85,1);}

.featMain{ background:#dadada; }
.featMainPic{overflow:hidden!important;}
.featMain:hover img{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}
.featMainTitle{ transition: all 0.2s ease-in-out 0s;  padding:10px 0px; font-family: 'Oswald', sans-serif; font-size:25px; text-align:center;  color:#333}
.featMain:hover .featMainTitle{ color:#000}

.hContact{ margin-bottom:30px}
.hMap iframe{ height:350px;}


.footerLogo{display:table; margin:0 auto; text-align:center; padding:10px ;/* background:#FFF*/}
.copy{font-size:12px; color:#FFF; display:block; padding:10px 0;  }
.copy{width:100%; text-align:center}
.copy a{color:#FFF}
.copy a:hover{color:#999}

.footer{line-height:25px; margin-bottom:20px; font-size:16px;color:#FFF; text-align:left }.footer img{margin-right:5px;}
.footer a{color:#FFF} .footer a:hover{color:#000}.footer span{display:inline-block; width:90px;}
.copy{font-size:14px; display:block; margin-top:30px; padding-top:25px; border-top:1px solid #FFF; text-align:center; color:#FFF}
.copy img{margin:10px 3px}

.whatsapp {z-index:9999}
.whatsapp{position:fixed; background:#36bc49; padding:10px; top:45%; right:0;}
.whatsapp a{color:#FFF}

.hSubSliding{} .hSubSlidingTitle{ padding:15px 0; font-family: 'Oswald', sans-serif; font-size:24px; color:#333;text-transform:uppercase}

.hSubSlidinglist{}
.hSubSlidinglist li{display:block; padding:4px 0; margin-left:20px; }
.hSubSlidinglist li:before{ content:""; position:absolute; width:8px; height:8px; margin-top:3px;  margin-left:-19px;background:#076b8d}
 
.hSubSlidinglist li a{color:#F00}
 
.homehl{text-align:center;  font-family: 'Barlow Condensed', sans-serif; font-size:20px; color:#FFF}
.homehlHead{border:0px solid #FFF; font-size:80px;/*background:#26a9b2;width:200px; height:200px;  margin:0 auto 30px auto;*//* padding:70px 30px; border-radius: 50%; font-weight:bold;  box-shadow: 0px 0px 20px #17656c;*/}
.homehlTitle{ font-size:20px; padding-bottom:10px;}
/*.homehl:hover .homehlHead{box-shadow: 0px 0px 5px #17656c;}*/

.catalogueBtn{ /*background:#309;*/ position:absolute; top:46.9%; display:block; padding:5px 10px; font-size:18px; color:#CCC}
.catalogueBtn:hover{cursor:pointer; color:#FFF}
.catalogueBtn.cn{margin-left:15px;}
.catalogueBtn.cp{ margin-left:-80px; text-align:left}

.contactForm { font-weight:bold; padding-top:30px;}
.contactForm input{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 0 14px 4px;border:#bbbbbb solid 1px; }
.contactForm textarea{width:100%; height:120px; margin:5px 0 15px 0; padding:13px 0 14px 4px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:5b5a5a; }
.contactForm span.ValidationErrors {display:inline-block; color:#cf0000; padding:0 5px 0 0; margin-bottom:20px; font-size:12px; padding-left:0px; }

.captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px;color:#454444; }
.captcha input[type="text"]{float:left; height:38px; width:150px; padding:8px 5px;font-size: 15px; text-align:center; border:#d6d4d1 solid 1px;}
.contactForm .captcha input[type=submit]{width:71px; height:38px; background:url(../images/sbtn.png) top no-repeat; display:block; margin-left:10px; border:0; cursor:pointer; float:left}
.contactForm .captcha input[type=submit][disabled=disabled],button[disabled=disabled] {background-position:bottom; cursor:default;}
.contactForm .captcha input[type=submit]:disabled,button:disabled{background-position:bottom; cursor:default}

.reserve1sub{padding:0 10px 0 0px}

.map iframe{height:350px;}

.contact{text-align:center; padding:20px;}
.contactTitle{padding-bottom:5px; font-size:24px; margin:0; margin-top:20px; }
.contactIcon{background:#076b8d; width:150px; height:150px; border-radius: 50%; margin:0 auto}
.contactIcon img{}

.menuLine{font-size:50px;cursor:pointer; color:#FFF}

.split{/*background:#30af55; color:#FFF; */ text-align:center;padding:20px;}
/*.split h2{border-bottom:1px solid #FFF; padding-bottom:10px; margin-bottom:10px;}*/

.list { margin-top:0px; font-family: 'Barlow Condensed', sans-serif; font-size:18px; text-align:center} .list ul{list-style:none} 
.list ul{display:flex; flex-wrap:wrap}

.list span{background:#30af55; color:#FFF; padding:5px; font-size:22px;  display:block;   }
.list li{display:block; padding: 5px; margin:15px 0; vertical-align:middle;   }
.list li img{margin-bottom:2px; width:100%;}

.contactForm { font-weight:bold; padding-top:30px;}
.contactForm input{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 0 14px 4px;border:#bbbbbb solid 1px; }
.contactForm textarea{width:100%; height:120px; margin:5px 0 15px 0; padding:13px 0 14px 4px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:5b5a5a; }
.contactForm span.ValidationErrors {display:inline-block; color:#cf0000; padding:0 5px 0 0; margin-bottom:20px; font-size:12px; padding-left:0px; }

.captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px;color:#454444; }
.captcha input[type="text"]{float:left; height:38px; width:150px; padding:8px 5px;font-size: 15px; text-align:center; border:#d6d4d1 solid 1px;}
.reserveForm input[type=submit]{ float:left; width:100px; background:#39b0e7; color:#FFF; padding:10px 0px; display:block; margin-left:10px;  border:0; cursor:pointer; }
.reserveForm input[type=submit][disabled=disabled],button[disabled=disabled], .reserveForm2 input[type=submit]:disabled,button:disabled {background:#09F; color:#FFF}

.contact{line-height:30px; text-align:left}
.contact i {width:30px; }

.map{}
.map iframe{ height:300px;}

.projectsMain{display:flex; flex-wrap:wrap}
.projectsSub{padding:10px;}
.projectsSub img{width:100%;}

@media only screen and (min-width:240px){/* Mob V*/.main{padding-left:20px; padding-right:20px;} .ptb{padding:10px 0;} 
	.logo{display:table; margin:0 auto}
	.bannerText{font-size:20px;}
	.bannerText{display:table; margin:30px auto;}
	.featMain{width:100%; margin-bottom:10px}
	.topPosition{/*background-color:rgba(82,24,65,1);*/ background:#FFF; /*box-shadow: 0px 1px 1px #cccccc;*/}
	.hSubSliding{width:calc(100%);  margin:5px;}
	.contact{width:calc(100%);}
	.split{width:calc(100%); margin-bottom:10px;}
	.list li{width:100%);}
}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/
	.why, .work{width:-webkit-calc(50%); width: -moz-calc(50%); width: -o-calc(50%); width:calc(50%);  float:left;}
	.contact span{width:70px; display:inline-block}
	.list li{width:50%);}
}
@media only screen and (min-width: 768px){ /* Tab V*/
	.bannerText{font-size:30px;}
	.bannerText{display:table; margin:70px auto 0px auto;}
	.featMain{margin:10px; width:-webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: -o-calc(50% - 20px); width:calc(50% - 20px);float:left;}
	.hContact{width:-webkit-calc(33.333%); width: -moz-calc(33.333%); width: -o-calc(33.333%); width:calc(33.333%);padding:0 20px;  float:left; margin-bottom:0px}
	.hMap{width:-webkit-calc(66.666%); width: -moz-calc(66.666%); width: -o-calc(66.666%); width:calc(66.666%); padding:0 20px; float:left}
	.hSubSliding{width:calc(33.3333333% - 20px); float:left;  margin:10px;}
	.hm .hSubSliding{width:calc(16.66666666666666% - 20px); float:left;  margin:10px;}
	.hm .hSubSlidingTitle{font-size:18px!important; }
	.homehl{width:calc(33.33333333333333333%);  float:left}
	.contactForm .sub{width:49.3%;}
	.contactForm .sub.one{float:left;}
	.contactForm .sub.two{float:right;}
	.contact{ font-size:16px; width:50%; float:left;}
	.footer{width:calc(50%); float:left; padding:0 10px;}
	.split{width:calc(50% - 20px); margin:10px; float:left}
	.projectsSub{width:calc(50%);}
}
@media only screen and (min-width: 992px){/* Tab H*/
.logo{float:left}
.topRight{margin-top:10px; float:right}
	.work {width:calc(25%); }
	.why {width:calc(20%); }
	.work.work1{ width:calc(33.333333333333333333333333%); }
	.featMain{width:-webkit-calc(33.33333% - 20px); width: -moz-calc(33.33333% - 20px); width: -o-calc(33.33333% - 20px); width:calc(33.33333% - 20px);  }
	.topPosition{background-color:rgba(255,255,255,0.9); /*background:#FFF;*/ position:fixed; border-bottom:0px  dotted #CCC; z-index:100; box-shadow: 0px 0px 10px #CCC;}
	.list li{width:calc(33.33333333333333%);  }
	.footer{width:calc(33.3333333333333333333333%); } 
	.footer.med{width:calc(20%); padding-right:30px; }
	.footer.lar{width:calc(30%); padding-right:30px; }
	.projectsSub{width:calc(25%);}
	
}
@media only screen and (min-width: 1200px){/*Desktop*/.main{padding-left:0px; padding-right:0px;} .ptb{padding:40px 0; } 
}






/*<div class="cl isMov isMoh isTav isTah isDec "></div>
<div class="cl noMov noMoh noTav noTah noDec "></div>*/

@media only screen and (min-width:240px){/* Mob V*/ .isMov{display:block} .noMov{display:none}}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/.isMoh{display:block} .noMoh{display:none}}
@media only screen and (min-width: 768px){ /* Tab V*/ .isTav{display:block} .noTav{display:none}}
@media only screen and (min-width: 992px){/* Tab H*/.isTah{display:block} .noTah{display:none}}
@media only screen and (min-width: 1200px){/*Desktop*/.isDec{display:block} .noDec{display:none}}