/*
	Theme Name: Eastern States Construction
	Theme URI: http://www.eastern-states.net/
	Description: WP Theme for Eastern States Construction
	Version: 1
	Author: Squatch Creative
	Author URI: http://squatch.us

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600,400italic,800);
@import url('https://fonts.googleapis.com/css?family=Merriweather');


/*------------------------------------*\
    MAIN
	
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}











/* Starter CSS by RCNEIL */


body {
	min-height:100vh; 
	margin:0px; padding:0px;
	font-family: 'Open Sans', sans-serif;
	background:#212121;
	font-size:14px; line-height:20px; 
	font-weight:100; 
	color:#f1f1f1;
	overflow-x:hidden; 
	overflow-y:scroll; 
} 
div { 
	display:block; 
	position:relative; 
	margin:0px auto; 
	padding:0px; 
}
.container {
	float:none; clear:both; margin:0px auto; padding:0px;
	width:100%; height:auto; 	
}
.row {
	float:none; clear:both; margin:0px auto; padding:0px; 
	width:100%; height:auto; 
	max-width:1280px; 
}

.small-row {
	max-width:840px; 
}

.small-row.contact-form-row {
	max-width:640px;
}

div[class*='span'] {
	float:left; margin:0px auto; padding:28px 28px; height:auto;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.span4 { width:4%; }
.span5 { width:5%; }
.span10 { width:10%; }
.span15 { width:15%; }
.span20 { width:20%; }
.span25 { width:25%; }
.span30 { width:30%; }
.span33 { width:33%; }
.span35 { width:35%; }
.span40 { width:40%; }
.span45 { width:45%; }
.span48 { width:48%; }
.span50 { width:50%; }
.span55 { width:55%; }
.span60 { width:60%; }
.span65 { width:65%; }
.span66 { width:66%; }
.span70 { width:70%; }
.span75 { width:75%; }
.span80 { width:80%; }
.span85 { width:85%; }
.span90 { width:90%; }
.span100 { width:100%; }

.table {
	display:table; position:absolute; height:100%; width:100%;
	z-index:100; 
}
.table-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:auto;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:700; 
}

h2 {
	font-size:32px;
	line-height:40px;
	font-weight:400;
	margin:18px auto;
}

h3 {
	font-size:28px;
	line-height:34px;
	font-weight:400; 
	text-transform:uppercase; 
}

h4 {
	font-size:22px; line-height:28px;
	font-weight:400; 
	padding:0px;
	margin:10px auto; 
	text-transform:uppercase; 
}

p, ul {
	font-size:16px; 
	line-height:22px; 
	font-weight:400; 
	color:#f1f1f1; 
}

a {
	-webkit-transition: 190ms;
	-ms-transition: 190ms;
	-moz-transition: 190ms;
	transition: 190ms; 
	text-decoration:none;
	color:#9f1128;
}

a:hover {
	color:#fff;
}
img, a img {
	display:inline-block; 
	max-width:100%; 
	height:auto; 
	border:0px;
	padding:0px;
	margin:0px auto;
}
small {font-size:80%;}
.bold, strong {font-weight:bold;}
.italic, em { font-style:italic;}
.hidden { display:none; }
.clear {	clear:both; float:none; display:block; position:relative; }
.text-center { text-align:center; }
.text-right { text-align:right; } 
.no-gap { margin:0px auto !important; padding:0px !important; } 

.body-wrapper {
	max-width:100%;
	width:100%; 
	overflow-x:hidden; 
}

hr {
	display:block; clear:both; position:relative;
	max-width:640px;
	border:0px;
	border-bottom:2px #ab9c81 solid;
	height:1px;
}
input, textarea, select {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	width:100%;
	max-width:100%;
	height:auto;
	padding:10px 18px 10px 18px;
	margin:0px auto 5px auto; 
	
	font-size:14px;
	line-height:18px;
	
	border:0px; 
	
	background:#3f3f3f;
	color:#f1f1f1;
}

::-webkit-input-placeholder {
   
}
:-moz-placeholder { /* Firefox 18- */
   
}
::-moz-placeholder {  /* Firefox 19+ */
   
}
:-ms-input-placeholder {  
   
}
::placeholder {
	
}
a.button, input[type="submit"] {
	display:inline-block; 
	position:relative;
	margin:0px auto; padding:10px 44px 10px 44px;
	width:auto; 
	height:auto;	
	color:#fff !important; 	
	-webkit-transition:200ms;
	transition:200ms;
}

a.button {
	font-size:20px; 
	line-height:24px;
	font-weight:400;
	text-transform:uppercase;
	border:1px transparent solid; 
}

a.button:after {
    display: none;
}

a.button:hover {
	border-color:#9f1128; 
}

a.button.red-button {
    border-color: #9f1128;
}

a.button.red-button:hover {
    border-color: white;
}

input[type="submit"] {
	background:#9f1128 !important;
	font-size:13px; line-height:18px;
	width:100%;
	display:block;
	letter-spacing:2px; 
	text-transform:uppercase;
}

input[type="submit"]:hover {
	background:#aaa !important;
	color:#fff !important; 
}

.wpcf7 div[class*='span'] {
	padding:8px 12px; 
}

















/* FRAME
=========================*/

#loader-table {
	position:fixed; 
	z-index:49; 
	opacity:0.0; 
	background:#151515; 
	
	-webkit-transition:180ms;
	transition:180ms;
}

#loader-table.loading {
	z-index:101 !important;
	opacity:1.0 !important; 
}
















/* HEADER
================================*/

.header {
	position:fixed;
	z-index:450;
	width:100%;
	height:auto;
	padding:28px 0px;
	margin:0px auto;
	background:transparent;
	-webkit-transition:all 120ms ease;
	transition:all 120ms ease;
}

.header .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    overflow: visible;
}

.header.header-scrolled, body.contact-us .header {
	padding:12px 0px; 
	background:#313131; 
}

#header-logo {
	display:block; position:relative;
	z-index:450;	
	width:180px;
	height:auto;
	margin:0;
	padding:0px 0px 0px 6px;
	overflow:hidden;
	float:left;
	-webkit-transition:all 120ms ease;
	transition:all 120ms ease;
}

#header-logo img {
	display:block; 
	position:relative;
	width:100%;
	height:auto;
	max-width:100%;
}

.header.header-scrolled #header-logo, body.contact-us .header #header-logo {
    width: 120px;
}

.mobile-menu {
	display:none;
}

ul.menu {
	list-style:none; margin:0px; padding:0px;
	display:block;
	float:right;
	position:relative;
}

ul.menu li {
	list-style:none; margin:0px; padding:0px;
	display:inline-block;
	position:relative;
}

ul.menu li a {
	display:block;
	height:auto; width:auto;	
	margin:0px; padding:6px 16px 4px 16px;
	text-transform:uppercase;
	font-size:15px; 
	line-height:22px;
	font-weight:400;
	color:#fefefe;
	text-decoration:none;
}

ul.menu li a:hover {
	color:#9f1128;
}



























/* HERO SPACE
===========================*/

.hero {
	width:100%; 
	height:100vh;
	padding:0px; 
	overflow:hidden;
}

#content .container.hero:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}

.video-container {
	position:fixed;
	display:block;
	top:0; left:0;
	width:100%; height:100%; 
	z-index:0; 
}

#video_background { 
	position: absolute; 
	bottom:0; left:0; 
	display:block;  
	min-width: 100% !important; 
	min-height: 100% !important; 
	width:auto; height:auto; 
	overflow: hidden;
	z-index:0;
}

.frame {
	width:100%;
	height:100vh;
	padding:0px;
}


.hero h1 {
	text-align:center;
	color:#fff; 	
	font-size: 38px;
    line-height: 50px;
    font-weight: 400;
	margin:8px auto;
	max-width:960px; 
	cursor:pointer; 
	text-shadow: 0px 0px 2px #000;
}

.down-arrow {
	display:block;
	position:absolute;
	z-index:200;
	bottom:10px; left:50%;
	height:64px;
	width:48px;
	margin-left:-24px;
	overflow:hidden; 
	opacity:0.0; 
	cursor:pointer;
	-webkit-animation:arrowDown 2s 1s infinite;
	animation:arrowDown 2s 1s infinite;
}

.down-arrow:before {
	content: "\f063"; 
    font-family: FontAwesome;
	font-size:48px;
    position:absolute;
    top:24px;
}

.frame2 {
	background:url('images/frame2.jpg') center center no-repeat fixed;
	background-size:cover; 
}

.frame3 {
	background:#383838;
}

.frame2 p {
	max-width:840px;
	margin:20px auto;
	font-size:22px;
	line-height:28px;
	font-weight:700;
}

.frame2 h2:after {
	content: "";
	position:relative;
	display:block; 
	margin:24px auto 0px auto;
	width:2px;
	height:240px;
	background:#9f1128;
}

.frame3 h2:after {
	content: "";
	position:relative;
	display:block; 
	margin:24px auto 0px auto;
	width:2px;
	height:140px;
	background:#9f1128;
}















/* GALLERY 
==================== */

.container.gallery-container {
    background: #313131;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
}

.gallery-container a {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
}

.gallery-container a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


















/* COMPANIES
=====================================*/

.companies div[class*='span'] {
	padding:36px 64px;
	background:transparent;
	-webkit-transition:all 320ms ease;
	transition:all 320ms ease;
}



.companies img {
	-webkit-filter:grayscale(100%) brightness(150%);
	filter:grayscale(100%) brightness(150%);
	-webkit-transition:all 320ms ease;
	transition:all 320ms ease;
}

.companies div.span33:hover img {
	-webkit-filter:grayscale(0%) brightness(100%);
	filter:grayscale(0%) brightness(100%);
}






















/* EXPERIENCE
================================ */

.block-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.image-container {
    display: block;
    flex: 0 0 40%;
    min-height: 360px;
    margin: 0;
}

.content-container {
    display: block;
    flex: 0 0 60%;
    box-sizing: border-box;
    padding: 68px;
}

.block-container:nth-of-type(odd) .content-container {
    background: #353535;
}



























/* CONTENT 
========================================*/

#content {
	display:block; 
	position:relative;
	z-index:100;
	
	-webkit-transition:180ms;
	transition:180ms;
}

p a:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border-top: 1px #eee dotted;
}
p a {
    color: #eee;
    position: relative;
}

p a:hover,
p a:hover:after {
    color: #9f1128;
    border-color: #9f1128;
}

#content .container {
	z-index:100; 
}

.container.padded-container {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:48px 36px 48px 36px; 
}

#content .container.hero {
	padding:0px; 
}

#content.loading {
	opacity:0.0 !important; 
}

.content-frame {
	width:100%;
	display:block;
	position:relative;
	padding:98px 0px; 
}

.container.about {
	background:#353535;
}

.about h2:after {
	content: "";
	position:relative;
	display:block; 
	margin:24px auto 0px auto;
	width:2px;
	height:140px;
	background:#9f1128;
}

.container.about .row {
	max-width:840px; 
}

.container.about p {
	font-size:19px;
	line-height:26px;
	padding:18px 0px;
	margin:0px auto;
}

.timeline-row:first-of-type {
	border:0px;
}

.timeline-row h3 {
    font-weight: 100;
    color: #9f1128;
    font-size: 36px;
    margin-top: 20px;
	font-family:'Merriweather'; 
}

.timeline-row h3:after {
    display: block;
    content: "";
    position: relative;
    height: 2px;
    background: #9f1128;
    width: 82px;
    margin-top: 12px;
}

.timeline-row img {
	border-radius:50%;
	opacity:0.85;
}

.container.about .timeline-row p {
	font-weight:100;
}

.gallery {
	margin: auto !important;
}
.gallery-item {
	box-sizing:border-box !important;
	float: left;
	text-align: center;
	width: calc(33% - 6px) !important;
	margin:10px 12px 0px 0px !important;
}
.gallery-item:nth-child(3n) {
	margin-right:0px !important;
	float:right !important;
}
.gallery img {
	border:0px !important;
}
.gallery-caption {
	margin-left: 0;
}































/* DEVELOPMENT & LEASING
============================== */

.frame.frame6 {
	background:#383838;
	min-height:100vh;
	height:auto !important;
}

.development-frame .half-pane-left {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background:url('images/frame6.jpg') center center no-repeat;
	background-size:cover; 
}

.half-pane {
	position:absolute;
	display:block;
	top:0; right:0;
	width:50%; height:100%;
	background:#353535;
}

.frame6 .row {
	padding:64px 0px 0px 0px; 
}

.overview p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 24px auto;
    padding: 0px 0px 48px 32px;
}

.construction-frame .overview p {
    margin: 18px 0;
    padding: 0 18px 24px 32px;
}

.overview ul {
	margin:0px auto;
	padding:0px 32px;
	list-style: none;
}

.overview ul li {
	list-style:none;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	padding: 0px 0px 64px 78px;
}

.frame.frame7 {
	background:#383838;
	min-height:100vh;
	height:auto !important;
	padding:64px 0px 128px 0px;
}

.leasing-frame .half-pane-left {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background:url('images/office-frame.jpg') center center no-repeat;
	background-size:cover; 
}

.construction-frame .half-pane-left {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
	background-size:cover; 
}

.frame.frame7 p {
	font-size:19px;
	line-height:26px;
	padding:18px 0px;
	margin:0px auto;
	max-width:720px;
}

.development-frame ul li {
	background:url('images/dev-bullet.png') top left no-repeat;
}

.development-frame.frame7 h2:after {
	content: "";
	position:relative;
	display:block; 
	margin:24px auto 0px auto;
	width:2px;
	height:140px;
	background:#2a9376;
}

.development-frame.frame7 .wpcf7 div[class*='span'] {
    padding: 6px 9px;
}

.development-frame.frame7 input[type="submit"] {
	background:#2a9376 !important;
	
}

.development-frame.frame7 input[type="submit"]:hover {
	background:#aaa !important;
	color:#fff !important; 
}

.leasing-frame.frame7, 
.construction-frame.frame7 {
	padding:128px 0px 128px 0px;
}

.leasing-frame.frame7 h2, 
.construction-frame.frame7 h2 {
	padding-top:32px;
}

.leasing-frame.frame7 h2:after {
	content: "";
	position:relative;
	display:block; 
	margin:24px auto 0px auto;
	width:2px;
	height:140px;
	background:#b2283d;
}

.construction-frame.frame7 h2:after {
	content: "";
	position:relative;
	display:block; 
	margin:24px auto 0px auto;
	width:2px;
	height:140px;
	background:#ba384c;
}

.leasing-frame.frame7 .wpcf7 div[class*='span'] {
    padding: 6px 9px;
}

.leasing-frame.frame7 input[type="submit"] {
	background:#b2283d !important;	
}

.leasing-frame.frame7 input[type="submit"]:hover {
	background:#aaa !important;
	color:#fff !important; 
}

.leasing-frame ul li {
	background:url('images/lease-bullet.png') top left no-repeat;
}

.construction-frame ul li {
	background:url('images/construction-bullet.png') top left no-repeat;
}

.construction-frame.frame7 .wpcf7 div[class*='span'] {
    padding: 6px 9px;
}

.construction-frame.frame7 input[type="submit"] {
	background:#ba384c !important;	
}

.construction-frame.frame7 input[type="submit"]:hover {
	background:#aaa !important;
	color:#fff !important; 
}

.property-row div[class*='span'] {
	padding:12px 12px; 
}

.span25.property:nth-of-type(4n + 1) {
    clear: left;
}

.property img {
	display:block;
	position:relative;
	height:auto;
	max-width:100%;
	width:100%;
	margin:0px auto;
	Z-index:100;
}

.property .panel-1 {
	position:absolute;
	top:12px; right:12px;
	z-index:140;
	max-width:120px; 
	max-height:42px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}

.property span.flag {
	display:block;
	position:absolute;
	top:12px; right:12px;
	z-index:150;
	height:auto;
	width:120px; text-align:center; 
	margin:0px auto;
	padding:8px 12px;
	
	color:#000;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
}

.frame .property-row .property p {
	font-size:13px;
	line-height:18px;
	padding:8px 0px;
	text-transform:uppercase;
}

.property p span.detail-title {
	text-transform:uppercase;
	color:#b2283d; 
}

.construction-frame .property p span.detail-title {
    color: #ba384c;
}

.property p span.lat,
.property p span.lng {
	display:none; 
}

.leasing-map-container {
	display:block;
	position:relative;
	width:100%;
	height:100vh;
	max-height:100vh;
}

#leasing-map {
	display:block; position:relative;
	z-index:200; 
	margin:0px auto; 
	width:100%; 
	height: 100vh;
	min-height:480px;
}

#infowindow {
	color:#000;
	font-size:16px;
	line-height:18px;
	padding:18px 8px;
}

#infowindow div {
	float:left;
}

#infowindow h1 {
	margin:0px auto;
	font-size:18px;
	line-height:20px;
}

#infowindow h2 {
	margin:6px auto;
	font-size:12px;
	line-height:14px;
	font-weight:400; 
	color:#a4a4a4;
	padding:0px;
}

#infowindow h2:after {
	display:none;
}

#infowindow img {
	max-width:120px;
	float:left;
	padding:0px 12px 12px 0px;
}

#infowindow a {
	text-align:center;
	font-size:13px;
}
















/* CAREERS
================================*/

.frame.careers-frame {
	min-height:80vh;
	height:auto !important;
}

.careers-frame .half-pane-left {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background:url('images/frame1.jpg') center center no-repeat;
	background-size:cover; 
}

.careers-frame p {
	padding:0px 48px;
}

body.careers .hero h1 {
	font-size:48px;
	font-weight:700;
}

.career-listings.container {
	padding:128px 0px;
	background:#353535;
}

.career-listings .row {
	max-width:840px;
}

.career-listings h2 {
	text-align:center;
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
	color:#fff;
	margin:24px auto;
	padding:0px; 
}

.career-listing {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	display:block;
	position:relative;
	margin:12px auto; 
	padding:8px 28px; 
	height:auto;
	
	background:#b2283d;

	-webkit-transition:120ms;
	transition:120ms;
}

.career-listing.opened {
	background:#ccc;
	padding-top:18px;
}

.career-listing h3 {
	color:#000;
	margin:0 auto;
	font-size:20px;
	line-height:24px;
	font-weight:700;
	cursor:pointer;
}

.career-listing h3:before {
    content: "\f0d7"; 
    font-family: FontAwesome;
    position:absolute;
    top:8px;
	right:32px;
}

.career-listing.opened h3:before {
	content: "\f0d8";
}

.career-listing p, .career-listing ul {
	color:#000; 
	display:none;
}

.career-listing p a {
	color:#a7142b;
}

.career-listing.opened p, .career-listing.opened ul {
	display:block;
}

.career-listings a.button.red-button.career-button {
    margin-top: 24px;
}

.span50.overview a.button.red-button.career-button {
    font-size: 16px;
    margin: 0 0 18px 0;
}

.career-listings .categorySection .categoryHeadingSection {
    font-size: 2em;
    margin-bottom: 16px;
}





















/* FOOTER 
================================*/

.footer {
	display:block;
	position:relative;
	background:#212121;
	width:100%;
	height:100vh;
	min-height:100vh;
	z-index:250;
}

.contact-row {
	max-width:400px;
}

.footer .table-cell {
    text-align: unset;
}

#map {
	display:block; position:relative;
	z-index:200; 
	margin:0px auto; 
	width: 100%;
	height: 100vh;
}

.map-overlay {
	background: transparent;
	position: absolute;
	z-index: 250;
	width: 100%;
	height: 100vh;
	top: 0;
	left:0;
}

.footer .column {
	height:100vh !important; 
}

.form-container {
	margin:0px auto 48px auto; 
}

.footer p.copyright {
    display: block;
    position: absolute;
    bottom: 6px;
    left: 6px;
    font-size: 12px;
    line-height: 18px;
    color: #696969;
    margin: 0px;
    padding: 0px;
    z-index: 250;
}

.footer p.copyright a:after {
    display: none;
}
.footer p.copyright a {
    color: #bc7f1e;
}

.builtby {
	display:block; 
	position:absolute;
	bottom:6px; 
	right:12px;
	width:85px; height:auto;
	padding:0px;
	margin:0px;
	z-index:250; 
	opacity:0.85; 
}

.builtby:hover {
	-webkit-animation:shake .2s 1;
	animation: shake .2s 1;
	opacity:1.0; 
}








































/* ANIMATIONS
========================*/



@supports (-webkit-animation:test) or (animation:test) {
	
	
	
.animate {
	opacity:0.0; 
}		
.animation {
	-webkit-animation:slideIn 1s forwards;
	animation:slideIn 1s forwards;
}

.video-container.animation {
	-webkit-animation:slideIn 1s .8s forwards;
	animation:slideIn 1s .8s forwards;
}


	
	
	
	
}

.fly-in {
	opacity:0.0 !important;
	height:0px !important; 
}

.pane-shutter {
	height:50% !important;
}


.slide-in {
	-webkit-animation:slideIn .5s forwards;
	animation:slideIn .5s forwards;
}

.slide-up {
	-webkit-animation:slideIn .5s forwards;
	animation:slideIn .5s forwards;
}

@-webkit-keyframes slideIn {
from 	{ opacity:0.0; -webkit-transform: translate(0px,0px); }
to		{ opacity:1.0; -webkit-transform: translate(0,0); }
}

@-moz-keyframes slideIn {
from 	{ opacity:0.0; -moz-transform: translate(0px,0px); }
to		{ opacity:1.0; -moz-transform: translate(0,0); }
}

@-ms-keyframes slideIn {
from 	{ opacity:0.0; -ms-transform: translate(0px,0px); }
to		{ opacity:1.0; -ms-transform: translate(0,0); }
}

@-keyframes slideIn {
from 	{ opacity:0.0; transform: translate(0px,0px); }
to		{ opacity:1.0; transform: translate(0,0); }
}


.slide-out {
	-webkit-animation:slideOut .5s forwards;
	animation:slideOut .5s forwards;
}

@-webkit-keyframes slideOut {
from 	{ opacity:1.0; -webkit-transform: translate(0px,0px); }
to		{ opacity:0.0; -webkit-transform: translate(0px,-20px); }
}

@-moz-keyframes slideOut {
from 	{ opacity:1.0; -moz-transform: translate(0px,0px); }
to		{ opacity:0.0; -moz-transform: translate(0px,-20px); }
}

@-ms-keyframes slideOut {
from 	{ opacity:1.0; -ms-transform: translate(0px,0px); }
to		{ opacity:0.0; -ms-transform: translate(0px,-20px); }
}

@-keyframes slideOut {
from 	{ opacity:1.0; transform: translate(0px,0px); }
to		{ opacity:0.0; transform: translate(0px,-20px); }
}




@-webkit-keyframes arrowDown {
0%		{ opacity:0.0; -webkit-transform: translate(0px,-37px); }
50%		{ opacity:1.0; -webkit-transform: translate(0,0px); height:64px; }
100%	{ opacity:0.0; -webkit-transform: translate(0,0px); height:64px; }
}

@-moz-keyframes arrowDown {
0%		{ opacity:0.0; -moz-transform: translate(0px,-37px); }
50%		{ opacity:1.0; -moz-transform: translate(0,0px); height:64px; }
100%	{ opacity:0.0; -moz-transform: translate(0,0px); height:64px; }
}

@-ms-keyframes arrowDown {
0%		{ opacity:0.0; -ms-transform: translate(0px,-37px); }
50%		{ opacity:1.0; -ms-transform: translate(0,0px); height:64px; }
100%	{ opacity:0.0; -ms-transform: translate(0,0px); height:64px; }
}

@-keyframes arrowDown {
0%		{ opacity:0.0; transform: translate(0px,-37px); }
50%		{ opacity:1.0; transform: translate(0,0px); height:64px; }
100%	{ opacity:0.0; transform: translate(0,0px); height:64px; }
}

@-webkit-keyframes shake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

































/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
@media all and (max-width:1096px) {
	

	
	
	
	
}
@media all and (max-width:769px) {

.header {
	padding:12px 0px;
}

.header #header-logo, body.contact-us .header #header-logo {
    width: 170px;
}

a.mobile-menu {
    display: block;
    position: absolute;
    top: -2px;
    right: 18px;
    height: 36px;
    width: 36px;
    background: white;
    color: #383838;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
	z-index:500;
}

nav.nav {
	display:none;
}

nav.nav.opened {
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
    position: fixed;
    background: #383838;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding-top: 24px;
}

nav.nav ul.menu {
    float: none;
	order:2;
}

ul#menu-main-menu {
    order: 1;
}

ul.menu li {
    display: block;
    text-align: center;
    padding: 12px 0px;
}




.container.hero.frame {
    height: 100vh;
	background-attachment:scroll !important;
}

.video-container {
	display:none;
}

.hero.frame1 {
	background:url('images/frame1.jpg') center center no-repeat;
	background-size:cover; 
}


.frame2 h2:after {
    height: 120px;
}


.frame2 p {
    max-width: 640px;
    font-size: 16px;
    line-height: 20px;
}

.companies div[class*='span'] {
    padding:28px;
}




.footer {
	height:auto;
}

.footer div[class*='span'] { 
	width:100%;
	float:none;
	clear:both;
}








}

@media all and (max-width:740px){

div[class*='span'] {
	clear:both;
	width:100%;
	height:auto; 
	float:none;
}

p, ul {
    font-size: 13px;
    line-height: 18px;
}

h2 {
    font-size: 22px;
    line-height: 30px;
}

h4 {
	font-size:16px;
}

.hero h1 {
    font-size: 24px;
    line-height: 36px;
}

.frame {
	height:auto;
	min-height:100vh;
}


.container.frame.companies {
    padding: 60px 0px;
}

.companies div[class*='span'] {
	width:100%;
	clear:both;
	float:none;
}

.container.about p {
    font-size: 14px;
    line-height: 18px;
}

dl.gallery-item {
    float: none !important;
    clear: both;
    width: 100% !important;
    margin: 0px auto !important;
}

.frame:not(.hero) .table {
    display: block;
    position: relative;
}

.frame:not(.hero) .table-cell {
	display:block;
	width:100%;
}

.frame6 .row {
    padding: 20vh 0px 0px 0px;
}

.half-pane-left {
    width: 100% !important;
    height: 50vh !important;
    top: 0 !important;
}

.half-pane {
    height: 50vh;
    width: 100%;
    top: 50vh;
    background: transparent;
}

.overview p, .construction-frame .overview p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    padding: 0px;
}

.overview ul {
    padding: 0px;
}

.overview ul li {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0px 44px 48px;
}

.frame.frame7 p {
    font-size: 14px;
    line-height: 18px;
}

.development-frame.frame7 h2:after,
.leasing-frame.frame7 h2:after   {
    height: 60px;
}




.block-container {
    flex-flow: column;
}

.content-container {
    padding: 24px;
}

.content-container h3 {
    margin-top: 0;
}

.contact-row {
    padding: 0 24px;
}





.footer.frame.container {
    padding: 64px 0px 0px 0px;
}

.form-container {
    max-width: 88%;
}



	
	
	
}
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/