ead/* Reset CSS */
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, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed ,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; text-decoration: none; -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; }
address, caption, cite, code, dfn, th, var, h1, h2, h3 { font-style: normal; font-weight: normal; }
body { margin: 0; font-family:'brandon-grotesque', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3; background: #fff; height: 100%; color:#000000; font-weight:300; letter-spacing:1.25px; text-transform: uppercase;}
html { margin-top: 0 !important;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img {border: 0;}
ol, ul { list-style: none; margin: 0; padding: 0; }
caption, th {text-align: left;}
small {font-size: 75%;}
a img {border: none;}
a { cursor: pointer; color: #000000; text-decoration: none; }
a:hover {text-decoration: underline;}
img { 
	display: inline-block; 
	/* max-width: 1366px; */
	max-width: 2500px;
	height: auto; 
	vertical-align: top; }
html, body, #wrapper {
  height: 100%;
}

.wf-loading body {
font-family: "brandon-grotesque";
visibility: hidden;
}
.wf-active body {
visibility: visible;
}



.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }

.mwidth-1024 { max-width: 1024px; margin:0 auto; }


/* HEADER */
#header {
	margin-top:60px;	
	margin-bottom:30px;
}

#header .centerdiv {
	text-align:center;	
}

#nav {
	display:inline-block;	
}

#nav li {
	list-style:none;
	float:left;	
	margin-right:20px;
	padding-bottom:3px;
	border-bottom:1px solid transparent; 
}

#nav li a {	
	text-transform:uppercase;	
	border-bottom:1px solid #3f3f3f;
	font-size:14px;
	letter-spacing:1.25px; 
	font-weight:400;
	
}

#nav li a:hover {
	text-decoration:none;	
}

#nav li:hover, .headernav-active {
	border-bottom:1px solid #3f3f3f !important;
}

.top-header > p {
	text-transform:uppercase;
	font-weight:400;
}

.medium-text { 
	font-size:15px;
}

.dot-divider {
	width:6px;
	height:6px;
	background:#000;
	display:inline-block;	
	margin:23px 0;
	border-radius:50%;
}

.top-header {
	display:inline-block; 	
}

.header-topnav {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;	
	/* max-width: 1366px; */
	max-width: 2560px;
    margin: 0 auto;
}

.sticky-header {
	position: fixed;
	padding:18px 0;
}

.header-relative {
	position:relative; 	
}

/* FOOTER */
.footer-left { 
	float:left;
}

.footer-right {
	float:right;	
}

.footer-right p {
	color:#999999;
	font-size:13px;	
	font-weight:400;
	display:inline-block;
}

#footer-nav li a {
	font-size:13px;
	font-weight: 400;
	display:inline-block;
	text-transform:uppercase;	
}

#footer-nav li a:hover {
	border-bottom:1px solid #3f3f3f;	
	text-decoration:none;
}

#footer-nav li {
	list-style:none;
	float:left;
	margin-right:30px;	
}

#footer {
	padding: 10px 0;	
	background:#fff; 
	position:relative; 
}

/* GENERAL LAYOUT */
#wrapper {
	margin:0 20px;	
}

.centerdiv {
	/* max-width: 1920px; */
	max-width: 2500px;
	margin:0 auto;	
}

#main-content { 
	min-height: 100%;
  	/* equal to footer height */
  	margin-bottom: -43px; 
}

#main-content:after {
  content: "";
  display: block;
}

#footer, #main-content:after {
  height: 43px; 
}

.content-box {
	margin:80px 0 80px 130px; 	
	/* max-width:1920px; */
	max-width: 2500px;
}

.content-box .dot-divider {
	width:8px;
	height:8px;
	margin: 25px 0 20px 0;	
}

.content-box p {
	margin-bottom:30px;	
	
	/* font-weight:bold; */	
}

.content-box .col2 p {
	letter-spacing:1.25px;
}

.home-box {
	padding: 40px 40px;
    position: relative;
    z-index: 100;
    background: #fff;
    max-width: 768px;
	margin-top:0;
}

.fixed-container {	
	left: 0;
    right: 0;  
}

.fixed-active {
	top: 62px;	
	position:fixed; 
	padding: 0 20px;
}

.home-container {
	height:871px; 	
}

.standard-content-box {
	margin:80px auto;	
}

.contact-container { 
	height:auto !important;
}

/* PROJECTS */
.projectsgrid { 
	margin-top: 0 !important; 
	/* max-width: 1366px; */
	max-width: 2500px;
	}
	
.project-title { -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;  opacity: 0; position:absolute; top:50%; transform: translateY(-50%); font-size:15px; color:#fff; z-index:100; text-transform:uppercase; letter-spacing:2px; font-weight:400; width: 100%; text-align:center; margin-left: -10px;}
.project-title span { font-size:12px; }
.project-col:after { -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;opacity:0; content:''; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; bottom:0; right:0; left:0;margin: 0 10px 0 10px;}
.project-col:hover .project-title,
.project-col:hover:after { 
	opacity:1;
	
}
.project-col > img { width: 100%;}
.project-row { margin-bottom:25px;}
.project-row * { text-transform:uppercase; font-size:14px;  margin-bottom:0 !important; }
.last-project-row { margin-bottom:0;}
.row-title { text-decoration:underline;margin-bottom: 0 !important; font-weight:500; }
.project-images > img { margin-bottom:20px; width:100%;}
.project-images-container { padding-bottom:60px; background:#fff; }


/* COLUMNS STYLES */
.col2 { width:48%; float:left; margin-right:4%;}
.col2.col-last { margin-right:0; margin-bottom:0;}
.project-col { padding: 0 10px 0 10px; width:33.33%; margin-bottom: 20px; float:left; position:relative; }

/* TEXT STYLES */
.small-text { font-size:11px; font-weight:600;}
.content-title  { text-transform:uppercase; font-size:20px; margin-bottom:0 !important; letter-spacing: 1.5px; font-weight:500; }


/* MOBILE HEADER */
#mobile-header { display: none; position: fixed; top: 0; left: 0; width: 100%; background:#fff; z-index: 9999; text-align:center; padding-top:22px; height:80px;}
#mobile-overlay { display: none;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
a#mobile-logo { color: #ffffff; font-size: 18px; font-weight: 700; line-height: 28px; margin-left: -45px; display:inline-block; vertical-align: middle;margin-right:65px;}
a#mobile-logo > img { width:80%;}
a#mobile-nav-btn { display: inline-block; float: right; line-height: 28px; padding: 0; position: relative; z-index: 10001; cursor: pointer; background: none !important; margin-right: 20px;}
#mobile-nav-btn img { display: inline-block; vertical-align: middle; width:24px; height: auto;}
#mobile-nav { display: none; background:#d4d3c9; z-index: 10000; width: 100%; margin-top:27px;}
#mobile-nav ul { padding-left:0;margin:0; padding-top: 15px;}
#mobile-nav li { width: auto; display: block; text-align: center; }
#mobile-nav li a {text-transform:uppercase; display: block; font-size: 15px; color: #000; font-weight: 400; padding: 15px 15px; letter-spacing: 1px; text-decoration: none; }
#mobile-nav li li {  }
#mobile-nav li a:hover, #mobile-nav li.current-menu-item a { color: #fff; background: #38515f; }
.mobile-header-title {font-size:15px;  font-weight:400; color:#000; vertical-align:middle; display:none; line-height:1; position:absolute; left:0; right:0; margin-left: auto; margin-right: auto; padding-top: 12px;}
.mobile-active { background:#fff !important;}
.mobile-top-header { display:none; position: absolute;left: 50%;margin-left: -109px;}

/* SLIDER */
.slider-logo { position:absolute;top: 27px; left: 26%; z-index:999;}
.slider-logo > img { width:80px;}
.slider-container { text-align:center; position:relative; }
.slider > img { width:100%; }
.slider-container .project-first-image > img { width: 100%;}
.slider { display:inline-block; }


/* MEDIA QUERIES */

@media only screen and (max-width: 2560px ) {
	.centerdiv, .projectsgrid, .header-topnav { max-width:2500px;}
	.slider { display:block; }
	img { max-width:2500px; width:100%;}
}


@media only screen and (max-width: 1920px ) {
	.centerdiv, .projectsgrid, .header-topnav { max-width:1920px;}
	.slider { display:block; }
	img { max-width:1920px; width:100%;}
}

@media only screen and (max-width: 1365px ) {
	.slider-logo { left:15%;}	
	.home-box { max-width:650px; }
	.sticky-header { margin: 0 20px; }
	.home-container { height:645px; }
}

@media only screen and (max-width: 1023px ) {
	#footer-nav li a, .footer-right p { font-size:12px;}
	.project-col { width:50%; padding-right:10px !important; padding-left:0 !important;}
	.project-col:nth-of-type(2n) { padding-left:10px !important;padding-right:0 !important;}
	.project-col:nth-of-type(3n) { margin-right:0;}
	.project-title { margin-left:-5px;}
	.project-col:after { margin-left: 0 !important; margin-right:10px !important; }
	.project-col:nth-of-type(2n):after { margin-right: 0 !important; margin-left:10px !important; }
	.col2 { width:100%;}
	.home-box {margin: 80px auto 80px auto;}
	.home-container { height:474px; }
}

@media only screen and (max-width:767px ) {
	#mobile-header, .mobile-top-header {display: block; }	
	#wrapper { margin:0;}
	#footer-nav { display:inline-block;}
	#header .dot-divider, #header #nav, .footer-right, .header-topnav, .desktop-top-header{ display:none;}
	#header { margin-top:80px;}
	#footer-nav li { margin-right:20px; }
	#footer-nav li a { font-size:11px; }
	.slider-logo { width:60px; left:5%;}
	.footer-left { text-align:center;float:none;}
	.centerdiv, .mwidth-1024 { padding:0 20px;}
	.project-col , .project-col:nth-of-type(2n){ width:100%; margin-bottom:25px; padding: 0 !important; }
	.nopadding { padding:0; }	
	.project-title { margin-left:0}
	.project-col:after, .project-col:nth-of-type(2n):after  { margin: 0 !Important; }
	.home-box { margin:40px auto;}	
	.home-container { height:309px; }
	.fixed-active { padding:0; }
	.fixed-container {top: 62px;position:fixed;  }
	.contact-container { height:100px !important;}
}

@media only screen and (max-width:479px ) {
	/* #footer-nav li { float:none;} */
	#footer-nav li a { font-size:10px;}
	#footer-nav li { margin-right: 10px;}
	.centerdiv { padding:0 20px;}
}