@font-face {
	font-family: 'Sailec';
	src: url('../vendors/fonts/subset-Sailec-Regular.eot');
	src: url('../vendors/fonts/subset-Sailec-Regular.eot?#iefix') format('embedded-opentype'),
		url('../vendors/fonts/subset-Sailec-Regular.woff2') format('woff2'),
		url('../vendors/fonts/subset-Sailec-Regular.woff') format('woff'),
		url('../vendors/fonts/subset-Sailec-Regular.ttf') format('truetype'),
		url('../vendors/fonts/subset-Sailec-Regular.svg#Sailec-Regular') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Sailec';
	src: url('../vendors/fonts/subset-Sailec-Medium.eot');
	src: url('../vendors/fonts/subset-Sailec-Medium.eot?#iefix') format('embedded-opentype'),
		url('../vendors/fonts/subset-Sailec-Medium.woff2') format('woff2'),
		url('../vendors/fonts/subset-Sailec-Medium.woff') format('woff'),
		url('../vendors/fonts/subset-Sailec-Medium.ttf') format('truetype'),
		url('../vendors/fonts/subset-Sailec-Medium.svg#Sailec-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}


body{
	font-family: 'Sailec';
	font-size: 1em;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}
blockquote{margin: 0; padding: 0;border: 0;}
.nopad{padding: 0;}
.nomar{margin: 0;}
.mainbody{margin: 134px 30px 0 30px;}
.homebody{margin-top: 134px;}
.toppad60{padding-top: 60px;}
.fat{font-weight: 400;}
.df{color: #dfdfdf;}
a:hover{text-decoration: none; color: #bbb;}


/* TOP */
.top{
	height: 134px;
	overflow: hidden;
	position: absolute;
	/*position: fixed;*/
	top: 0;
	transition: all 0.5s ease;
    background: white;
    z-index: 9999;
}

.top_opened{
	height: 333px;
}

.logo{
	margin: 30px;
	width: 80px;
	transition: all 0.3s ease;
}

.claim{
	border-bottom: 1px solid #eee;
}


/* NAV */
.burger > div{
	position: absolute;
	right: 30px;
	top: 45px;
}
.primary_nav{
	border-top: 1px solid #ccc;
}
.primary_nav_item{
	display: inline-block;
	width: 50%;
	text-align: center;
	color: #2b2929;
	line-height: 5em;
}
.primary_nav_item:nth-of-type(1),
.primary_nav_item:nth-of-type(3){
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.primary_nav_item:nth-of-type(2),
.primary_nav_item:nth-of-type(4){
	border-bottom: 1px solid #ccc;
}


/* HOME */

.img_keyvisual{
	width: 100%;
}

a{color: #2b2929;}

h1.home{
	font-size: 1em;
	color: #818080;
	font-weight: 300;
	margin: 20px;
	text-align: center;
	padding: 0;
}

h1.projekty{
	font-size: 2.56em;
	padding: 60px 0 40px 0;
}

h1.project{
	font-size: 1.4em;
	margin-top: 160px;
	line-height: 1.5em;
}

h2.project{
	font-size: 1.2em;
	color: #818080;
	font-weight: 300;
	margin: 0;
}
h1.studio, h1.process{
	font-size: 2.56rem;
    line-height: 110%;
    margin: 1.78rem 0 1.424rem 0;
    margin-bottom: 40px;
}

h2.studio{
	font-size: 1.0em;
	margin-top: 40px;
}

h2.process{
	font-size: 1.4em;
	line-height: 1.8em;
	margin-top: 45px;
}

h2.module_head{line-height: 1.5em;}

.primary_quote{line-height: 1.8em;}

.content_home {
    padding: 40px 30px 0 30px;
}

.primary_quote{
	font-size: 1.4em;
	font-weight: 500;
	padding-bottom: 30px;
}
.primary_quote  > span{
	font-size: 0.7em;
	color: #818080;
	font-weight: 300;
	margin-top: 35px;
}
.intro_home{
	color: #818080;
	font-size: 1em;
	line-height: 1.7em;
}
.intro_home > div{
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
}
.cases_home{margin-top: 20px;}
.cases_home > a:hover{text-decoration: none;}
.more_cases_link{padding-left: 0; margin-bottom: 20px; text-align: center;}
.more_cases_link > button{color: #2b2929; background: none; border: none; transition: color 0.3s;}
.more_cases_link > button:hover{color: #ccc; background: none; border: none; transition: color 0.3s;}

/* PROJECTS */
.case{display: block; margin-bottom: 60px;}
.case_img{height: 300px; background-size: cover; background-position: center;}
.case_desc{padding-left: 0; position: relative;}
.case_desc_in{position: relative; bottom: 0; margin-top: 30px;}
.case_desc > div > h2{font-size: 1.2em; color: #818080; font-weight: 300; margin: 0;}
.case_desc > div > h3{font-size: 1.5em; font-weight: 400; line-height: 1.5em; color: #2b2929;}
.case_desc > div > h4{font-size: 0.75em; color: #818080; font-weight: 300; margin: 0;}

.module{margin-bottom: 60px;}
.fotphoto{margin-bottom: 60px;}
.project_title{padding-bottom: 70px;}
.module_img{position: relative;}
.module_img > figcaption{position: absolute; bottom: 20px; right: 50px; color: rgba(255,255,255,0.7); font-size: 0.8em;}
.module_img.parallax-container{height: auto;}
.module_img.parallax-container>img{margin-bottom: 0;width: 100%;}
.module_head{font-size: 1.4em;}
.module_subhead{font-size: 1.2em;color: #818080;font-weight: 300;margin: 0;}
.module_text_p{padding: 20px 0 0 0; color: #818080; clear: left;}
.info-content-labels, .info-content{font-size: 1em; line-height: 2em; position: relative;}
.info-content-labels > span{background-color: white; padding-right: 10px;}
.info-content-labels > span:before{content: ""; display: block; width: calc(100% - 10px); height: 1em; border-bottom: 1px solid #dfdfdf; position: absolute; z-index: -1;}
img.module_photo{width: 100%;}
.module_photo_desc{color: #818080; font-size: 0.8em; padding-left: 0; max-width: 100%; position: relative; bottom: 0; left: 0; padding-top: 10px;}
.materials{margin-top: 40px;}
div.bodytext{padding-right: 10px;}
.material_item{margin-bottom: 30px;}
.furniture_item{margin-bottom: 60px;}
.material_desc, .furniture_desc{color: #818080; padding-top: 5px;}
img.material_photo{width: 83px; margin-left: 20px;}
img.furniture_photo{max-width: 100%;}
.furniture_text{padding-top: 20px; padding-left: 30px;}

/*STUDIO*/
#studio{padding-top: 30px;}
.studio_txt{padding-top: 0;}
.studio_txt > div > p{padding-right: 20px;}
.studio_img{width: 100%; margin-top: 20px;}
.studio_content{padding-bottom: 10px; padding-top: 30px;}
.studio_photo_cont{width: 100%;}
.studio_photo_cont > div > img{width: 100%; padding-right: 0; padding-bottom: 20px}
#studio > .project_title{padding-bottom: 20px;}

/*PROCESS*/
.steps{margin-top: 60px;}
.stepcount > span{font-size: 2em;}
.stepcount > p{font-size: 1em; margin: 0;}
.step_highlight{position: relative;}
.step_highlight_1{height: auto;}
.step_highlight_2{height: auto;}
.step_highlight_3{height: auto;}
.step_highlight_4{height: auto; margin-bottom: 60px;}
.step_highlight > .in{position: relative; margin-top: 20px;bottom: 0; line-height: 2em;}

/*CONTACT*/
.contact-img{max-width: 100%;}
.contact-info{padding-left: 0; margin-top: 60px;}
.contact-info > a,.contact-info > span{line-height: 2em;}
.contact-info-address{display: inline-block; padding-top: 20px;}
.contact-container{padding-bottom: 60px;}
.contact_form > form{margin-top: 50px;}
.contact_form > form > textarea{height: 110px; border: 1px solid #9e9e9e; padding: 10px;}
.contact_form > form > .submit{background: transparent; border: 0; padding: 0; margin-top: 20px;}
.contact_form > form > .submit:hover{text-decoration: underline;}

/*FOOTER*/
.footer{line-height: 1.6em; padding: 0 30px 20px 30px;}
.footer-contact{padding-left: 0;}
.footer-address{padding-left: 0;}
.foot-subhead{line-height: 5em;}
.copyright{font-size: 0.75em;color: #818080;padding-top: 70px;}
.copyright > a{text-decoration: none; margin-right: 25px;}
.copyright > p{padding-top: 30px;}
.social-icons{width: 20px;}



@media screen and (min-width: 480px) {
	h1.studio, h1.process{margin-bottom: 20px;}
	.logo{
		margin: 70px 50px 22px 50px;
		width: 130px;
	}
	.burger{display: none;}
	.primary_nav{
		border: 0;
		text-align: right;
		width: 206px;
		padding-top: 80px;
		float: right;
		margin-right: 80px;
		transition: all 0.3s ease;
	}
	.primary_nav_item{
		border: 0 !important;
		width: 100px;
		text-align: left;
		color: #2b2929;
		line-height: 3em;
		transition: all 0.3s ease;
	}
	.top{
		height: auto;
		/*position: absolute;*/
		position: fixed;
		top: 0;
	}
	.mainbody{margin: 240px 80px 0 80px;}
	.homebody{margin: 240px 80px 0 80px;}
	.claim{border: 0;}
	h1.home{
		font-size: 0.8em;
		margin-left: 80px;
		text-align: left;
		padding: 0;
	}
	.steps{margin-top: 150px;}
	.step_highlight_1{height: 217px;}
	.step_highlight_2{height: 167px;}
	.step_highlight_3{height: 292px;}
	.step_highlight_4{height: 317px;}
	.step_highlight > .in{position: absolute; bottom: 0; line-height: 2em; margin-top: 0;}
	h1.project{font-size: 2em;margin-top: 90px;}
	#studio > .project_title{padding-bottom: 70px;}
	.module_text_p{padding: 0 20px; color: #818080;}
	.studio_txt{padding-top: 60px;}
	.fotphoto{margin-bottom: 0;}
	.studio_img{width: 100%; margin-top: 60px;}
	.studio_content{padding-bottom: 40px; padding-top: 60px;}
	.studio_photo_cont{width: 100%;}
	.studio_photo_cont > div > img{width: 100%; padding-right: 20px; padding-bottom: 20px}
	#keyvisual > .parallax-container{height: 600px;}
	.content_home{padding: 100px 0 0 0;}
	.module{margin-bottom: 90px;}
	.module_photo_desc{color: #818080; font-size: 0.8em; padding-left: 20px; max-width: 200px; position: absolute; bottom: 0; left: calc(700% / 12);}
	.contact-info{padding-left: 60px; margin-top: 0;}
	.info-content-labels, .info-content{font-size: 1.2em;}
	.intro_home > div{padding: 5px 10px; margin: auto;}
	.primary_quote{padding-bottom: 0;}
	.cases_home {margin-top: 100px;}
	.case_img_container{padding-right: 50px;}
	/*.case_desc{padding-left: 50px;}*/
	.case{margin-bottom: 100px;}
	.more_cases_link {text-align: center; margin-bottom: 0;}
	.center_link{text-align: left;}
	.footer{padding: 100px 0 0 80px;}
	.footer-contact{padding: 0;}
	.project_title{padding-bottom: 90px;}
	.logo_s{margin: 20px 50px 20px 66px; width: 50px;}
	.primary_nav_item_s{line-height: 2em; font-size: 0.8em; width: 80px;}
	.primary_nav_s{padding-top: 20px;}
	.claim_s{height: 0;}
	.module_head{font-size: 2em;}
	.footer{line-height: 1.6em; margin-bottom: 60px;}
	.footer-contact{padding-left: 15px;}
	.footer-address{padding-left: 15px;}
}

@media screen and (max-width: 480px) {
	.primary_nav_item{
		float: left;
		height: 71px;
	}
}
@media screen and (min-width: 992px) {
	.case_desc_in{position: absolute; bottom: 0;}
	.case_desc{height: 300px;}
}