/* @override http://foursq.efront-dev.com.au/css/screen.css */

/*
 *  Project Styles
 *
 */

/* ==========================================================================
    Base styles and resets
   ========================================================================== */

	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
	html{-webkit-text-size-adjust: none;}
	strong{ font-weight:bold;}
	img{ vertical-align:top;}
	.cl{ clear:both; font-size:0;}

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }

	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: sans-serif; color: #222; }
	body { margin: 0; font-size: 1em; line-height: 1.4; }

	a { color: #00e; }
	a:hover { color: #06e; }
	a:focus { outline: thin dotted; }
	a:hover, a:active { outline: 0; }
	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	small { font-size: 85%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	ul, ol { margin: 0; padding: 0; }
	li { list-style:none; margin:0; padding:0; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	svg:not(:root) { overflow: hidden; }
	figure { margin: 0; }

	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }

	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }

	table { border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }

	.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

	input,textarea,select{-webkit-appearance:none;}


	div.arrow{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 50px;
		background: url(/resources/images/arrow_down.png) center center no-repeat;
		z-index: 9999999;
		margin-bottom: 10px;

		left: 0;
		right: 0;
		cursor: pointer;
}

/* ==========================================================================
    General styles
   ========================================================================== */
	html { background:#e6e7e8; font-size: 62.5%; }
	body { background:#e6e7e8; font-family:Arial; color:#000; margin-top: 127px;}

	a { text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; outline:none!important; }
		a:hover { color:#fff;}

	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #834e2e; opacity:1; }
	input:-moz-placeholder, textarea:-moz-placeholder{ color: #834e2e; opacity:1; }
	input::-moz-placeholder, textarea::-moz-placeholder { color: #834e2e; opacity:1; }
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #834e2e; opacity:1; }

	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	img {max-width:100%; height:auto;}

	.wrapper { width:100%; max-width:925px; margin:0 auto; position:relative; }
	.wrapper:before, .wrapper:after { content: ""; display: table; }
	.wrapper:after { clear: both; }
	.wrapper { *zoom: 1; }

	.wrapper.white {background-color:#fff;}

	.row { border-bottom:10px solid #000;}
	.row:before, .row:after {display: table;content: "";line-height: 0;}
	.row:after {clear: both;}

	.not-featured:hover {
		background: rgba(0,0,0,0.1)!important;
	}


	.col12 { width: 100%; float: left;}
	.col11 { width: 91.66666666666666%; float: left; }
	.col10 { width: 83.33333333333334%; float: left;}
	.col9 { width: 75%; float: left;}
	.col8 { width: 66.66666666666666%; float: left; }
	.col7 { width: 58.333333333333336%; float: left;}
	.col6 { width: 50%; float: left;}
	.col5 { width: 41.66666666666667%; float: left;}
	.col4 { width: 33.33333333333333%; float: left;}
	.col3 { width: 25%; float: left;}
	.col2 { width: 16.666666666666664%; float: left;}
	.col1 { width: 8.333333333333332%;  float: left;}
	.detail3 { height: 200px;}
/* ==========================================================================
    Fonts
   ========================================================================== */

	@font-face {
	  font-family: 'NeutraDisp-MediumAlt';
	  src: url('../fonts/NeutraDisp-MediumAlt.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeutraDisp-MediumAlt.otf')  format('opentype'), url('../fonts/NeutraDisp-MediumAlt.woff') format('woff'), url('../fonts/NeutraDisp-MediumAlt.ttf')  format('truetype'), url('../fonts/NeutraDisp-MediumAlt.svg#NeutraDisp-MediumAlt') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'NeutraDisp-Titling';
	  src: url('../fonts/NeutraDisp-Titling.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeutraDisp-Titling.otf')  format('opentype'), url('../fonts/NeutraDisp-Titling.woff') format('woff'), url('../fonts/NeutraDisp-Titling.ttf')  format('truetype'), url('../fonts/NeutraDisp-Titling.svg#NeutraDisp-Titling') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'NeutraText-BoldAlt';
	  src: url('../fonts/NeutraText-BoldAlt.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeutraText-BoldAlt.otf')  format('opentype'), url('../fonts/NeutraText-BoldAlt.woff') format('woff'), url('../fonts/NeutraText-BoldAlt.ttf')  format('truetype'), url('../fonts/NeutraText-BoldAlt.svg#NeutraText-BoldAlt') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'NeutraText-BookAlt';
	  src: url('../fonts/NeutraText-BookAlt.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeutraText-BookAlt.otf')  format('opentype'), url('../fonts/NeutraText-BookAlt.woff') format('woff'), url('../fonts/NeutraText-BookAlt.ttf')  format('truetype'), url('../fonts/NeutraText-BookAlt.svg#NeutraText-BookAlt') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'NeutraText-DemiAlt';
	  src: url('../fonts/NeutraText-DemiAlt.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeutraText-DemiAlt.otf')  format('opentype'), url('../fonts/NeutraText-DemiAlt.woff') format('woff'), url('../fonts/NeutraText-DemiAlt.ttf')  format('truetype'), url('../fonts/NeutraText-DemiAlt.svg#NeutraText-DemiAlt') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'NeutraDisp-BoldAlt';
	  src: url('../fonts/NeutraDisp-BoldAlt.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeutraDisp-BoldAlt.otf')  format('opentype'), url('../fonts/NeutraDisp-BoldAlt.woff') format('woff'), url('../fonts/NeutraDisp-BoldAlt.ttf')  format('truetype'), url('../fonts/NeutraDisp-BoldAlt.svg#NeutraDisp-BoldAlt') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

/* ==========================================================================
    Header
   ========================================================================== */

		#header{ text-align:center; width:100%; background-color:#fff; position: fixed; top:0px; z-index: 9999;}


		#logo{ display:inline-block; width:25%; max-width:228px; margin:25px 0  15px 0 ;  }
		#mobile-menu-button,
		#mobile-logo {display:none;}

	.main-menu {width:100%; background-color:#000; padding:0 ;}
		.nav{ list-style:none;}
		.nav li{ list-style:none; display:inline-block; }
		.nav li a{ display:inline-block; font-family: 'NeutraText-DemiAlt'; font-size:14px; line-height:14px; font-size:1.4rem; line-height:1.4rem;color:#fff; text-transform:uppercase; padding:6px 16px; letter-spacing:1.5px;}
		.nav li.first,
		.nav li:first-child{ margin-left:0;}
		.nav li.last,
		.nav li:last-child{ margin-right:0;}
		.nav li.on a,
		.nav li a:hover, .nav li a.active { background-color:#fff; color:#000;}

/* ==========================================================================
    Social
   ========================================================================== */

a.social.linkedin { display: inline-block; margin-right: 15px; background: url(/resources/images/linkedin.png) center center no-repeat; background-size:contain; width:30px; height: 30px; margin-top: -20px; }
a.social.instagram { display: inline-block; /* margin-right: 15px; */ background: url(/resources/images/instagram.png) center center no-repeat; background-size:contain; width:30px; height: 30px;margin-top: -20px; }


/* ==========================================================================
    Landing
   ========================================================================== */
	#main > .wrapper {margin-bottom:0;}

	#landing-carousel {}
	.carousel {position:relative;}
		.carousel .slide{width:100%;}
		.carousel .slide-inner{width:100%; height:100%; position:relative;}
		.col { position:relative; text-align:center;}
		.col .col-inner {position:relative; height:100%;}

		.col7 .col-inner:after { padding-top: 50.91%;  display: block; content: '';}
		.col5 .col-inner:after { padding-top:71.23%;  display: block; content: '';}
		.col6 .col-inner:after { padding-top:59.42%;  display: block; content: '';}
		.col6.large .col-inner:after { padding-top:87.76%;  display: block; content: '';}

		.col-content {position: absolute; top: 0; bottom: 0; right: 0;  left: 0;  width:100%; height:100%; vertical-align:middle;}
		.col-content .col-content-table {display:table; width:100%; height:100%; table-layout:fixed;}
		.col-content .col-content-cell {display:table-cell; vertical-align:middle;padding-left: 4%;padding-right: 4%;}
		.col-content .col-content-cell  img {max-width:100%; height:auto;}



		.col.blue .col-inner{background-color:#115f85;}
		.col.blue,
		.col.blue a {color:#fff;}
		.col.blue h2:before,
		.col.blue p.leading:before  {background:#fff;}

		.col.yellow,
		.col.yellow a {color:#000;}
		.col.yellow h2:before,
		.col.yellow p.leading:before  {background:#000;}

		.col.grey .col-inner{background-color:#d1d3d4;}
		.col.grey,
		.col.grey a {color:#000;}
		.col.grey h2:before,
		.col.grey p.leading:before {background:#000;}

		.col-inner strong {	font-family: 'NeutraText-BoldAlt'; }

		.col-inner a { color: #000;}
		.col-inner a:hover { color: #000; text-decoration: underline;}

		.col.dark-grey .col-inner{background-color:#666666;}
		.col.dark-grey,
		.col.dark-grey a {color:#fff;}
		.col.dark-grey h2:before,
		.col.dark-grey p.leading:before {background:#fff;}

		.col.gold .col-inner{background-color:#b2991b;}
		.col.gold ,
		.col.gold  a {color:#fff;}
		.col.gold  h2:before,
		.col.gold p.leading:before {background:#fff;}

		.col h2 {font-weight:normal; font-family: 'NeutraDisp-Titling';  font-size:45px; line-height:45px; font-size: 3.5rem; line-height:4.5rem; margin-bottom:25px; margin-bottom:2.5rem; position:relative; padding-top:6%; /* text-decoration:underline; */}
		.col h2:before {content:''; width:20px; height:4px; position:absolute; top:0; left:50%; margin-left:-10px;background: #000;}


		.col.news h2 {font-size: 28px; line-height: 30px;}
		.col.project_landing h2:before { width:0; height:0;}
		.contact .col h2:before { width:0px; height:0px; }

		.col p {font-family: 'NeutraText-BookAlt'; font-size:18px; line-height:20px; font-size: 1.8rem; line-height:2rem;  /* text-transform:uppercase; */ margin-bottom:7%; letter-spacing:1px;}
		.col p.tile { text-transform: uppercase; }
		.col .slide-link {font-family: 'NeutraText-BoldAlt'; font-size:15px; line-height:5px; font-size:1.5rem; line-height:1.5rem; /* text-decoration:underline; */text-transform: uppercase;color: #000;border-bottom: 1px solid #000;}
		.col.blue .slide-link { border-bottom: 1px solid #fff; }
		.col .slide-link:hover { text-decoration: none; }
		.col p.leading {font-family: 'NeutraText-BookAlt'; text-transform:none;  font-size:20px; line-height:22px; font-size:2rem; line-height:2.2rem; position:relative; padding-top:6%;}
		.col p.leading:before {content:''; width:20px; height:4px; position:absolute; top:0; left:50%; margin-left:-10px; }

		.about p { text-transform: uppercase;}

		.projects .col h2:before { display: none;}
		.projects .col h1:before {content:''; width:20px; height:4px; position:absolute; /* top:0; */ left:50%; margin-left:-10px;background: #000;margin-top: -30px;}
		.projects .col h1{ text-transform: uppercase; font-family: 'NeutraText-BoldAlt'; font-size: 1.5em;}
		.projects .col p {text-transform: uppercase;}
		.projects .col h2 { margin-bottom: 0;}
		.projects .col .slide-link {
			position: absolute;
			margin: 0;
			padding: 0;
			bottom: 10%;
			left: 37%;
		}

		.link:hover{
			text-decoration:underline;
		}


		.detail .col h2:before { display: none;}
		.detail .col h1:before {content:''; width:20px; height:4px; position:absolute; /* top:0; */ left:50%; margin-left:-10px;background: #000;margin-top: 30px;}
		.detail .col h1{ text-transform: uppercase; font-family: 'NeutraText-BoldAlt'; font-size: 1.5em; margin-bottom: 30px;}
		.detail .col p {text-transform: uppercase;/* text-align: left; */}
		.detail .col .project_detail p {text-transform: none; text-align: left; }
		.detail .col h2 { margin-bottom: 0;}
		.detail .col .slide-link {
			position: absolute;
			margin: 0;
			padding: 0;
			bottom: 10%;
			left: 37%;
		}

		.col-content.project_detail {
			padding: 7% 5% 7% 5%;
		}

		.about .col h2 { padding-left: 20px; padding-right:20px;}

		.home-carousel .col h2 {font-family: 'NeutraDisp-Titling';  font-size:40px; line-height:40px; font-size:4rem; line-height:4rem;text-transform:uppercase; text-decoration:none; margin-bottom:10px; margin-bottom:1rem;}
		.home-carousel .col h2:before {content:''; width:20px; height:4px; position:absolute; top:0; left:50%; margin-left:-10px;}
		.home-carousel .col p {font-family: 'NeutraText-BookAlt'; margin-bottom:6%; text-transform: uppercase!important;}
		.home-carousel .col .slide-link { }

		.image-cont {position:relative;}
		.image-cont:after { padding-top: 35.21%;  display: block; content: '';}
		.image-cont.large:after {padding-top: 55.85%;}

		.image-cont.col6.large:after {padding-top:59.42%;}
		.image-cont.col7.large:after {padding-top: 51.1%;}
		.image-cont.col5.large:after {padding-top: 71.5%;}

		.image-cont-inner {display:block; background-size:cover; background-position:center center; background-repeat:no-repeat;  position: absolute; top: 0; bottom: 0; right: 0;  left: 0;}


		.carousel .cycle-pager {position:absolute; bottom:10px; right:0; left:0; width:100%; text-align:center;z-index:300; }
		.carousel .cycle-pager span {display:inline-block; width:10px; height:10px; overflow:hidden; text-indent:100%; background-color:none; margin-left:5px; border:1px solid #fff; border-radius:50%;  -webkit-border-radius:50%; cursor:pointer;}
		.carousel .cycle-pager span:hover,
		.carousel .cycle-pager span.cycle-pager-active {background-color:#fff;}
		.home-carousel.carousel .cycle-pager {bottom:-18px;}
		.home-carousel.carousel .cycle-pager span.cycle-pager-active{background-color:#000;}
		.home-carousel.carousel .cycle-pager span { border:1px solid #000 }


		.col .logo-cell {padding:0 20px;}

		.three-columns {}
		.three-columns .col-left,
		.three-columns .col-right {width:21%; float:left;  position:relative;}
		.three-columns .col-left:after,
		.three-columns .col-right:after {padding-top: 141.49%;  display: block; content: '';}
		.three-columns .col-left-inner,
		.three-columns .col-right-inner {display:block; background-size:cover; background-position:center center; background-repeat:no-repeat;  position: absolute; top: 0; bottom: 0; right: 0;  left: 0;}
		.three-columns .col-medium {width:58%; float:left;  position:relative;}
		.three-columns .col-medium .col-inner:after {padding-top: 51.23%;  display: block; content: '';}

		.contact-col {}
		.contact-col p {font-family: 'NeutraText-BookAlt'; text-transform:none; margin-bottom:10px; }
		.contact-col .intro-text { font-family: 'NeutraDisp-BoldAlt'; font-weight:normal;}
		.contact-col p strong {font-family: 'NeutraText-BoldAlt';font-weight:normal; }
		.contact-col p a {text-decoration:underline;}

		.register-form {max-width:290px; width:100%; padding:0px 20px; margin:0 auto;}
		.register-form input[type=text],
		.register-form input[type=email] {display:inline-block; width:100%; max-width:290px; background:#fff; border:0; border-bottom:5px solid #000; height:25px; margin-bottom:5%; font-family: 'NeutraDisp-MediumAlt'; font-size:15px; line-height:15px; font-size:1.5rem; line-height:1.5rem; color:#000; text-align:center;}
		.register-form input[type=email] {margin-bottom:0;}
		.register-form input::-webkit-input-placeholder { color: #000;  }
		.register-form input:-moz-placeholder { color: #000;  }
		.register-form input::-moz-placeholder { color: #000;  }
		.register-form input:-ms-input-placeholder { color: #000;  }

		.detail3 .col p { margin-bottom: 5px; text-transform: none;}
		.detail3 .col p a { color: #000; }

		.detail3 .col p {
    font-family: 'NeutraText-BookAlt';
 }
		.detail3 .col p span {
    font-family: 'NeutraText-DemiAlt';
  }



/* ==========================================================================
    Footer
   ========================================================================== */

	#footer{ text-align:center; font-family: 'NeutraText-DemiAlt'; font-size:10px; line-height:15px; font-size: 1.4rem; line-height: 1.6rem;color:#959595; color: #000; text-transform:uppercase; padding-top:6%; padding-bottom:4.28%; padding-bottom:6%;}
	#footer strong {font-family: 'NeutraText-BoldAlt';color:#000; }
	#footer .copyright {display:block; }
	#footer .copyright span {font-family: 'NeutraText-BookAlt';}
	#footer .copyright a {color:#959595; /* text-transform:uppercase; */ color:#000;}


/* ==========================================================================
    Susbcribe form
   ========================================================================== */

.subscribeForm { padding: 1rem 0; }
.subscribeForm .col6:first-child { padding-right: 1rem; }
.subscribeForm .col6:first-child p { text-align: right; font-family: 'NeutraText-DemiAlt'; font-size: 14px; margin-bottom: 0; line-height: 24px; }
.subscribeForm .col6:last-child { padding-left: 1rem; text-align: left; }
.subscribeForm input[type=email] { border: 1px solid #000; padding: 3px; width: 10vw; color: #000; display: inline-block; height: 24px; vertical-align: top; font-family: 'NeutraText-DemiAlt'; font-size: 14px; }
.subscribeForm input[type=email]::-webkit-input-placeholder { color: #000; }
.subscribeForm input[type=email]:-moz-placeholder { color: #000; }
.subscribeForm input[type=email]::-moz-placeholder { color: #000; }
.subscribeForm input[type=email]:-ms-input-placeholder { color: #000; }
.subscribeForm input[type=email]:placeholder { color: #000; }
.subscribeForm input[type=submit] { padding: 3px 1rem; -webkit-appearance: none; background: #000; color: #fff; border: 1px solid #000; text-transform: uppercase; font-family: 'NeutraText-BookAlt'; height: 24px; line-height: 50%; display: inline-block; vertical-align: top; cursor: pointer; }
.subscribeForm input[type=submit]:disabled { opacity: 0.5; cursor: default; }

@media only screen and (max-width: 1025px){
	.subscribeForm .col6:last-child input[type=email] { width: 30vw; }
}
@media only screen and (max-width: 479px){
	.subscribeForm .col6 { width: 100%; }
	.subscribeForm .col6:first-child { width: 100%; text-align: center; padding-right: 0; float: none; }
	.subscribeForm .col6:first-child p { text-align: center; }
	.subscribeForm .col6:last-child { width: 100%; float: none; text-align: center; padding-left: 0; }
	.subscribeForm .col6:last-child input[type=email] { width: 60vw; }
}

/* ==========================================================================
    Popup
   ========================================================================== */
.popup{z-index:301;background-color:#e6e7e8;width:100%;}
.popup .col h2{font-family:'NeutraDisp-Titling';font-size:40px;line-height:40px;font-size:4rem;line-height:4rem;text-transform:uppercase;text-decoration:none;margin-bottom:10px;margin-bottom:1rem;}
.popup .col h2:before{content:'';width:20px;height:4px;position:absolute;top:0;left:50%;margin-left:-10px;}
.popup .col.grey h2:before,.popup .col.grey p.leading:before,.popup .form-group textarea:before{background:#000;}
.popup .col p{text-transform:inherit;}
.popup .col .col-content-cell{padding:0 20px 0 180px;}
.popup .column2 .col-content-cell{padding:0 180px 0 20px;}
.popup .form-group input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'NeutraDisp-BoldAlt';font-size:18px;line-height:26px;font-size:1.8rem;line-height:2.6rem;border:none;border-bottom:4px solid #000;text-align:center;margin-bottom:15px;}
.popup .form-group input::-webkit-input-placeholder{color:#000;opacity:1;}
.popup .form-group input:-moz-placeholder{color:#000;opacity:1;}
.popup .form-group input::-moz-placeholder{color:#000;opacity:1;}
.popup .form-group input:-ms-input-placeholder{color:#000;opacity:1;}
.popup .form-group textarea::-webkit-input-placeholder{color:#000;opacity:1;}
.popup .form-group textarea:-moz-placeholder{color:#000;opacity:1;}
.popup .form-group textarea::-moz-placeholder{color:#000;opacity:1;}
.popup .form-group textarea:-ms-input-placeholder{color:#000;opacity:1;}
.popup .form-group #tarea-wrap{position:relative;}
.popup .form-group #tarea-wrap:before{content:'';width:20px;height:4px;position:absolute;top:0;left:50%;margin-left:-10px;background:#000;}
.popup .form-group textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'NeutraDisp-BoldAlt';font-size:18px;line-height:1.2em;font-size:1.8rem;/* line-height: 1.2rem; */border:none;border-bottom:4px solid #000;text-align:center;margin-bottom:15px;height:95px;padding-top:3px;margin-top:40px;}

.popup .close {  width: 20px;  height: 20px;  display: block;  background-image: url('/images/close-btn.png');  background-size: cover;  position: absolute;  right: 20px;  top: 20px;  z-index: 300; }


/* ==========================================================================
    Popup
   ========================================================================== */
.mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff; background-color:rgba(255,255,255,.9);z-index:300; display: none;}
#popup{position:fixed;z-index:301;top:50%;left:50%;margin-left:-462.5px;background-color:#e6e7e8;width:925px;margin-top:-100px; display: none;}
#popup .col h2{font-family:'NeutraDisp-Titling';font-size:40px;line-height:40px;font-size:4rem;line-height:4rem;text-transform:uppercase;text-decoration:none;margin-bottom:10px;margin-bottom:1rem;}
#popup .col h2:before{content:'';width:20px;height:4px;position:absolute;top:0;left:50%;margin-left:-10px;}
#popup .col.grey h2:before,#popup .col.grey p.leading:before,#popup .form-group textarea:before{background:#000;}
#popup .col p{text-transform:inherit;}
#popup .col .col-content-cell{padding:0 20px 0 180px;}
#popup .column2 .col-content-cell{padding:0 180px 0 20px;}
#popup .form-group input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'NeutraDisp-BoldAlt';font-size:18px;line-height:26px;font-size:1.8rem;line-height:2.6rem;border:none;border-bottom:4px solid #000;text-align:center;margin-bottom:15px;}
#popup .form-group input::-webkit-input-placeholder{color:#000;opacity:1;}
#popup .form-group input:-moz-placeholder{color:#000;opacity:1;}
#popup .form-group input::-moz-placeholder{color:#000;opacity:1;}
#popup .form-group input:-ms-input-placeholder{color:#000;opacity:1;}
#popup .form-group textarea::-webkit-input-placeholder{color:#000;opacity:1;}
#popup .form-group textarea:-moz-placeholder{color:#000;opacity:1;}
#popup .form-group textarea::-moz-placeholder{color:#000;opacity:1;}
#popup .form-group textarea:-ms-input-placeholder{color:#000;opacity:1;}
#popup .form-group #tarea-wrap{position:relative;}
#popup .form-group #tarea-wrap:before{content:'';width:20px;height:4px;position:absolute;top:0;left:50%;margin-left:-10px;background:#000;}
#popup .form-group textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'NeutraDisp-BoldAlt';font-size:18px;line-height:1.2em;font-size:1.8rem;/* line-height: 1.2rem; */border:none;border-bottom:4px solid #000;text-align:center;margin-bottom:15px;height:95px;padding-top:3px;margin-top:40px;}

#popup .close {  width: 20px;  height: 20px;  display: block;  background-image: url('/images/close-btn.png');  background-size: cover;  position: absolute;  right: 20px;  top: 20px;  z-index: 300; }

#footer .copyright a { text-transform: none; }
p.smaller { font-size: 2em; line-height: 1.1; width: 95%; margin: auto; }
.col.white .col-inner { background-color: #FFFFFF; }

body.residential .row.blueBottom { border-bottom-color: #115f85; }
body.residential .row.yellowBottom { border-bottom-color: #FFC400; }

.col.yellow .col-inner { background-color: #FFC400; }
.col.yellow, .col.yellow a { color: #000; }

body.commercial h2 { font-family: 'NeutraText-BoldAlt'; }
body.commercial p { width: 70%; margin-left: auto; margin-right: auto; }
body.commercial a.slide-link { color: black; font-family: 'NeutraText-BoldAlt'; }

#news_mask {
	position: fixed;
	background: rgba(0,0,0,0.4);
	top:0; bottom:0; left:0; right:0;
	z-index: 9999999;
	display: none;
}

#news_content {
	position: inherit;
	background: transparent;
	z-index: 9999999;
	display: none;
}

#news_item {
	position: fixed;
	width: 840px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin-left: -420px;
	margin-top: -300px;
	display: block;
	box-sizing: border-box;
	z-index: 99999999;
}

#news_item .inner {
	position: relative;
	box-sizing: content-box;
	padding: 2px;
	background-color: #fff;
	height: 100%;
}

#news_item .inner a.x_close{
	width: 36px;
	height: 36px;
	position: absolute;
	background: transparent url(/resources/images/x_corner.png) center center no-repeat;
	right: -15px;
	top: -15px;
	cursor: pointer;
	z-index: 99999999;
}

#news_item .inner .left {
	width: 400px;
	height: 100%;
	display: inline-block;
	float: left;
}


#news_item .inner .left .top {
	width: 400px;
	height:400px;
	background-size: contain!important;
}

#news_item .inner .left .bottom {
	width: 400px;
	height: 200px;
	background: #ffc82d;
	padding: 20px;
	padding-top:10px;
}

#news_item .inner .left .bottom h2 {
	font-weight:normal; font-family: 'NeutraDisp-Titling';  font-size:25px; line-height:45px; font-size: 2.5rem; line-height:3rem; margin-bottom:25px; margin-bottom:2.5rem; position:relative; padding-top:6%; /* text-decoration:underline; */
	text-align: left;
}

#news_item .inner .right {
	width: 436px;
	height: 600px;
	float: right;
	display: block;
	background-color: #fff;
	overflow-y: scroll;
}

#news_item .inner .right .content {
	padding: 40px;
}

#news_item .inner .right .content p {
	margin-bottom: 15px;
	font-size: 14px;
}

#news_item .inner .right .content .news_title {
	display: block;
	width: 200px;
	height: 52px;
	background: transparent url(/resources/images/latest_news.png) center center no-repeat;
	background-size: contain;
	margin: 0 auto;
	margin-top: -20px;
	margin-bottom: 10px;

}


/* ==========================================================================
    Portrait iPad
   ========================================================================== */
	@media only screen and (max-width: 1023px){
		body{
	margin-top: 12%;
}
		html { font-size: 55%; }

		.popup .form-group textarea {  height: 86px;}
	}



	@media only screen and (max-width: 925px){
		.popup {width: 100%; margin-left: 0; left: 0;}
		.popup .form-group textarea {  height: 95px;}
	}



/* ==========================================================================
    Landscape iPhone
   ========================================================================== */
@media only screen and (max-width: 650px){
		.col p {font-size: 1.3rem; line-height: 1.2rem!iportant;}
		.col h2  { font-size: 14px!important; line-height: 12px!important; }
}

	@media only screen and (max-width: 767px){


	.detail3 { height: 150px;}
		body{
	margin-top: 0px;
}
		html { font-size: 38%; }
		#header{background-color:#000; height:67px; position:fixed; z-index:400;}
		#header > .wrapper {padding:21px 0px; }
		#logo{ display:none;}
		#mobile-logo{display:block; float:right; width:93px; margin-right:18px;}
		#mobile-menu-button {display:block; float:left; width:28px; margin-left:18px; z-index:400; position:relative;}

		.main-menu {display:none; width:100%; background-color:#000; padding:0 ; position:fixed; left:0; right:0; width:100%; top:0; z-index:399; height:100%; bottom:0;}
		.nav{ list-style:none; padding:9px 0;}
		.nav li{ list-style:none; display:block; }
		.nav li a{ display:block; font-family: 'NeutraDisp-Titling'; font-size:25px; line-height:25px; padding:9px 18px; text-align:right;}
		.nav li.first,
		.nav li:first-child{ margin-left:0;}
		.nav li.last,
		.nav li:last-child{ margin-right:0;}
		.nav li.on a,
		.nav li a:hover{ background-color:#000; color:#fff; text-decoration:underline;}
	.detail .col h1{  margin-bottom: 10px;}

		#main {padding-top:67px;}
		.col h2  {padding-top:5%;line-height: 19px;}

		.col h2:before { width:14px; height:3px;  margin-left:-7px;}
		.col p.leading {padding-top:5%;}
		.col p.leading:before {width:14px; height:3px;  margin-left:-7px; }

		.col-content .col-content-cell img {max-width:60%;}

		.detail .col h1:before {content:''; width:14px; height:3px; position:absolute; /* top:0; */ left:50%; margin-left:-7px;background: #000; margin-top: 7%;}



		.popup .col .col-content-cell {padding: 0 20px; padding-top: 15px}
		.popup .column2 .col-content-cell {padding: 0  20px; }

		.popup .col6 {width: 100%;}


		.popup .col-content {position: relative;}
		.popup .col6 .col-inner:after {  padding-top: 0;}

		.popup .form-group #tarea-wrap:before {display: none;}

		.popup .form-group textarea {   margin-bottom: 15px;  padding-top: 3px; margin-top: 0;}


	}
	@media only screen and (max-device-width: 767px){
		html { font-size: 6px; }
	}

/* ==========================================================================
    Portrait iPhone
   ========================================================================== */

	@media only screen and (max-width: 479px){
		html { font-size: 30%; }
		.col p { line-height: 8px; }
		.register-form input[type=text],
		.register-form input[type=email] {border-bottom:2px solid #000; height:15px; margin-bottom:5%; }

		.detail3 { height: 120px;}


	a.social.linkedin { display: inline-block; margin-right: 15px;  width:20px; height: 20px;  }
	a.social.instagram { display: inline-block;  background-size:contain; width:30px; height: 20px; }

	}
	@media only screen and (max-device-width: 479px){
		html { font-size: 4px; }

	}

	@media only screen and (max-device-width: 320px){
		.home-carousel.carousel .cycle-pager {bottom:-15px;}
	}


@media only screen and (max-width: 768px){

	#news_item {
		position: absolute;
		width: 440px;
		height: 100%;
		/* top: 20%; */
		left: 50%;
		margin-left: -220px;
		display: block;
		box-sizing: border-box;
		z-index: 99999999;

	}

	#news_item .inner {
		position: absolute;
		box-sizing: content-box;
		padding: 2px;
		background-color: #fff;
		height: auto;

}

	#news_item .inner a.x_close{
		width: 36px;
		height: 36px;
		position: absolute;
		background: transparent url(/resources/images/x_corner.png) center center no-repeat;
		right: -15px;
		top: -15px;
		cursor: pointer;
		z-index: 99999999;
	}

	#news_item .inner .left {
		width: 100%;
		height: auto;
		display: block;
		float: left;

}


	#news_item .inner .left .top {
		width: 100%;
		height:400px;

		background-size: cover!important;
}

	#news_item .inner .left .bottom {
		width: 100%;
		height: auto;
		background: #ffc82d;
		padding: 20px;
		padding-top:10px;

}

	#news_item .inner .left .bottom h2 {
		font-weight:normal; font-family: 'NeutraDisp-Titling';
		font-size:25px;
		line-height:45px;
		font-size: 3.5rem;
		line-height: 3.8rem; margin-bottom:25px;
		margin-bottom:2.5rem; position:relative; padding-top:6%;
		/* text-decoration:underline; */
		text-align: left;
	}

	#news_item .inner .right {
		width: 436px;
		height: 100%;
		float: right;
		display: block;
		background-color: #fff;
		overflow-y: visible;
	}

	#news_item .inner .right .content {
		padding: 40px;
	}

	#news_item .inner .right .content p {
		margin-bottom: 15px;
		font-size: 14px;
	}

	#news_item .inner .right .content .news_title {
		display: block;
		width: 200px;
		height: 52px;
		background: transparent url(/resources/images/latest_news.png) center center no-repeat;
		background-size: contain;
		margin: 0 auto;
		margin-top: -20px;
		margin-bottom: 10px;

	}
}

@media only screen and (max-width: 480px){

	#news_item {
		position: absolute;
		width: 300px;
		height: 100%;
		/* top: 20%; */
		margin:20px;
		left:50%;
		top: 0;
		margin-left: -150px;
		display: block;
		box-sizing: border-box;
		z-index: 99999999;
		max-width:100%
	}

	#news_item .inner a.x_close{
		width: 36px;
		height: 36px;
		position: absolute;
		background: transparent url(/resources/images/x_corner.png) center center no-repeat;
		right: -15px;
		top: -15px;
		cursor: pointer;
		z-index: 99999999;
	}

	#news_item .inner .left {
		width: 100%;
		height: auto;
		display: block;
		float: left;

}


	#news_item .inner .left .top {
		width: 100%;
		height:300px;
		background-size: cover!important;
}

	#news_item .inner .left .bottom {
		width: 100%;
		height: auto;
		background: #ffc82d;
		padding: 20px;
		padding-top:10px;

}

	#news_item .inner .left .bottom h2 {
		font-weight:normal; font-family: 'NeutraDisp-Titling';
		font-size:25px;
		line-height:45px;
		font-size: 3.5rem;
		line-height: 3.8rem; margin-bottom:25px;
		margin-bottom:2.5rem; position:relative; padding-top:6%;
		/* text-decoration:underline; */
		text-align: left;
	}

	#news_item .inner .right {
		width: 100%;
		height: auto;
		float: right;
		display: block;
		background-color: #fff;
		position: relative;
	}

	#news_item .inner .right .content {
		padding: 40px;
	}

	#news_item .inner .right .content p {
		margin-bottom: 15px;
		font-size: 14px;
	}

	#news_item .inner .right .content .news_title {
		display: block;
		width: 200px;
		height: 52px;
		background: transparent url(/resources/images/latest_news.png) center center no-repeat;
		background-size: contain;
		margin: 0 auto;
		margin-top: -20px;
		margin-bottom: 10px;

	}
}