@charset "utf-8";

@font-face {
  font-family: "Droid-Serif-W10-Regular";
  src: url("fonts/d039cfc8-41eb-46d5-ad1a-faf4f0d26222.eot?#iefix");
  src: url("fonts/d039cfc8-41eb-46d5-ad1a-faf4f0d26222.eot?#iefix") format("eot"),url("fonts/571d67cb-de3d-41af-8c0a-06a53d490466.woff") format("woff"),url("fonts/70f941f5-d702-4e7b-8b15-ee65e6b855b9.ttf") format("truetype"),url("fonts/e0ffd68e-55a8-4537-b2d1-c51865ac15ee.svg#e0ffd68e-55a8-4537-b2d1-c51865ac15ee") format("svg");
}
@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url("fonts/y6oxFxU60dYw9khW6q8jGw.woff2") format('woff2');
}

html, body {
	padding:0;
	margin:0;
}
html {
-webkit-text-size-adjust: none;
}
body {
	width:100%;
	height:100%;
	position:relative;
	font-family: Arial,Helvetica,sans-serif;
}
body.main {
	background-color:rgba(94, 93, 84, 1);
}
body.interior {
	background-color:rgba(105, 112, 68, 1);
}
body.architecture, body.layout, body.concept {
	background-color:rgba(255, 255, 255, 1);
}
body.contacts {
	background-color:rgba(94, 83, 94, 1);
}
.clear {
	clear:both;
}
img {
	border:none;
}
.top-menu a.active {
	color:#fff !important;
}
.bottom-menu a.active {
	color:#242424;
}
.wrapper {
	width:980px;
	margin:0 auto;
	color: rgba(255, 255, 255, 1);
	padding-bottom:126px;
}
.top-menu {
	display:block;
	height:36px;
	background-color:rgba(209, 209, 209, 0.57);
	text-align:center;
	width:727px;
	margin:0 auto;
}
.top-menu a {
	box-sizing: border-box;
    display: block;
	text-decoration:none;
	letter-spacing:0.02em;
	cursor:pointer;
	border-left: 1px solid rgba(36, 36, 36, 0.12);
	line-height:36px;
    overflow: visible;
    position: relative;
    width: 121px;
	font: 15px/1.4em "open sans",sans-serif;
	padding:7px 0 8px 0;
	color: #242424;

	float:left;
	transition: background-color 0.4s ease 0s;
}
.top-menu p {
	color:#242424;
}
.logo {
	width:432px;
	margin:25px 0 0 288px;
}
.logo h1 {
	line-height: 1.3em;
	font-family: monoton,fantasy;
	color: rgba(255, 255, 255, 1);
	letter-spacing: 8.4px;
	font-weight:normal;
	margin:0;
	font-size:28px;
}
.logo h1 span {
	font-size:30px;
	font-weight:bold;
}
.logo h1.blue {
	border-bottom:2px #6ba8b2 solid;
	display:inline-block;
}
.logo h1.gray {
	color:rgba(94, 93, 84, 1);
}
.logo a {
	margin-top:8px;
	display:block;
	color: #b3b3b3;
	font-family: jura,sans-serif;
	text-decoration:none;
	font-size:14px;
}
.logo a span {
	letter-spacing: 0.35em;
}
.main-pic {
	margin-top:44px;
	position:relative;
}
.main-pic img, .bottom-pic img {
	object-fit: cover;
}
.main .content {
	width: 728px;
	margin:0 auto;
	font-family: jura,sans-serif;
}
.main .content ul {
	list-style-position:inside;
	line-height:1.7em;
}
.content-text {
	padding:0 20px;
	min-height:100%;
	margin-top:40px;
	margin-bottom:40px;
}
.concept .content-text p, .concept .content-text h2, .concept .content-text span, .architecture .content-text p, .architecture .content-text h2, .architecture .content-text span, .layout .content-text p, .layout .content-text h2, .layout .content-text span {
	color:#242424;
}
.content-text p {
	margin:0;
	padding:0;
}
.content-text-left {
	float:left;
	width:300px;
}
.content-text-left span {
	font: 14px/1.4em droid-serif-w01-regular,droid-serif-w02-regular,droid-serif-w10-regular,serif;
	display:block;
	font-style:italic;
	font-size:14px;
}
.content-text-right {
	float:right;
	width:560px;
}
.content-text-right p {
	font: 16px/1.4em jura,sans-serif;
	line-height:1.7em;
}
h2 {
	font-size:21px;
	font:600 20px/1.7em jura,sans-serif;
	padding:0;
	line-height:28px;
	margin:0;
	text-transform:uppercase;
}
h6 {
	letter-spacing: 0.1em;
	font-size:18px;
	margin:50px 0 18px 0;
}
.main .content p {
	text-indent: 40px;
	letter-spacing: 0.05em;
	line-height: 1.7em;
	text-align:justify;
	margin:0;
	padding:0;
	font-weight:400;
}
.gallery-pic {
	margin:50px 0 0 0;
	height:279px;
}
.gallery-pic a {
	float:left;
	position:relative;
}
.gallery-pic div {
	opacity:0;
	width:326px;
	position:absolute;
	top:0;
	left:0;
	height:279px;
	background-color: rgba(255, 255, 255, 1);
}
.gallery-pic div:hover {
	opacity:0.8;
	color:#fff;
	transition: opacity 0.4s ease 0s;
}
.gallery-pic img {
}
.bottom-pic {
	margin-top:44px;
}
.footer {
	height:66px;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background-color: rgba(85, 85, 85, 1);
}
.footer .content {
	width:980px;
	font-family: Arial,Helvetica,sans-serif;
	margin:0 auto;
}
.footer a {
	 font:serif;
	 text-decoration:none;
	 color: #d1d1d1;
	 padding:10px 9px 10px 9px;
	 transition: color 0.4s ease 0s;
	 line-height:66px;
}
.bottom-menu {
	float:left;
	margin-left:10px;
}
.copy {
	float:right;
	display:inline;
	text-align:right;
	margin-right:20px;
	line-height:66px;
	color: #d1d1d1;
	font:serif;
}
.info {
	position:absolute;
	right:10px;
	top:0;
	opacity:0;
}
.play-stop {
	position:relative;
	float:left;
	margin-right:15px;
	margin-top:10px;
}
.pager {
	position:relative;
	float:left;
}
.bx-default-pager {
	color:rgba(0, 0, 0, 1);
	font-size:11px;
	margin-top:8px;
}
.prev-next-slider {
}
.slider-prev {
	background: rgba(85, 85, 85, 1);
    bottom: 0px;
	text-indent:-9999px;
	display:block;
	z-index:1000;
    height: 134px;
    margin: auto;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 30px;
	left:0;
}
.slider-prev:hover, .slider-next:hover {
	background: rgba(36, 36, 36, 1)
}
.slider-prev a, .slider-next a {
	position:absolute;
	z-index:1000;
	display:block;
	width:30px;
	height:134px;
	top:0;
}
.slider-next {
	background: rgba(85, 85, 85, 1);
    bottom: 0px;
	text-indent:-9999px;
	display:block;
    height: 134px;
    margin: auto;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 30px;
	right: 0;
}
.arrow-left {
	background:url(img/tiny_arrows.png) no-repeat;
	background-position: 0 0;
    left: 35%;
    margin-left: -4px;
	bottom: 0;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 8px;
}
.arrow-right {
	background:url(img/tiny_arrows.png) no-repeat;
    bottom: 0;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 8px;
	background-position: 100% 0;
    margin-right: -4px;
    right: 45%;
}
.interior .main, .architecture .main, .concept .main, .layout .main {
	margin-bottom:110px;
	background: rgba(150, 150, 150, 0.2);
	padding-bottom:70px;
}
.cont {
	font:14px/1.6em jura,sans-serif;
	margin-top:70px;
	padding:0 10px 50px 40px;
}
.cont h2 {
	font-family:Arial,Helvetica,sans-serif;
}
.cont a {
	color:#fff;
	text-decoration:none;
}
.cont-left {
	float:left;
	width:465px;
}
.cont-right {
	float:left;
	width:288px;
	padding-top:45px;
	margin-left:135px;
}
.cont-right p {
	margin:0 0 3px 0;
	padding:0;
	line-height:1.4em;
}
.email {
	color:#6ba8b2;
}
.social {
	margin-top:50px;
}
.post-form {
	margin-top:20px;
}
.post-form div {
	width:100%;
}
.post-form div input {
	width:100%;
	border: 1px solid rgba(107, 168, 178, 1);
	font: 14px/1.4em droid-serif-w01-regular,droid-serif-w02-regular,droid-serif-w10-regular,serif;
	color: #6ba8b2;
	padding:5px;
	margin: 0 0 5px;
}
.post-form div textarea {
	min-height:130px;
	width:100%;
	color: #6ba8b2;
	font: 14px/1.4em droid-serif-w01-regular,droid-serif-w02-regular,droid-serif-w10-regular,serif;
	resize:none;
	border: 1px solid rgba(107, 168, 178, 1);
	padding:5px;
	margin: 0 0 5px;
}
.post-form div input.submit {
	font:16px/1.4em droid-serif-w01-regular,droid-serif-w02-regular,droid-serif-w10-regular,serif;
	max-width:35%;
	cursor:pointer;
	float:right;
	background-color:rgba(107, 168, 178, 1);
	color:#fff;
	border:none;
	margin:0 -11px 5px 0;
	padding:5px;
}
.results {
	display:block;
	width:400px;
	height:200px;
}