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

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat-Light';
	src: url('fonts/Montserrat-Light.ttf');
}

@font-face {
    font-family: 'Montserrat-Medium';
	src: url('fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
	src: url('fonts/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
	src: url('fonts/Montserrat-ExtraBold.ttf');
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none !important}
a {outline: 0 !important; text-decoration:none; color: #000;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: "Montserrat-Regular"; font-size:18px; color:#353535; line-height:30px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsFlexAlCenter{align-items:center; justify-content:center;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroTopPadding{padding-top:0 !important;}
.zeroBtmPadding{padding-bottom:0 !important;}
.zeroRightPadding{padding-right:0 !important;}
.zeroMargin{margin:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroBorder{border:none !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; color: #383838; font-family: 'Montserrat-Bold'; margin-bottom: 20px; }
h3{font-size: 30px; line-height: 38px;  }
h4{font-size: 20px; line-height: 36px;  }
p{ margin-bottom: 15px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {width: 100%; max-width: 100%; position: relative; padding:0 30px;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{border: none; border-radius: 0; display:inline-block; font-size: 18px; padding:20px 30px;  color: #FFF;  text-align: center; background-color: #353535;}
.btn span{ font-family: 'Montserrat-Bold'; margin-right:5px;}
.btn:focus, .btn:hover{color:#FFF;}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
.orange-btn{background-color: #f58134; border:1px solid #f58134 !important; color:#FFF;}
.orange-btn:hover{color:#FFF;}
section{padding: 90px  0; position: relative;}
.blackBG{background-color: #000; color: #FFF;}
.orangeBG{background-color: #d18b3c; color: #FFF;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.pink-btn{padding:15px; color:#fff; background-color: #f2236e; border: none;}
.theme-btn{padding:15px 20px; color:#fff; background-color: #cfa671; border: none;}
.dsfCenter{align-items:center;}
.btn:hover{color: #FFF;}
.scHeading{font-family: 'Montserrat-Bold'; font-size:45px; margin-bottom:30px; line-height:60px;}

.txtBold{font-family: 'Montserrat-Bold';}
.txtMedium{font-family: 'Montserrat-Medium';}
.aligncenter{margin: 0 auto 20px auto; display: block;}
.alignleft{float: left; margin: 0 20px 20px 0;}
.alignright{float: right; margin: 0 0 20px 20px;}
/******************************************/


header{color: #383838; background-color: rgba(0,0,0,0.80); position: relative; z-index: 9; height: 126px; width: 100%; padding: 30px 0; position: absolute;}
header .logo{position: absolute; top: 0px; left: 0;}
header .hMenu > ul{display:flex; align-items:center; justify-content:center; width:100%; padding:0; margin:0; gap:25px;}
header .hMenu > ul > li{list-style:none; position:relative;}
header .hMenu > ul > li > a{display:block; color:#FFF; padding: 0 10px; position: relative;transition: 0.4s; line-height:60px; position:relative; height:60px;}
header .hMenu > ul > li > a > i{line-height:60px; transform: scaleX(-1); margin-right:5px;}
header .hMenu > ul > li.txtBold{font-size:20px;}
header .hMenu  li > a.active, header .hMenu  li > a:hover{color: #FFF;}
header .hMenu  li a.active:before, header .hMenu  li a:hover:before{background-color: #c4a354;}

.hMenu li.menu-item-has-children a::after {content: "";position: absolute;top: 50%; right: -8px;width: 0px;height: 0px;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF;}
.hMenu ul.sub-menu {position: absolute;padding-left: 0;background-color: #000;z-index: 1;text-align: left;opacity: 0;display: none;transition: all .350s; width:110%; min-width:250px; padding:5px 0;}
.hMenu ul .menu-item-has-children:hover > ul,.hMenu ul .menu-item-has-children:focus + ul {opacity: 1;display: block}
.hMenu ul.sub-menu li {width: 100%; display:block;}
.hMenu ul.sub-menu li a {color: #FFFFFF; padding:10px 15px; display:block;}

.hMenuFlex{align-items:center; justify-content:flex-end;}
header .sm-links{padding-left:20px;}
header .sm-links a{display: inline-block; background-color: #353535; width: 60px; height: 60px; text-align: center; color: #FFF; font-size: 30px; vertical-align: middle;}
header .sm-links a i{line-height: 60px; }

.homeBanner{height:100vh; width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative;}
.homeBanner .container{height:100%;}
.hbDesc{position:absolute; top:60%; transform: translateY(-60%); color:#FFF; width:60%; max-width:800px; background-color: rgba(0,0,0,0.61); padding: 80px; margin-left: 77px; z-index: 999; }
.hbDescTitle{font-size:45px; line-height: 54px;   font-family: 'Montserrat-SemiBold'; margin-bottom: 20px; position: relative; z-index: 3;}
.hbDescCnt{margin-bottom: 30px;  position: relative; z-index: 3;}
.hbDesc a{position: relative; z-index: 3;}
.hbdOverlay{height: 110%; top:28%; transform: translateY(-30%); color:#FFF; width:50%; position: absolute; left: -20px; background-color: rgba(0,0,0,0.61); z-index: 1;}

.greyBox {margin-bottom: 20px;}
.greyBox .container{background-color: #343535; padding: 60px;}
.hmWelcome p{padding-bottom: 10px;}
.whyBox{ color: #353535; position: relative; margin-bottom: 12px; }
.whyBox strong{font-family: 'Montserrat-SemiBold';}
.whyBox h3{color: #353535;}
.whyImage{max-height: 550px;position: relative; z-index: 2; padding-right:30px; padding-top:30px; width: auto;  display: inline-block;  margin: 0 auto;}
.whyImage img{position:relative; z-index:5;}
.wiOverlay{position: absolute; height: 110%; top:28%; transform: translateY(-30%); color:#FFF; width:50%;left: -10px; background-color: #000; z-index: 1;}
.wiOverlayRight{position: absolute; height: 105%; top:0px; color:#FFF; width:50%;right: 0px; background-color: #000; z-index: 1;}
.pl50{padding-left: 50px;}
.crcDetails{margin-top:20px;}
.crcDetails span{font-size:24px;}

.hmservices{  color: #FFF; text-align: center;}
.hmservicesWhite{color:#000; text-align:center;}
.serviceBox{position: relative; text-align: center; margin: 20px 0;}
.svcTitle{position:absolute; width:90%; max-width:285px; left:0; right:0; bottom:35px; margin:0 auto; text-align:center; height:65px; line-height:65px; font-family: 'Montserrat-Medium'; font-size:24px; background-color: #FFF; color:#000;}
.svcTitle.black{background-color: #000; color: #FFF; }

.whitebg{color: #000000;}
.whitebg h3{color: #000000;}

.subpageBanner{width:100%; height: 616px; position:relative; z-index: 1; background-color: #FFF; color: #FFF; }
.sbImage{width:100%; height:100%; position:relative; }
.subpageBanner .container{height:100%;}

.subDesc{position:absolute; top:60%; transform: translateY(-60%); color:#FFF; width:60%; max-width:650px; background-color: rgba(0,0,0,0.80); padding: 60px; margin-left: 77px; z-index: 999; }
.subDescTitle, .subpageBanner h1{font-size:45px; line-height: 54px;   font-family: 'Montserrat-Bold'; margin-bottom: 20px; position: relative; z-index: 3; color:#FFF;}

.buildingItem{position: relative; z-index: 3;}
.buildingItem img{position: relative; z-index: 3;}
.buildingItem .buildingItemOverlay{position: absolute; height: 100%; top:40%; transform: translateY(-30%); color:#FFF; width:50%;left: -30px; background-color: #000; z-index: 1;}
.buildingItemVideoPlay{position: absolute; top: 35%; left: 35%; width: 129px; height: 129px;}

 /* Style the list */
 ul.breadcrumb {
	margin-bottom: 30px;
	list-style: none;
  }
  
  /* Display list items side by side */
  ul.breadcrumb li {
	display: inline;
	font-size: 18px;
  }
  
  /* Add a slash symbol (/) before/behind each list item */
  ul.breadcrumb li+li:before {
	padding: 8px;
	color: #d18b3c;
	content: "\25BA";
  }
  
  /* Add a color to all links inside the list */
  ul.breadcrumb li a {
	color: #0275d8;
	text-decoration: none;
  }
  
  /* Add a color on mouse-over */
  ul.breadcrumb li a:hover {
	color: #01447e;
	text-decoration: underline;
  } 

  .pImageLeft{height: 780px; padding: 20px;}
  .pImageLeft img{max-height: 750px;}
  .pImage{height: 190px; padding: 10px; background-color: #dedede; margin-bottom: 30px; text-align: center;}
  .pImage img{max-height: 160px;}

  ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 15px;	
	margin-right: 20px;
	line-height: 31px;
	background-color: #dedede;
	color: #383838;
	overflow: hidden;
	position: relative; font-size: 18px; line-height: 24px; font-family: 'Montserrat-Bold';
}


ul.tabs li:hover {
	background-color: #d18b3c;
	color: #FFF;
}

ul.tabs li.active {
	background-color: #d18b3c;
	color: #FFF;
	display: block;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px 0;
	display: none; margin-top: 20px; font-family: 'Montserrat-Regular';
}

.tab_content ul li {list-style:disc;}

.tab_drawer_heading { display: none; }

.configureProduct{background-color: #dedede; padding: 45px 60px; color: #383838;}
.configureProduct .frmInput{color: #FFF;}
.configureProduct button{padding: 17px 20px;}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
}


.quoteForm{margin-top: 50px;  padding: 90px 0; color: #383838;}
.quoteForm h3{color: #000;}
.quoteForm hr{background-color: #000; margin-top: 30px;}
.quoteForm .subPageTitles{color: #FFF; margin-bottom: 15px;}
.frmGroup{clear:both; margin-bottom:20px;}
.frmGroup label{line-height:45px; font-weight: normal; font-family: 'Montserrat-Medium';}
.frmInput{width:100%; border:0; height:60px; background:#383838; color: #FFF; padding: 15px 10px;}
.frmTxtArea{width:100%; height: 220px; border:0; background:#383838;  color: #FFF; padding:  15px 10px;}
.quoteForm button{  }
.quoteForm button:hover{color: #FFF;}
.successMsg{ width:100%; display: inline-block; text-align: center; color: #037d50; margin-bottom: 20px;}
.alert{padding:10px 15px; display:block; font-size:13px; clear:both; width:100%; text-align:center; xmax-width:500px; margin:15px auto 25px auto; border-radius:5px;}
.alertDanger{ color:#f56b6b; background:#fef1f1; border:1px solid #fcd9df;}
.alertSuccess{ color:#70a874; background:#ecf3e6; border:1px solid #e3ebd5;}
.bkcButton{text-align: right;}
.contactAddress{line-height: 35px;}
.contactAddress strong{font-size: 24px; line-height: 32px;}
.cinfo p a{font-size: 24px; line-height: 32px; font-family: 'Montserrat-Bold';}
.cinfo p span{color: #c4a354; font-family: 'Montserrat-Bold';}


footer{background-color: #000;padding-top: 90px; position: relative; color: #FFF; font-family: 'Montserrat-Medium';}
footer a, footer p{color: #FFF;}
footer .ftHeader{font-size:36px; margin-bottom:35px;}
.getintouch{position: relative;}
.getintouch span{display: block; margin: 20px 0; font-size: 20px; line-height: 30px; padding-left: 50px;}
.getintouch span i{position: absolute; left: 0; font-size:30px;}
.getintouch span i.fa-phone{transform: scaleX(-1);}
footer .fMenus ul li a{padding: 5px 0 5px 20px; display: inline-block; position:relative;}
footer .fMenus ul li a:after{ content: "\f0da"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-decoration: inherit; color: #FFF; font-size: 20px; position: absolute; top: 5px; left: 0;}
footer .sm-links{font-size: 30px;}
footer .sm-links a{display: inline-block; background-color: #353535; padding: 15px 5px; width: 85px; height: 85px; text-align: center; color: #FFF; font-size: 48px; line-height: 56px; vertical-align: middle;}
footer .copyright{background-color: #FFF; padding: 30px 0; margin-top: 90px; color: #353535;font-family: 'Montserrat-Regular';}
footer .copyright a{color: #000;}
.footer_logo{position: absolute; right: 30px; top: -90px;}
#menu-footer-menu{display:flex; flex-wrap:wrap;}
#menu-footer-menu li{width:49%;}

.pglBox{width:100%; max-width:400px; background-size:cover !important; background-position:center !important; height:350px; margin:15px auto;}
.pglBox a{display:block; width:100%; height:100%;}
.yssProjects{background:#000; padding:50px; margin-bottom:50px; color:#FFF;}
.prjPagination{text-align:right; margin-bottom:30px; display:flex; align-items:center; justify-content:flex-end; gap:5px;}
.prjPagination span, .prjPagination a{padding:2px 7px; color:#000;}
.prjPagination span, .prjPagination a:hover{background:#c4a354; }
.svcsBox{width:100%; max-width:400px; background-size:cover !important; background-position:center !important; height:400px; margin:15px auto; position:relative;}
.svcsBox a{display:block; width:100%; height:100%; position:relative;}
.svcsBox span{position:absolute; width:90%; bottom:15px; left:0; right:0; margin:0 auto; background:#c5ad62; color:#FFF; padding:10px 15px; font-family:'Montserrat-Medium'; text-align:center;}
.postContent .wsp-container h2{font-size:36px; line-height:46px; margin-bottom:30px;}
.postContent .wsp-container h2:after{width:120px;}
.postContent .wsp-container ul{margin-bottom:30px;}
.subTitleBorder{font-size: 48px; margin-bottom: 45px; padding-bottom:45px; position:relative; color:#000; font-family: 'Montserrat-Bold'; line-height:55px;}
.subTitleBorder:after{position:absolute; left:0; bottom:0; content:''; height:7px; width:17%; background:#000;/*clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);*/}
video{width:100%; height:auto;}
.dsFlexPartners{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center;}

.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (min-width : 1401px) {
	header .hMenu > ul{gap:30px;}
	header .hMenu > ul > li > a{padding:0 20px;}
}

@media only screen and (min-width : 992px) and (max-width : 1400px) {
	footer, .getintouch span{font-size:15px;}
	.fMenus > .row > .col-md-3{width:33.33%;}
	.footer_logo{top:-170px;}
}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
	header .hMenu > ul{gap:10px;}
	header .hMenu > ul > li > a{font-size:15px;}
	header .sm-links a{height:50px; width:50px;}
	header .sm-links a i{line-height:50px;}
}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
	section{padding:40px 0;}
	.scHeading{font-size:35px; line-height:45px;}
	
	header{padding:20px 0; height:100px;}
	header .logo{position:absolute; top:-10px; left:15px;}
	header .logo img{max-width:120px; max-height: 118px;}

	header .hMenu2 a{margin: 30px 10px; font-size: 36px;}
	.rspPhone{position:absolute; right:100px; top:10px;}
	.rspPhone a{color:#FFF; font-size:14px;}
	.rspPhone a i{transform: scaleX(-1);}
	.rspMenuLink{position:absolute; right:20px; top:10px; cursor:pointer;display:flex; padding:0; align-items:center; justify-content:flex-end; width:60px; flex-wrap:wrap;}
	.rspMenuLink div{width: 40px; height: 15px; margin:0 auto;}
	.rspMenuLink span{display: block;width: 40px;height: 3px;margin: 0 auto 6px auto;background: #FFF;transition: 0.4s;}
	.rspMenuLink label{color: #FFF; font-size:15px; font-weight:bold;cursor:pointer; display:block; width:100%; text-align:center; margin-top:9px;}
	
	.rspMenuClose{position:absolute; top:40px; right:20px; width:40px; height:40px; border-radius:4px; background: #FFF; z-index:9;}
	.rspMenuClose span{background:#000;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-8px, -9px)}

	.rspMenuContent{width: 100%; background: #000; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll; display:block;}
	.rspMenuActive{left:0; visibility:visible;}
	
	.rspLogo{clear:both; position:relative; text-align:left; padding-left: 30px;}
	.rspLogo img{max-width:200px;}
	.rspMenuContent ul{margin:0; padding:0;}
	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #FFF; width:100%;}
	.rspMenuContent li a{color: #FFF; display: block; font-size: 14px; line-height: 26px; text-transform:uppercase; padding: 17px 20px 16px; text-decoration: none; position:relative; }
	.rspMenuContent li a:hover{color:#FFF !important;}
	.rspMenuContent li.menu-item-has-children > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FFF;    font-size: 20px;    position: absolute;    top: 15px;    right: 25px;}
	.rspMenuContent li ul.sub-menu{display:none;}
	.rspMenuContent li ul.sub-menu li{border:none !important;}
	.rspMenuContent li > ul.sub-menu li a:after{content: '\f105'; position: absolute; font-size: 16px; font-family: 'Font Awesome 5 Free';font-style: normal;    font-weight: 600; color: #FFF; left:20px; top: 10px;}
	.rspMenuContent li > ul.sub-menu li a{padding: 10px 20px 10px 45px;}
		
	.homeBanner{height: auto;background-color: #000;}
	.homeBanner .hbImage, .subpageBanner{height: 400px;}	
	.hbMblDesc{width: 100%; padding: 40px 0; position: relative; color: #FFF;}
	.hbDescTitle, .subDescTitle, .subpageBanner h1{font-size:28px; line-height:38px; color: #FFF;}
	.hbDescCnt{font-size:16px; line-height:22px;}
	.subDesc{margin:0; width:100%; padding:20px; position:relative;}
	.wiOverlayRight, .wiOverlay{display:none;}
	.whyBox{padding:30px 0 0 0;}
	.whyImage{padding:0;}
	.whyContent{position: relative;}
	.serviceBox{margin:10px 0;}
	.alignleft, .alignright{float: none; margin: 0 auto 30px auto; display: block;}
	
	.subTitleBorder{font-size:36px; line-height:46px; padding-bottom:30px; margin-bottom:30px;}
	.subTitleBorder:after{width:35%;}
	.rspMenuContent li.txtBold{display:none;}
	
	.footer_logo{display:none;}
	footer{padding-top:40px;}
	footer .copyright{margin-top:40px; text-align:center;}
	footer .copyright .text-right{text-align:center !important;}
	footer, .getintouch span{font-size:16px;}
	.pglBox{height:250px;}
}