@import url("fonts.css");
@import url("base.css");

.gmnoprint, .gm-style-cc{display:none;}
#at15s{display:none !important;}
.header .banner, .footer, .article{visibility:hidden;}

.spinner {width: 40px; height: 40px; margin: 0px auto; background-color: #333; position:absolute; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; left:50%; top:50%; margin-left:-20px; margin-top:-20px; }
@-webkit-keyframes sk-scaleout {  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.feature-spots img {
	width: 100%;
	height: auto;
} 

.feature-spots .row {
	margin: 0 !important;
}

.feature-spots [class*="col-"] {
	padding: 0 !important;
}

.menu-popup{background:rgba(0,0,0,.9); position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:99999999; display:none;}
.menu-popup .close-trigger{height:33px; width:33px; float:right; margin:46px 44px 50px 0px; background-image:url(../images/close.svg); overflow:hidden; text-indent:-100px;}
.menu-popup .nav{margin:30px 0px 0px 0px; float:left; width:100%; font-size:35px; font-family: 'Miso-Regular', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;}
.menu-popup .nav li{float:left; width:100%;}
.menu-popup .nav a{color:#fff; float:left; width:100%; z-index:99999999999999999}
.menu-popup .nav li.active a, .menu-popup .nav > li > a:hover, .menu-popup .nav > li > a:focus{background:none; color:#b98f62}

.single-banner .pager{font-size:14px; font-family: 'Miso-Bold', Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; margin:0px; right:50px; top:50px;}
.single-banner .pager li{border-right:1px solid #fff; padding-left:10px; padding-right:12px;}
.single-banner .pager li:last-child{border-right:0px; padding-left:6px;  padding-right:0px;}
.single-banner .pager li a{padding:5px; background:none; border:0px; color:#fff;}
.single-banner .pager li > a:hover, .pager li > a:focus{color:#000; background:none;}

.sepia{background-color:#b98f62;}
.greyscale{background-color:#979696;}
.darken{background-color:#000000;}

.header{float:left; width:100%;}
.header .navbar{padding:30px 0px; margin:0px 0px; background:#d7d2cb; position:fixed; z-index:999; border-radius:0px; display:block; width:1014px}
.header .navbar .brand{margin:15px 0px 15px 50px; float:left;}
.header .navbar #nav-toggle{display:block}
.header .navbar .menu-trigger {display: block; margin: 18px 50px 16px 0; padding: 0px;}
.header .navbar .hamburger-box{width:18px;}
.header .navbar .hamburger-box .hamburger-inner, .header .navbar .hamburger-box .hamburger-inner:before, .header .navbar .hamburger-box .hamburger-inner:after{width:18px; height:2px;}
.header .navbar .hamburger-box .hamburger-inner:before{top:-8px;}
.header .navbar .hamburger-box .hamburger-inner:after{bottom:-8px;}
.header .navbar .hamburger--squeeze.is-active .hamburger-inner:after {bottom: 0px;}
.home .header .banner{margin-top:120px;}
.header .banner, .header .banner .bx-wrapper, .header .banner .bx-wrapper .bx-viewport, .header .banner .bx-wrapper .banner-slideshow{float:left; width:100%;}
.header .banner .banner-slideshow{margin:0px; padding:0px; width:100%;}
.header .banner .banner-slideshow li{position:relative;}
.header .banner .banner-slideshow li .caption{position:absolute; top:50%; margin-top:-74px; text-align:center; width:100%; height:148px; z-index: 10;
}
.header .banner .banner-slideshow li .caption img{height:100%;}
.header .banner .banner-slideshow li .slider-image{width:100%;}
.header .banner .banner-slideshow li .image-wrapper .slider-image + .slider-image{opacity: 0.5 !important; }


.home .article{margin-top:0px;}
.article{float:left; width:100%; margin-top:120px;}
.article .title{width:100%; float:left;}
.article .title h3{margin:0px 50px 20px 0px; font-family: 'Miso-Regular', Arial, Helvetica, sans-serif;}

.article .default-page {background: #fff none repeat scroll 0 0; padding: 50px; float: left; width: 100%;}
.article .default-page .left-side{width:220px; float:left;}
.article .default-page .left-side h3{color:#b98f62;}
.article .default-page .right-side{width:620px; float:right;}
.article .default-page .right-side .firstColumn, .article .default-page .right-side .secondColumn{width:280px;}
.article .default-page .right-side .firstColumn p:first-child, .article .default-page .right-side .secondColumn p:first-child{margin-top:0px;}
.article .default-page .right-side .firstColumn{float:left;}
.article .default-page .right-side .secondColumn{float:right;}

.article ul.listing{list-style:none; margin:0px; padding:0px;}
.article ul.listing li{float:left; position:relative; width:100%;}
.article ul.listing li .image-wrapper{height:100%; opacity:0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9; float:left; width:100%;}
.article ul.listing li a{float:left; width:100%; height:100%;}
.article ul.listing li img{width:100%;}
.article ul.listing li img.gotcolors{opacity:0;}
.article ul.listing li .caption{padding:50px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9;}
.article ul.listing li .caption h2{color:#fff; margin:0px;}
.article ul.listing li .caption h2 span{width:100%; color:#000; float:left;}
.article ul li.two-colmn{width:50%;}
.article ul li.single-colmn{width:100%;}

.article ul.listing li a .image-wrapper img, 
.article ul.listing li a .image-wrapper img {
	opacity: 1;
}

.article ul.listing li a .image-wrapper img.gotcolors, 
.article ul.listing li a .image-wrapper img.gotcolors {
	opacity: 0;
}

.article ul.listing li a:hover .image-wrapper{
	opacity:1
}

.article ul.listing li a:hover .image-wrapper img {
	opacity: 0;
}

.article ul.listing li a:hover .image-wrapper img.gotcolors {
	opacity: 1;
}

.article .single-banner{position:relative;}
.article .single-banner, .article .single-banner img{width:100%; float:left;}

.article .single-banner img.normal {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

body.scrolled .article .single-banner img.normal {
	opacity: 1;
}

.article .single-banner img.desaturate{opacity:0.5;}
.article .single-banner .caption{padding:50px; position:absolute; left:0px; top:0px; right:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9;}
.article .single-banner .caption h2{color:#fff; margin:0px;}
.article .single-banner .caption h2 span{width:100%; color:#d7d2cb; float:left;}

.article .map-area{width:100%; float:left;}
.article .map-area img{width:100%; float:left;}

.article .project-thumbs{width:100%; float:left;}
.article .project-thumbs .thumb-list{width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.article .project-thumbs li{width:100%; float:left;}
.article .project-thumbs img{width:100%; float:left;}

.article .project-details{float:left; width:100%;}
.article .project-details .equalHeight{float:left;}
.article .project-details .equalHeight .box h3{color:#b98f62;}
.article .project-details .equalHeight .box ul{list-style:none; margin:20px 0px; padding:0px}

.article .project-details .equalHeight .box ul li{position: relative; padding-left: 20px;}
.article .project-details .equalHeight .box ul li:before{content:"-"; position: absolute;top: 0; left: 0;}
.article .project-details .left-side .box{margin-bottom:30px;}
.article .project-details .left-side .box{width:100%;}
.article .project-details .left-side .button-list{margin-top:60px; margin-bottom:0px;}
.article .project-details .left-side .button-list.box h3 {margin-top:24px; margin-bottom:0px;}
.article .project-details .left-side .box p{margin:20px 0px;}
.article .project-details .left-side .box a{margin-top:10px;}
.article .project-details .left-side .box h3{margin:0px; line-height: 1.6;
}
.article .project-details .left-side .box p{color:#fff;}
.article .project-details .left-side .box img {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	margin: 0 0 32px;
}

.article .project-details .left-side .box img.logo {
	max-width: 240px;
	width: 100%;
}

.article .project-details .left-side{background:#000; width:330px; padding:50px; color:#fff;}
.article .project-details .right-side{background:#fff; width:684px; padding-bottom:30px;}
.article .project-details .right-side .box{width:50%; padding:20px; float:left; padding-bottom:0px;}
.article .project-details .right-side .box h3{margin:20px 0px;}
.article .project-details .right-side .box p{margin:5px 0px;}

.article .project-details .table{margin-top:-10px;}
.article .project-details .table th {font-size: 1.12em; letter-spacing: 1.5px;}
.article .project-details .table th, .article .project-details .table td{border:0px; padding:0px; vertical-align:top; padding:12px 0px;}
.article .project-details .table th {text-transform:uppercase; font-weight:normal; min-width:120px;}

.article .contact-page{background:#fff;}
.article .contact-page .left-side{width:660px; float:left;}
.article .contact-page .right-side {float: right; margin-top: 100px; width: 200px; margin-right:80px;}
.article .contact-page .right-side h3{margin:5px 0px; color:#b98f62;}
.article .contact-page .right-side p{margin:0px;}
.article .contact-page .right-side p a{color:#000;}
.article .contact-page .right-side hr{margin:25px 0px;}

.article .about{float:left; width:100%;}
.article .key-people{float:left; width:100%; background:#000; padding:0px;}
.article .key-people .left-side{padding:50px; width:340px}
.article .key-people .left-side h2, .article .key-people .right-side p{color:#fff;}
.article .key-people .right-side{padding:0px; width:670px}
.article .key-people .right-side h3{color:#b98f62; margin:40px 0px 20px;}
.article .key-people .right-side p{margin:0px 0px 10px 0px; width:86%}
.article .key-people .right-side .dividecolumn{width:50%; float:left; padding-bottom:50px;}
.article .key-people .right-side .dividecolumn img{width:100%;}

.footer{float:left; width:100%; margin:40px 0px;}
.footer h5{margin:0px 0px 0px 50px; line-height:20px;}
.footer h5 a{color:#000}


@media(max-width:1199px){
	.header .navbar{width:940px;}
	.article .project-details .left-side{width:300px;}
	.article .project-details .right-side{width:640px;}
	.article .default-page .right-side{width:560px;}
	.article .default-page .right-side .firstColumn, .article .default-page .right-side .secondColumn{width:240px;}
	.article .contact-page .left-side{width:600px;}
	.article .contact-page .right-side {width: 200px; margin-right:80px;}
	.article .key-people .left-side{width:330px;}
	.article .key-people .right-side{width:610px;}
	
	.map-area [id*="map"] {
		height: 333px !important;
	}
	
}
@media(max-width:991px){
	.header .navbar { width: 720px;}
	.article .project-details .left-side{padding:40px 20px;}
	.article .project-details .left-side, .article .project-details .right-side{width:100%;}
	.article .default-page .right-side{width:100%; margin-top:30px;}
	.article .default-page .right-side .firstColumn, .article .default-page .right-side .secondColumn{width:46%;}
	.article .contact-page .left-side{width:100%;}
	.article .contact-page .right-side {width: 300px; float:left; margin-right:0px; margin-left:50px; padding-bottom:30px; margin-top:30px;}
	.article .about .right-side{padding:0px;}
	.article .key-people .right-side{padding:0px 50px;}
}
@media(max-width:767px){
	.container{padding:0px;}
	.header .navbar { width: 100%;}
	.single-banner .pager { bottom: 20px;  height: 30px; left: 4px; position: absolute; right: auto; text-align: left; top: auto; width: auto;}
	.menu-popup .nav{font-size:23px; margin-top:0px;}
	.menu-popup .nav li  a{padding:8px 15px;}
	.menu-popup .close-trigger{margin:20px 20px 0px 12px; height:25px; width:25px; background-size:25px 25px;}
	.header .navbar{margin:0px 0px; padding:5px 0px;}
	.article, .home .header .banner{margin-top:70px;}
	.header .navbar .brand, .footer h5{margin-left:20px;}
	.header .navbar .menu-trigger{margin-right:20px;}
	.header .banner .banner-slideshow li .caption{height:100px; margin-top:-50px;}
	.article .title h3{margin-right:20px;}
	.article ul li.single-colmn, .article ul li.two-colmn{width:100%; overflow:hidden; height:200px;}
	.article ul.listing li  img{height:100%; width:auto;}
	.article ul.listing li.two-colmn  img{height:auto; width:100%;}
	.article ul.listing li .caption{padding:20px;}
	.article .single-banner .caption{padding:20px; bottom:0px;}
	.article .project-details .left-side .box, .article .project-details .right-side .box{width:100%;}
	.article .default-page{padding:20px;}
	.article .default-page .left-side{width:100%; margin-top:20px;}
	.article .default-page .right-side .firstColumn, .article .default-page .right-side .secondColumn{width:100%; float:left;}
	.article .contact-page .right-side{margin-left:20px; width:250px;}
	.article .key-people .left-side{padding:0px;}
	.article .key-people .right-side{padding:0px;}
	.article .key-people .right-side .dividecolumn{width:100%;}
}

#wpadminbar {
	position: fixed !important;
}