/*
Theme Name: Signature Development Group - Release 1.5
Theme URI: http://swept.co/
Description: Responsive Website, New Development Section (Archive)
Author:  Michael Brumm
Author URI: http://swept.co/
Version: 1.5
*/

/********************************************************************
Reset
********************************************************************/
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, em, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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 {border: 0;font-size: 100%;font: inherit;vertical-align: baseline;margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup,menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}gro
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table { border-collapse: collapse;border-spacing: 0;}

/********************************************************************
Basic Styles
********************************************************************/
body, html {
	height: 100%;
	background-color: #fff;
	padding: 0;
	margin: 0;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #323232;
	-webkit-font-smoothing: antialiased;
}

p {
	line-height: 28px;
}

img {
	border: none;
}

img.respond {
	max-width: 100%;
}

a {
	color: #00aef0;
	text-decoration: none;
	-webkit-transition: color .5s ease-out; 
  	-moz-transition: color .5s ease-out; 
  	-ms-transition: color .5s ease-out; 
  	-o-transition: color .5s ease-out; 
  	transition: color .5s ease-out;
	cursor: pointer;
}

a:hover,
a.selected {
	color: #323232;
}

/********************************************************************
Containers
********************************************************************/
.container,
.col50container,
footer {
    width: 100%;
    margin: 0 auto;
    clear: both;
    height: auto;
	overflow: auto;
	position: relative;
}

.container.archive,
.container.future {
    margin-top: 91px;
}

.contained {
    margin: 0 auto;
    padding: 10px 5%;
    overflow: auto;
    width: 90%;
    position: relative;
}

#single-item {
	margin-top: 80px;
}

.col50container {
	overflow: hidden;
	display: table;
	background: url(img/bg-col50container.png) top center repeat-y;
}

.subfeature {
	width: 100%;
	height: 680px;
	overflow: hidden;
	position: relative;
}

.subimage {
	width: 100%;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: relative;
}

.subtext {
	background-color: #fff;
	position: absolute;
	top: 15%;
	left: 5%;
	height: 450px;
	z-index: 90;
	width: 480px;
	overflow: auto;
	-webkit-transition: .5s all ease-out; 
    -moz-transition: .5s all ease-out; 
    -ms-transition: .5s all ease-out; 
    -o-transition: .5s all ease-out; 
    transition: .5s all ease-out;
	opacity: 0;
}

.subtext p {
	padding: 20px 60px 20px 88px;
	font-size: 17px;
	line-height: 28px;
}

.bluebg {
	background-color: #00aef0;
	position: relative; 
	z-index: 8999; /* For Partner section */
}

.bluebg p {
	color: #fff;
	font-size: 24px;
	line-height: 1.8;
	padding-bottom: 16px;
}

.bluebg h2 {
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 7px;
}

.bluebg h3 {
	color: #fff !important;
	text-transform: uppercase !important;
	margin-bottom: 10px !important;
	padding-bottom: 0 !important;
	line-height: 18px !important;
	letter-spacing: .08em !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.bluebg ul {
	margin-bottom: 24px;
	padding:0;
	display: block;
}

.bluebg ul li {
	list-style-type: disc;
	color: #fff;
	padding-bottom: 12px;
	line-height: 1.4;
	margin-left: 20px;
}

.bluebg .col50 {
	padding-bottom: 40px;
}

.bluesection  p {
	padding: 80px 0 40px;
	width: 100%;
	line-height: 38px;
}

.bluecolumns {
	padding-bottom: 80px;
}

.bottomlink,
.bottompager {
    text-transform: uppercase;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .08em;
	font-size: 15px;
	border-top: 1px solid #eee;
	text-align: center;
	padding: 12px 0;
}

#more-developments.bottomlink {
    cursor: pointer;
    -webkit-transition: .5s all ease-out; 
    -ms-transition: .5s all ease-out; 
    transition: .5s all ease-out;
}

#more-developments.bottomlink:hover {
    color: #00AEEE;
}

.bottompager {
	padding: 0;
}

.bottomlink a {
	text-transform: uppercase;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .08em;
	font-size: 15px;
}

#prevLink a,
#nextLink a,
a#backto{
	text-transform: uppercase;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .08em;
	font-size: 14px;
	background: url(img/icon-arrow.png) 126px 0 no-repeat;
	-webkit-transition: background-position .3s ease-out; 
  	-moz-transition: background-position .3s ease-out; 
  	-ms-transition: background-position .3s ease-out; 
  	-o-transition: background-position .3s ease-out; 
  	transition: background-position .3s ease-out;
	display: inline-block;
	padding: 1px 75px 0;
}

#prevLink a,
a#backto {
	background: url(img/icon-arrow.png) 44px -30px no-repeat;
}

#prevLink a:hover,
#nextLink a:hover,
a#backto:hover{
	background-position: 132px 0;	
	color: #00aef0;
}

#prevLink a:hover,
a#backto:hover {
	background-position: 38px -30px;	
}

#pager .col50 {
	width: 50%;
	padding: 0;
	text-transform: uppercase;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .08em;
	font-size: 14px;
	color: #ccc;
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	border-right: 1px solid #eee;
	padding: 23px 0 22px;
}

#pager .col50noright {
	border-right: none;
}

#backtotop {
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	background-color: #fff;
}

.bottomlinkno {
	text-align: center;
	text-transform: uppercase;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .08em;
	font-size: 15px;
	padding: 12px 0;
}

.col50wrapup {
	width: 40%;
	float: left;
	border-bottom: 1px solid #efefef;
	padding: 5%;
}

.col50wrapup p {
	margin-bottom: 28px;
}

.col50wrapup h3 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #323232;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	padding: 0;
	line-height: 34px;
	letter-spacing: normal;
	margin-bottom: 7px;
	background: none;
}

.col50wrapup h4 {font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #cecdcd;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .08em;
	font-size: 13px;
	padding: 0;
	margin-bottom: 24px;
}

.col50wrapupimage {
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center center;
	width: 50%;
	float: right;
	border-bottom: 1px solid #efefef;
}


/********************************************************************
Header
********************************************************************/
header { 
	width: 100%;
    margin: 0 auto;
    clear: both;
	overflow: hidden;
	height: 100px;
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 999999;
	border-bottom: 1px solid #eee;
}


.header-contained {
	overflow: visible;
}

#header-logo,
#mobile-logo {
	float: left;
	margin-top: 20px;
}

#mobile-logo {
	display: none;
}

ul#header-menu {
	margin-top: 43px;
	float: right;
	list-style-type: none;
	padding-right: 10px;
}

ul#header-menu li {
    display: inline;
	padding: 0;
	margin: 0;
}

ul#header-menu li a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .07em;
	font-weight: 600;
	display: inline-block;
	margin: 0 14px;
	color: #323232;
	cursor: pointer;
}

ul#header-menu li:last-child a {
	margin-right: 0;
}

ul#header-menu li a:hover,
ul#header-menu li a.selected {
	color: #00aef0;
}

#mobile-menu {
	display: none;
}

#header-map {
	position: absolute;
	right: 2.5%;
	top: 48px;
}

#mapOverlayButton {
	width: 18px;
	height: 24px;
	background: url(img/icon-map-toggle-drop.png) no-repeat;
	background-position: 0 -26px;
	display: block;
	-webkit-transition: .25s all ease-out; 
    -moz-transition: .25s all ease-out; 
    -ms-transition: .25s all ease-out; 
    -o-transition: .25s all ease-out; 
    transition: .25s all ease-out;
}

.mapClose {
	background-position: 0 8px !important;
}

/****************************************************************************
Hero Slideshow
****************************************************************************/
#hero-section {
	width: 100%;
	background-color: #f5f5f5;
}

#hero-carousel {
	margin-top: 100px;
	height: 70%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	overflow: hidden;
	position: relative;
}

.hero-team {
	background-position: top center !important;
}

#hero-loader {
	height: 100%;
	width: 100%;
	background: url(img/preloader_64x64.gif) center center no-repeat;
	position: absolute;
	z-index: 9800;
	background-color: #fefefe;
}
	

#hero-carousel-show {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	z-index: 2;
}

#hero-carousel-nav {
	position: absolute;
	bottom: 40px;
	text-align: center;
	z-index: 9231;
	width: 100%;
	color: #fff;
	font-size: 70px;
}

#hero-carousel-nav a {
	display: inline-block;
	background-color: #fff;
	height: 14px;
	width: 14px;
	border-radius: 7px;
	margin: 0 7px;
}

#hero-carousel-nav a.selected {
	background-color: #f9e633 !important;
}

#hero-carousel-sidenav {
	position: absolute;
	width: 68px;
	height: 206px;
	right: 0;
	margin-top: -104px;
	top: 50%;
	z-index: 7999;
	margin-right: -68px;
}

#hero-text {
	position: absolute;
	width: 70%;
	height: 100%;
	z-index: 15;
	padding-left: 5%;
	display: table;
}

#hero-text h1 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 60px;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: -.02em;
	line-height: 1.15;
}

#hero-text h1 a,
#hero-text h1 a:hover {
	color: #fff;
}

#hero-gradient {
	background: url(img/homepage-gradient.png);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
	background-repeat: repeat-y;
	background-position: top left;
}

.contact-gradient {
	background-image: url(img/contact-gradient.png) !important;
}

#navprev,
#navnext,
#navstatus {
	height: 68px;
	width: 68px;
	background-color: #fff;
	display: block;
}

.navgrey {
	background-color: #f5f5f5 !important;
}

#navprev,
#navnext {
	background-color: #00aef0;
	margin-bottom: 1px;
}

#navprev,
#navnext {
	background: url(img/icons.png) no-repeat;
	background-position: 0 -68px;
	background-color: #00aef0;
	-webkit-transition: background-color .5s ease-out; 
  	-moz-transition: background-color .5s ease-out; 
  	-ms-transition: background-color .5s ease-out; 
  	-o-transition: background-color .5s ease-out; 
  	transition: background-color .5s ease-out;
}

#navnext {
	background-position: 0 0;
}

#navprev:hover,
#navnext:hover {
	background-color: #323232;
}

#navstatus {
	text-align: center;
	line-height: 68px;
	font-weight: 600;
	letter-spacing: .2em;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

/********************************************************************
Header
********************************************************************/
#header-grey,
#fourohfour {
	padding: 100px 0 0;
	width: 100%;
	background-color: #f5f5f5;
	display: table;
	text-align: center;
	overflow: auto;
	position: relative;
	z-index: 8999;
}

#header-grey h1,
#fourohfour h1 {
	font-size: 62px;
	font-family: "soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #46413a;
	padding: 120px 5%;
	width: 90%;
	line-height: 1;
}

#fourohfour h1 {
	padding-bottom: 150px;
}

#header-grey h1 span.blue {
	color: #00aef0;
}

#fourohfour h1 span {
	color: #00aef0;
	font-size: 120px;
}

/********************************************************************
Homepage
********************************************************************/
.textsection p {
	font-size: 24px;
	line-height: 38px;
	padding: 70px 0;
}

.moveUp {
	-webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    -ms-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
	-webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    animation-delay: 0.25s;
	opacity: 0;
}

.moveUp h3,
.moveUp h3 a,
.alreadyVisible h3,
.alreadyVisible h3 a {
	padding-top: 0 !important;
	margin-top: 0;
}

.alreadyVisible {
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
	opacity: 1;
}

@-webkit-keyframes moveUp {
    to {
        -webkit-transform: translateY(0);
		opacity: 1;
    }
}

@-moz-keyframes moveUp {
    to {
        -moz-transform: translateY(0);
		opacity:1;
    }
}

@-ms-keyframes moveUp {
    to {
        -ms-transform: translateY(0);
		opacity: 1;
    }
}

@keyframes moveUp {
    to {
        transform: translateY(0);
		opacity: 1;
    }
}

.already-visible {
   	-webkit-transform: translateY(0);
	-webkit-animation: none;
	transform: translateY(0);
    animation: none;
}

.col50image {
	float: right;
	width: 50%;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	/*
	-webkit-transition: .4s height ease-out;
    -moz-transition: .4s height ease-out;
    -ms-transition: .4s height ease-out; 
    -o-transition: .4s height ease-out; 
    transition: .4s height ease-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	*/
}

.col50text {
	float: left;
	width: 50%;
	border-top: 1px solid #eee;
}

.col50notop {
	border-top: none;
}

.col50header {
	height: 68px;
	background: url(img/icons.png) no-repeat;
	background-position: 0 -138px;
	margin-bottom: 20px;
}

.iconvision {
	background-position: 0 -680px;
}

.icon-transformation {
	background-position: 0 -136px;
}

.icon-sustainability {
	background-position: 0 -204px;
}

.icon-land-restoration {
	background-position: 0 -272px;
}

.icon-community-builder {
	background-position: 0 -341px;
}
	
.general-news {
	background-position: 0 -475px;
}

.in-the-media {
	background-position: 0 -544px;
}

.press-release {
	background-position: 0 -614px;
}

.iconcasestudy {
	background-position: 0 -403px;
}	

#section-grey {
	padding: 90px 0;
	width: 100%;
	background-color: #f5f5f5;
	display: table;
	text-align: center;
	overflow: auto;
}

.col50,
.blue50,
.blue100,
.grey50 {
	float: left;
	width: 40%;
	padding: 80px 5%;
}

.col50 {
	width: 45%;
	padding: 80px 5% 80px 0;
}

.col50img {
    background-color: #efefef;
}

.col50fr {
	float: right;
}

#testimonial-show .col50 {
	padding: 20px 5% 20px 0;
}

.col50r {
	padding: 80px 0 80px 5%;
}

.col50pullup {
	padding-top: 53px;
}

.blue50 {
	background-color: #00aef0;
	color: #fff;
	width: 40%;
	padding: 80px 5%;
}

.blue100 {
	background-color: #00aef0;
	color: #fff;
	width: 90%;
	padding: 80px 5%;
}

.grey50 {
	background-color: #323232;
	color: #fff;
	width: 40%;
	padding: 80px 5%;
}

.blue50 h3,
.blue100 h3,
.grey50 h3 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .08em;
	padding-bottom: 10px;
}

.blue50 h4,
.blue100 h4,
.grey50 h4 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 90px;
}

.colno {
	width: 45%;
	padding-right: 0%;
}

.colnoLeft {
	width: 45%;
	padding-left: 0%;
}

.col50 p,
.col75 p, 
.col50text p,
blockquote {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 17px;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 28px;
	line-height: 28px;
	letter-spacing: .01em;
}

blockquote {
	text-indent: -.4125em;
}

.col100 {
	float: left;
	width: 100%;
	padding: 80px 0 0;
}

.col50expertise {
	text-align: center;
	padding: 50px 0 30px;
}

.col50expertise h2 {
	font-size: 24px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	padding-bottom: 12px;
}

.col50expertise p {
	font-size: 17px;
}

.col50text h3,
.col50text p {
	padding: 10px 88px 6px;
}

.col50text p {
	margin-bottom: 8px;
}

.col50text a,
.expertise-highlight a,
.grid-card-content a,
#home-partners a,
#grid-reset {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: .08em;
	display: inline-block;
	padding: 0 88px 2px 120px;
	margin: 4px 0 60px;
	background: url(img/icon-arrow.png) 88px 0 no-repeat;
	-webkit-transition: background-position .3s ease-out; 
  	-moz-transition: background-position .3s ease-out; 
  	-ms-transition: background-position .3s ease-out; 
  	-o-transition: background-position .3s ease-out; 
  	transition: background-position .3s ease-out;
}

#grid-reset {
    margin-bottom: 0;
}

.expertise-highlight a  {
	margin-bottom: 10px;
}

.grid-card-content a {
	margin-bottom: 4px;
	margin-right: 33px;
}

#home-partners a {
	clear: both;
	margin-top: 30px;
	margin-bottom: 0;
}

.col50text h3 a {
	margin-top: 0;
}

.col50text a:hover,
.expertise-highlight a:hover,
#home-partners a:hover,
#grid-reset:hover {
      background-position: 94px 0;
	  color: #00aef0;
}

.grid-card-content a {
	padding: 0 0 2px 32px;
	background: url(img/icon-arrow.png) 0 0 no-repeat;
}

.grid-card-content a:hover {
      background-position: 6px 0;
	  color: #00aef0;
}

.callout p {
	font-size: 28px;
	line-height: 42px;
	line-height: -.01em;
}

.col50 h3,
.col50text h3 a,
.subtext h3,
#partner-testimonial h3,
#single-item .col75 h1,
#single-item .col25 h1  {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #323232;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	padding: 0;
	line-height: 34px;
	letter-spacing: normal;
	margin-bottom: 0;
	background: none;
}

.col50 h3,
#partner-testimonial h3,
#single-item .col75 h1,
#single-item .col25 h1  {
	margin-bottom: 14px;
}

.col50 h3.team {
	margin-bottom: 8px;
}

.col25 h3.team {
	font-size: 17px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #000000;
	line-height: 1.15;
	margin-bottom: 4px;
}

.col50 h4,
#single-item .col25 h4 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #46413e;
	font-size: 17px;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 18px;
	line-height: 24px;
}

#single-item .col25 h4 a {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 15px;
}

.col50 h5,
#single-item .col25 h5 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #c5c5c5;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	margin-bottom: 4px;
	letter-spacing: .04em;
}

.subtext h3 {
	padding-left: 88px;
}

.col50header h3 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #cecdcd;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .08em;
	font-size: 13px;
	line-height: 68px;
	padding: 0;
	margin: 0 0 0 88px;
}

#contact h4,
#middle-text h4 {
	text-transform: uppercase;
	margin-bottom: 7px;
	padding-bottom: 0;
	line-height: 25px;
	letter-spacing: .08em;
	color: #323232;
	font-size: 15px;
}

#contact p {
	margin-bottom: 36px;
	line-height: 26px;
}

.col100 p {
	font-size: 24px;
	line-height: 34px !important;
	margin-bottom: 0 !important;
}

/********************************************************************
Grid - Used on Developments and Team page
********************************************************************/
body.developments {
    background-color: #323232;
}

#grid-zero-results {
    background-color: #efefef; /* #f5f5f5; */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 0;
    -webkit-transition: .25s all ease-out; 
	-ms-transition: .25s all ease-out; 
	transition: .25s all ease-out;
}

#grid-zero-results.show {
    height: calc(100vh - 250px);
}

#grid-zero-results div {
    text-align: center;
    opacity: 0;
    -webkit-transition: .25s all ease-out; 
	-ms-transition: .25s all ease-out; 
	transition: .25s all ease-out;
}

#grid-zero-results.show div {
    opacity: 1;
    -webkit-transition: .25s .5s all ease-out; 
	-ms-transition: .25s .5s all ease-out; 
	transition: .25s .5s all ease-out;
}

#grid-zero-results div p {
    font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 24px;
    font-size: 18px;
    padding: 0 5%;
}

#grid-filter-status-container,
#grid-filter-expertise-container,
#grid-filter-location-container{
	background-color: #fff;
	width: 33.3333%;	
	height: 68px;
	overflow: visible;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 100px;
	z-index: 9999;
    border-right: 1px solid #eeeeee;
}

#grid-filter-expertise-container {
    left: 33.3333%;
    z-index: 9998;
}

#grid-filter-location-container {
    left: 66.66667%;
    z-index: 9997;

}

#grid-filter-status-menu,
#grid-filter-expertise-menu,
#grid-filter-location-menu{
	height: auto;
	text-align:left;
	display: none;
}

#grid-filter-status-menu li,
#grid-filter-expertise-menu li,
#grid-filter-location-menu li{
	display: block;
	margin: 0;
	border-top: 1px solid #eee;
	padding: 0;
	background-color: #fff;
    width: 100%;
    /*
    padding: 0 5%;
	background-color: #fff;
    width: 90%;
    */ 
}

#grid-filter-status-menu a,
#grid-filter-expertise-menu a,
#grid-filter-location-menu a{
	display: block;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	line-height: 68px;
	color: #323232;
	padding-left: 53px;
	-webkit-transition: .4s all ease-out; 
	-moz-transition: .4s all ease-out; 
	-ms-transition: .4s all ease-out; 
	-o-transition: .4s all ease-out; 
	transition: .4s all ease-out;
	background: url(img/icon-expertise-areas-mobile.png) no-repeat;
	letter-spacing: .08em;
}

#grid-filter-status-menu a,
#grid-filter-location-menu a{
    padding-left: 5%;
    background: none;
}

#grid-filter-status-menu a:hover,
#grid-filter-status-menu li.current-filter a,
#grid-filter-expertise-menu a:hover,
#grid-filter-expertise-menu li.current-filter a,
#grid-filter-location-menu a:hover,
#grid-filter-location-menu li.current-filter a{
	outline: 0 !important;
	color: #00aef0;
}

#grid-filter-status-menu a:hover,
#grid-filter-location-menu a:hover{
    background-color: #f5f5f5;
}

#grid-filter-status-menu li.current-filter a:hover,
#grid-filter-location-menu li.current-filter a:hover{
    background-color: #fff;
}

a#all-expertise {
	/* background-position: 0 0; */
    background-position: 23px -68px !important;
}

a#all-expertise:hover,
li.current-filter a#all-expertise {
	background-position: 23px -68px !important;
	outline: 0 !important;
}

a#transformations {
	/* background-position: 23px -136px !important; */
    background-position: 23px -204px !important;
}

a#transformations:hover,
li.current-filter a#transformations {
	background-position: 23px -204px !important;
	outline: 0 !important;
}

a#sustainability {
	/* background-position: 23px -272px !important; */
    background-position: 23px -340px !important;
}

a#sustainability:hover,
li.current-filter a#sustainability {
	background-position: 23px -340px !important;
	outline: 0 !important;
}

a#land-restoration {
	/* background-position: 23px -408px !important; */
    background-position: 23px -476px !important;
}

a#land-restoration:hover,
li.current-filter a#land-restoration {
	background-position: 23px -476px !important;
	outline: 0 !important;
}

a#community-builder {
	/* background-position: 23px -544px !important; */
    background-position: 23px -612px !important;
}

a#community-builder:hover,
li.current-filter a#community-builder {
	background-position: 23px -612px !important;
	outline: 0 !important;
}

a#all-expertise:hover,
a#transformations:hover,
a#sustainability:hover,
a#land-restoration:hover,
a#community-builder:hover {
    background-color: #f5f5f5;
    color: #f5f5f5;
}

li.current-filter a#all-expertise:hover,
li.current-filter a#transformations:hover,
li.current-filter a#sustainability:hover,
li.current-filter a#land-restoration:hover,
li.current-filter a#community-builder:hover {
    background-color: #fff;
}

/*
#grid-filter-status-menu a:hover,
#grid-filter-status-menu li.current-filter a,
#grid-filter-expertise-menu a:hover,
#grid-filter-expertise-menu li.current-filter a,
#grid-filter-location-menu a:hover,
#grid-filter-location-menu li.current-filter a{
	outline: 0 !important;
    color: #00aef0;
}
*/
#grid-container {
	position: relative;
	padding-top: 168px;
	overflow: hidden;
	background-color: #efefef;
	-webkit-transition: height 0.5s;
  	-moz-transition: height 0.5s;
  	-ms-transition: height 0.5s;
  	-o-transition: height 0.5s;
  	transition: height 0.5s;
}

.grid-container-collapse {
	padding-top: 0px !important;
}

#team-container {
	position: relative;
	padding-top: 100px;
	overflow: auto;
	background-color: #efefef;
	overflow: hidden;
	background-color: #efefef;
	-webkit-transition: height 0.5s;
  	-moz-transition: height 0.5s;
  	-ms-transition: height 0.5s;
  	-o-transition: height 0.5s;
  	transition: height 0.5s;
}

.grid-team {
	margin-top: 100px !important;
}

.grid-item,
.archive-card{
	float: left;
	width: 33.33%;
	padding-bottom: 25%;	
	height: 0;
	background-color: #efefef;
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	-webkit-transition: background-position 0.5s;
  	-moz-transition: background-position 0.5s;
  	-ms-transition: background-position 0.5s;
  	-o-transition: background-position 0.5s;
  	transition: background-position 0.5s;
}

.grid-card {
	background-color: #323232;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.archive-card {
    padding: 0;
	margin: 0;
    background-image: url(img/developments-archive-BG.jpg);
}

.grid-card-container {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transition: translateY(-50%);
	-ms-transform: translateY(-50%);
    -o-transition: translateY(-50%);
	transform: translateY(-50%);
}

.grid-card-content {
	color: #fff;
	text-align: center;
	padding: 5% 10%;
	font-size: 15px;
	display: none;
}

#card-icon {
	float: none !important;
	text-align: center;
	margin-bottom: 20px;
	width: 100% !important;
}

#card-title{
	font-weight: 600;
	font-size: 24px;
	padding-bottom: 10px;
	text-transform: capitalize;
}

#card-text {
	padding-bottom: 10px;
	line-height: 1.6;
}

.archive-card-content {
	color: #fff;
	text-align: center;
    width: 100% !important;    
    display: block;
}

#archive-title{
	font-weight: 600;
	font-size: 24px;
    text-transform: none;
    display: block;
    background-color: #ccc;
    padding: 0 20%;
    width: 100%;
}

.grid-ro {
	position: absolute;
	padding-left: 1px;
	bottom: -73px; /* 0; */
	width: 100%;
	background-color: #fff;
	display: table;
	height: 68px;
	-webkit-transition: bottom 0.4s;
  	-moz-transition: bottom 0.4s;
  	-ms-transition: bottom 0.4s;
  	-o-transition: bottom 0.4s;
  	transition: bottom 0.4s;
}

.grid-up {
	bottom: 0;
}

.background-up {
	background-position: 0 -15px;
}

.grid-ro-title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 18px;	
	font-size: 12px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #c4c4c4;
	text-transform: uppercase;
	letter-spacing: .08em;
	line-height: 1.8;
	width: auto;
}

.grid-ro-title span.property-name {
	font-size: 17px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #000000;
	line-height: 1.2;
	text-transform: capitalize !important;
	letter-spacing:  0; /*.04em; */
}

.grid-ro-title-team {
	display: table-cell;
	vertical-align: middle;
	padding-left: 18px;	
	font-size: 17px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #000000;
	line-height: 1.15;
}

.grid-ro-title-team span.team-job {
	font-size: 12px;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #c4c4c4;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.grid-ro-area {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	/* width: 35%; */
}

.grid-ro-button {
	display: table-cell;
	vertical-align: middle;
	width: 68px;
	height: 68px;
	background-color: #00aef0;
	text-align: center;
	background-image: url(img/icons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-transition: background-color .5s ease; 
  	-moz-transition: background-color .5s ease; 
  	-ms-transition: background-color .5s ease; 
  	-o-transition: background-color .5s ease; 
  	transition: background-color .5s ease;
}

.grid-ro-button:hover {
	background-color: #333;
}

.dro-transformations,
.dro-sustainability,
.dro-land-restoration,
.dro-community-builder {
	background: url(img/icon-expertise-areas.png) no-repeat;
	width: 20px;
	height: 25px;
	float: right;
	margin: 0 10px 0 0;
}

.dro-transformations {   background-position: center -157px !important; }
.dro-sustainability {    background-position: center -294px !important; }
.dro-land-restoration {  background-position: center -430px !important; }
.dro-community-builder { background-position: center -566px !important; }

.removefloat {
	float: none !important;
	text-align: center;
	margin-bottom: 30px;
	width: 100% !important;
}

#grid-filter-status-drop,
#grid-filter-expertise-drop,
#grid-filter-location-drop{
	height: 68px;
	width: 90%;
	color: #fff;
	line-height: 68px;
	padding: 0 5%;
	display: block;
	font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .08em;
	cursor: pointer;
	background: url(img/mobile-arrow-down.png) right center no-repeat;
	background-color: #00aef0;
	background-size: 12px 7px;
	background-position: 95% center;
}

.cycle-sentinel{
	display: block !important;
}

@media screen and (max-width: 620px) {
	.grid-sizer,
	.grid-item {
		width: 100%;
		padding-bottom: 77%;
	}
    #grid-zero-results.show {
        height: calc(100vh - 250px);
    }
    
    #grid-zero-results.show div {
        -webkit-transition: .25s .5s all ease-out; 
        -ms-transition: .25s .5s all ease-out; 
        transition: .25s .5s all ease-out;
    }
}

@media screen and (max-width: 970px) and (min-width: 619px) {
	.grid-sizer,
	.grid-item {
		width: 50%;
		padding-bottom: 39%;
	}
    #grid-zero-results.show {
        height: calc(100vh - 450px);
    }
    #grid-zero-results.show div {
        -webkit-transition: .25s 1s all ease-out; 
        -ms-transition: .25s 1s all ease-out; 
        transition: .25s 1s all ease-out;
    }
    #grid-zero-results div p {
        font-size: 24px;
    }
}

@media screen and (max-width: 1401px) and (min-width: 969px) {
	.grid-sizer,
	.grid-item {
		width: 33.33%;
		padding-bottom: 25%;
	}
    #grid-zero-results.show {
        height: calc(100vh - 450px);
    }
    #grid-zero-results.show div {
        -webkit-transition: .25s 1s all ease-out; 
        -ms-transition: .25s 1s all ease-out; 
        transition: .25s 1s all ease-out;
    }
    #grid-zero-results div p {
        font-size: 24px;
    }
}

@media screen and (max-width: 1868px) and (min-width: 1400px) {
	.grid-sizer,
	.grid-item {
		width: 25%;
		padding-bottom: 19%;
	}
    #grid-zero-results.show {
        height: calc(100vh - 450px);
    }
    #grid-zero-results.show div {
        -webkit-transition: .25s 1s all ease-out; 
        -ms-transition: .25s 1s all ease-out; 
        transition: .25s 1s all ease-out;
    }
    #grid-zero-results div p {
        font-size: 24px;
    }
}

@media screen and (max-width: 2335px) and (min-width: 1867px) {
	.grid-sizer,
	.grid-item {
		width: 20%;
		padding-bottom: 15%;
	}
    #grid-zero-results.show {
        height: calc(100vh - 450px);
    }
    #grid-zero-results.show div {
        -webkit-transition: .25s 1s all ease-out; 
        -ms-transition: .25s 1s all ease-out; 
        transition: .25s 1s all ease-out;
    }
    #grid-zero-results div p {
        font-size: 24px;
    }
}

@media screen and (min-width: 2334px) {
	.grid-sizer,
	.grid-item {
		width: 16.667%;
		padding-bottom: 12%;
	}
    #grid-zero-results.show {
        height: calc(100vh - 450px);
    }
    #grid-zero-results.show div {
        -webkit-transition: .25s 1s all ease-out; 
        -ms-transition: .25s 1s all ease-out; 
        transition: .25s 1s all ease-out;
    }
    #grid-zero-results div p {
        font-size: 24px;
    }
}

.grid-slide {
	width: 0;
}

.grid-hide {
	display: none;
}

#grid-definition {
	background-image: none !important;
	background-color: #333;
}

/********************************************************************
Footer
********************************************************************/
footer {
	color: #cecdcd;
	background-color: #323232;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 12px;
	position: relative;
	z-index: 9995; /* For Partner section */
}

footer h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}

footer a {
	color: #cecdcd;
}

footer .col25 {
	font-size: 13px;
}

.col25 {
	width: 22.5%;
	float: left;
	margin-right: 2.5%;
}

.col25 p {
	line-height: 20px;
}

.col75 {
	width: 72.5%;
	float: left;
	margin-left: 2.5%;
}

.col75 h2,
.col75 h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 0;
	line-height: 18px;
	letter-spacing: .08em;
	color: #323232;
	font-size: 15px;	
	font-weight: 600;
}

.col75 p {
	hanging-punctuation: first;
}

.colcopy {
	float: left;
	width: 50%;
	margin-left: 0;
	margin-top: 50px; /*50px;*/
	font-size: 13px;
	line-height: 1.5;
}

.colnoleft {
	margin-left: 0;
	padding-left: 0;
}

ul#footer-menu li a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 600;
	display: inline-block;
	margin: 0 15px 14px 0;
	color: #ffffff;
}

ul.fourohfour li a {
	color: #00aeef !important;
}

footer a:hover,
ul#footer-menu li a:hover {
	color: #00aef0;
}

ul.fourohfour li a:hover {
	color: #323232 !important;
}

h5.news-pushdown {
	margin-top: 6px;
}

#testimonial-show {
	width: 100% !important;
	overflow: hidden;
}

#testimonial-show .slide img {
	margin-bottom: 25px;
}

#partner-testimonial {
	position: relative;
	z-index: 1;
}

#testimonial-container {
	padding-bottom: 80px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}

#home-map-container {
	height: 800px;
}

#page-map-container {
	margin-top: 100px;
	height: 100%;
}

#home-partners {
	text-align: center;
	padding: 70px 0;
}

#home-partners img {
	padding: 10px 25px;
}

#home-partners h4 {font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #cecdcd;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .08em;
	font-size: 14px;
	padding: 0;
	margin-bottom: 24px;
}

.fixthisnav {
	position: fixed !important;
	margin-top: -54px !important;
	z-index: 1;
}

.clear {
	clear: both;
}

.mobilehide {display: block;}
.mobileshow,
ul#header-menu li.mobileshow,
#home-map-mobile {display: none;}

#mapOverlay {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 8993;
	background-color: #efefef;	
	margin-top: 100;
}

#overlay-wrapper{
    position: fixed;
    top: 0;
    left:0;
    bottom:0;
    right: 0;
	z-index: 9999;
	display: none;
	/* background-color: rgba(0,0,0,0.6); */
}

#overlay-content-box{
    position: fixed;
	width: 60%;
    height: 50%;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	padding: 5%;
    overflow-y: scroll;
	background-color: #21bdfc;
	color: #fff;
}

#overlay-content-box h2 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 20px;
}

#overlay-content-box h3 {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: 20px 0 10px;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: .015em;
}

#overlay-content-box p {
	font-family:"soleil", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: .01em;
}

#overlay-content-box a {
	color: #fff;
}

#overlay-content-box a:hover {
	text-decoration: underline;
}

#overlay-close-button {
	position: absolute;
	top: 25px;
	right: 25px;
	height: 14px;
	width: 14px;
	background: url(img/overlay-close-button-white.png) center center no-repeat;
	cursor: pointer;
}

#map-overlay {
	height: 100%;
	width: 100%;
	top: 101px;
	background-color: #efefef;	
	z-index: 9999;
	position: relative;
}

.mapPositioned {
	top: 101px;
	position: fixed;
	z-index: 9999;
}

.lockBody {
	overflow: hidden;
}

.exp50 {
	float: left;
	width: 50%; 
}

.exp25 {
	float: left;
	padding-right: 5%;
	width: 45%; 
}

.exp25close { display: none; }

@media screen and (max-width: 1080px) and (min-width: 700px) {	
    #hero-text {
        width: 85%;
    }

    #hero-text h1 {
        font-size: 42px;
    }

    #header-grey h1,
    #fourohfour h1 {
        font-size: 48px;
    }

    #fourohfour h1 span {
        font-size: 96px;
    }
}

@media screen and (max-width: 1280px) {
    .exp50 {
        float: left;
        width: 50%; 
    }

    .exp25 {
        float: none;
        padding-right: 5%;
        width: 95%; 
    }
}

@media screen and (max-width: 1024px) {
    ul#header-menu li a {
        margin: 0 8px;
        font-size: 12px;
    }

    #grid-filter-status-menu li{
        display: inline;
        margin: 0 15px;
    }
}

@media screen and (max-width: 944px) {
    #overlay-close-button {
        position: fixed;
    }

    h5.news-pushdown {
        margin-top: 0;
    }

    header { 
        overflow: visible;
        position: absolute;
    }

    #mobile-logo {
        z-index: 9999;
        position: absolute;
    }

    ul#header-menu {
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        z-index: 9995;
        display: none;
        background-color: #323232;
        width: 91%;
        padding: 100px 5% 20px;
    }

    ul#header-menu li {
        display: block;
        padding: 0;
        margin: 0;
    }

    ul#header-menu li a {
        display: block;
        margin: 0;
        padding: 14px 0;
        color: #f5f5f5;
        font-size: 17px;
    }

    #header-map {
        display: none;
    }

    #mobile-menu {
        right:5%;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 600;
        display: inline-block;
        color: #323232;
        cursor: pointer;
        display: block;
        margin-top: 30px;
        z-index: 9998;
        position: absolute;
        -webkit-transition: color .5s ease-out; 
        -moz-transition: color .5s ease-out; 
        -ms-transition: color .5s ease-out; 
        -o-transition: color .5s ease-out; 
        transition: color .5s ease-out;
    }

    .mobile-menu-on {
        color: #f5f5f5 !important;
    }

    #grid-container {
        padding-top: 250px;
    }

    #grid-filter-status-container,
    #grid-filter-expertise-container,
    #grid-filter-location-container{
        left: 0;
        width: 100%;
        border-right: none;
        position: absolute;
        height: auto;
        overflow: visible;
        border-bottom: 1px solid #4dc6f5;
    }

    #grid-filter-expertise-container {
        top: 150px;
    }

    #grid-filter-location-container{
        top: 200px;
    }

    #grid-filter-status-menu {
        height: auto;
        text-align:left;
        display: none;
        z-index: 999;
    }

    #grid-filter-status-menu li,
    #grid-filter-expertise-menu li,
    #grid-filter-location-menu li{
        display: block;
        margin: 0;
        border-top: 1px solid #eee;
        padding-left: 0;
        background-color: #fff;
    }

    #grid-filter-status-menu a,
    #grid-filter-expertise-menu a,
    #grid-filter-location-menu a {
        display: block;
        font-family:"soleil", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        line-height: 68px;
        color: #323232;
        padding-left: 53px;
        -webkit-transition: .4s all ease-out; 
        -moz-transition: .4s all ease-out; 
        -ms-transition: .4s all ease-out; 
        -o-transition: .4s all ease-out; 
        transition: .4s all ease-out;
        background: url(img/icon-expertise-areas-mobile.png) no-repeat;
        letter-spacing: .08em;
    }

    #grid-filter-status-menu a,
    #grid-filter-location-menu a {
        padding-left: 5%;
        background: none;
    }

    #grid-filter-status-menu a:hover,
    #grid-filter-status-menu li.current-filter a {
        outline: 0 !important;
        color: #00aef0;
    }

    #grid-filter-status-drop,
    #grid-filter-expertise-drop,
    #grid-filter-location-drop{
        height: 50px;
        width: 90%;
        line-height: 50px;
        padding: 0 5%;
        background-size: 15px 9px;
    }

    #backtotop {
        display: block;
        position: fixed;
        bottom: -61px;
        -webkit-transition: .4s bottom ease-out; 
        -moz-transition: .4s bottom ease-out; 
        -ms-transition: .4s bottom ease-out; 
        -o-transition: .4s bottom ease-out; 
        transition: .4s bottom ease-out;
        padding: 6px 0;
    }

    #backtotop a {
        display: block;
    }


    .slideUpTop {
        bottom: 0 !important;
    }

    ul#header-menu li.mobileshow {display: block;}

    #overlay-content-box{
        width: 90%;
        height: 90%;
        padding: 10% 5%;
        overflow-y: scroll;
    }
}


@media screen and (max-width: 768px) {
    #home-map-container { display: none; }
    #home-map-mobile { 
        display: block;
        background: url(img/home_launch-map.jpg) center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 50%;
        overflow: auto;
        position: relative;
    }
    #home-map-content {
        background-color: #323232;
        width: 60%;
        height: 60%;
        position: absolute;
        margin: auto;
        top: 0; left: 0; bottom: 0; right: 0;
        text-align: center;
        display: table;
        cursor: pointer;
    }
    #home-map-content p { color: #fff; display: table-cell; vertical-align: middle;}
    #home-map-content a { color: #fff; font-size: 26px; font-weight: 600; display: block; margin-top: 2%;}
    #home-map-content:hover a { color: #00bbff; }
    #home-map-mobile img { max-width: 100%; }

    #footer-legal-contained {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    #solutions, 
    #impact {
        border-top: 1px solid #eee;
    }
    #hero-carousel {
        /*height: 100%;*/
    }
    .col50container {
        display: inline;
    }

    .col50text a {
        padding-top: 0;
    }

    #single-item {
        margin-top: 0;
    }

    .bottomlinkno {
        border-top: 1px solid #eee;
    }

    .textsection p,
    .bluesection p {
        font-size: 17px;
        line-height: 1.6;
        padding: 20px 0;
    }

    .subfeature {
        width: 100%;
        overflow: visible;
        position: relative;
        display: inline;
    }

    .subimage {
        width: 100%;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: cover;
        height: 200px;
    }

    .subtext {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        opacity: 1;
    }

    .subtext h3 {
        padding: 10px 5%;
    }

    .subtext p {
        padding: 10px 5% 40px;
    }

    .col50image {
        float: none;
        width: 100%;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: cover;
        height: 200px !important;
        border: none;
    }

    #testimonial-show {
        height: auto;
        overflow: visible;
    }

    .col50,
    .col50pullup,
    .bluebg .col50,
    #testimonial-show .col50,
    .col100 {
        margin: 30px 0;
        padding: 0;
        float: none;
        width: 100%;
        height: auto;
        border: none;
    }

    #pager .col50 {
        width: 50%;
        margin: 0;
        padding: 23px 0 22px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid #eee;
    }

    #testimonial-show .col50 {
        margin: 0 0 30px 0;
    }
    
    .container.archive .contained,
    .container.future .contained {
        padding: 0;
        width: 100%;
        flex-direction: column;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
    .col50img {
        margin: 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        order: 1;
        padding-bottom: 60%;
    }

    .coltxt {
        width: 90%;
        padding-left: 5%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        order: 2;
    }

    #partner-testimonial .col100,
    #partner-testimonial .col100 h3 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .blue50,
    .blue100,
    .grey50 {
        float: none;
        width: 90%;
        height: auto;
        border: none;
    }

    .col50wrapup {
        float: none;
        width: 90%;
        border: none;
    }

    .col50wrapupimage {
        float: none;
        width: 100%;
        border: none;
    }

    .blue50 h4,
    .blue100 h4,
    .grey50 h4 {
        font-size: 72px;
        letter-spacing: -.02em;
    }

    .callout p {
        font-size: 24px;
        line-height: 38px;
        letter-spacing: -.01em;
    }

    .col50text {
        float: none;
        width: 100%;
        height: auto;
        border: none;
    }

    .col50text h3,
    .col50text p,
    .col50text a {
        padding: 10px 5%;
    }

    .col50text a,
    .expertise-highlight a,
    #home-partners a {
        padding: 10px 5%;
        background: none;
    }

    .col50header {
        margin-bottom: 20px;
    }

    .col50header h3 {
        padding: 0;
    }

    .come-in {
        -webkit-transform: none;
        -webkit-animation: none;
        transform: none;
        animation: none;
    }

    footer {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .col25,
    .colcopy {
        float: none;
        width: 100%;
        margin: 10px 0 30px;
    }

    .col75 {
        float: none;
        width: 100%;
        margin: 10px 0 30px;
    }

    .mobilehide {display: none;}
    .mobileshow {display: block;}

    .moveUp {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
        -webkit-animation-delay: 0;
        -moz-animation-delay: 0;
        -ms-animation-delay: 0;
        animation-delay: 0;
        opacity: 1;
    }

    .grid-ro {
        position: absolute;
        bottom: 0;
        height: 60px;
    }

    .grid-ro-area {
        width: 45%;
    }

    .grid-ro-button {
        display: none;
    }

    .background-up {
        background-position: 0 0;
    }

    #header-grey h1,
    #fourohfour h1 {
        font-size: 34px;
        padding: 60px 5%;
    }

    #fourohfour h1 span {
        font-size: 68px;
    }

    #overlay-content-box p {
        padding-right: 12%;
    }

    .bluecolumns {
        padding-bottom: 80px;
        width: 100%;
        margin: 0;
        padding: 10px 0;
    }

    .exp50 {
        float: left;
        width: 100%; 
    }

    .exp25 {
        float: none;
        padding: 20px 5% 10px;
        width: 90%; 
        border-top: 1px solid #77ceef;
        position: relative;
    }

    .exp25close {
        background: url(img/exp-close-button-white.png) center center no-repeat;
        position: absolute;
        right: 5%;
        top: 20px;
        display: inline-block;
        z-index: 90;
        height: 18px;
        width: 18px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        transform: rotate(0deg);
        -webkit-transition: all .25s ease-out; 
        -moz-transition: all .25s ease-out; 
        -ms-transition: all .25s ease-out; 
        transition: all .25s ease-out;
    }

    .rotate-close {
        -ms-transform: rotate(45deg); 
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .exp25last {
        padding-bottom: 0;
    }

    .exp25 h3 {
        cursor: pointer;
    }

    .exp25 ul {
        padding-top: 10px;
        display: none;
    }

    #hero-carousel-sidenav {
        margin-right: -68px;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .moveUp {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
        -webkit-animation-delay: 0;
        -moz-animation-delay: 0;
        -ms-animation-delay: 0;
        animation-delay: 0;
        opacity: 1;
    }

    .grid-ro {
        position: absolute;
        bottom: 0;
        height: 60px;
    }

    .grid-ro-area {
        width: 45%;
    }

    .grid-ro-button {
        display: none;
    }

    .background-up {
        background-position: 0 0;
    }
}

@media screen and (max-width: 700px) {
    #hero-text h1 {
        font-size: 28px;
        letter-spacing: -.02em;
        line-height: 1.15;
        vertical-align: bottom;
        padding-bottom: 22px;
    }
}

@media screen and (max-width: 410px) {
    #hero-text h1 {
        font-size: 22px;
        line-height: 1.2;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 370px) {
    #hero-text h1 {
        font-size: 18px;
        line-height: 1.2;
        padding-bottom: 16px;
    }
    #home-map-content a { font-size: 18px;}
}

@media screen and (min-width: 1024px) {
    #menu-header {
        display: block !important;
    }
}

@media all and (min-width: 944px) {
    #more-developments .contained {
        
    }
    
    .container.archive,
    .container.future {
        margin-top: 100px;
    }
    
    .container.archive .contained,
    .container.future .contained {
        flex-direction: row;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        width: 100%;
        min-height: calc(100vh - 160px);
    }

    .col50img {
        width: 50%;
        order: 2;
        padding-bottom: 0;
        padding: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .coltxt {
        padding-left: 5%;
        padding-right: 5%;
        width: 40%;
        order: 1;
    }
    
    #grid-filter-status-menu a:hover,
    #grid-filter-expertise-menu a:hover,
    #grid-filter-location-menu a:hover{
        outline: 0 !important;
        color: #323232;
    }
    
    #grid-filter-status-menu li.current-filter a,
    #grid-filter-expertise-menu li.current-filter a,
    #grid-filter-location-menu li.current-filter a{
        outline: 0 !important;
        color: #00aef0;
    }
}


#testimonials {
    position: relative;
    padding: 0;
    overflow: hidden;
    height: calc(100vh - 48px);
}

#testimonials .col75 h3.infographics,
#testimonials .col75 p {
    padding-right: 25%; 
}

#testimonials #hero-carousel-sidenav {
    margin-right: 0;
}

#testimonials #navstatus {
    background-color: #f5f5f5;
}

#testimonials .contained {
    position: absolute;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    padding: 0 5%;
    height: calc(100vh - 48px);
}

#testimonials .contained.current-slide {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .5s .5s ease-out;
        -moz-transition: all .5s .5s ease-out;
        -ms-transition: all .5s .5s ease-out;
        -o-transition: all .5s .5s ease-out;
        transition: all .5s .5s ease-out;
    }

@media all and (min-width: 944px) {
    #testimonials {
        height: 460px;
        padding: 0;
    }
    
    #testimonials .contained {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        height: 460px;
    }
    
    
    #testimonials #hero-carousel-sidenav {
        margin-right: -68px;
    }
    
    #testimonials.moveUp #hero-carousel-sidenav {
        -webkit-transition: all .5s 1s ease-out; 
        -moz-transition: all .5s 1s ease-out; 
        -ms-transition: all .5s 1s ease-out; 
        transition: all .5s 1s ease-out;
        margin-right: 0;
    }
    
    #testimonials .col25 {
        width: 25%;
        margin: 0;
        text-align: center;
    }
    
    #testimonials .col75 {
         margin-left: 0;
    }
    
    #testimonials .col75 p {
        padding-right: 25%; 
        text-indent: -0.5em;
        margin-bottom: 0;
    }
}

@media all and (max-width: 943px) {
    .container.archive .contained,
    .container.future .contained {
        padding: 0;
        width: 100%;
        flex-direction: column;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
    .col50img {
        margin: 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        order: 1;
        padding-bottom: 60%;
        float: none;
    }

    .coltxt {
        width: 90%;
        padding-left: 5%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        order: 2;
        float: none;
    }
}