@charset "utf-8";
@import url('./reset.css') all;
@media all {
	html {
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	}
	body {
		font: 300 75%/normal 'Open Sans', sans-serif;
		background: #fff;
		color: #000;
		text-align: center;
		overflow-x: hidden;
	}
	h1, h2, h3 {
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: -1px;
		color: #414141;
		line-height: 100%;
	}
	p, address, li {
		line-height: 130%;
	}
	input, button {
		font: 300 100%/normal 'Open Sans', sans-serif;
	}
	a, a:hover {
		color: #000;
		text-decoration: underline;
		font-weight: 400;
		-o-transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
	}
	a:hover {
		color: #b79b5f;
	}
	strong {
		font-weight: 700;
	}
	::-webkit-input-placeholder {
		color: #a9a9a9;
	}
	:-moz-placeholder {
		color: #a9a9a9;
		opacity:  1;
	}
	::-moz-placeholder {
		color: #a9a9a9;
		opacity:  1;
	}
	:-ms-input-placeholder {
		color: #a9a9a9;
	}
	.title span {
		display: inline-block;
		padding: 0 10px;
		position: relative;
		letter-spacing: -1px;
		color: #fff;
	}
	.title span:before, .title span:after {
		position: absolute;
		border-top: 2px solid #fff;
		width: 8px;
		top: 50%;
		left: -5px;
		content: '';
	}
	.title span:after {
		left: auto;
		right: -5px;
	}
	.subtitle {
		padding: 5px 0 0 0;
		font-size: 90%;
	}
	.lightbox-close, .lightbox-close:hover {
		top: 10px;
		right: 10px;
		width: 20px;
		height: 20px;
		background: none;
		text-decoration: none;
		display: block;
		cursor: pointer;
		position: absolute;
	}
	.lightbox-prev, .lightbox-prev:hover, .lightbox-next, .lightbox-next:hover {
		display: block;
		visibility: visible !important;
		text-decoration: none;
		display: block;
		cursor: pointer;
		text-transform: uppercase;
		position: absolute;
		left: 0;
		margin: 9px 0 0 0;
	}
	.lightbox-next, .lightbox-next:hover {
		left: auto;
		right: 0;
	}
	.lightbox-prev span, .lightbox-prev:hover span, .lightbox-next span, .lightbox-next:hover span {
		display: inline-block;
		padding: 0 5px;
	}
	.lightbox-prev:before, .lightbox-prev:hover:before, .lightbox-next:after, .lightbox-next:hover:after {
		position: relative;
	}
	.lightbox-prev:before, .lightbox-prev:hover:before {
		left: -2px;
	}
	.lightbox-next:after, .lightbox-next:hover:after {
		right: -2px;
	}
	.input, .textarea, .customSelect {
		width: 100%;
		box-sizing: border-box;
		padding: 0 2%;
		border: 1px solid #dadada;
		border-radius: 5px;
		height: 40px;
		line-height: 36px;
		color: #000;
		box-shadow: 0 0 2px rgba(0,0,0,.05);
	}
	.textarea {
		line-height: 130%;
		height: 120px;
		resize: none;
	}
	.button, .button:hover {
		display: inline-block;
		padding: 0 15px !important;
		height: 40px !important;
		line-height: 40px;
		background: #b79b5f;
		font-size: 120%;
		text-decoration: none;
		cursor: pointer;
		color: #fff;
		border: 0;
		font-weight: 400;
		-o-transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.button:hover {
		background: #000;
	}
	.customSelect {
		background: #fff;
	}
	.customSelect .customSelectInner {
		width: 100% !important;
		background: url(../img/customSelect-arrow.gif) no-repeat right center;
	}
	.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
	}
}
@media only screen and (min-width: 320px) {
	body {
		padding: 50px 0 0 0;
	}
	h1, h2, h3, p, address, li {
		padding: 20px 0 0 0;
	}
	h1 {
		font-size: 230%;
	}
	h2 {
		font-size: 190%;
	}
	h3 {
		font-size: 130%;
	}
	li {
		padding: 0;
	}
	#header {
		background: url(../img/bg-header.png);
		background-size: 80px 80px;
		height: 50px;
		position: fixed;
		top: 0;
		z-index: 1;
		box-shadow: 0 0 5px #000;
	}
	#header .menu-open, #header .menu-close {
		position: absolute;
		top: 8px;
		right: 10px;
		cursor: pointer;
		text-decoration: none;
	}
	#header .menu-open:before, #header .menu-close:before {
		font-size: 250%;
	}
	#header .menu-open:hover:before, #header .menu-close:hover:before {
		color: #fff;
	}
	#header .logo {
		position: absolute;
		left: 10px;
		top: 7px;
	}
	#header .logo a {
		display: block;
		height: 34px;
	}
	#header .logo a img {
		height: 100%;
		width: auto;
	}
	#header .logo h2 {
		display: none;
	}
	#header .menu {
		display: none;
		background: #b79b5f;
		width: 75%;
		position: absolute;
		top: 0;
		right: 0;
	}
	#header .menu ul {
		border-top: 1px solid #a18954;
		text-align: left;
		margin: 50px 0 0 20%;
		padding: 5px 0 15px 0;
	}
	#header .menu ul li {
		padding: 10px 0 0 0;
	}
	#header .menu ul li a, #header .menu ul li a:hover {
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
	}
	#header .menu ul li a:hover {
		text-decoration: underline;
	}
	#promo {
		color: #fff;
		position: relative;
		overflow: hidden;
	}
	#promo h1 {
		color: #fff;
		padding: 0;
		text-shadow: 0 0 10px rgba(0,0,0,.5);
		display: none;
	}
	#promo h3 {
		text-transform: none;
		font-size: 120%;
		color: #fff;
		padding: 10px 0 0 0;
		word-spacing: 10px;
		text-shadow: 0 0 10px rgba(0,0,0,.5);
		display: none;
	}
	#promo h3 span {
		font-size: 200%;
		position: relative;
		top: 6px;
	}
	#promo .down, #promo .down:hover {
		position: absolute;
		display: block;
		bottom: -30px;
		text-decoration: none;
		cursor: pointer;
	}
	#promo .down:before {
		display: block;
		font-size: 200%;
		width: 60px;
		height: 60px;
		background: url(../img/bg-header.png);
		background-size: 80px 80px;
		border-radius: 100%;
		line-height: 35px;
	}
	#promo .down:hover:before {
		color: #fff;
	}
	#main-photo {
		height: 200px;
		position: relative;
	}
	#main-photo .close {
		text-decoration: none;
		background: rgba(255,255,255,.5);
		width: 30px;
		height: 30px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#main-photo .close:before {
		font-size: 130%;
		line-height: 29px;
	}
	#main-photo.service-a {
		background: url(../img/service-a-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-b {
		background: url(../img/service-b-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-c {
		background: url(../img/service-c-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-d {
		background: url(../img/service-d-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-e {
		background: url(../img/service-e-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-f {
		background: url(../img/service-f-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-g {
		background: url(../img/service-g-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-h {
		background: url(../img/service-h-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-i {
		background: url(../img/service-i-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-j {
		background: url(../img/service-j-main.jpg) center top;
		background-size: cover;
	}
	#main-photo.service-k {
		background: url(../img/service-k-main.jpg) center top;
		background-size: cover;
	}
	#content {
		padding-bottom: 20px;
	}
	#content.brown {
		background: #b79b5f;
	}
	#content.brown h1, #content.brown a:hover {
		color: #fff;
		padding: 10px 0 0 0;
	}
	#content .title-icon {
		display: inline-block;
		height: 60px;
		width: 60px;
		background: #fff;
		border-radius: 100%;
		box-sizing: border-box;
		margin: 15px 0 0 0;
		padding: 10px;
	}
	#content .tips {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	#content.brown .tips {
		border-top: 1px solid rgba(255,255,255,.3);
	}
	#content .tips li i {
		display: inline-block;
		padding-right: 3px;
	}
	#content .tips li i:before {
		color: #b79b5f;
	}
	#content.brown .tips li i:before {
		color: #000;
	}
	#content .contacts {
		margin: 20px 0 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	#content.brown .contacts {
		border-top: 1px solid rgba(255,255,255,.3);
	}
	#content .contacts h3 {
		font-size: 100%;
		color: #aeaeae;
	}
	#content.brown .contacts h3 {
		color: #fff;
	}
	#content .contacts .address {
		margin: 20px 0 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	#content.brown .contacts .address {
		border-top: 1px solid rgba(255,255,255,.3);
	}
	#content .contacts .social {
		display: none;
	}
	#content .contacts .contact {
		padding: 20px 0 0 0;
	}
	#content .contacts .contact h3 {
		display: none;
	}
	#content .contacts .contact ul .more {
		padding: 15px 0 0 0;
	}
	#content .contacts .contact ul .more a, #content .contacts .contact ul .more a:hover {
		display: inline-block;
		background: #9a824c;
		color: #fff;
		text-decoration: none;
		padding: 0 45px 0 15px;
		line-height: 40px;
		height: 40px;
		font-size: 120%;
		font-weight: 700;
		position: relative;
	}
	#content .contacts .contact ul .more a:hover {
		background: #000;
	}
	#content .contacts .contact ul .more a:after, #content .contacts .contact ul .more a:hover:after {
		display: block;
		position: absolute;
		height: 40px;
		border-left: 1px solid rgba(255,255,255,.5);
		width: 30px;
		text-align: center;
		right: 0;
		top: 0;
	}
	#content .gallery, #gallery .gallery {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	#gallery .gallery {
		padding-bottom: 20px;
		border: none;
		margin: 0;
	}
	#content .gallery ul li, #gallery .gallery ul li {
		width: 50%;
		float: left;
		padding: 2px 2px 0 0;
		box-sizing: border-box;
	}
	#content .gallery ul li:nth-child(2n+0), #gallery .gallery ul li:nth-child(2n+0) {
		padding-right: 0;
	}
	#content .gallery ul li a, #content .gallery ul li a:hover, #gallery .gallery ul li a, #gallery .gallery ul li a:hover {
		width: 100%;
		display: block;
		float: left;
		height: 100px;
		overflow: hidden;
	}
	#content .gallery ul li .more, #content .gallery ul li .more:hover, #gallery .gallery ul li .more, #gallery .gallery ul li .more:hover {
		display: none;
	}
	#content .contact-form {
		border-top: 1px solid rgba(0,0,0,.1);
		margin: 20px 0 0 0;
	}
	#content.brown .contact-form {
		border-top: 1px solid rgba(255,255,255,.3);
	}
	#content .contact-form ul {
		padding: 5px 0 0 0;
	}
	#content .contact-form ul li {
		text-align: left;
		display: block;
	}
	#content .contact-form ul li .label {
		padding: 10px 0 0 0;
		display: block;
	}
	#content .contact-form ul li .form, #content .contact-form ul li .select {
		padding: 5px 0 0 0;
		display: block;
	}
	#content .contact-form .help {
		font-size: 90%;
		text-transform: uppercase;
		color: #666;
	}
	#content.brown .contact-form .help {
		color: #fff;
	}
	#content.brown .contact-form .submit a {
		background: #9a824c;
	}
	#content.brown .contact-form .submit a:hover {
		background: #000;
	}
	#slider {
		background: url(../img/bg-slider.jpg) no-repeat center top;
		background-size: cover;
	}
	#slider .in {
		padding-bottom: 20px;
		position: relative;
	}
	#slider .slider li {
		padding: 0 20px;
	}
	#slider .slider li .service {
		display: none;
	}
	#slider .slider li .image {
		padding: 0;
	}
	#slider .slider-prev, #slider .slider-next {
		display: block;
		position: absolute;
		left: 10px;
		bottom: 14px;
	}
	#slider .slider-next {
		left: auto;
		right: 10px;
	}
	#slider .slider-prev:before, #slider .slider-next:after {
		font-size: 27px;
		color: #b79b5f;
	}
	#slider .slider-prev:hover:before, #slider .slider-next:hover:after {
		color: #000;
	}
	#slider .slider-prev a, #slider .slider-prev a:hover, #slider .slider-next a, #slider .slider-next a:hover {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#services {
		background: #b79b5f;
	}
	#services .in {
		padding-bottom: 20px;
	}
	#services .facebook {
		background: #fff;
		margin: 15px 0 0 0;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
	}
	#services .facebook .info, #services .facebook .cleaner {
		display: none;
	}
	#services .services .service {
		background: #fff;
		margin: 15px 0 0 0;
		padding: 0 0 13px 0;
		cursor: pointer;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
	}
	#services .services .service:hover {
		box-shadow: 0 0 4px rgba(0,0,0,1);
	}
	#services .services .service h3, #services .facebook h3 {
		font-weight: 400;
		font-size: 200%;
		padding: 12px 0 0 0;
		color: #000;
	}
	#services .services .service p, #services .facebook .info .subtitle {
		color: #b79b5f;
		padding: 0;
	}
	#services .services .service p span, #services .facebook .info .subtitle span {
		display: inline-block;
		padding: 0 3px;
		position: relative;
	}
	#services .services .service p span:before, #services .services .service p span:after, #services .facebook .info .subtitle span:before, #services .facebook .info .subtitle span:after {
		position: absolute;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(183,155,95,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(183,155,95,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		width: 20px;
		height: 1px;
		top: 50%;
		left: -20px;
		content: '';
	}
	#services .services .service p span:after, #services .facebook .info .subtitle span:after {
		left: auto;
		right: -20px;
		background: -moz-linear-gradient(left, rgba(183,155,95,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(183,155,95,1)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
	}
	#services .services .service .image {
		position: relative;
	}
	#services .services .service .image span {
		display: block;
		position: absolute;
		border-top: 8px solid #fff;
		border-right: 8px solid #fff;
		border-left: 8px solid #fff;
		height: 100px;
		box-sizing: border-box;
		top: 0;
	}
	#services .services .service .image span i {
		display: none;
	}
	#services .services .service:hover .image span i {
		display: block;
		background-color: #fff;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		width: 50px;
		height: 50px;
		border-radius: 100%;
		position: relative;
		margin: 0 auto;
		border: 10px solid #fff;
		top: 12px;
	}
	#services .services .service-a .image span i {
		background-image: url(../img/icon-service-a.svg);
	}
	#services .services .service-b .image span i {
		background-image: url(../img/icon-service-b.svg);
	}
	#services .services .service-c .image span i {
		background-image: url(../img/icon-service-c.svg);
	}
	#services .services .service-d .image span i {
		background-image: url(../img/icon-service-d.svg);
	}
	#services .services .service-e .image span i {
		background-image: url(../img/icon-service-e.svg);
		background-size: 90% !important;
	}
	#services .services .service-f .image span i {
		background-image: url(../img/icon-service-f.svg);
		background-size: 85% !important;
	}
	#services .services .service-g .image span i {
		background-image: url(../img/icon-service-g.svg);
	}
	#services .services .service-h .image span i {
		background-image: url(../img/icon-service-h.svg);
	}
	#services .services .service-i .image span i {
		background-image: url(../img/icon-service-i.svg);
	}
	#services .services .service-j .image span i {
		background-image: url(../img/icon-service-j.svg);
	}
	#services .services .service .image span:before, #services .services .service .image span:after {
		display: none;
	}
	#services .services .service .image a, #services .services .service .image a:hover {
		display: block;
		height: 100px;
		position: relative;
		overflow: hidden;
	}
	#services .services .service .image a img, #services .services .service .image a:hover img {
		position: absolute;
		left: 0;
		top: -50%;
	}
	#services .services .service .wide a img, #services .services .service .wide a:hover img {
		top: auto;
	}
	#services .services .service .very-wide a img, #services .services .service .very-wide a:hover img {
		height: 100%;
		top: auto;
		width: auto;
	}
	#products h2 {
		color: #b79b5f;
	}
	#products ul {
		padding: 5px 0 0 0;
	}
	#products ul li {
		background: #fff;
		margin: 15px 0 0 0;
		padding: 10px;
		border: 1px solid #dedbd3;
		-o-transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
	}
	#products ul li:hover {
		box-shadow: 0 0 2px rgba(0,0,0,.2);
	}
	#products ul li h2 {
		text-transform: none;
		color: #000;
		font-size: 130%;
	}
	#products ul li p {
		padding: 0;
	}
	#products ul li .image a, #products ul li .image a:hover {
		display: block;
	}
	#products ul li .image a img, #products ul li .image a:hover img {
		vertical-align: bottom;
	}
	#products ul li .info {
		padding: 5px 0 0 0;
	}
	#contact {
		margin: 15px 0 0 0;
		border-top: 1px solid rgba(255,255,255,.3);
	}
	#contact h3 {
		font-size: 100%;
		color: #fff;
		padding: 0;
	}
	#contact p br {
		display: none;
	}
	#contact .button {
		background: #000;
	}
	#contact .button:hover {
		background: #99814f;
	}
	#contact .form {
		display: none;
	}
	#contact .form ul {
		padding: 15px 0 0 0;
	}
	#contact .form ul li {
		text-align: left;
	}
	#contact .form ul li .title {
		display: block;
		padding: 10px 0 0 0;
	}
	#contact .form ul li .type {
		display: block;
		position: relative;
		padding: 5px 0 0 0;
	}
	#contact .form ul li .cal .input {
		width: 88%;
	}
	#contact .form ul li .cal .ui-datepicker-trigger {
		background: url(../img/icon-calendar.svg) no-repeat center center;
		width: 25px;
		cursor: pointer;
		border: none;
		overflow: hidden;
		text-indent: -9999px;
		height: 25px;
		display: block;
		position: absolute;
		top: 11px;
		right: 0;
	}
	#contact .form .submit .button {
		background: #99814f;
	}
	#contact .form .submit .button:hover {
		background: #000;
	}
	#map {
		height: 200px;
	}
	#footer {
		background: #ffffff;
		font-weight: 400;
	}
	#footer .in {
		padding-bottom: 20px;
	}
	#footer a:hover {
		color: #b79b5f;
	}
	#footer .logo {
		display: none;
	}
	#footer .nav {
		display: none;
	}
	#footer .social {
		padding: 22px 0 0 0;
	}
	#footer .social li {
		display: inline-block;
		padding: 0 5px;
	}
	#footer .social li a, #footer .social li a:hover {
		display: block;
		text-decoration: none;
	}
	#footer .social li a:hover {
		color: #b79b5f;
	}
	#footer .social li a i:before, #footer .social li a:hover i:before {
		display: block;
		font-size: 170%;
		border-radius: 100%;
		border: 2px solid #000;
		height: 35px;
		width: 35px;
		line-height: 35px;
		-o-transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
	}
	#footer .social li a:hover i:before {
		border: 2px solid #b79b5f;
	}
	#footer .author {
		display: none;
	}
	#footer .copyright .title {
		display: block;
	}
	.wrap {
		width: 100%;
	}
	.wrap .in {
		padding: 0 15px;
	}
	.hide {
		display: none;
	}
}
@media only screen and (min-width: 480px) {
	#content .gallery ul li, #gallery .gallery ul li {
		width: 33.33333%;
		padding: 2px 2px 0 0;
	}
	#content .gallery ul li:nth-child(2n+0), #gallery .gallery ul li:nth-child(2n+0) {
		padding-right: 2px;
	}
	#content .gallery ul li:nth-child(3n+0), #gallery .gallery ul li:nth-child(3n+0) {
		padding-right: 0;
	}
	#content .contact-form {
		margin: 20px auto 0 auto;
		max-width: 450px;
	}
	#products ul li {
		float: left;
		box-sizing: border-box;
		width: 48.5%;
		margin: 15px 3% 0 0;
	}
	#products ul li:nth-child(2n+0) {
		margin-right: 0;
	}
	#contact .form ul li .cal .input {
		width: 92%;
	}
}
@media only screen and (min-width: 768px) {
	body {
		padding: 160px 0 0 0;
		font-size: 80%;
	}
	h1 {
		font-size: 350%;
	}
	.title {
		font-size: 280%;
	}
	.title span:before, .title span:after {
		border-top: 4px solid #fff;
	}
	.subtitle {
		font-size: 110%;
		line-height: 150%;
		padding: 20px 0 0 0;
		width: 85%;
		display: inline-block;
	}
	.lightbox-prev, .lightbox-prev:hover, .lightbox-next, .lightbox-next:hover {
		margin: 14px 0 0 0;
	}
	.lightbox-prev span, .lightbox-prev:hover span, .lightbox-next span, .lightbox-next:hover span {
		position: relative;
		top: -4px;
	}
	.lightbox-prev:before, .lightbox-prev:hover:before, .lightbox-next:after, .lightbox-next:hover:after {
		font-size: 200%;
	}
	#header {
		position: absolute;
		background-size: 160px 160px;
		height: 160px;
	}
	.tiny-menu #header {
		position: fixed;
		background-size: 80px 80px;
		height: 50px;
	}
	#header .menu-open, #header .menu-close {
		top: 33px;
		right: 35px;
		z-index: 1;
	}
	.tiny-menu #header .menu-open, .tiny-menu #header .menu-close {
		top: 8px;
		right: 10px;
	}
	#header .menu-open:before, #header .menu-close:before {
		font-size: 300%;
	}
	.tiny-menu #header .menu-open:before, .tiny-menu #header .menu-close:before {
		font-size: 250%;
	}
	#header .logo {
		position: relative;
		left: auto;
		top: 24px;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.tiny-menu #header .logo {
		position: absolute;
		left: 10px;
		top: 7px;
	}
	#header .logo a {
		display: block;
		height: 110px;
		top: 0;
		left: 0;
		width: auto;
	}
	.tiny-menu #header .logo a {
		display: block;
		height: 34px;
	}
	#header .logo a img {
		width: 100%;
	}
	#header .menu {
		width: 40%;
		z-index: 1;
	}
	#header .menu ul {
		box-sizing: border-box;
		padding: 5px 0 25px 0;
		margin: 100px 0 0 30%;
	}
	.tiny-menu #header .menu ul {
		margin: 50px 0 50px 20%;
		padding: 5px 0 15px 0;
	}
	#header .menu ul li {
		padding: 20px 0 0 0;
	}
	#promo .in {
		padding-top: 140px;
	}
	#promo h3 {
		font-size: 130%;
	}
	#promo .down, #promo .down:hover {
		bottom: -40px;
	}
	#promo .down:before {
		line-height: 45px;
		font-size: 240%;
		width: 80px;
		height: 80px;
	}
	#main-photo {
		height: 300px;
	}
	#main-photo .close {
		width: 50px;
		height: 50px;
		top: 20px;
		right: 20px;
	}
	#main-photo .close:before {
		font-size: 180%;
		line-height: 50px;
	}
	#content {
		padding-top: 10px;
	}
	#content .title-icon {
		height: 70px;
		width: 70px;
	}
	#content .tips {
		margin: 30px 0 0 0;
		padding: 30px 0 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	#content .tips li {
		float: left;
		padding: 0 5px 10px 5px;
		box-sizing: border-box;
	}
	#content .tips li i {
		display: block;
		padding: 0;
	}
	#content .tips li i:before {
		color: #b79b5f;
		font-size: 200%;
	}
	#content .tips li span {
		display: block;
		padding: 7px 0 0 0;
	}
	#content .contacts .open, #content .contacts .address, #content .contacts .social {
		margin: 0;
		border-top: 0;
		display: block;
		width: 33.33333%;
		float: left;
		padding-bottom: 20px;
		padding: 0 0 20px 0;
		text-align: left;
		box-sizing: border-box;
	}
	#content .contacts .address {
		border-right: 1px solid rgba(0,0,0,.1);
	}
	#content.brown .contacts .address {
		border-right: 1px solid rgba(255,255,255,.3);
		border-top: none;
	}
	#content .contacts .social {
		text-align: center;
	}
	#content .contacts .social ul {
		padding: 50px 0 0 0;
	}
	#content .contacts .social ul li {
		display: inline-block;
		padding: 0 5px;
	}
	#content .contacts .social ul li a, #content .contacts .social ul li a:hover {
		text-decoration: none;
		color: #fff;
		font-size: 220%;
	}
	#content .contacts .social ul li a:hover {
		color: #000;
	}
	#content .contacts .contact {
		float: none;
		clear: both;
		border-top: 1px solid rgba(0,0,0,.1);
		padding: 0;
	}
	#content.brown .contacts .contact {
		border-top: 1px solid rgba(255,255,255,.3);
	}
	#content .contacts .contact ul {
		padding: 0;
	}
	#content .contacts .contact ul li {
		float: left;
		width: 33.33333%;
		padding: 17px 0;
		box-sizing: border-box;
	}
	#content .contacts .contact ul li:first-child {
		border-right: 1px solid rgba(0,0,0,.1);
	}
	#content.brown .contacts .contact ul li:first-child {
		border-right: 1px solid rgba(255,255,255,.3);
	}
	#content .contacts .contact ul .more {
		padding: 0;
	}
	#content .contacts .contact ul .more a, #content .contacts .contact ul .more a:hover {
		white-space: nowrap;
		width: 100%;
		height: 51px;
		line-height: 50px;
		box-sizing: border-box;
	}
	#content.brown .contacts .contact ul .more a, #content.brown .contacts .contact ul .more a:hover {
		background: none;
		border-left: 1px solid rgba(255,255,255,.3);
	}
	#content.brown .contacts .contact ul .more a:hover {
		background: #000;
	}
	#content .contacts .contact ul .more a:after, #content .contacts .contact ul .more a:hover:after {
		height: 51px;
	}
	#content .gallery, #gallery .gallery {
		clear: both;
		padding: 30px 0 10px 0;
	}
	#content .gallery ul li, #gallery .gallery ul li {
		width: 50%;
		padding: 4px 4px 0 0;
		position: relative;
	}
	#content .gallery ul li:nth-child(2n+0), #gallery .gallery ul li:nth-child(2n+0) {
		padding-right: 0;
	}
	#content .gallery ul li:nth-child(3), #content .gallery ul li:nth-child(4), #content .gallery ul li:nth-child(5), #gallery .gallery ul li:nth-child(3), #gallery .gallery ul li:nth-child(4), #gallery .gallery ul li:nth-child(5) {
		width: 33.33333%;
		padding-right: 4px;
	}
	#content .gallery ul li:nth-child(5), #gallery .gallery ul li:nth-child(5) {
		padding-right: 0;
	}
	#content .gallery ul li a, #content .gallery ul li a:hover, #gallery .gallery ul li a, #gallery .gallery ul li a:hover {
		height: 250px;
	}
	#content .gallery ul li:nth-child(3) a, #content .gallery ul li:nth-child(4) a, #content .gallery ul li:nth-child(5) a, #gallery .gallery ul li:nth-child(3) a, #gallery .gallery ul li:nth-child(4) a, #gallery .gallery ul li:nth-child(5) a {
		height: 150px;
	}
	#content .gallery ul li .more, #content .gallery ul li .more:hover, #gallery .gallery ul li .more, #gallery .gallery ul li .more:hover {
		display: block;
		position: absolute;
		height: 150px;
		text-decoration: none;
		top: 4px;
		width: 100% !important;
		line-height: 650%;
		font-size: 170%;
		left: 0;
		width: 100px;
		background: rgba(0,0,0,.5);
		color: #fff;
	}
	#content .gallery ul li .more:hover, #gallery .gallery ul li .more:hover {
		background: rgba(0,0,0,.6);
	}
	#content .gallery ul .hide-photo, #gallery .gallery ul .hide-photo {
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	#content .contact-form ul {
		padding: 15px 0 0 0;
	}
	#content .contact-form ul li {
		clear: both;
		padding: 10px 0 0 0;
	}
	#content .contact-form ul li .label {
		padding: 14px 5% 0 0;
		float: left;
		width: 30%;
		text-align: right;
	}
	#content .contact-form ul li .form, #content .contact-form ul li .select {
		float: left;
		width: 60%;
	}
	#content .contact-form .submit {
		padding-left: 35%;
		text-align: left;
	}
	#slider .in {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#slider .slider li {
		padding: 0 20px;
		vertical-align: top;
	}
	#slider .slider li .service {
		display: inline-block;
		width: 140px;
		height: 140px;
		padding: 55px 0 0 0;
		box-sizing: border-box;
		top: -135px;
		position: relative;
		background: #fff;
		border: 5px solid #fff;
		border-radius: 100%;
	}
	#slider .slider li .service i {
		display: inline-block;
		background-color: #fff;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		position: absolute;
		left: 27%;
		top: 7%;
	}
	#slider .slider li .service-a i {
		background-image: url(../img/icon-service-a.svg);
	}
	#slider .slider li .service-b i {
		background-image: url(../img/icon-service-b.svg);
	}
	#slider .slider li .service-c i {
		background-image: url(../img/icon-service-c.svg);
	}
	#slider .slider li .service-d i {
		background-image: url(../img/icon-service-d.svg);
	}
	#slider .slider li .service-e i {
		background-image: url(../img/icon-service-e.svg);
	}
	#slider .slider li .service-f i {
		background-image: url(../img/icon-service-f.svg);
	}
	#slider .slider li .service-g i {
		background-image: url(../img/icon-service-g.svg);
	}
	#slider .slider li .service-h i {
		background-image: url(../img/icon-service-h.svg);
	}
	#slider .slider li .service-i i {
		background-image: url(../img/icon-service-i.svg);
	}
	#slider .slider li .service-j i {
		background-image: url(../img/icon-service-j.svg);
	}
	#slider .slider li .service h3 {
		font-weight: 400;
		font-size: 170%;
		padding: 12px 0 0 0;
		color: #000;
		top: auto;
		width: auto;
	}
	#slider .slider li .service p {
		color: #b79b5f;
		padding: 0;
		font-size: 90%;
	}
	#slider .slider li .service p span {
		display: inline-block;
		padding: 0 3px;
		position: relative;
	}
	#slider .slider li .service p span:before, #slider .slider li .service p span:after {
		position: absolute;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(183,155,95,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(183,155,95,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(183,155,95,1) 100%);
		width: 20px;
		height: 1px;
		top: 50%;
		left: -20px;
		content: '';
	}
	#slider .slider li .service p span:after {
		left: auto;
		right: -20px;
		background: -moz-linear-gradient(left, rgba(183,155,95,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(183,155,95,1)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(183,155,95,1) 0%,rgba(255,255,255,0) 100%);
	}
	#slider .slider li .image {
		display: inline-block;
		width: 350px;
		margin: 0 30px;
	}
	#slider .slider li h3 {
		display: inline-block;
		width: 140px;
		text-align: left;
		line-height: 140%;
		box-sizing: border-box;
		top: -145px;
		font-size: 150%;
		position: relative;
	}
	#slider .slider li h3 span {
		display: block;
	}
	#slider .slider-prev, #slider .slider-next {
		bottom: 20px;
	}
	#slider .slider-prev:before, #slider .slider-next:after {
		font-size: 37px;
	}
	#services .in {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#services .facebook {
		padding: 15px 15px 14px 15px;
	}
	#services .facebook .info {
		float: left;
		cursor: pointer;
		width: 38%;
		display: block;
		height: 300px;
		padding: 185px 0 0 0;
		box-sizing: border-box;
		background: #9daccb url(../img/bg-facebook.png) no-repeat center 25px;
	}
	#services .facebook .info h3 {
		color: #fff;
		padding: 20px 0 0 0;
	}
	#services .facebook .info .subtitle {
		font-size: 100%;
		color: #fff;
	}
	#services .facebook .info .subtitle span:before {
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	}
	#services .facebook .info .subtitle span:after {
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	}
	#services .facebook .plug-in {
		float: right;
		width: 60%;
	}
	#services .facebook .cleaner {
		display: block;
	}
	#services .services .service .image span {
		width: 100%;
		height: 150px;
	}
	#services .services .service .image span i, #services .services .service:hover .image span i {
		top: 40px;
	}
	#services .services .service .image a, #services .services .service .image a:hover {
		height: 150px;
	}
	#services .services .service .image a img, #services .services .service .image a:hover img {
		top: -20%;
	}
	#services .services .service .very-wide a img, #services .services .service .very-wide a:hover img {
		height: 100%;
		top: auto;
		width: auto;
	}
	#services .services .service .very-wide a img, #services .services .service .very-wide a:hover img {
		height: auto;
		top: -20%;
		width: 100%;
	}
	#services .services .service-a {
		float: left;
		width: 32.33333%;
		margin-right: 2%;
	}
	#services .services .service-b {
		float: left;
		width: 65.66666%;
	}
	#services .services .service-e {
		float: left;
		width: 31.33333%;
		margin-right: 2%;
	}
	#services .services .service-e .image a {
		height: 382px !important;
	}
	#services .services .service-e .image span {
		height: 382px !important;
	}
	#services .services .service-e .image span i, #services .services .service-e:hover .image span i {
		top: 160px;
	}
	#services .services .service-h {
		float: left;
		width: 65.66666%;
		margin-right: 2%;
	}
	#services .services .service-i {
		float: left;
		width: 32.33333%;
	}
	#services .services .group-a {
		float: left;
		width: 32.33333%;
		margin-right: 2%;
	}
	#services .services .group-b {
		float: left;
		width: 32.33333%;
	}
	#products h2 {
		font-size: 300%;
	}
	#products h3 {
		text-align: left;
		padding: 40px 0 0 0;
	}
	#products ul {
		padding: 0 20px;
	}
	#products ul li {
		width: 31.33333%;
		margin-top: 25px;
	}
	#products ul li:nth-child(2n+0) {
		margin-right: 3%;
	}
	#products ul li:nth-child(3n+0) {
		margin-right: 0;
	}
	#contact {
		margin: 0;
		text-align: left;
		padding: 25px 0 0 0;
	}
	#contact p br {
		display: block;
	}
	#content .toggle {
		display: none;
	}
	#contact .left {
		float: left;
		width: 48%;
	}
	#contact .right {
		float: right;
		width: 48%;
	}
	#contact .form {
		display: block;
	}
	#contact .form ul li .title {
		font-size: 100%;
	}
	#contact .form ul .small {
		float: left;
		width: 45.5%;
	}
	#contact .form ul .small .cal {
		clear: both;
	}
	#contact .form ul .small .cal .input {
		width: 80%;
	}
	#contact .form ul .small:nth-child(2n+0) {
		margin-right: 9%;
	}
	#contact .form .right li:last-child .type {
		clear: both !important;
	}
	#contact .form .submit {
		text-align: center;
		padding: 25px 0 0 0;
	}
	#map {
		height: 300px;
	}
	#footer .in {
		padding-top: 25px;
		position: relative;
	}
	#footer .logo {
		display: inline-block;
	}
	#footer .logo a {
		display: block;
		height: 70px;
	}
	#footer .logo a img {
		height: 100%;
		width: auto;
	}
	#footer .logo small {
		font-size: 80%;
		display: inline-block;
		padding: 5px 0 0 0;
		line-height: 100%;
	}
	#footer .logo small span {
		display: block;
	}
	#footer .nav {
		display: block;
		margin: 20px 0 0 0;
		padding: 20px 0;
		border-top: 1px solid rgba(0,0,0,.3);
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	#footer .nav ul li {
		display: block;
		float: left;
		width: 20%;
		line-height: 150%;
	}
	#footer .nav ul li a, #footer .nav ul li a:hover {
		font-weight: 700;
		text-transform: uppercase;
		color: #000;
		text-decoration: none;
	}
	#footer .nav ul li a:hover {
		color: #b79b5f;
		text-decoration: underline;
	}
	#footer .nav ul li a span, #footer .nav ul li a:hover span {
		display: none;
	}
	#footer .social {
		padding: 30px 0 8px 0;
	}
	#footer .author {
		display: block;
		position: absolute;
		right: 0;
		bottom: 75px;
	}
	#footer .author span {
		display: inline-block;
		padding: 0 5px 0 0;
	}
	#footer .author a, #footer .author a:hover {
		display: inline-block;
		height: 20px;
		top: 9px;
		position: relative;
	}
	#footer .copyright .title {
		font-size: 100%;
		display: inline;
	}
	#footer .copyright .hide {
		display: inline;
	}
	.wrap .in {
		margin: 0 auto;
		padding: 0;
		width: 738px;
	}
}
@media only screen and (min-width: 1024px) {
	.title {
		font-size: 320%;
	}
	.subtitle {
		width: 70%;
	}
	#header .in {
		width: 100%;
	}
	#header .logo a, #header .logo a:hover {
		left: 30px;
	}
	.tiny-menu #header .logo a, .tiny-menu #header .logo a:hover {
		left: 0;
	}
	#main-photo {
		height: 370px;
	}
	#content .title-icon {
		height: 80px;
		width: 80px;
	}
	#content .gallery, #gallery .gallery {
		padding: 30px 0 20px 0;
	}
	#content .gallery ul li a, #content .gallery ul li a:hover, #gallery .gallery ul li a, #gallery .gallery ul li a:hover {
		height: 300px;
	}
	#content .gallery ul li:nth-child(3) a, #content .gallery ul li:nth-child(4) a, #content .gallery ul li:nth-child(5) a, #gallery .gallery ul li:nth-child(3) a, #gallery .gallery ul li:nth-child(4) a, #gallery .gallery ul li:nth-child(5) a {
		height: 170px;
	}
	#content .gallery ul li .more, #content .gallery ul li .more:hover, #gallery .gallery ul li .more, #gallery .gallery ul li .more:hover {
		height: 170px;
		line-height: 800%;
	}
	#slider .in {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	#slider .slider li .service {
		top: -180px;
	}
	#slider .slider li .image {
		width: 450px;
	}
	#slider .slider li h3 {
		top: -190px;
	}
	#slider .slider-prev, #slider .slider-next {
		bottom: 30px;
	}
	#services .in {
		padding-bottom: 40px;
	}
	#services .facebook {
		margin: 30px 0 0 0;
		padding: 35px 35px 34px 35px;
	}
	#services .facebook .info {
		width: 43%;
	}
	#services .facebook .plug-in {
		width: 465px;
	}
	#services .services .service .image span {
		height: 220px;
		border-top: 12px solid #fff;
		border-right: 12px solid #fff;
		border-left: 12px solid #fff;
	}
	#services .services .service .image span i, #services .services .service:hover .image span i {
		top: 70px;
	}
	#services .services .service .image a, #services .services .service .image a:hover {
		height: 220px;
	}
	#services .services .service .image a img, #services .services .service .image a:hover img {
		top: -10%;
	}
	#services .services .service-e .image a {
		height: 522px !important;
	}
	#services .services .service-e .image span {
		height: 522px !important;
	}
	#services .services .service-e .image span i, #services .services .service-e:hover .image span i {
		top: 220px;
	}
	#map {
		height: 350px;
	}
	#products h3 {
		padding: 50px 0 0 0;
	}
	#products ul {
		padding: 0 30px;
	}
	#products ul li {
		width: 30.66666%;
		margin-top: 35px;
		margin-right: 4%;
	}
	#products ul li:nth-child(2n+0) {
		margin-right: 4%;
	}
	#products ul li:nth-child(3n+0) {
		margin-right: 0;
	}
	#contact {
		margin: 0;
		text-align: left;
		padding: 25px 0 0 0;
	}
	#content .toggle {
		display: none;
	}
	#contact .left {
		float: left;
		width: 48%;
	}
	#contact .right {
		float: right;
		width: 48%;
	}
	#contact .form ul li {
		clear: both;
		padding: 10px 0 0 0;
	}
	#contact .form ul li .title {
		float: left;
		width: 30%;
		padding: 16px 0 0 0;
	}
	#contact .form ul li .type {
		float: left;
		width: 70%;
	}
	#contact .form ul .total .title {
		width: 50%;
	}
	#contact .form ul .total .type {
		width: 50%;
	}
	#contact .form ul .small {
		width: 40%;
		clear: none;
		margin-right: 0 !important;
	}
	#contact .form ul .small .title {
		width: 60%;
	}
	#contact .form ul .small .type {
		width: 32%;
	}
	#contact .form ul .small .small {
		width: 30%;
		text-align: center;
	}
	#contact .form ul .small .cal {
		width: 70%;
		clear: none;
	}
	#contact .form ul .small .cal .input {
		width: 70%;
	}
	#contact .form ul .small-long {
		width: 60%;
	}
	#contact .form ul .small-long .title {
		width: 55%;
	}
	#contact .form ul .small-long .cal {
		width: 45%;
	}
	#contact .form ul .small-long .cal .input {
		width: 70%;
	}
	#contact .form .right li:last-child .type {
		width: 49%;
		clear: none !important;
	}
	#footer .in {
		padding-top: 35px;
	}
	#footer .logo a {
		display: block;
		height: 90px;
	}
	#footer .nav {
		margin: 30px 0 0 0;
		padding: 30px 0;
	}
	#footer .nav ul li a span, #footer .nav ul li a:hover span {
		display: inline;
	}
	#footer .social {
		padding: 30px 0 0 0;
	}
	#footer .author {
		bottom: 70px;
	}
	.wrap .in {
		width: 940px;
	}
}
@media only screen and (min-width: 1280px) {
	#main-photo {
		height: 500px;
	}
}