* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font: 14px "Open Sans";
}
a {
	text-decoration: none;
}
#header {
	border-bottom: 4px solid #50B848;
}
.container {
	max-width: 1152px;
	margin: auto;
	padding: 0 32px;
}
.hidden {
	overflow: hidden;
}
.center {
	text-align: center;
}
.left,
#menu li {
	float: left;
}
#logo img {
	margin-top: 16px;
	max-width: 100%;
}
#warranty {
	padding: 42px 0 0 15px;
	margin: 15px 0 0 15px;
	background: url('images/warranty.png') no-repeat 15px 0;
	border-left: 1px solid rgba(83,69,61,.18);
	color: #6B6C6E;
	font: 10px "Roboto Slab";
}
#warranty strong {
	color: #6E6F71;
	text-transform: uppercase;
}
#warranty span {
	color: #50B848;
}
.right {
	float: right;
}
.list {
	list-style: none;
}
#menu a {
	color: #362F2D;
	font: 14px "Source Sans Pro";
	display: block;
	margin-right: 16px;
	padding-top: 41px;
	height: 59px;
}
#menu .current-menu-item a,
#menu a:hover {
	background: url('images/menu.png') no-repeat bottom;
}
#header .share {
	margin-top: 22px;
}
.share li {
	display: inline-block;
}
.share a {
	width: 24px;
	height: 24px;
	display: block;
	margin: 16px 4px 0 0;
	border-radius: 50%;
}
#header .facebook {
	background: #CCC url('images/facebook.png') no-repeat center;
}
#header .twitter {
	background: #CCC url('images/twitter.png') no-repeat center;
}
#language {
	border-left: 1px solid #D9D9D9;
	margin: 32px 0 0 12px;
	padding: 0 15px 8px 16px;
	background: url('images/language.png') no-repeat right;
}
#language a {
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #E5E5E5;
	border-radius: 10px;
	margin-top: 8px;
}
.pl {
	background: url('images/pl.png');
}
.gb {
	background: url('images/gb.png');
}
#language ul {
	position: absolute;
	display: none;
}
#language li:hover ul {
	display: block;
}
#banner {
	background: url('images/banner.jpg') center;
	background-size: cover;
	padding: 128px 0;
}
#banner h2 {
	color: #FFF;
	font: 100 108px "Roboto Slab";
	text-transform: uppercase;
}
#banner span {
	color: #50B848;
	font-weight: 700;
}
#banner p {
	color: #FFF;
	margin-top: 16px;
	font: 300 20px "Source Sans Pro";
}
#banner h2+p {
	font-size: 31px;
	text-transform: uppercase;
	padding-bottom: 23px;
	background: url('images/white.png') no-repeat bottom;
}
#banner strong,
#title strong,
#details strong {
	font-weight: 800;
}
#banner a {
	display: inline-block;
	background: #50B848;
	color: #FFF;
	text-transform: uppercase;
	font: 700 15px "Roboto Slab";
	margin-top: 32px;
	padding: 16px 32px;
}
#title h1 {
	color: #252525;
	font: 100 29px "Roboto Slab";
	padding: 32px 0 23px;
	background: url('images/grey.png') no-repeat bottom;
}
#title p {
	color: #736357;
	font-family: "Source Sans Pro";
	margin-top: 16px;
}
#title span {
	color: #50B848;
}
.margin {
	margin-left: -32px;
}
.padding>li {
	padding: 32px 0 0 32px;
	width: 25%;
	box-sizing: border-box;
}
.img img {
	width: 100%;
	height: auto;
	display: block;
}
#realizations div {
	padding: 16px;
	background: #1B1512;
}
#realizations h2 {
	color: #FFF;
	font: 800 26px "Source Sans Pro";
}
#realizations p {
	margin-top: 16px;
	color: #C7B299;
	font-weight: 300;
	padding-left: 24px;
}
.area {
	background: url('images/area.png') no-repeat 0 center;
}
.rooms {
	background: url('images/rooms.png') no-repeat 0 center;
}
.bathroom {
	background: url('images/bathroom.png') no-repeat 2px center;
}
#realizations span {
	color: #FFF;
}
.more {
	display: block;
	padding: 16px;
	color: #FFF;
	background: #50B848;
	margin-top: 16px;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-transform: uppercase;
}
#offer {
	background: url('images/offer.jpg') center;
	background-size: cover;
	padding: 32px 0 64px;
	margin-top: 32px;
}
#offer img {
	display: block;
}
#offer h2 {
	color: #FFF;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
	margin: 16px 0;
}
#offer p {
	color: #C7B299;
	font-weight: 300;
}
.questions {
	color: #FFF;
}
#questions {
	padding: 128px 0;	
}
.home #questions {
	background: url('images/winter.jpg') center;
	background-size: cover;
}
.single #questions {
	background: url('images/spring.jpg') center;
	background-size: cover;
}
.questions h2 {
	padding-bottom: 32px;	
	font-weight: 300;
}
.home .questions h2 {
	background: url('images/white.png') no-repeat 0 bottom;
}
.single .questions h2 {
	background: url('images/white.png') no-repeat right bottom;
	text-align: right;
}
#questions .questions h2 {
	font-size: 24px;
}
#left .questions h2 {
	font-size: 18px;
}
.questions ul {
	margin-left: -16px;
	padding-top: 8px;
}
.questions li {
	font-weight: 300;	
	padding: 8px 0 8px 49px;
}
#questions .questions li {
	font-size: 19px;
	margin: 8px 0 0 16px;
}
#left .questions li {
	font-size: 15px;
	margin: 8px 0 0 16px;
}
#polish {
	background: url('images/polish.png') no-repeat 0 center;
}
#norway {
	background: url('images/norway.png') no-repeat 0 center;
}
.questions strong {
	font-weight: 700;
}
#questions a {
	border: 4px solid #FFF;
	padding: 32px;
	background: #50B848;
	display: block;
	font: 700 23px "Roboto Slab";
	text-transform: uppercase;
	color: #FFF;
	margin-top: 32px;
}
#footer {
	margin-bottom: 32px;
	font-weight: 300;
	font-size: 13px;
}
.page #bottom,
.archive #bottom,
.single #bottom {
	margin-top: 32px;
	border-top: 2px solid #EBEBEB;
}
#realization {
	padding-top: 85px;
	background: url('images/realization.png') no-repeat;
	color: #707070;	
}
#realization a {
	color: #252525;
}
#footer .facebook {
	background: url('images/facebook2.png') no-repeat center;
	border: 1px solid #BABABA;
}
#footer .twitter {
	background: url('images/twitter2.png') no-repeat center;
	border: 1px solid #BABABA;
}
#footer h2 {
	color: #252525;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
}
.links {
	padding-top: 8px;
}
.links li {
	margin-top: 8px;
	padding-left: 13px;
	background: url('images/links.jpg') no-repeat 0 center;
}
.links a {
	color: #707070;
}
#projects li {
	margin: 32px 0 0 32px;
}
#projects h2 {
	margin-top: 16px;
	color: #252525;
	font: 800 19px "Source Sans Pro";
	text-transform: uppercase;
}
#place {
	border-bottom: 1px solid #E6E6E6;
	background: linear-gradient(#F8F8F8,#F2F2F2);	
}
#place li {
	margin: 16px 16px 16px 0;
	color: #959595;
	font-size: 10px;
	font-weight: 300;
}
#place a {
	color: #707070;
}
#place li:last-child a {
	color: #117C09;
}
#left {
	width: 32%;
	padding: 32px 32px 0 0;
	box-sizing: border-box;
}
.content h2 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 21px;
}
.content p {
	margin-top: 16px;
	color: #555;
	font-weight: 300;
}
#categories {
	background: #1B1612;
	margin: 16px 0 32px;
	padding: 0 16px;
}
#categories li {
	border-top: 1px solid #2E2721;
	padding: 16px 0 16px 13px;
	background: url('images/links.jpg') no-repeat 0 center;
}
#categories li:first-child {
	border: 0;
}
#categories a {
	color: #C7B299;
	font-weight: 300;
}
iframe {
	width: 100%;
	display: block;	
	margin-top: 32px;
}
#call {
	background: #50B848;
	padding: 16px;
}
#right {
	width: 68%;
	margin-top: 32px;
}
#form li {
	width: 50%;
	padding: 32px 0 0 32px;
	box-sizing: border-box;
}
#form li:last-child {
	width: 100%;
}
.text {
	border: 2px solid #D7D7D7;
	padding: 16px;
	box-sizing: border-box;
	width: 100%;
	color: #111;
	font: 300 15px "Open Sans";
	background: #EBEBEB;
}
textarea {
	resize: none;
	height: 124px;
}
#submit {
	cursor: pointer;
	border: 2px solid #3D9836;
	background: #50B848;
	font: 700 15px "Roboto Slab";
	text-transform: uppercase;
	color: #FFF;
	margin-top: 16px;
	padding: 16px;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.ajax-loader {
	display: none;
}
.wpcf7-form .wpcf7-response-output {
	margin: 16px 0 0;
	border: 0;
	padding: 0;
}
#slideshow {
	position: relative;
	margin-top: 32px;
	background: #000;
}
#slideshow img {
	position: absolute;
	display: none;
}
#slideshow p {
	position: absolute;
	top: 50%;
	width: 100%;
}
#slideshow a {
	width: 48px;
	height: 48px;
	margin: -24px 16px;
	border-radius: 50%;
}
#slideshow .left {
	background: #FFF url('images/prev.png') no-repeat center;
}
#slideshow .right {
	background: #FFF url('images/next.png') no-repeat center;
}
#slideshow img:first-child {
	display: block;
}
#navigation li {
	padding: 32px 0 0 32px;
	width: 20%;
	box-sizing: border-box;
}
#navigation+div {
	border-top: 1px solid #E1E1E1;
	padding: 32px 0;
	margin-top: 32px;
}
#content {
	width: 48%;
	padding-right: 16px;
	box-sizing: border-box;
}
#details {
	width: 52%;
	border-left: 1px solid #E1E1E1;
	padding-bottom: 16px;
	box-sizing: border-box;
	color: #555;
	font-weight: 300;
}
#details li {
	padding: 16px 0 0 16px;
	width: 50%;
	box-sizing: border-box;
}
#details p {
	padding-left: 24px;
}
.length {
	background: url('images/length.png') no-repeat 0 center;
}
.utility {
	background: url('images/utility.png') no-repeat 0 center;
}
.width {
	background: url('images/width.png') no-repeat 0 center;
}
.volume {
	background: url('images/volume.png') no-repeat 0 center;
}
.attic {
	background: url('images/attic.png') no-repeat 0 center;
}
@media (max-width: 900px) {
	#logo,
	#header div,
	#menu,
	#menu li {
		float: none;
	}
	#warranty,
	#language>li>a,
	#place li {
		display: none;
	}
	#menu a {
		padding: 0;
		height: auto;
		margin: 16px 0 0;
	}
	#menu .current-menu-item a,
	#menu a:hover {
		background: none;
		color: #50B848;
	}
	#header .share {
		float: none;
		margin: 0 0 0 4px;
	}
	#language {
		float: none;
		border: 0;
		padding: 0;
		background: none;
		margin: 0;
	}
	#language ul {
		display: block;
		position: relative;
	}
	#language li {
		display: inline-block;
	}
	#language a {
		margin: 16px 2px;
	}
	#banner,
	#questions {
		padding: 32px 0;
	}
	#banner h2 {
		font-size: 48px;
	}
	.padding>li {
		width: 50%;
	}
	#offer {
		padding: 0 0 32px;
	}
	#questions a {
		padding: 16px;
	}
	#place li:last-child {
		display: block;
	}
	#left {
		width: auto;
		float: none;
		padding: 32px 0 0;
	}
	#right {
		float: none;
		width: auto;
		margin: 0;
	}
	#navigation li {
		width: 25%;
	}
	#navigation+div {
		padding-top: 16px;
	}
	#content {
		padding: 0;
		width: auto;
		float: none;
	}
	#details {
		border: 0;
		padding: 0;
		width: auto;
		float: none;
		margin-left: -16px;
	}
}
@media (max-width: 480px) {
	.padding>li,
	#form li,
	#details li {
		width: 100%;
	}
	#navigation li {
		width: 50%;
	}
}