/*
Theme Name: ksd
Description: The Kylee Shintaffer Design Theme
Version: 1.1
Author: Engine Interactive
Author URI: http://enginei.com
Tags: engine interactive
*/

/*
	fonts / background / box model / other
*/

@import "css/fonts.css";
@import "css/reset.css";

/* LOGO */

.logo{
	display: block;
	margin: 45px auto 8px auto;
	overflow: hidden;
	font-size: 16px;
	line-height: 1em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	background: url('images/kylee-shintaffer-logo-web.png') top center no-repeat;
	background: url('images/kylee-shintaffer-logo-web.svg') top center no-repeat;
	background-size: 396px 38px;
	width: 396px;
	height: 38px;
	text-indent: -800px;
}

/* MAIN HTML ELEMENTS */

html{
	height: 100%;
}
body{
	font-family: 'GillSansMTStd-Light', 'gillsans-light', 'gillsans', arial, helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 11px;
	color: #333;
	color: #7e7e7e;
	background-color: #fff;
	background-color: #f9f5f4;
	height: 100%;
}
a{
	color: #555;
	outline: none;
}
a:hover{
	color: #222;
}
p{
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

/* HEADINGS */

h1,h2,h3,h4,h5,h6{
	font-size: 18px;
	line-height: 1em;
	font-weight: normal;
	margin: 8px 0 6px 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	text-decoration: none;
}

	body.child h1{
		text-align: left;
		margin: 0 0 34px 0;
		font-size: 20px;
		line-height: 20px;
		font-family: 'MrsEaves','georgia';
		color: #7e7e7e;
	}

h1{
	font-size: 18px;
	margin: 11px 0 0 0;
	text-transform: uppercase;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
h4{}
h5{}
h6{}
table{}
form{}
label{}

/* LISTS */

ul, ol{
	margin: 8px;
	padding: 8px;
}
	form ul,
	form ol,
	form ul li,
	form ol li{
		list-style: none;
		margin: 0;
		padding: 10px 0;
	}
li{
	font-size: 12px;
	margin: 8px 0;
	list-style: disc;
}
	ul ul{
		margin: 0 8px 8px 8px;
		padding: 0 8px 8px 8px;
	}
	ul ul li{
		list-style: circle;
	}
	ul.slideshow{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	ul.slideshow li{
		margin: 0;
		padding: 0;
		list-style: none;
	}

/* MAIN SECTIONS */

.wrapper,
.header,
.footer,
.page,
.stage{
	position: relative;
	display: block;
}

.wrapper{
	min-height: 100%;
	min-width: 320px;
	z-index: 100;
	left: 0;
	transition: left 200ms ease-in-out;
	background: #fff;
}
	body.open-menu .wrapper{
		left: 280px;
		-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2);
		box-shadow: 0 0 14px rgba(0,0,0,0.2);
	}
	body.open-menu{
		overflow: hidden;
	}
	body.open-menu.sticky .header{
		position: relative;
		top: auto;
		box-shadow: none;
	}

.page{
	z-index: 10;
}
.stage{}

.header{

}

.footer{
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #919191;
	background: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 100;
}

/* FIXED WIDTH CONTENT */

.header_content,
.page_content,
.footer_content{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 1200px;
	margin: auto;
	background: none;
}
.header_content{
	padding: 10px 10px 20px 10px;
	padding: 1px 0 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.breadcrumbs{
	position: absolute;
	top: 0;
	left: 11px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	color: #666;
	z-index: 100;
}
.breadcrumbs a{
	text-decoration: none;
	color: #999;
}

.page_content{
	position: relative;
	overflow: hidden;
	padding: 0 0 100px 0; /* needs to be larger than footer height*/
}

.main_content{
	margin: 0 5px;
}

.stage_content{
	position: relative;
	overflow: hidden;
	padding: 50px 0 0 0;
}
	body.portfolio .stage_content{

	}
	body.portfolio.child .stage_content{

	}
	.match{
		padding: 0 11px;
	}
	body.recognition .match{
		padding: 0 11px;
	}
	body.recognition.page.child .page{
		background: #767475;
		color: #fff;
	}
	body.recognition.page.child .footer{
		color: #fff;
		display: none;
	}
	body.recognition.page.child .header{
		display: none;
	}

/* CMS CONTENT */

.entry{
	margin: 20px 11px;
	position: relative;
	overflow: hidden;
}
	body.recognition .entry{
		clear: both;
		text-align: center;
	}
	body.recognition .entry h2{
		font-family: 'MrsEaves' , georgia;
		font-size: 20px;
		font-size: 17px;
		line-height: 18px;
		margin: 18px 0 18px 0;
		text-transform: uppercase;
		color: #919191;
		color: #CCCCCC; /*match icon*/
		color: #5e5e5e; /*match press logos*/
		color: #909090; /*match links*/
	}
	body.recognition .entry p.icon-div{
		display: block;
		width: 40px;
		height: 20px;
		margin: 0 auto;
		background-image: url(images/ks-icon-sprite.png);
		background-image: url(images/ks-icon-sprite.svg);
		background-position: 0 -60px;
		background-repeat: no-repeat;
	}
	body.recognition .entry ul{
		list-style: none;
		margin: 0;
		padding: 10px 0 0 0;
	}
	body.recognition .entry ul li{
		list-style: none;
		margin: 0;
	}
	body.recognition .entry ul li a{
		color: #a1a1a1;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0;
	}
	body.recognition .entry ul li a:hover{
		color: #616161;
	}
	body.recognition .entry ul li.partner{
		margin: 0 0 28px 0;
	}
	body.recognition .entry ul li.partner:last-child{
		margin: 0 0 0 0;
	}
	body.recognition .entry ul li.partner a{
		width: 150px;
		height: 40px;
		margin: auto;
		background-image: none;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
		text-indent: -500px;
	}
	body.recognition .entry ul li.partner.press-elle-decor a{
		background-image: url('images/ks-press-elle-decor.png');
	}
	body.recognition .entry ul li.partner.press-chairish a{
		background-image: url('images/ks-press-chairish.png');
	}
	body.recognition .entry ul li.partner.press-1st-dibs a{
		background-image: url('images/ks-press-1st-dibs.png');
	}
	body.recognition .entry ul li.partner.press-in-collect a{
		background-image: url('images/ks-press-in-collect.png');
	}
	body.company.page.child .page_content{
		width: 870px;
	}

.side-entry,
.side-photos{
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.side-photos{
	width: 320px;
	padding: 0 0 0 0;
}
.side-photos .image img{
	max-width: 100%;
	height: auto;
}
.side-entry{
	width: 550px;
	padding: 0 0 0 50px;
}

.side-entry ul{
	list-style: none;
	padding: 4px 0;
	margin: 0;
}

.side-entry ul li{
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 3px 0;
}

/* NAVIGATION */

.menu ul li{
	display: inline-block;
	position: relative;
}
.menu ul li a{
	padding: 5px;
}

.js-menu{
	display: block;
	display: none;
	width: 20px;
	height: 16px;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 20px;
	overflow: hidden;
	z-index: 200;
}
	.js-menu span{
		display: block;
		margin: 2px 0;
		height: 3px;
		background: #4b4b4b;
	}

.nav{
	display: block;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	z-index: 99;
	text-align: center;
	font-size: 14px;
}
.nav ul{
	position: relative;
}
.nav ul li{
	position: relative;
	display: inline-block;
}
.nav ul.level-2{

}
.nav.footer ul.level-2{

}
.nav ul.level-2 li{
	display: block;
	text-align: left;
}
.nav ul.level-3{
	display: none;
}

.nav ul li a{
	text-decoration: none;
	background: none;
	padding: 10px 16px;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: #a1a1a1;
}
.nav ul li a:hover{
	color: #616161;
}
.nav.primary > li{
	margin: 0 30px;
}

.nav ul li.current-page > a,
.nav ul li.current-page-parent > a{
	color: #616161;
}

/* dropdown nav */
/* main nav dropdown */
		.nav ul li ul{
			display: none;
			position: absolute;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			top: 36px;
			left: 0;
			height: auto;
			width: auto;
			padding: 18px 16px 10px;
			background: #f9f5f4;
			/* border: 1px solid #d9d9d9; */
			-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
			box-shadow: 0 2px 8px rgba(0,0,0,.1);
		}
		.nav ul li ul li.arrow{
			background: none;
			margin: -34px auto 12px;
		}
		.nav ul li ul li.arrow span{
			display: block;
			margin: 0 auto;
			width: 0;
			height: 0;
			border: 8px solid #ffffff;
			border-bottom: 8px solid #f9f5f4;
		}
		.nav ul li:hover ul{
			display: block;
		}
		.nav ul li ul li{
			display: block;
			float: none;
			width: auto;
			white-space: nowrap;
			background: none;
			margin: 0;
		}
		.nav ul li ul li a{
			padding: 10px;
		}

/* FORMS */

.cta{
	font-family: 'GillSansMTStd-Light', 'gillsans-light', 'gillsans', arial, helvetica, sans-serif;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	background: #909090;
	padding: 0 20px;
	text-decoration: none;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 30px 0 30px;
	border: 0;
	cursor: pointer;
	border-radius: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.cta:hover{
		background: #707070;
		color: #fff;
	}

	.form .cta{
		float: right;
	}

/* form typography */

input.text,
textarea.text,
select.select,
.form label{
	font-size: 14px;
	color: #606060;
	font-family: 'GillSansMTStd-Light', 'gillsans-light', 'gillsans', arial, helvetica, sans-serif;
	letter-spacing: 1px;
}
	::-webkit-input-placeholder {
		color: #999999;
		font-size: 11px;
		line-height: 24px;
	}

	:-moz-placeholder { /* Firefox 18- */
		color: #999999;
		font-size: 11px;
		line-height: 24px;
	}

	::-moz-placeholder {  /* Firefox 19+ */
		color: #999999;
		font-size: 11px;
		line-height: 24px;
	}

	:-ms-input-placeholder {
		color: #999999;
		font-size: 11px;
		line-height: 24px;
	}

input.text,
textarea.text{
	outline: none;
	padding: 8px 6px 6px 6px;
	border: 1px solid #c6c6c6;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

	input.error{
		border: 1px solid #BB0000;
	}

	.form label{
		text-transform: uppercase;
		display: block;
		width: auto;
		margin: 0;
		padding: 8px 0 4px 0;
		text-align: left;
		display: block;
		float: none;
		clear: both;
	}
	.form .text{
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		input:-webkit-autofill {
			-webkit-box-shadow: 0 0 0px 1000px white inset;
		}
	.form .text.textarea{
		height: 135px;
		resize: none;
		overflow: hidden;
	}
	.form .select{
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 11px;
		width: 100%;
		padding: 8px 6px 6px 6px;
		border: 1px solid #c6c6c6;
		background: #fff;
		border-radius: 0;
		color: #999;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-image: url('images/icon-select-arrow.png');
	}
	.form .select option{
	}
		.form .select.inquiry{
			background-color: #f5f5f5;
		}

.form ul{
	padding: 0;
}
.form ul li{
	padding: 0 0 20px 0;
	position: relative;
	clear: both;
}
.form ul li{
	overflow: hidden;
	position: relative;
}
.form ul li.match-label{
	padding: 0;
}
	.form ul li.website-field{
		display: none;
	}

.form li.text-box-frame,
.form li.checkbox{
	padding-bottom: 10px;
}

.form li.checkbox input.checkbox{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float: left;
	clear: none;
	border: 1px solid #c6c6c6;
	background: #fff;
	border-radius: 0;
	color: #999;
	width: 13px;
	height: 13px;
	cursor: pointer;
}
.form li.checkbox input.checkbox:checked{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #666;
}

.form li.checkbox label{
	font-size: 11px;
	float: left;
	clear: none;
	height: 14px;
	line-height: 14px;
	margin: 0;
	padding: 2px 0 0 8px;
	cursor: pointer;
}

.form fieldset{
	position: relative;
	border: 1px solid #e0e0e0;
	padding: 20px 20px 20px 20px;
}
.form fieldset legend{
	text-align: center;
	width: 60px;
	height: 20px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin: -10px 0 0 -30px;
}
.form fieldset legend span{
	display: block;
	width: 40px;
	height: 20px;
	margin: 0 10px;
	background-image: url('images/ks-icon-sprite.png');
	background-image: url('images/ks-icon-sprite.svg');
	background-position: 0 -60px;
	background-repeat: no-repeat;
}

.form .half{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 50%;
	float: left;
	clear: none;
}

.form .half.first{
	padding-right: 10px;
}
.form .half.last{
	padding-left: 10px;
}


/* CONTACT FORM */
	body.contact.page .page_content{
		width: 870px;
		width: 1100px;
		min-height: 700px;
		/* see header.php for inline bg featured image */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0;
	}
	body.contact.page .stage_content{
		padding-top: 100px;
		text-align: center;
	}
	body.contact h2{
		display: block;
		position: relative;
		overflow: hidden;
		font-size: 20px;
		margin: 0 0 12px 0;
		text-transform: uppercase;
		color: #919191;
	}
	body.contact h2 span{
		display: inline-block;
		padding: 0 0 20px;
		background: url('images/ks-icon-type.svg') 50% 100% no-repeat;
	}
	body.contact h3{
		font-size: 14px;
		margin: 0 0 10px 0;
		text-transform: uppercase;
		color: #919191;
	}
	.contact-info{
		display: inline-block;
		background: rgba(255,255,255,.9);
		font-family: 'MrsEaves' , georgia;
		text-transform: uppercase;
		color: #919191;
		margin-bottom: 60px;
		text-align: center;
		margin: 0 auto;
		padding: 30px 50px;
	}
		.contact-info h2{
		}
		.contact-info p{
			margin: 0;
		}
	.contact-info .address-block{
		margin: 0 0 10px 0;
	}
	.contact-info .email-link{
		text-transform: lowercase;
	}
	.contact-info a{
		text-decoration: none;
		color: #919191;
	}

.form.contact label{
	display: none;
}
.form.contact li.checkbox label{
	display: block;
}


/* SEARCH FORM */

.search{
	position: absolute;
	top: 50%;
	right: 0;
	background: url('images/icon-search.png') 50% 50% no-repeat;
	margin-top: -8px;
	width: 16px;
	height: 16px;
}
.search form{
	display: none;
}

/* GALLERY STYLES */

.gallery{

}

.project-detail h1{
	text-align: center;
	margin: 0 0 6px 0;
	font-size: 20px;
	line-height: 20px;
	font-family: 'MrsEaves','georgia';
	color: #7e7e7e;
}
.project-detail h2{
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #919191;
}
.project-detail .match{
	clear: both;
}
.gallery .tile{
	margin: 0 11px;
	float: none;
	background: none;
}
	body.home .gallery .tile{
		margin: 0;
	}
	.gallery .tile .image{
		background: #fff;
		height: 100%;
		width: 1100px;
		margin: 0 auto;
	}

.project-detail .entry{
	clear: both;
	text-align: center;
	margin: 10px auto 10px auto;
	width: 370px;
}

.project-detail .over-nav{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	z-index: 0;
}

	/*
	.gallery .over-nav,
	.gallery .nav{
		opacity: 0;
		-webkit-transition: opacity .2s ease-in-out;
		opacity: 1;
	}
	.gallery:hover .over-nav,
	.gallery:hover .nav{
		opacity: 1;
	}
	*/

	.project-detail .mini-nav{
		text-align: center;
	}
	.project-detail .mini-nav a{
		text-decoration: none;
		color: #919191;
	}
	.project-detail .over-nav .btn{
		display: block;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 50%;
		margin-top: -35px; /* 10 for height and 18 + 9 for bottom nav */
	}
	.project-detail .over-nav .btn.prev{
		left: 5px;
	}
	.project-detail .over-nav .btn.next{
		right: 5px;
	}

	.project-detail .btn.pin{
		display: block;
		position: absolute;
		background-color: rgba(0,0,0,.7);
		background-image: url('images/ks-icon-sprite.png');
		background-image: url('images/ks-icon-sprite.svg');
		background-position: -65px -5px;
		top: 0;
		bottom: auto;
		right: 0;
		margin: 0;
		height: 30px;
		width: 30px;
		color: #fff;
		display: block;
		opacity: 0;
		transition: opacity 250ms linear;
	}
		.project-detail .photo-wrap:hover .btn.pin{
			opacity: 1;
		}

.gallery{
	position: relative;
	overflow: hidden;
	background: red;
	background: none;
}
.gallery .nav{
	margin: 20px 0 20px 0;
	text-align: center;
}
	body.home .stage_content{
		padding: 0 0 0 0;
	}
	body.home .gallery{
		padding: 50px 0 0 0;
		width: 1100px;
		margin: 0 auto;
	}
	body.home .gallery .nav{
		display: block;
		text-align: right;
		margin: 0px;
		width: auto;
		position: absolute;
		top: 30px;
		right: 0;
		opacity: 0;
	}
	body.home .gallery:hover .nav{
		transition: opacity 250ms linear;
		opacity: 1;
	}
	.project-detail .gallery{
		position: relative;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	.project-detail .gallery .nav{
		display: inline-block;
		width: auto;
		margin: 18px 0 18px 0;
		text-align: center;
		z-index: 400;
		overflow: hidden;
		position: relative;
	}

.gallery .nav a{
	display: inline-block;
	float: left;
	width: 3px;
	height: 3px;
	margin: 2px;
	background: #cfcfcf;
	color: #919191;
	border-radius: 2px;
	text-decoration: none;
	border: 4px solid #fff;
	line-height: 0;
	font-size: 1em;
}
.gallery .nav a:hover{
	background: #999999;
}
.gallery .nav a.current{
	background: #666666;
}
.gallery .slideshow{
	overflow: hidden;
	position: relative;
	height: 650px;
	width: 1100px;
	z-index: 500;
}
	.project-detail .gallery .slideshow{
		width: 1100px;
		height: auto;
		margin: auto;
		min-height: 600px;
		height: 718px;
		background: none;
		z-index: 10;
	}

.gallery .slideshow li{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: none;
}
.gallery .slideshow li.show{
	display: block;
	z-index: 200;
}

/* nav fade on roll-over */
.project-detail .gallery .over-nav a,
.project-detail .gallery .nav{
	opacity: 0;
	transition: opacity 250ms linear;
}

.project-detail .gallery:hover .over-nav a,
.project-detail .gallery:hover .nav{
	opacity: 1;
}

/* TILES */

.tile{
	text-decoration: none;
	display: block;
	background-color: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: none;
	color: #999;
	color: #7e7e7e;
	width: 378px;
	height: auto;
	margin: 11px;
	float: left;
	overflow: hidden;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.tile a{
		display: block;
	}
	.tile a img{
		display: block;
	}
	.tile .image{
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #fff;
		overflow: hidden;
		position: relative;
		text-align: center;
	}
		body.company

	.tile:hover .image{

	}
	.subs .tile.full{
		height: 600px;
	}

	.subs .tile{
		margin: 0 30px 22px 30px;
	}
		body.portfolio.child .tile{
			margin: 0px;
		}
		.gallery .tile.full{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			text-align: center;
			vertical-align: middle;
		}
		.gallery .tile.full a{
			text-align: center;
		}

		.project-detail .gallery .slide-content{
			display: block;
			overflow: hidden;
			position: relative;
			text-align: center;
			width: auto;
			margin: auto;
			display: inline-block;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.project-detail .gallery .tile .inline{
			display: inline-block;
			float: none;
			display: block;
			float: left;
		}
			body.attachment .project-detail .gallery .tile .inline{
				width: 100%;
				width: auto;
			}

		.project-detail .gallery .tile.double .inline:first-child,
		.project-detail .gallery .tile.type .inline:first-child{
			margin-right: 20px;
		}

		.photo-wrap{
			position: relative;
			display: inline-block;
			display: block; /* change to block for flexbox */
			background: none;
			width: auto;
			height: auto;
		}

		.project-detail .gallery .tile.full img.photo{
			display: block;
			margin: 0 auto;
			padding: 0;
			width: auto;
			height: 718px;
		}

		.project-detail .gallery .tile.full.double img{
			display: block;
			width: auto;
		}

		ul.scroll-grid{
			overflow: hidden;
			position: relative;
			margin: 0;
			padding: 0;
		}
		li.tile{
			display: block;
			position: relative;
			overflow: hidden;
			width: auto;
			height: auto;
			float: left;
			margin: 15px;
			padding: 0;
		}
			ul.scroll-grid li{
				margin: 11px;
			}
			li.tile h3{
				  font-family: 'MrsEaves','georgia';
				  font-size: 13px;
				  text-align: center;
			}
			body.home li.tile h3{
				display: none;
				margin: 11px 0;
			}
			body.home li.tile{
				overflow: visible;
			}
		li.tile.type .img{
			float: left;
		}
		li.tile .entry{
			float: right;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			width: 426px;
			margin: 0 30px 0 30px;
			padding: 0 10px 0 20px;
			text-align: left;
		}
		li.tile .entry .title-wrap{
			border-left: 1px solid #ccc;
			padding: 0 0 0 14px;
			margin: 0 0 20px 0;
		}
		li.tile .entry h1{
			text-align: left;
			margin: 0;
			padding: 4px 0 0 0;
			vertical-align: bottom;
			line-height: 65%;
		}
		li.tile .entry h2{
			text-align: left;
			margin: 0 0 10px 0;
			padding: 0;
		}
		li.tile .entry p{
			padding: 0 0 0 14px;
		}
		li.tile .entry p:last-child{
			margin-bottom: 0;
		}

			li.tile.type .project-number{
				float: left;
				width: 5%;
			}
			li.tile.type .project-content{
				float: left;
				width: 95%;
			}

			li.tile.type .entry{
				display: inline-block;
			}

			li.tile.type .table-center{
				display: table;
				height: 100%;
			}
				li.tile.full.type .entry{
					display: inline-block;
					float: none;
					clear: none;
					/* height: 100%; */
					width: 390px;
					margin: 0;
					padding: 0;
				}
			li.tile.type .entry .row{
				display: table-row;
				height: 100%;
			}
			li.tile.type .entry .row .cell{
				height: 100%;
				display: table-cell;
				vertical-align: middle;
			}

				li.tile.type.slide-1 .entry .project-content{
					padding: 0 0 50px 0;
					background: url('images/ks-icon-type.png') 50% 100% no-repeat;
					background: url('images/ks-icon-type.svg') 50% 100% no-repeat;
				}

				.project-detail li.tile .entry{
					height: 718px;
				}

				.project-detail li.tile .entry .row{
					display: table-row;
					height: 100%;
				}
				.project-detail li.tile .entry .row .cell{
					display: table-cell;
					height: 100%;
					vertical-align: middle;
				}

			li.tile.type.big .entry{
				width: 490px;
				padding: 0;
			}
				.project-detail li.tile.type.big img{

				}
				.project-detail li.tile.type.big .entry{
					display: inline-block;
					width: 470px;
					float: none;
					margin: 0;
				}

			li.tile.type.big .entry p{
				margin: 0;
				padding: 0 60px 0 90px;
				background: url('images/type-bg.png') 0 50% no-repeat;
				color: #a9a9a9;
				font-family: 'MrsEaves' , georgia;
				font-size: 22px;
				line-height: 26px;
				font-size: 18px;
				line-height: 1.4em;
				font-weight: normal;
			}

					/*
					.project-detail .gallery .tile.double{
						display: table;
					}
					.project-detail .gallery .double .slide-content{
						display: table-row;
					}
					.project-detail .gallery .double .slide-content .panel,
					.project-detail li.tile.type.big .entry{
						display: table-cell;
						vertical-align: middle;
					}
					*/

			.project-nav{
				padding: 50px 0 0 0;
				width: 100%;
				text-align: center;
				color: #ccc;
			}
			.project-nav a{
				box-sizing: border-box;
				display: inline-block;
				font-size: 10px;
				height: 18px;
				height: auto;
				line-height: auto;
				color: #7e7e7e;
				text-transform: uppercase;
				background-repeat: no-repeat;
				text-decoration: none;
				font-family: 'MrsEaves','georgia';
				padding: 0px;
			}
			.project-nav a.next{
				background-image: url('images/ks-icon-small-arrow-right.png');
				background-image: url('images/ks-icon-small-arrow-right.svg');
				background-position: 100% 50%;
				background: none;
			}
			.project-nav a.prev{
				background-image: url('images/ks-icon-small-arrow-left.png');
				background-image: url('images/ks-icon-small-arrow-left.svg');
				background-position: 0 50%;
				background: none;
			}


		body.recognition .page_content{
			width: 960px;
			width: 1200px;
		}
		body.recognition.child .page_content{
			width: 100%;
			max-width: 1500px;
		}
		body.recognition.child .stage{
			padding: 20px;
		}

		.viewport{
			border: 1px solid #a1a1a1;
			position: relative;
			width: 100%;
			height: 600px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.press-article{
			max-width: 1500px;
			margin: 0 auto;
		}
		.press-article.medium{
			max-width: 1200px;
			margin: 0 auto;
		}
		.press-article.small{
			max-width: 800px;
			margin: 0 auto;
		}

		.press-article .date{
			font-size: 12px;
                        color: #333;
		}
		.press-article .image-view{
			width: 100%;
			background: #fff;
			text-align: center;
			padding: 0 0;
			margin: 0 0 20px 0;
		}
		.press-article .image-view img{
			display: block;
			width: 100%;
			height: auto;
                        border: 1px solid #333;
		}
		.press-article.small .image-view img{
			max-width: 100%;
			margin: 0 auto;
			width: auto;
		}
		.press-article h2{
			text-transform: uppercase;
			font-family: 'MrsEaves','georgia';
			font-size: 17px;
			line-height: 18px;
			margin: 0 0 30px 0;
			padding: 12px 0 0 0;
                        color: #333;
		}
		.press-article h4{
			text-transform: uppercase;
			font-size: 12px;
			padding: 0;
			margin: 2px 0 0 0;
                        color: #333;
		}

		.press-article h3{
			text-transform: uppercase;
			font-size: 11px;
			margin: 20px 0 20px 0;
                        color: #333;
		}
		.press-article h3 a.download{
			display: block;
			padding: 4px 0 0 25px;
			background: url('images/icon-download.png') 0 50% no-repeat;
			padding: 4px 0 0 0;
                        background: none;
                        height: 18px;
			line-height: 18px;
			color: #333;
		}

		.press-grid{
			position: relative;
			overflow: hidden;
			max-width: 930px;
			margin: 0 auto;
		}
		.press-grid .tile{
			width: 310px;
			height: auto;
			margin: 0 0 74px;
		}

		.press-grid .tile h2{
			font-size: 14px;
		}
		.press-grid .tile .image{
			display: block;
			box-sizing: border-box;
			overflow: hidden;
			width: 238px;
			height: 302px;
			margin: 0 auto;
			border: 0;
			border: 1px solid #ddd;
			background-size: contain;
			background-position: 50% 0%;
			background-repeat: no-repeat;
		}
		.press-grid .tile .image img{
			width: 100%;
			height: auto;
			display: block;
		}
		.press-grid .tile .press-card{
			display: none;
			width: 190px;
			color: #4e4e4e;
			padding: 0 0 0 40px;
			background: url('images/ks-icon-small-arrow-right.png') 14px 50% no-repeat;
			background: url('images/ks-icon-small-arrow-right.svg') 14px 50% no-repeat;
			background: none;
			padding: 14px 12px 4px;
			width: auto;
			text-align: center;
		}
		.tile .press-card h3{
			font-family: 'MrsEaves','georgia';
			font-size: 17px;
			line-height: 18px;
			font-size: 15px;
			line-height: 16px;
			color: #909090;
			padding: 4px 0 0 0;
			text-align: center;
		}
		.tile .press-card .date{
			font-size: 10px;
		}
		.tile .press-card h4{
			font-size: 12px;
			padding: 0;
			margin: 2px 0 0 0;
			text-align: center;
		}
		.tile .press-card h4 a{
			color: #4e4e4e;
		}

	.tile .overlay,
	.tile .flyout{
		display: none;
	}

	.tile .overlay{
		z-index: 1;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #111;
		opacity: 0;
		transition: opacity 250ms linear;
	}

.tile h2,
.tile h3,
.tile h4{
	font-size: 12px;
	font-weight: normal;
	padding: 11px 0;
	margin: 0;
	text-transform: uppercase;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	z-index: 20;
	color: #919191;
}
	.tile h2 a,
	.tile h3 a,
	.tile h4 a{
		color: #919191;
	}

	.subs .tile h3{
		font-family: 'MrsEaves','georgia';
		font-size: 13px;
		text-align: center;
		margin: 11px 0;
	}

.tile h3{
	margin: 0;
}
.tile h4{
	font-size: 12px;
}

	.tile .text{
		padding: 0 10px;
	}

	.tile.full{
		width: 1178px;
		height: 600px;
	}
		body.home .tile.full{
			width: 1100px;
			height: 600px;
			height: auto;
		}
		body.portfolio.child .tile.full{
			width: 1100px;
			width: 100%;
			height: 600px;
			height: auto;
			height: 100%;
			text-align: center;
			background: #fff;
		}
		body.portfolio.child .tile.full a{
			text-align: center;
		}
		body.portfolio.child .tile.full a img{
			margin: 0 auto;
			padding: 0;
		}

	.tile.half{
		width: 578px;
	}
		body.company .subs{
			width: 920px;
			margin: auto;
		}
		body.company.child .page_content{
			width: 960px;
		}
		body.portfolio .subs .tile.half{
			width: 520px;
		}
		body.portfolio .subs .tile.half > a{
			width: 520px;
			min-height: 408px;
		}
		body.portfolio .subs .tile.half .image{
			width: 100%;
			height: 100%;
			max-width: 520px;
			max-height: 408px;
		}
		body.portfolio .subs .tile.half .image img{
			max-width: 100%;
			height: auto;
		}
		body.company .subs .tile.half{
			width: 400px;
		}
		body.company .subs .tile .image{
			max-width: 400px;
			max-height: 500px;
		}
		body.company .subs .tile .image img{
			width: 100%;
			height: auto;
		}
		body.company .subs .tile h3{
			font-family: 'MrsEaves','georgia';
			font-size: 18px;
			padding: 0;
			margin: 26px 0 0 0;
		}

	.tile.third{
		width: 378px;
	}
	.tile.fourth{
		width: 278px;
	}


/* CRAFTSMANSHIP */
body.craftsmanship.page .page_content{
	width: 1036px;
}

.subs.craftsmanship{
	overflow: hidden;
	position: relative;
	padding: 0 0 40px 0;
	background: url('images/ks-icon-double-arrow-gray.png') 50% 100% no-repeat;
	background: url('images/ks-icon-double-arrow-gray.svg') 50% 100% no-repeat;
}

.subs.craftsmanship .tile{
	width: auto;
	margin: 0 11px 22px;
}
.subs.craftsmanship .tile.type{
	width: 496px;
	height: 393px;
	background: #716c6c;
background: #fff;	
padding: 70px;
}
.subs.craftsmanship .copy{
	font-family: 'MrsEaves','georgia';
	font-size: 18px;
	line-height: 26px;
	color: #d9d8d8;
       color: #333;
	padding: 0 0 50px 0;
	background: url('images/ks-icon-double-arrow-white.png') 50% 100% no-repeat;
	background: url('images/ks-icon-double-arrow-gray.svg') 50% 100% no-repeat;
}
.subs.craftsmanship .tile img{
	display: block;
}

/* FOOTER */

.footer a{
	text-decoration: none;
}

.footer .footer-line{
	display: inline-block;
	font-size: 10px;
	width: auto;
	margin: auto;
	overflow: hidden;
	position: relative;
}
	.footer .mobile-break,
	.footer .mobile-hide{
		display: block;
		float: left;
		height: 20px;
		line-height: 20px;
	}
	.footer .type{
		padding: 2px 0 0 0;
	}

	.footer .footer-line a{
		color: #919191;
	}

	.footer a.icon{
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 0 4px 6px;
	}

/* ICONS */
/* based on a 20 x 20 grid icons each at 20 px */

.icon{
	overflow: hidden;
	position: relative;
	text-indent: -500px;
	background-image: url('images/ks-icon-sprite.png');
	background-image: url('images/ks-icon-sprite.svg');
	background-color: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}
	.icon.close{
		background-image: url('images/icon-close.svg');
                background-size: cover;
		display: block;
		cursor: pointer;
		top: 18px;
		right: 18px;
		position: absolute;
		height: 26px;
		width: 26px;
		z-index: 300;
	}

	.icon.arrow.prev{
		background-position: 0 -20px;
	}
	.icon.arrow.next{
		background-position: -20px -20px;
	}

	.icon.pinterest{
		background-position: -20px 0;
	}
	.icon.instagram{
		background-position: 0 0;
	}


/* gallery var-height override */
/*
.project-detail .gallery .slideshow{
	height: 1000px;
	min-height: 500px;
}
	.project-detail .gallery .tile.full,
	body.portfolio.child .project-detail .gallery .tile.full .slide-content{
		height: 100%;
	}
	.project-detail .gallery .tile.full .slide-content .inline{
		height: 100%;
	}
	.project-detail .gallery .tile.full.double .slide-content .inline{
		height: 100%;
	}
.project-detail .gallery .tile.full img{
	height: 100%;
}
.project-detail li.tile .entry{
	height: 100%;
}
*/

/* ---------------------------------- */
/* ---------------------------------- */
/* -------------UTILITES------------- */
/* ---------------------------------- */
/* ---------------------------------- */

/* classes are generated by WordPress */
.aligncenter { display:block; margin:0 auto; text-align: center; }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* utility classes */

.mobile-show{
	display: none;
}

.admin{
	position: absolute;
	z-index: 500;
	bottom: 0;
	right: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.admin a{
	display: block;
	padding: 4px;
	background: rgba(100,100,100,.1);
	text-decoration: none;
	color: #999;
}

			.table-center{
				display: table;
				height: 100%;
				position: relative;
			}
			.table-row{
				display: table-row;
				height: 100%;
			}
			.table-cell{
				float: none;
				height: 100%;
				display: table-cell;
				vertical-align: middle;
			}


.clear{
	clear:both;
}
.hide{
	display: none;
}
.noscroll{
	overflow: hidden;
}
	body.noscroll .page{
		display: none;
	}
.box{
	overflow: hidden;
	position: relative;
}
.sub{
	font-size: 10px;
	line-height: 10px;
	padding: 0 4px 0 0;
}
.footer .sub{
	font-size: 8px;
}

.modal {
  display: none;
  background: rgba(255,255,255,.7);
  background: #767475;
  background: #ffffff;
  color: #fff;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  overflow-y: scroll;
}
.modal-content{
	padding: 30px 20px 30px 20px;
}

/* ---------------------------------- */
/* ---------------------------------- */
/* ----------MEDIA QUERIES----------- */
/* ---------------------------------- */
/* ---------------------------------- */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
/* ---------------------------------- */


/* ---------------------------------- */
/* SHOW MOBILE GALLERY ALL THE TIME   */
/* was in @media screen and (max-width: 980px) */
/* ---------------------------------- */

/** HIDE FOR NOW **/
.project-detail .gallery .slideshow{
	height: auto;
}
.project-detail .gallery .slide-content{
	height: auto;
}
.project-detail .gallery .slideshow li{
	display: block;
	position: relative;
	top: auto;
	left: auto;
}
.project-detail .gallery .slideshow li{
	position: relative;
	display: block;
	float: none;
}


/** HIDE FOR NOW **/
/*was in less than 980 */

.project-detail .gallery .slideshow{
	height: auto;
}
.project-detail .gallery .slide-content{
	height: auto;
}
.project-detail .gallery .slideshow li{
	display: block;
	position: relative;
	top: auto;
	left: auto;
}
.project-detail .gallery .slideshow li{
	position: relative;
	display: block;
	float: none;
}

.project-detail .gallery{
	padding: 0 0;
}
.project-detail .gallery .slideshow{
	padding: 0 0;
}
.project-detail .gallery .slideshow li.tile{
	padding: 5px 0;
}
	.project-detail .gallery .slideshow li.tile:first-child{
		padding-top: 0;
	}
	.project-detail .gallery .slideshow li.tile:last-child{
		padding-bottom: 0;
	}
.project-detail .gallery .double.type .slide-content{
	background: #ccc;
	background: none;
}
.project-detail .gallery .slide-content{
}

.project-detail .gallery .slideshow{
	width: 660px;
	height: 375px;
}

/** KEEP THIS COMMENTED OUT **/
/* gallery portfolio less than 980 */
/*
.gallery:hover .over-nav,
.gallery:hover .nav{
	display: none !important;
}
*/

/** HIDE FOR NOW **/
.project-detail .gallery .over-nav{
	display: none;
}
.project-detail .gallery .nav{
	display: none;
}
.project-detail .gallery .slideshow{
	height: auto;
}
.project-detail .gallery .slideshow{
	width: 100%;
}
.project-detail .gallery .tile.full img{
	height: auto;
}
.project-detail .gallery .tile.full.double img{
	height: auto;
}
.project-detail .gallery .tile.full.type img{
	height: auto;
}
li.tile.full.type .entry{

}

/** HIDE FOR NOW **/
/* intro slide less than 980 */
li.tile.type.slide-1 .entry .project-content{
	background: none;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 10px 15px 10px;
}
li.tile .entry h1{
	font-size: 18px;
	line-height: 20px;
}
li.tile .entry h2{
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 0 1px;
}
li.tile .entry .title-wrap{
	padding: 0;
	border: 0;
	margin: 0 0 5px 0;
}
li.tile .entry p{
	padding: 0;
}

/** HIDE FOR NOW **/
/* slides less than 980 */
.project-detail .gallery .tile.full img.photo,
.project-detail .gallery .tile.full.double img.photo{
	width: 100%;
	height: auto;
	max-height: 900px;
}
.project-detail .gallery .tile .inline,
.project-detail .gallery .tile .inline:first-child,
.project-detail .gallery .tile.double .inline:first-child,
.project-detail .gallery .tile.type .inline:first-child{
	margin: 0;
}

	.project-detail li.tile .entry,
	.project-detail li.tile.type.big .entry,
	.project-detail .gallery .tile.full.double .slide-content .inline,
	.project-detail li.tile .entry, .project-detail li.tile.type.big .entry,
	.project-detail .gallery .tile.full.type .slide-content .inline{
		/*width: 50%;*/
		padding: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
	}
	.project-detail .gallery .tile.full.type .slide-content .inline,
	.project-detail .gallery .tile.full.double .slide-content .inline{
		padding-left: 5px;
		padding-right: 0;
	}
	.project-detail .gallery .tile.full.type .slide-content .inline:first-child,
	.project-detail .gallery .tile.full.double .slide-content .inline:first-child{
		padding-right: 5px;
		padding-left: 0;
	}
	.project-detail .gallery .tile.full.type .slide-content .inline:last-child,
	.project-detail .gallery .tile.full.double .slide-content .inline:last-child{
		padding-left: 5px;
		padding-right: 0;
	}

	/* new intro */
	.project-detail .gallery .tile.full.double.slide-1 .slide-content .inline{
		width: 60%;
	}
	.project-detail .gallery .tile.full.double.slide-1 .slide-content .inline.entry{
		width: 40%;
	}

/** HIDE FOR NOW **/
/* type box change */
	li.tile.type.big .entry p{
		font-size: 18px;
		line-height: 22px;
		padding: 50px 10px 50px 100px;
		text-align: left;
	}

































/*
	LESS THAN 1220
	960 fixed width content
*/

@media screen and (max-width: 1220px) {
	.wrapper{

	}
	.page_content, .header_content, .footer_content{
		width: 100%; margin: auto;
	}
	.match{
		padding: 0 20px;
	}
	.entry{
		margin: 20px 20px;
	}
	.breadcrumbs{
		left: 20px;
	}

	/* body and nav less than 1220 */
	body.portfolio.page .page_content,
	body.company.page .page_content{
		width: 960px;
	}
	body.portfolio.page.child .page_content{
		width: 100%;
	}

	/* tiles less than 1220 */
	.tile{
		width: 368px;
		height: 368px;
		margin: 11px;
	}

	.tile.full
	{
		width: 920px;
	}
	.tile.half
	{
		width: 440px;
	}
	.tile.third{
		width: 280px;
	}
	.tile.fourth{
		width: 220px;
	}

	.gallery .tile{
		margin: 0 11px;
	}

	.subs .tile{
		width: 440px;
		height: auto;
		margin: 10px;
	}
	body.company .subs .tile{
		margin: 11px 30px;
	}
	.subs .tile.full{
		width: 920px;
	}

	.subs .tile.half,
	body.portfolio .subs .tile.half{
		width: 460px;
	}
	body.portfolio .subs .tile.half .image{
	}
	body.portfolio .subs .tile.half .image img{
		margin-left: -30px;
	}

	body.home .tile.full{
		width: 100%;
		margin: 0;
	}
	body.home .tile.full a img{
		width: 100%;
		height: auto;
	}

	/* gallery less than 1220 */
		.gallery .slideshow{
			width: 100%;
		}
		.project-detail .gallery{
			padding: 0 30px;
		}
		.project-detail .gallery .slideshow{
			width: 100%;
			max-width: 1100px;
			padding: 0;
			margin: 0 auto;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.project-detail .gallery .tile.full.double .slide-content .inline:first-child{
			padding-right: 10px;
		}
		.project-detail .gallery .tile.full.double .slide-content .inline:last-child{
			padding-left: 10px;
		}
		.project-detail .gallery .tile.full.double .slide-content .inline img{
			width: 100%;
			height: auto;
		}

		/* change to table view for slides */
		.photo-wrap{
			display: block;
			display: inline-block;
		}
		.gallery .slideshow li.show{
			display: table;
		}
		.project-detail .gallery .slide-content{
			height: 100%;
			height: 718px;
			max-height: 718px;
			background: pink;
			background: none;
			display: table-row;
		}
		.project-detail .gallery .tile .inline{
			float: none;
		}
		.project-detail .gallery .tile.full.double .slide-content .inline,
		.project-detail li.tile.type.big .entry{
			/*width: 50%;*/
			height: 100%;
			margin: 0;
			overflow: hidden;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: table-cell;
			vertical-align: middle;
			float: none;
		}

		/* recognition less than 1220, back to 960 grid */
		body.recognition .page_content{
			width: 960px;
		}

	/* END LESS THAN 1220 */
}

@media screen and (max-width: 1060px) {
	/* craftsmanship */
	body.craftsmanship.page .page_content{
		width: 100%;
	}
	.subs.craftsmanship .tile{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 10px;
	}
	.subs.craftsmanship .tile.type{
		width: 100%;
		height: auto;
		padding: 40px;
	}
	.subs.craftsmanship .tile img{
		width: 100%;
		height: auto;
	}
}

/*
	LESS THAN 980
	100% width // two up layouts // 720 fixed width
	change nav // scrolling gallery // ipad verticle target
*/

@media screen and (max-width: 980px) {
	.mobile-show{
		display: block;
	}
	.logo{
		width: 300px;
		height: 30px;
		margin: 13px auto 13px auto;
		background-size: 300px;
	}
		body.contact h2{
			font-size: 16px;
			margin: 0 0 12px 0;
		}
		.contact-info p{
			font-size: 13px;
		}

	body.contact.page .page_content{
		width: 100%;
	}
	body.portfolio.page .page_content,
	body.company.page .page_content{
		width: 100%;
	}
	body.company.page.child .page_content{
		width: 100%;
	}
	body.portfolio.page.child .page_content{
		max-width: 640px;
	}
	.side-photos{
		float: none;
		margin: 0 auto;
	}
	.side-entry{
		float: none;
		margin: 0 auto;
		padding: 20px;
		width: auto;
	}

	/* body and page for less than 980 */
	.page_content, .header_content, .footer_content{
		width: 100%;
		margin: auto;
	}
	.page_content{
		padding: 0 20px 100px 20px; /* needs to be larger than footer height*/
	}
	.header_content{
		padding: 1px 0 1px 0;
		height: auto;
	}

	/* sticky header */
	body.sticky .page{
		padding-top: 0;
	}
	body.sticky .header{
		position: fixed;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #fff;
		-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 14px rgba(0,0,0,.2);
		width: 100%;
		top: -92px;
		top: 0;
		left: 0;
		z-index: 200;
	}

	body.portfolio.child .stage_content{
		padding: 0;
	}
	body.company .subs{
		width: auto;
	}
	body.company .subs .tile{
		margin: 11px auto;
	}
	body.recognition .page_content{
		width: 100%;
	}
		body.company .subs .tile.half{
			margin: 0 auto 60px auto;
		}

	.contact-info{
		text-align: center;
	}

	.js-menu{
		display: block;
		left: 10px;
		top: 10px;
	}
	.nav.main-nav{
		display: block;
		position: absolute;
		padding-top: 10px;
		top: 0;
		left: -280px;
		width: 280px;
		overflow: hidden;
	}
	ul.nav.primary li a{
		font-size: 13px;
		text-align: left;
		color: #343434;
	}
	ul.nav.primary li{
		width: 100%;
	}
	ul.nav.primary > li{
		margin: 10px 0 0 0;
	}
	.nav.main-nav li.arrow{
		display: none;
	}

	/* dropdown nav in mobile */
	/* main nav dropdown in mobile */
		.nav ul li ul{
			padding: 0 10px 0 20px;
			top: auto;
			left: auto;
			display: block;
			position: relative;
			background: none;
			border: 0;
			box-shadow: none;
		}
		.nav ul li ul li{
		}
		ul.nav.primary li ul li a{
			color: #a1a1a1;
		}
		.nav ul li.current-page-parent ul{
			display: block;
		}

	/* sub boxes less than 980 */
	.subs .tile{
		float: none;
		margin: 11px auto;
	}
	.subs .tile.full{
		width: 660px;
	}
	body.portfolio.child .tile.full{
		width: 660px;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.subs .tile.full img{
		width: 100%;
		height: auto;
	}
	.subs .tile.half{
		width: 520px;
		margin: 0 auto 20px auto;
	}
	.subs .tile.half .image img{
		margin: 0;
	}






	/* home and gallery switch to scrolling less than 980 */
	body.home .gallery{
		width: 100%;
	}
	body.home .gallery .nav{
		/* display: none; */
	}

	.project-detail .gallery .slideshow{
		height: auto;
	}
	.project-detail .gallery .slide-content{
		height: auto;
	}
	.project-detail .gallery .slideshow li{
		display: block;
		position: relative;
		top: auto;
		left: auto;
	}
	.project-detail .gallery .slideshow li{
		position: relative;
		display: block;
		float: none;
	}

	.project-detail .gallery{
		padding: 0 0;
	}
	.project-detail .gallery .slideshow{
		padding: 0 0;
	}
	.project-detail .gallery .slideshow li.tile{
		padding: 5px 0;
	}
		.project-detail .gallery .slideshow li.tile:first-child{
			padding-top: 0;
		}
		.project-detail .gallery .slideshow li.tile:last-child{
			padding-bottom: 0;
		}
	.project-detail .gallery .double.type .slide-content{
		background: #ccc;
		background: none;
	}
	.project-detail .gallery .slide-content{
	}

	.project-detail .gallery .slideshow{
		width: 660px;
		height: 375px;
	}

	/* gallery portfolio less than 980 */
	/*
	.gallery:hover .over-nav,
	.gallery:hover .nav{
		display: none !important;
	}
	*/
	.project-detail .gallery .over-nav{
		display: none;
	}
	.project-detail .gallery .nav{
		display: none;
	}
	.project-detail .gallery .slideshow{
		height: auto;
	}
	.project-detail .gallery .slideshow{
		width: 100%;
	}
	.project-detail .gallery .tile.full img{
		height: auto;
	}
	.project-detail .gallery .tile.full.double img{
		height: auto;
	}
	.project-detail .gallery .tile.full.type img{
		height: auto;
	}
	li.tile.full.type .entry{
		height: 100%;
	}

	/* intro slide less than 980 */
	li.tile.type.slide-1 .entry .project-content{
		background: none;
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px 10px 15px 10px;
	}
	li.tile .entry h1{
		font-size: 18px;
		line-height: 20px;
	}
	li.tile .entry h2{
		font-size: 10px;
		line-height: 10px;
		margin: 0 0 0 1px;
	}
	li.tile .entry .title-wrap{
		padding: 0;
		border: 0;
		margin: 0 0 5px 0;
	}
	li.tile .entry p{
		padding: 0;
	}

	/* slides less than 980 */
	.project-detail .gallery .tile.full img.photo,
	.project-detail .gallery .tile.full.double img.photo{
		width: 100%;
		height: auto;
	}
	.project-detail .gallery .tile .inline,
	.project-detail .gallery .tile .inline:first-child,
	.project-detail .gallery .tile.double .inline:first-child,
	.project-detail .gallery .tile.type .inline:first-child{
		margin: 0;
	}

		.project-detail li.tile .entry,
		.project-detail li.tile.type.big .entry,
		.project-detail .gallery .tile.full.double .slide-content .inline,
		.project-detail li.tile .entry, .project-detail li.tile.type.big .entry,
		.project-detail .gallery .tile.full.type .slide-content .inline{
			/*width: 50%;*/
			padding: 0;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0;
		}
		.project-detail .gallery .tile.full.type .slide-content .inline,
		.project-detail .gallery .tile.full.double .slide-content .inline{
			padding-left: 5px;
			padding-right: 0;
		}
		.project-detail .gallery .tile.full.type .slide-content .inline:first-child,
		.project-detail .gallery .tile.full.double .slide-content .inline:first-child{
			padding-right: 5px;
			padding-left: 0;
		}
		.project-detail .gallery .tile.full.type .slide-content .inline:last-child,
		.project-detail .gallery .tile.full.double .slide-content .inline:last-child{
			padding-left: 5px;
			padding-right: 0;
		}

		/* type box change */
		li.tile.type.big .entry p{
			font-size: 18px;
			line-height: 22px;
			padding: 50px 10px 50px 100px;
			text-align: left;
		}

		.project-detail .gallery .tile.full.double.slide-1 .slide-content .inline.entry{
			width: 100%;
		}



	/* footer & page content less than 980 */

	.page_content{
		padding: 0 10px 120px 10px;
	}
	div.footer{
		height: 40px;
	}
	.footer .footer-line p{
		height: auto;
		float: none;
	}

	.press-grid .tile {
		float: none;
		margin: 0 auto 70px;
	}
	.press-grid .tile .image{

	}

	/* END LESS THAN 980 */
}

/*
	LESS THAN 520
	phone view vertical
	switch to 1 up scrolling gallery
	iPhone 6: 375px (portrait), 667px (landscape)
	iPhone 6 Plus: 414 (portrait), 736px (landscape)
*/

@media screen and (max-width: 520px) {
	.logo {
	  width: 250px;
	  background-size: 250px;
	  height: 24px;
	  margin: 26px auto 12px auto;
	}

	.stage_content{
		padding: 30px 0 0 0;
	}
	body.home .gallery{
		padding-top: 20px;
	}
	body.home .gallery .nav{
		top: 0;
	}

	body.portfolio.child .page_content {
	  padding: 0 0 100px 0;
	}
	body.portfolio.child .stage_content{
		padding: 20px 0 0 0;
	}
	body.portfolio.child .tile.full{
		width: 100%;
	}
	.subs .tile.half{
		width: 100%;
	}
	.subs .tile.half .image{
		height: auto;
	}
	.tile a img{
		width: 100%;
		height: auto;
	}

	.subs .tile.half, body.portfolio .subs .tile.half{
		width: 100%;
	}
	body.portfolio .subs .tile.half .image img{
		margin: 0;
	}

	body.portfolio .subs .tile.half > a{
		width: 100%;
		min-height: 40px;
	}

	/* GALLERY */
	.project-detail .gallery .double .slide-content .panel,
	.project-detail li.tile.type.big .entry{
		display: block;
		float: none;
		width: 100%;
	}
	.project-detail li.tile .entry, .project-detail li.tile.type.big .entry,
	.project-detail .gallery .tile.full.double .slide-content .inline,
	.project-detail li.tile .entry, .project-detail li.tile.type.big .entry,
	.project-detail .gallery .tile.full.type .slide-content .inline,
	.project-detail .gallery .tile.full.type .slide-content .inline:first-child,
	.project-detail .gallery .tile.full.double .slide-content .inline:first-child,
	.project-detail .gallery .tile .inline, .project-detail .gallery .tile .inline:first-child{
		width: 100%;
		float: none;
		display: block;
		padding: 0;
		margin: 0;
	}
	.project-detail .gallery .tile.full.double .slide-content .inline:first-child{
		padding-right: 0;
	}
	.project-detail .gallery .tile.full.double .slide-content .inline:last-child{
		padding-left: 0;
	}
	.project-detail .gallery .tile.full.double .slide-content .inline:first-child{
		margin-bottom: 10px;
	}

	/* type box change */
	li.tile.type .table-center{
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	li.tile.type.big .entry p{
		background: url('images/ks-icon-arrow-down.png') 50% 10px no-repeat;
		background: url('images/ks-icon-arrow-down.svg') 50% 10px no-repeat;
		font-size: 18px;
		line-height: 22px;
		padding: 45px 40px 25px 40px;
		text-align: center;
	}


	/* company */
	.side-photos{
		width: 100%;
		padding: 0 20px 20px;
		text-align: center;
	}
	.side-photos .image{
		margin: 0 auto;
	}
	.side-entry{
		width: 100%;
	}

	/* press */
	/* no full width press on mobile */
	/*
	.press-grid .tile{
		width: 100%;
		max-width: 400px;
	}
	.press-grid .tile .image{
		width: 100%;
		max-width: 370px;
		height: auto;
	}
	*/

	/*contact*/
	.form .half,
	.form .half.first,
	.form .half.last{
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		float: none;
	}
	.form .half.first,
	.form ul li{
		padding-bottom: 20px;
	}


	/* mobile utilities less than 520 */

	.footer .mobile-hide{
		display: none;
	}
	.mobile-break{
		display: block;
		float: none;
		clear: both;
		position: relative;
		overflow: hidden;
	}

	/* END LESS THAN 520 */
}


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

	body.company .subs .tile.half{
		width: 100%;
	}
	body.company .subs .tile.half img{
		width: 100%;
		height: auto;
	}

	.side-photos img{
		width: 100%;
		height: auto;
	}

}