charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url('https://fonts.googleapis.com/css?family=BenchNine:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');


@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/pt_sans-web-bold_0-webfont.eot');
    src: url('fonts/pt_sans-web-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-bold_0-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-bold_0-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-bold_0-webfont.ttf') format('truetype'),
         url('fonts/pt_sans-web-bold_0-webfont.svg#pt_sansbold') format('svg');
}
@font-face {
    font-family: 'kameronregular';
    src: url('fonts/kameron-regular.eot');
    src: url('fonts/kameron-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/kameron-regular.woff2') format('woff2'),
         url('fonts/kameron-regular.woff') format('woff'),
         url('fonts/kameron-regular.ttf') format('truetype'),
         url('fonts/kameron-regular.svg#kameronregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kameronbold';
    src: url('fonts/kameron-bold.eot');
    src: url('fonts/kameron-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/kameron-bold.woff2') format('woff2'),
         url('fonts/kameron-bold.woff') format('woff'),
         url('fonts/kameron-bold.ttf') format('truetype'),
         url('fonts/kameron-bold.svg#kameronbold') format('svg');
}
body::before {content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3); z-index: 100;}
body{background: #ffffff;  margin:0px; padding:0px;}
p{font-family: 'Montserrat', sans-serif; margin:0px; padding:0px 0px 15px 0px; line-height:24px; font-size:14px; color:#727272;}
p span{font-weight:bold;}
#page-wrap {width:960px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#2B84C6;}
a:hover, a.selected {text-decoration:none; color:#333333;}
a:focus{outline:none;}
ul {list-style:none;}
li {list-style:none;}
h1{background:url(../images/about_line.jpg) no-repeat center 110px; display: inline-block; padding: 50px 0px 50px 0px; font-size:32px; color:#1F4363; text-align:center; 
    font-family: 'Montserrat', sans-serif; font-weight: 300; margin-top:0; }
h1 span{ font-weight: 500; }
.txtcenter{text-align:center;}
h2{font-size:45px; color:#00769f; text-align:center; margin-bottom:20px; 
	font-family: 'Montserrat', sans-serif; margin-top:0; padding: 25px 0px 0px 0px; font-weight: 300;}
h2 span{font-weight: 600;}
h4{font-size:16px; color:#000; margin-bottom:15px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:bold;}
.h3 img{background: #f0f0f0; border: 0 none; margin-top: 15px; padding: 0 10px;}
.textcenter{text-align: center;}
.textright{text-align: right;}
button { overflow: visible; border: none; background: none;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Top Area Strat ------- */
.headertop{position:absolute; width:100%; z-index:999; background: rgba(0, 118, 159, 0.8);}
.header{position:relative; width:100%;}
.logo{position:absolute; margin:0 auto; left:42%; top:0px; z-index:9999999999;}
.socialicon{margin:10px 30px 0 0; padding:0px;}
.socialicon ul{margin:0px; padding:0px;}
.socialicon ul li{float:right; margin:0 8px;}
.socialicon a{color: #ffffff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 14px;}

.inquiry a{background:url(../images/top_mail_left.png) no-repeat 20px center; color:#FFFFFF; text-align:left; float:left;
 padding-left:45px; margin-top:10px; display:inline-block; font-size:12px; font-family: 'Open Sans', sans-serif;}
.calltop{font-size:12px; font-family: 'Open Sans', sans-serif; color:#FFFFFF; text-align:left; float:left; 
background:url(../images/top_phone.png) no-repeat left center; padding-left:25px; margin-top:10px; margin-left:23px; display:inline-block;}

/* ------- Top Area End ------- */

/* ------- Navigation Area Strat ------- */

.navigation ul.nav a{margin-top:20px; padding:0px; width:100%; text-align:center; color: #ffffff; text-transform: uppercase;}
.navigation ul{margin:0px; padding:0px; display:inline-block;}
.navigation ul li{font-size:15px; color:#606062; margin:0 20px; float:left;}
.navigation ul li a{color:#606062; font-family: 'Montserrat', sans-serif; font-weight: 500; text-shadow:none;}
.navigation ul li:hover a, .navigation ul li.selected a{color:#000000!important; text-shadow:none; font-weight: 500;}
.liwidth{width:100px; height:10px; display:block;}
.liwidth1{width:260px; height:10px; display:block;}
.navbar-collapse{padding-left:0px;}
.navbar{margin-bottom: 10px;}
/* ------- Navigation Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */

.hmbanner{height:auto; overflow:hidden; background-color: white;}
.hmbanner img{max-width:100%; left:0; object-fit: cover;
   opacity: 0.4;}
.hmcnttop{background:url(../images/about_bg.png) no-repeat 55px 310px #FFFFFF; padding-bottom:30px; padding-top:80px;}
.hmcnt{ background-color: #ffffff; }


.projectbox{background:none; }
.projectbox .title{font-family: 'Montserrat', sans-serif; font-size:25px; color:#333333; padding:15px 0px 0px 0px; font-weight:normal; text-align: center;}
.projectbox .projectboxleft{text-align:center; width:100%; display:hidden; font-family: 'Open Sans', sans-serif; font-size:12px; color: #333333; text-transform: uppercase; }

.projectbox .bgtopgradient{background:radial-gradient(#9D9D9D, #818181); padding: 10px 0px;}
.projectbox .projectboxtoptext{text-align:center; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #ffffff; 
text-transform: uppercase; letter-spacing:4px; padding-bottom: 10px; font-weight: bold;}
.projectbox .projectboxtoptext span{border-bottom: 1px solid #cccccc; line-height: 15px;}
.projectbox .projectboxlocation{text-align:center; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 16px; color: #F1DC92;}

.projectbox .projectboxleft p{font-size:12px; font-weight:bold; color:#000; font-family: 'PT Sans', sans-serif;}
.projectbox .projectboxleft p span{font-weight:normal; font-family: 'PT Sans', sans-serif;}
.projectbox .projectboxright{float:left; padding:0px; width: 100%;}
.projectbox .projectboxright img{ width: 100%; height: auto;}
.pastprojects{margin:0px; padding-left:15px; padding-bottom:0px;}
.pastprojects ul{margin:0px; padding:0px;}
.pastprojects ul li{border-right:1px dashed #bfbfbf!important; float:left; padding-right:50px; width:230px; margin-right:50px; min-height:140px;}
.pastprojects ul li p{text-align:left; font-size:14px; color:#000; line-height:30px;}
.pastprojects ul li:last-child{border:none; margin-right:0px;}

/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */
.whyusbg{background:url(../images/whyus_bg.jpg) center top fixed #114478;  padding:180px 0px 0px 0px;}
.whyusbg h1{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 55px; font-weight: 700; color: #00769f; padding: 0px 0px 20px 0px; margin: 0px; text-align: center;}
.whyusbg h3{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 25px; font-weight: 700; color: #00769f; padding: 0px 0px 10px 0px; margin: 0px;}
.whyusbg p{font-family: 'Open Sans', sans-serif;  font-size: 15px!important; line-height: 25px!important; font-weight: 400; color: #00769f!important; padding-bottom: 40px;}


.innerbanner{overflow:hidden; position:relative;  background-color: #ffffff; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; text-align: center;}
.innerbanner img{vertical-align: middle; width: 100%; background-size: cover; min-height: 100%;}
.bannertxt{background:#16abb5; color: #fff; display: inline-block; margin-top: -120px; position: absolute; z-index: 9999; padding:5px 10px; font-size:28px; font-family: 'BenchNine', sans-serif; line-height:28px;}
.incnttop{background:#fff;}
.incnttop h1{background: none; display: inline-block; font-size:45px; color:#204363; text-align:center; font-family: 'Montserrat', sans-serif; margin-bottom:0px; width: 100%}
.incnttop h1 span{background:none; display: inline-block; padding: 20px 0 15px 0; text-align: center; margin: 0px auto;}
.incnt{min-height:400px; padding-top:40px;}

.yearsabout{padding-bottom: 50px;}
.yearsabout h2{display: inline-block; font-size:45px; color:#00769f; text-align:center; margin-bottom:20px; 
    font-family: 'Montserrat', sans-serif; margin-top:0; display: inline-block; padding: 25px 0px 0px 0px; font-weight: 300;}
.yearsabout h2 span{font-weight: 600;}

.paddbtm20{ padding:0px 0px 20px 0px; border-bottom:#e4e4e4 solid 3px;}

.imgleft{ float:left; width:20%;}
.imgleft img{ width:100%;}
.imgleftrightimgcontent{ float:right; width:77%;}

.innerpadd{ padding:24px 0px;}
.boxwith{ background:#ffffff; border-bottom:none; padding:30px 15px;}
.innerpagearea h1, .innerpagearea h2, .innerpagearea h3{ text-align:left;}
.innerpagearea h2{ font-size:20px;}
.innerpagearea h2 span{ padding:0px;}
.inner{ padding-top:40px; margin-bottom:100px;  }
.inner h1{ font-size:32px; color:#474747; font-weight:200; text-align: left; margin-bottom:30px; font-family: 'Open Sans', sans-serif; background:none; padding: 0px; display: block;}
.inner h1 span{ color:#00769f; font-weight:bold;}
.inner h2{ font-size:20px; color:#474747; font-weight:500; text-align: left; margin-bottom:15px; font-family: 'Open Sans', sans-serif;}
.inner p{ font-size:15px; color:#868686; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height: 32px; }
.inner ul.dots{ float:left; padding-left: 10px;}
.inner ul.dots li{ background:url(../images/lidots.png) left 13px no-repeat;  font-size:15px; color:#868686; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height: 32px; padding-left:20px;}
.inner .linedots{ border-bottom:1px dashed #bbbbbb; padding:10px 0px 10px 0px; margin:10px 0px 50px 0px;}
.inner .width100{width: 100%;}
.inner .breadcum{ font-size: 12px; color: #333333; font-family:'Open Sans', sans-serif; padding-top:10px; text-align: right; font-weight: bold;  }

.inner_banner{ margin-bottom:40px; position:relative; margin: 0px auto; text-align: center;}
.inner_banner img{width: 100%;}

.hedding h2{ display:block; padding-right:0px; margin:0px 0px 10px 0px; text-align:left;}
.hedding h2 span{ background:#ffffff; padding:0px 10px 0px 0px; display:inline-block;}
.incnt .hedding h2 span{background:#f0f0f0;}
.btn1{-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0 3px rgba(53,53,53,.03);
	-moz-box-shadow: 0 0 0 3px rgba(53,53,53,.03);
	box-shadow: 0 0 0 3px rgba(53,53,53,.03);
	border: solid 1px #c7c7c7;
	background-image: -webkit-linear-gradient(bottom, #f2f2f2, #fff 50%);
	background-image: -moz-linear-gradient(bottom, #f2f2f2, #fff 50%);
	background-image: -o-linear-gradient(bottom, #f2f2f2, #fff 50%);
	background-image: -ms-linear-gradient(bottom, #f2f2f2, #fff 50%);
	background-image: linear-gradient(to top, #f2f2f2, #fff 50%); padding:0px 10px; line-height:16px; color:#000000;}
	.btn1 span{ float:left; display:inline-block;}
.btn1 span.btnarrow{ border-left:#cccccc solid 1px; display:inline-block; float:right; background:url(../images/arrow_bg.png) no-repeat center center; width:15px;  margin-left:10px;}
.btn1 span, .btn1 span.btnarrow{ padding:5px 10px 3px 10px; height:28px;}
.btn1 span{ padding-left:3px; padding-right:3px;}
.marginright15{ margin-right:15px; margin-right: 15px;}
.fnt14, .fnt14 p{ font-size:14px; line-height:18px;}

.boxgreayarea .imggreaybox{ text-align:center;}
.boxgreayarea .imggreaybox img{ width:100%;}
.boxgreayarea .contentgreaybox{ background:#f0f0f0; font-size:13px; color:#000000; padding:20px;}
.boxgreayarea .contentgreaybox p{ font-size:13px; padding:0px; margin:0px; color:#000000;}
.boxgreayarea .contentgreaybox h5{font-family: 'kameronregular'; color:#333333; font-size:16px; margin:0px; padding:0px 0px 8px 0px; font-weight:normal;}
.boxgreayarea .contentgreaybox h5 span{ display:block; color:#0d868e; font-family: 'PT Sans', sans-serif; font-weight:bold; font-size:13px; font-weight:normal; padding:6px 0px 0px 0px;}

.innerbtmarea{ padding:20px 0px 0px 0px;}
.greyh123 .hedding h2{ color:#353535;}
.greyh123 .hedding h2 span{ background:#f0f0f0;}
.fnt16, .fnt16 p{ font-size:16px;}
p.last_p{ padding-bottom:0px; margin-bottom:0px;}
.greyh123 .hedding h2{ color:#353535;}
.greyh123 .hedding h2 span, .h1center h1.greaybgh1 span{ background:none;}
.fnt16, .fnt16 p{ font-size:16px;}
p.last_p{ padding-bottom:0px; margin-bottom:0px;}

.h1center h1{ display:block; background:none; background:none; width:60%; margin:20px auto; text-align:center;}
.h1center h1 span{ padding:0px 30px; background:#ffffff; display:inline-block;}
.paddtopnone{ padding-top:0px!important;}


.pastprojectsarea .h1center h1{ display:block; background:none; background:none; width:60%; margin:20px auto; text-align:center;}
.pastprojectsarea .h1center h1 span{ padding:0px 30px; background:none; display:inline-block;}
.pastprojectsarea h2{ background:none; display:block; padding-right:0px; margin:0px 0px 10px 0px; text-align:left; font-family: 'Montserrat', sans-serif; font-size: 30px;}
.pastprojectsarea h2 span{ background:#ffffff; padding:0px 10px 0px 0px; display:inline-block;}
.pastprojectsarea ul{ padding-bottom:20px; padding-left: 0px;}
.pastprojectsarea ul li{ background:url(../images/dots.png) no-repeat left center; padding:10px 0px 10px 20px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.pastprojecbox h3{ background:none; font-size:18px; color:#0b8188; font-family: 'PT Sans', sans-serif; font-weight:bold; border-bottom:#959595 solid 1px; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;}
.pastprojecbox ul{ padding-bottom:20px;}
.pastprojecbox ul li{ font-size:14px; color:#202020; padding:0px 0px 10px 0px;}
.pastprojecbox ul li:last-child{ padding-bottom:0px;}
.pastprojecbox ul li a{color:#202020;}

.residentialprojectsarea .residentialprojectsareatab li{ font-size:16px; display:inline; float:none!important;}
.residentialprojectsarea .residentialprojectsareatab li span{ display:inline-block!important; border:#f0f0f0 solid 1px;}
.residentialprojectsarea .residentialprojectsareatab li span.active{ background:none!important; border:#292929 solid 1px; color:#292929!important;}
.residentialprojectsarea .residentialprojectsareatab{  text-align:center;}

.projectimg{outline: 1px solid #ffffff; outline-offset: -8px;}
.projectborder {border-bottom: 1px dashed #cccccc; padding: 0px 0px 50px 0px; margin: 0px 0px 50px 0px;}

.testimonialsbg{background:url(../images/bg_testimonials.jpg) no-repeat top center fixed #498B8A;
background-position: center top; background-size: cover; padding:50px 0px 150px 0px;}
.testimonialsbg h2{font-size:45px; color:#ffffff; text-align:center; margin-bottom:20px; 
	font-family: 'Montserrat', sans-serif; margin-top:0; padding: 50px 0px 10px 0px;}
.testimonialsbg	p{font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 25px; font-style: italic; font-weight: normal; color: #ffffff; text-align: left;}
.testimonialsbg .testimonialspading{background:url(../images/testimonials_bg.png) no-repeat 55px 30px; padding-right: 35px; padding-left: 0px;}
.testimonialsbg	.nametestimonials{font-family: 'Open Sans', sans-serif; font-size:16px; color: #7DC0D3; text-align: left;}

.industrybg{background:#00769f; background-size: cover; padding:80px 0px 100px 0px;}
.industrybg h2{font-size:45px; color:#ffffff; text-align:center; margin-bottom:45px; 
    font-family: 'Montserrat', sans-serif; margin-top:0; padding: 50px 0px 10px 0px;}



.bgbrand{ background-color:#F3F3F3; text-align: center; }

#filters li{font-size:16px; display:inline; float:none!important;}
#filters li span{display:inline-block!important; border:none; font-family: 'Open Sans', sans-serif; color:#488B8A;}
#filters li span.active{background:none!important; border:none; color:#212121!important;}
#filters{text-align:center;}

.inner input.inputblank{background:#F3F3F3; padding:5px 10px 5px 20px; color:#000000; margin-bottom:10px; height:55px; 
    width:100%; border:0; font-size:12px; border-radius: 8px; webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%); 
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);}
.inner .width50half{width: 50%; float: left;}
.inner textarea.inputblank{background:#F3F3F3; padding:15px 10px 5px 20px; color:#000; margin-bottom:10px; height:86px; 
    width:100%; border:0; resize:none; font-size:12px; border-radius: 8px; webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%); 
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);}

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

.footer{background:url(../images/footer_bg.jpg) left bottom repeat-x; padding:100px 0px 70px 0px;}
.footer h2 {display: inline-block; font-size: 35px; color: #00769f; text-align: center; margin-bottom: 20px;
 font-family: 'Montserrat', sans-serif; margin-top: 0; display: inline-block; padding: 15px 0px 0px 0px; font-weight: 600;
  line-height: 20px;}
.footer h4{font-size:15px; color:#00769f; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 7px; margin-top: 0px;}
.footer p{font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px 0px 15px 0px; line-height: 22px; font-size: 14px; color: #444444;}
.footer input.inputblank{background:#F3F3F3; padding:5px 10px 5px 20px; color:#000000; margin-bottom:10px; height:55px; 
    width:100%; border:0; font-size:12px; border-radius: 8px; webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%); 
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);}
.footer .width50half{width: 50%; float: left;}
.footer textarea.inputblank{background:#F3F3F3; padding:15px 10px 5px 20px; color:#000; margin-bottom:10px; height:86px; 
    width:100%; border:0; resize:none; font-size:12px; border-radius: 8px; webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%); 
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);}
.footer .footerpading{margin-top: 15px;}
.btnsubmit{background:url(../images/btn_send_btm.png) no-repeat!important; border: 0 none !important; 
	font-size: 0 !important; height: 48px !important; width: 113px !important; text-align: center; 
    margin: 10px 0px 5px 0px;}
input::placeholder{color:#C4C4C4;}
textarea::placeholder{color:#C4C4C4;}

.footermenu{margin:0px; padding:0px;}
.footermenu ul{margin:0px; padding:0px;}
.footermenu ul li{float:left; color:#fff; font-size:13px; width:125px; margin-bottom:10px; text-transform:uppercase;}
.footermenu ul li a{color:#ffffff; display:block; font-size:22px; text-transform:none; font-family: 'Montserrat', sans-serif;}
.footermenu ul li:hover a, .footermenu ul li.selected a{color:#16abb5;}

.schemeli{margin:0px; padding:0px;}
.schemeli ul{margin:0px; padding:0px;}
.schemeli ul li{color:#fff; font-size:13px; margin-bottom:10px; text-transform:uppercase;}
.schemeli ul li a{color:#fff; display:block; font-size:13px; text-transform:none; font-family: 'Montserrat', sans-serif; font-size:22px;}
.schemeli ul li:hover a, .footermenu ul li.selected a{color:#16abb5;}

.iconhome{background:url(../images/btm_location.png) no-repeat left top; padding-left:30px; padding-top:0px; text-align:left;}
.iconphone{background:url(../images/btm_phone.png) no-repeat left 8px; padding-left:30px; padding-top:2px; padding-bottom: 10px; font-family: 'Montserrat', sans-serif; text-align:left; color:#444444;}
.iconmail{background:url(../images/btm_mail.png) no-repeat left 10px; padding-left:30px; padding-top:6px; text-align:left; font-size:12px; color:#fff; padding-bottom:10px; font-family: 'Montserrat', sans-serif; font-weight: normal;}
.iconmail a{color:#00769f; font-size: 15px;}
.padleft15{padding-left:15px;}
.socialicon_footer{margin:0px; padding:15px 0px 0px 0px;}
.socialicon_footer ul{margin:0px; padding:0px;}
.socialicon_footer ul li{float:left; margin:0 5px;}
.copyright{padding: 15px 0px;}

#toTop { background:url(../images/arrow_top.png) no-repeat center 8px #488B8A; text-align:center; padding:13px 15px; border-radius:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.copyrighttxt{ text-align:center; font-size:12px; color:#162E43; padding-top:10px;}

::-webkit-input-placeholder {
   color: #000000;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000000;  
}

/* ------- Footer Area End ------- */
.covercolor{ color:#000000;}
.hmbanner li{position:relative; left:0;}
.hmbanner li span.bannertext{display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	text-transform: uppercase;  
	left: 57%; 
    padding: 10px 25px;
    position: absolute;
    top: 40%; 
    z-index: 666666; 
    color:#999999;
    object-fit: cover;
    opacity: 0.9;}

.hmbanner li span.bannertext1{display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;  
	left: 57%;
    padding: 10px 25px;
    position: absolute;
    top: 46%;
    line-height: 20px; 
    z-index: 666666; 
    color:#333333;
text-transform: uppercase;}

.hmbanner li span.bannertext2{display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;  
    left: 57%;
    padding: 10px 25px;
    position: absolute;
    top: 53%;
    line-height: 20px; 
    z-index: 666666; 
    color:#333333;}

.hmbanner li span.bannerbtn{display: block;
    left: 59%;
    position: absolute;
    top: 66%;
    z-index: 666666;
  }

.bannerbtncolor{
    background: #00769f;
    padding: 15px 50px 15px 30px;
    border-radius: 40px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight:600;
    background:url(../images/ban_btn_arrow.png) no-repeat 140px center #00769f;}

.aboutbtncap{vertical-align: center; margin:0px auto; width: 100%; }
.aboutbtn{background: #00769f;
    margin: 30px 0px 0px 210px ;
    padding: 15px 50px 15px 30px;
    border-radius: 40px;
    color: #FFFFFF;
    vertical-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight:600;
    background:url(../images/ban_btn_arrow.png) no-repeat 140px center #00769f;}}




.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../images/Preloader_2.gif) center no-repeat #fff;
}


/* Float Shadow button start */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Float Shadow button end */



@media (max-width: 1024px) {
	.hmbanner{height:auto;}
	.logo{left:42%; top: -11px;}
	.navigation ul li{margin: 0 15px;}
	.liwidth{width: 260px;}
	.projectbox .projectboxleft{text-align:center;}
	.projectbox .projectboxleft p{padding-bottom:0;}
	.projectbox .projectboxright{width:100%;}
	.projectbox .projectboxright img{width:100%;}
	.projectbox .title{text-align:center;}
    .smallimagefullsize{width: 100%;}
    .navigation ul li {font-size: 12px;}
    .hmbanner li span.bannertext {left: 5%;}
    .hmbanner li span.bannertext1 {left: 5%;}
    .hmbanner li span.bannerbtn {left: 7.5%;}
    .statastics {font-size: 11px; line-height: 15px;}
    .statastics span {font-size: 45px; line-height: 45px;}
    .projectbox .title { font-size: 15px;}
    .projectbox .projectboxlocation {top: 220px; font-size: 11px; }
    .projectbox .projectboxtoptext {font-size: 9px;}
    .footerbgtop img{width: 100%;}
	}
@media (max-width: 768px) {
    .headertop{background: none;}
	.hmbanner{height:auto;}
	.navigation{margin-top:10px;}
	li.liwidth{display:none;}
	.ourtemarea{ margin-bottom:40px;}
	.boxgreayarea{ width:100%; margin:0px auto 40px auto;}
	.marginbtm30mobile{ margin-bottom:30px;}
	.hedding h2{ display:block; padding-right:0px; background:none; text-align:center;}
	.hedding h2 span{padding:10px 0;}
	.pastprojecbox ul{ padding-bottom:40px;}
	.h1center h1{ width:100%;}
	.iconmail{font-size:20px;}
	.projectbox .projectboxleft{width:100%; text-align:center;}
	.projectbox .projectboxright{width:100%;}
	.proj-img img,.proj-img1 img {display:inline-block;}
	.fnt16, .fnt16 p{text-align:center;}
	.pastprojects ul li{border:none!important;}
    .calltop {display: block; width: 100%;}
    .inquiry a { background: url(../images/top_mail_left.png) no-repeat 0px center; padding-left: 25px; margin-top: 10px;}
    .hmbanner li span.bannertext {font-size: 15px; padding: 10px 0px 10px 0px; top: 40%;}
    .hmbanner li span.bannertext1 {font-size: 25px; left: 5%; padding: 20px 0px 0px 0px; top: 48%; line-height: 15px;}
    .hmbanner li span.bannertext2{display: block;  font-size: 15px;   left: 0%; top: 60%; line-height: 20px; }
    .hmbanner li span.bannerbtn {left: 5%; top: 75%;}
    .navbar-toggle { padding: 9px 10px; margin-top: 40px;}
    .footer input.btnsubmit {margin: 25px 50px 5px 50px;}
    .tabletwidth40{width: 40%;}
    .width50size{ width: 48%; display: inline-block;}
    .navbar-collapse{padding-left: 0px; padding-right: 0px;}
    .smallimagefullsize{width: 100%;}
    .navigation ul li {font-size: 11px; margin: 0 5px;}
    li.liwidth {width: 240px; display: block;}
    .proj-img a {width:100%; height:100%;}
    .projectbox .projectboxtoptext{font-size: 9px;letter-spacing:2px;}
    .btnsmallsize{width: 60%;}
    .bx-wrapper img {margin: 0px 0px!important;}
    .statastics .col-md-4{width: 32%; display: inline-block; vertical-align: text-top;}
    .hmcnttop .col-md-6{ width: 49%; display: inline-block; vertical-align: text-top; }
    h1 {font-size: 35px; margin-bottom:0px;}
    .hmcnttop p{ padding: 0px 0px 15px 0px; line-height: 20px; font-size: 12px;}
    .statastics {font-size: 10px; line-height: 15px;}
    .statastics span { font-size: 35px; line-height: 35px;}
    .hmcnttop{background:url(../images/about_bg.png) no-repeat 45px 120px #F6F6F6; padding-bottom:40px; padding-top:40px;}
    .footerbgtop img{width: 100%;}
    .socialicon{margin:20px 0px 0 0; padding:0px;}
    .navbar-inverse .navbar-toggle { border-color: #ffffff; background: #00769f;}
    .aboutbtn{margin:30px auto 0px 110px; }
	}
@media (max-width: 640px) {
	.projectbox .projectboxleft{width:auto;}
	.projectbox .projectboxright{width:auto;}
	.hmbanner{height:auto;}
	.logo {left:0%; z-index: 9999; top:-30px;}
	.navigation{margin-top:30px;}
	.navigation ul li{margin-right: 0; margin-left:15px;}
	.navigation ul li:first-child{margin-left:0px;}
	.imgleft{ float:none; width:90%; margin:0px auto 10px auto;}
	.imgleftrightimgcontent{ float:none; width:100%;}
	.copyrighttxt{text-align:center;}
	.meghtxt{text-align:center; padding:10px 0;}
	#portfoliolist .portfolio{width:100%;}
	#big-showcase .portfolio-slider{width:100%;}
    .width50size{ width: 48%; display: inline-block;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background-color: #000000;}
    .footerbgtop img{width: 100%;}
    .hmbanner li span.bannertext {font-size: 15px; padding: 10px 0px 10px 0px; top: 40%;}
    .hmbanner li span.bannertext1 {font-size: 25px; left: 5%; padding: 20px 0px 0px 0px; top: 48%; line-height: 15px;}
    .hmbanner li span.bannertext2{display: block;  font-size: 15px;   left: 0%; top: 60%; line-height: 20px; }
	}
@media (max-width: 480px) {
	.projectbox .projectboxleft{width:100%;}
	.projectbox .projectboxright{width:100%;}
	h1{background:none; border-bottom:1px solid #ccc; display:block;}
	h1 span{padding:10px 0;  background:none;}
	h2{background:none; display:block;}
	h2 span{padding:10px 0;  background:none;}
    .displaynonesmall{ display: none;}
    .hmbanner li span.bannerbtn { display: none;}
    .hmbanner{height:auto;}
    .smallimagefullsize{width: 100%;}
    .logosmallsize{width: 60%;}
    .navbar-toggle {margin-top: 5px;}
    .mapformbg .contact-form {left:6%;}
    .mapformbg input.btnsubmit {margin: 25px 40px 5px 40px;}
    .width50size{ width: 48%; display: inline-block;}
    .hmcnttop {padding-bottom: 40px; padding-top: 40px;}
	.logo {left:0%; z-index: 9999; top:-30px;}
	.navigation ul li{margin:0 0 10px 0; float:none;}
	.incnttop h1{ font-size:19px;  text-align:center!important;}
	.incnttop h1{padding:10px 0px 8px 0px; border-bottom:#cccccc solid 1px; margin-bottom:10px; display:block; text-align:left;}
	.incnttop h1 span{ padding:0px; background:none;}
	#filters li{float:none!important;}
	#filters li span{display:block!important;}
    .hmbanner li span.bannertext {font-size: 15px; padding: 10px 0px 10px 0px; top: 40%;}
    .hmbanner li span.bannertext1 {font-size: 25px; left: 5%; padding: 20px 0px 0px 0px; top: 48%; line-height: 15px;}
    .hmbanner li span.bannertext2{display: block;  font-size: 15px;   left: 0%; top: 60%; line-height: 20px; }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background-color: #00769f;}
    .hmcnttop{background:url(../images/about_bg.png) no-repeat 37px 189px #F6F6F6; padding-bottom:80px; padding-top:80px;}
    .footerpading{padding-bottom: 40px;}
    .proj-img a {width:100%; height:100%;}
    .footerbgtop img{width:auto;}
    h2{font-size:25px;}
    .hmcnttop .col-md-6{ width: 100%;}
    .testimonialsbg h2{font-size:30px;}
    

	}
@media (max-width: 360px){
	.pastprojects ul li{text-align:center; width:100%;}
	.pastprojects ul li p{text-align:center;}
	.hmbanner{height:auto;}
	.logo{left: 3%; top:0px;}
    .logosmallsize{width: 50%;}
	.navigation{margin-top:0px;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{margin-top:20px;}
	.incnttop h1{ font-size:16px;}
	.incnttop h1 span{ padding:0px; background:none;}
	.col-md-3{margin-bottom:20px;}
	.projectbox .title{font-size:16px;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background-color: #00769f;}
    .backfonts{font-size: 80px;}
    .backfonts1{font-size: 80px;}
    .backfonts2{font-size: 65px;}
    h2{font-size:30px;}
    .hmcnttop .col-md-6{ width: 100%;}
    .testimonialsbg h2{font-size:30px;}
    .hmbanner li span.bannertext {font-size: 15px; padding: 10px 0px 10px 0px; top: 40%;}
    .hmbanner li span.bannertext1 {font-size: 25px; left: 5%; padding: 20px 0px 0px 0px; top: 48%; line-height: 15px;}
    .hmbanner li span.bannertext2{display: block;  font-size: 15px;   left: 0%; top: 60%; line-height: 20px; }
    .navigation ul.nav a{text-align:left; padding-left: 20px;}
    li.liwidth{display:none;}
    .footerbgtop img{width: 100%;}
    .testimonialsbg h2{font-size:30px;}

	}
@media (max-width: 320px) {
	.hmbanner{height:auto;}
    .logo{left: 3%; top:0px;}
    .logosmallsize{width: 50%;}
    .footerbgtop img{width: 100%;}
    .backfonts{font-size: 60px;}
    .backfonts1{font-size: 60px;}
    .backfonts2{font-size: 55px;}
    .hmbanner li span.bannertext {font-size: 15px; padding: 10px 0px 10px 0px; top: 40%;}
    .hmbanner li span.bannertext1 {font-size: 25px; left: 5%; padding: 20px 0px 0px 0px; top: 48%; line-height: 15px;}
    .hmbanner li span.bannertext2{display: block;  font-size: 15px;   left: 0%; top: 60%; line-height: 20px; }
}
@media screen and (min-width:1400px){
	.hmbanner{height:auto; overflow:hidden;}
	}
@media screen and (min-width:1500px){
	.hmbanner{height:auto; overflow:hidden;}
	}
@media screen and (min-width:1700px){
	.hmbanner{height: auto; overflow: hidden; background-color: black;}
    .hmbanner li span.bannertext {left: 27%; top: 40%;}
    .hmbanner li span.bannertext1 {left: 27%; top: 45%;}
    .hmbanner li span.bannerbtn {left: 28%; top: 53%;}
    .hmcnttop{background:url(../images/about_bg.png) no-repeat 330px 345px #FFFFFF;}
    .backfonts2{left: 4%;}
	}
@media screen and (min-width:2000px){
    .hmbanner{height: auto; overflow: hidden; background-color: black;}
    .hmbanner li span.bannertext {left: 27%; top: 40%;}
    .hmbanner li span.bannertext1 {left: 27%; top: 45%;}
    .hmbanner li span.bannerbtn {left: 28%; top: 53%;}
    .hmcnttop{background:url(../images/about_bg.png) no-repeat 650px 320px #FFFFFF;}
    .backfonts2{left: 4%;}
    }
@media screen and (min-width:3000px){
    .hmbanner{height: auto; overflow: hidden; background-color: black;}
    .hmbanner li span.bannertext {left: 35%; top: 40%;}
    .hmbanner li span.bannertext1 {left: 35%; top: 45%;}
    .hmbanner li span.bannerbtn {left: 35.5%; top: 53%;}
    .hmcnttop{background:url(../images/about_bg.png) no-repeat 1293px 320px #FFFFFF;}
    .backfonts2{left: 4%;}
    }


.owl-controls{ text-align:center;}
.owl-controls .owl-dots .owl-dot{background: #2B84C6; border-radius: 0px; margin:0 5px; float: left; height: 5px; width: 30px;}
.owl-controls .owl-dots .active{background: #1F4363;}

.photogallery2{margin-bottom:0px;}
.photogallery2 img{width:100%;}
.photogallery2 div.gallerytitle{font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:bold; background:#f0f0f0; padding:15px 0; width:100%; text-align:center;}
.photogallery2 div.gallerytitle span{display:block; font-size:12px; color:#656565; font-weight:normal;}
.photogallery2 a span.roll{background:url(../images/icon_zoom.png) center center no-repeat #005177;
    height: 245px;
    position: absolute;
    width: 365px;
    z-index: 10;
	opacity:0;
 -webkit-box-shadow: 0px 0px 4px #000;
 -moz-box-shadow: 0px 0px 4px  #000;
 box-shadow: 0px 0px 4px  #000; 
 -o-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition: -webkit-transform 1s;
}
.photogallery2:hover a span.roll{opacity:0.7;-o-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition: -webkit-transform 1s;
 }

 .classhide{
 display:none;
 }
.clr{color:#666;}
.amrbtm0{margin-bottom:0;}
.linkclass{text-decoration:none;color:#333;}