/*
CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861

Columns Fixed (f)

*/

.push-top {
	padding-top:70px;
}
.block {
	width:100%;
	min-height:auto;
}
.block-home {
	width:100%;
	min-height:100%;
	position:relative;
}
.space-mobile {
	margin-top:80px;
}
.space-above {
	margin-bottom:0;
}
.space-above-second {
	margin-bottom:0;
}
.height-100 {
}
.height-half {
	min-height:260px;
	position:relative;
}
.height-auto {
	min-height:auto;
	position:relative;
}
.height-50-percent {
	min-height:auto;
	position:relative;
}
.height-auto-bullets {
	min-height:240px;
	position:relative;
}
/*
.height-purpose {
	min-height:370px;
	position:relative;
}
.height-philosophy {
	min-height:470px;
	position:relative;
}
*/
.hide-mob {
	display:none;
}
.hide-480 {
	display:none;
}
h2 {
	font-size:19px;
	line-height:24px;
	width:85%;
	position:relative;
	padding-top:20px;
	padding-left:5%;
}
h3 {
	font-size:24px;
	line-height:27px;
	width:90%;
	padding-left:5%;
}
h4 {
	padding-left:5%;
}
h5 {
	font-size:21px;
	line-height:27px;
}
.address {
	bottom:0;
	padding-top:15px;
	padding-bottom:15px;
}

.location-top {
	float:none;
}
.location {
	float:none;
}
.phone {
	float:none;
}
.email {
	float:none;
}
.location,
.phone,
.email {
	margin-top:10px;
}
.location a,
.phone a,
.email a {
	padding-left:34px;
}
.newsfeed {
	margin-top:10px;
	margin-right:0;
	padding-right:0;
	width:85%;
	padding-left:34px;
}
.arrow-down {
}
a.goto {
	font-size:14px;
	line-height:40px;
}
.scbig {
	width:280px;
	height:150px;
	left:50%;
	margin-left:-140px;
	z-index:1;
	top:50%;
	margin-top:-160px;
	background-size:360px;
	-moz-background-size:360px;
}
h1 {
	font-size:22px;
	line-height:23px;
	top:50%;
	margin-top:10px;
	left:5%;
	right:5%;
	width:90%;
	height:140px;
	max-width:760px;
}
iframe.videoplayer {
	position:absolute;
	width:70%;
	height:300px;
	top:70px;
	margin-top:0;
	left:15%;
	margin-left:0;
}


/* New Bar Bottom */

.bar-bottom {
	height:120px;
	background-color:#f2f2f2;
}
.icons-bottom {
	padding-left:0;
	padding-right:0;
	width:100%;
	height:60px;
	margin-top:60px;
	background-color:#e5e5e5;
	position:absolute;
	left:0;
	right:0;
}
.pin-map a {
	margin-left:2%;
}
.newsfeed-new {
	float:left;
	background-color:#f2f2f2;
	left:2%;
	right:0;
	position:absolute;
	background-position: 4px 3px;
	padding-top:19px;
	padding-bottom:19px;
	font-size:16px;
	padding-left:60px;
	margin-left:0;
	width:75%;
}
.rmore {
	right:5%;
	bottom:61px;
	z-index:2;
}


/* About */

.page-text {
	width:100%;
	position:relative;
	padding-bottom:25px;
}
.page-title {
	padding-top:30px;
	padding-left:5%;
}
.bullets {
	font-size:17px;
	padding-top:5%;
	padding-bottom:5%;
	padding-left:5%;
	padding-right:5%;
}
.circle-text {
	padding-bottom:10px;
}
.circles {
	padding-bottom:20px;
}
.square-text-black {
	font-size:24px;
}
.scroll {
	max-height:100%;
	min-height:auto;
	overflow:hidden;
}
.bg-xsxl {
	background-image: none;
}
.show-mobile {
	display:inline-block;
}


/* People */

.text-people-left {
	font-size:34px;
	line-height:40px;
	padding-left:5%;
}
.text-people-right {
	padding-top:5%;
	padding-bottom:5%;
	padding-left:5%;
}
.intro {
	width:100%;
}
.intro .intro-text {
	padding-top:5%;
	padding-bottom:5%;
	padding-left:5%;
}
.staff {
	width:100%;
}
.staff-toggle,
.staff-toggled {
	width:100%;
}
.bg-people,
.bg-4-squares {
	background-image:none;
}
.staff-sml {
	width:24.5%;
	float:left;
	margin:0.25%;
}
.staff-name {
	padding-top:10px;
}
.field-news-light {
	line-height:60px;
}
.square-text {
	padding-top:0;
}

/* Footer */

.footer {
	padding-top:20px;
	padding-bottom:20px;
}
.footer .logo-sc {
	right:5%;
	left:auto;
	margin-top:20px;
	width:60px;
	height:46px;
	position:absolute;
	background-size:60px;
	-moz-background-size:60px;
}
.footer .logo-sc a {
	width:60px;
	height:46px;
	display:block;
}
.social {
	width:auto;
	height:60px;
	float:none;
	padding-left:4.5%;
}
.social a {
	margin-left:0;
	margin-right:5px;
}
.footer .left {
	float:none;
	width:auto;
}
.footer .location a {
	float:none;
	padding-bottom:2px;
	width:80%;
	display:block;
}
.footer .phone {
	float:none;
}

/* Work */

.work-nav {
	padding-left:5%;
}
.project,
.project-blank {
	width:100%;
	float:left;
}
.inner {
	width:90%;
	margin:5%;
}

/*
.project2-off {
	width:200%;
	left:-100%;
}
.project2-on {
	width:200%;
	left:-100%;
}
.project3-off {
	width:200%;
    top:-100%;
    bottom:100%;
}
.project3-on {
	width:200%;
    top:-100%;
    bottom:100%;
}
.project4-off {
	width:200%;
    top:-100%;
    bottom:100%;
	left:-100%;
}
.project4-on {
	width:200%;
    top:-100%;
    bottom:100%;
	left:-100%;
}*/

.project1-off,
.project2-off {
	margin-top:60px;
}

.project4-off {
	margin-left:0;
}
.project_desc {
	background-color:#998;
	position:absolute;
	display:none;
	z-index:6;
}
.project_desc.active {
	opacity:1;
	display:inline-block;
	z-index:6;
	width:100%;
	left:0;
	background-color:rgba(0,0,0,0.8);
}


.project-text {
	font-size:13px;
	padding-top:3%;
	padding-left:3%;
	padding-right:3%;
}
.project-title,
.project-title-work {
	font-family:'gt_walsheim_regularregular', Arial, Helvetica, sans-serif;
	font-size:12px;
}
.project-title-work {
	width:100%;
	opacity:1;
}

/* Thinking */

.thought-quarter {
	width:100%;
	float:none;
}
.thought-half {
	width:100%;
	float:none;
}

.thought-half .project-title,
.thought-quarter .project-title {
	width:100%;
}



.thought-half .project-title,
.thought-half .project-title1,
.thought-half .project-title2,
.thought-half .project-title3,
.thought-half .project-title4,
.thought-half .project-title5,
.thought-half .project-title6 {
	font-family:'gt_walsheim_regularregular', Arial, Helvetica, sans-serif;
	font-size:13px;
}
.thought-quarter .project-title,
.thought-quarter .project-title-work,
.thought-quarter .project-title1,
.thought-quarter .project-title2,
.thought-quarter .project-title3,
.thought-quarter .project-title4,
.thought-quarter .project-title5,
.thought-quarter .project-title6 {
	font-family:'gt_walsheim_regularregular', Arial, Helvetica, sans-serif;
	font-size:13px;
}
.thought-quarter .project-title div,
.thought-quarter .project-title1 div,
.thought-quarter .project-title2 div,
.thought-quarter .project-title3 div,
.thought-quarter .project-title4 div,
.thought-quarter .project-title5 div,
.thought-quarter .project-title6 div {
	padding-left:10px;
	margin-right:45px;
}
.thought-half .project-title div,
.thought-half .project-title1 div,
.thought-half .project-title2 div,
.thought-half .project-title3 div,
.thought-half .project-title4 div,
.thought-half .project-title5 div,
.thought-half .project-title6 div {
	padding-left:10px;
	margin-right:45px;
}
a.archive-year {
	font-size:40px;
	padding-left:10%;
}
.thought-past {
	width:100%;
	float:left;
}
.dates {
	padding-bottom:5%;
}


/* Contact */

.googlemap,
.map {
	width:100%;
	height:320px;
}


/* Results */

.form-results input {
	width:75%;
	float:left;
}

















.f1, /* outer div width */
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8 {
	width:462px;
}


.f1 .one {
	width:100%;
}


.f2 .one {
	width:226px;
	float:left;
}
.f2 .two {
	width:226px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 226 + 10 = 236
	*/
	margin-left:236px;
}


.f3 .one {
	width:148px;
	float:left;
}
.f3 .one-two {
	width:305px;
	margin-left:0px;
	float:left;
}
.f3 .two {
	width:148px;
	margin-left:9px;
	float:left;
}
.f3 .two-three {
	width:305px;
	margin-left:157px;
}
.f3 .three {
	width:148px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 148 x 2 + 9 + 9 = 314
	*/
	margin-left:314px;
}


.f4 .one {
	width:108px;
	float:left;
}
.f4 .one-two {
	width:226px;
	float:left;
}
.f4 .one-three {
	width:344px;
	float:left;
}
.f4 .two {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .two-three {
	width:226px;
	margin-left:10px;
	float:left;
}
.f4 .two-four {
	width:344px;
	margin-left:118px;
}
.f4 .three {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .three-four {
	width:226px;
	margin-left:236px;
}
.f4 .four {
	width:108px;
	margin-left:354px;
}


.f5 .one {
	width:86px;
	float:left;
}
.f5 .one-two {
	width:180px;
	float:left;
}
.f5 .one-three {
	width:274px;
	float:left;
}
.f5 .one-four {
	width:368px;
	float:left;
}
.f5 .two {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .two-three {
	width:180px;
	float:left;
	margin-left:8px;
}
.f5 .two-four {
	width:274px;
	margin-left:8px;
	float:left;
}
.f5 .two-five {
	width:368px;
	margin-left:94px;
}
.f5 .three {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .three-five {
	width:274px;
	margin-left:188px;
}
.f5 .four {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .four-five {
	width:180px;
	margin-left:282px;
}
.f5 .five {
	width:86px;
	margin-left:376px;
}


.f6 .one {
	width:72px;
	float:left;
}
.f6 .one-two {
	width:150px;
	float:left;
}
.f6 .one-three {
	width:228px;
	float:left;
}
.f6 .one-four {
	width:306px;
	float:left;
}
.f6 .one-five {
	width:384px;
	float:left;
}
.f6 .two {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .two-three {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .two-four {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .two-five {
	width:306px;
	float:left;
	margin-left:6px;
}
.f6 .two-six {
	width:384px;
	margin-left:78px;
}
.f6 .three {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .three-four {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .three-five {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .three-six {
	width:306px;
	margin-left:156px;
}
.f6 .four {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .four-five {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .four-six {
	width:228px;
	margin-left:234px;
}
.f6 .five {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .five-six {
	width:150px;
	margin-left:312px;
}
.f6 .six {
	width:72px;
	margin-left:390px;
}


.f7 .one {
	width:60px;
	float:left;
}
.f7 .one-two {
	width:127px;
	float:left;
}
.f7 .one-three {
	width:194px;
	float:left;
}
.f7 .one-four {
	width:261px;
	float:left;
}
.f7 .one-five {
	width:328px;
	float:left;
}
.f7 .one-six {
	width:395px;
	float:left;
}
.f7 .two {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .two-three {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .two-four {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .two-five {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .two-six {
	width:328px;
	float:left;
	margin-left:7px;
}
.f7 .two-seven {
	width:395px;
	margin-left:67px;
}
.f7 .three {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .three-four {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .three-five {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .three-six {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .three-seven {
	width:328px;
	margin-left:134px;
}
.f7 .four {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .four-five {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .four-seven {
	width:261px;
	margin-left:201px;
}
.f7 .five {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .five-seven {
	width:194px;
	margin-left:268px;
}
.f7 .six {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .six-seven {
	width:127px;
	margin-left:335px;
}
.f7 .seven {
	width:60px;
	margin-left:402px;
}


.f8 .one {
	width:56px;
	float:left;
}
.f8 .one-two {
	width:114px;
	float:left;
}
.f8 .one-three {
	width:170px;
	float:left;
}
.f8 .one-four {
	width:230px;
	float:left;
}
.f8 .one-five {
	width:288px;
	float:left;
}
.f8 .one-six {
	width:346px;
	float:left;
}
.f8 .one-seven {
	width:404px;
	float:left;
}
.f8 .two {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .two-three {
	width:112px;
	float:left;
	margin-left:2px;
}
.f8 .two-four {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .two-five {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .two-six {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .two-seven {
	width:346px;
	float:left;
	margin-left:2px;
}
.f8 .two-eight {
	width:404px;
	margin-left:58px;
}
.f8 .three {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .three-four {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .three-five {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .three-six {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .three-seven {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .three-eight {
	width:346px;
	margin-left:116px;
}
.f8 .four {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .four-five {
	width:116px;
	float:left;
	margin-left:2px;
}
.f8 .four-six {
	width:174px;
	float:left;
	margin-left:2px;
}
.f8 .four-seven {
	width:232px;
	float:left;
	margin-left:2px;
}
.f8 .four-eight {
	width:290px;
	margin-left:172px;
}
.f8 .five {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .five-six {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .five-seven {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .five-eight {
	width:230px;
	margin-left:232px;
}
.f8 .six {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .six-seven {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .six-eight {
	width:172px;
	margin-left:290px;
}
.f8 .seven {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .seven-eight {
	width:114px;
	margin-left:348px;
}
.f8 .eight {
	width:56px;
	margin-left:406px;
}

/*
.tabs-cols > div{ position: static; }
.tabs-cols .project_desc{ top: 100%; width: 100%; }
*/