html {
	 -webkit-text-size-adjust: none;
}
html, body {
	height: 100%;
	margin:0;
	color:#474553;
	font:400 14px/14px 'Roboto', sans-serif;
	background:#fff;
	min-width: 340px;
}
img {
	border-style:none;
	vertical-align: top;
}
a {
	color:#000;
	outline:none;
}
a:hover {
	text-decoration:none;
}
* {
	outline:none;
}
input, textarea, select {
	font:400 14px/14px 'Roboto', sans-serif;
	vertical-align:middle;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
h1 {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-size: 35px;
	line-height: 41px;
	margin: 0 0 15px -17px;
	font-weight: 700;
	letter-spacing: 0.01em;
}
h2 {
	font-family: 'Roboto', sans-serif;
	color: #fefefe;
	padding: 0;
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
}
h3 {
	font-family: 'Roboto', sans-serif;
	color: #381d0c;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size:30px;
	line-height: 30px;
	font-weight: 300;
}
h4 {
	font-family: 'Roboto', sans-serif;
	color: #211c07;
	padding: 0;
	margin: 0 0 11px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
}
p {
	margin: 0 0 15px;
	color:#474553;
}
header,
nav,
section,
article,
aside,
footer,
figure,
menu,
dialog {
	display:block;
}
#wrapper {
	overflow: hidden;
	position: relative;
}
.center {
	padding: 0 20px 0 20px;
	position: relative;
	max-width: 969px;
	min-width: 280px;
	margin: 0 auto;
}
.center:after {
	content: '';
	display: block;
	clear: both;
}
#header {
	height: 97px;
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
}
#header:after {
	content: '';
	display: block;
	clear: both;
}
#header .logo {
	float: left;
	margin: 19px 44px 0 0;
	width: 76px;
	height:62px;
	overflow:hidden;
	background:url(../images/zaoera-logo.svg) no-repeat;
	background-size: contain;
	text-indent:-9999px;
}
#header .logo a {
	height:100%;
	display:block;
}
#header #nav {
	padding: 40px 0 0 0;
	overflow: hidden;
}
#header #nav ul {
	margin:0;
	padding:0;
	width:79%;
	list-style:none;
	text-align:justify;
}
#header #nav  ul:after{
	content:'';
	width:100%;
	height:0;
	display:inline-block;
}
#header #nav li {
	display:inline-block;
	vertical-align:top;
	white-space: nowrap;
	font:400 14px/14px 'Roboto', sans-serif;
}
#header #nav a {
	color: #734c34;
}
#header .tel {
	float: right;
	padding: 35px 0 0 0;
	font:400 24px/24px 'Roboto', sans-serif;
	color: #693f25;
	text-decoration: none;
}
#main {
	padding: 97px 0 0 0;
}
#main .welcome {
	background:url(../images/bg1.jpg) no-repeat;
	padding: 81px 0 85px;
}
#main .welcome p {
	font:400 20px/24px 'Roboto', sans-serif;
	color: #fff;
	margin: 0 0 28px;
}
#main .welcome strong {
	font: 700 24px/24px 'Roboto', sans-serif;
}
#main .welcome span {
	background: #361c0c;
	padding: 9px 13px 6px 5px;
}
#main .welcome {
	background:url(../images/bg1.jpg) center no-repeat;
	background-size: cover;
	padding: 81px 0 85px;
}
#main .welcome h1 span {
	padding: 10px 8px 7px 17px;
	background: #371a09;
}
#main .doors {
	padding: 73px 0 45px;
}
#main .doors h3 {
	margin: 0 0 69px;
}
#main .doors ul {
	margin: 0 0 0 -66px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#main .doors li {
	float: left;
	width: 272px;
	margin: 0 0 40px 73px;
}
#main .doors li .visual {
	float: left;
	margin: 0 18px 0 0;
}
#main .doors li .text {
	display: table;
	height: 91px;
}
#main .doors li p {
	vertical-align: middle;
	display: table-cell;
	font-size: 16px;
	line-height: 24px;
	color: #351a0a;
}
.order {
	background: #fdd835;
	padding: 73px 0 12px;
}
.order .holder1 {
	margin: 0 0 -25px;
}
.order .holder1 h3 {
	margin: 0 0 69px;
}
.order .holder1 ul {
	margin: 0 -108px 0 -49px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
.order .holder1 li {
	float: left;
	width: 330px;
	margin: 0 0 26px 45px;
}
.order .holder1 li .visual {
	float: left;
	margin: 0 18px 0 0;
} .order .holder1 li .visual {
	float: left;
	width: 65px;
	text-align: center;
	margin: 0 10px 0 0;
}
.order .holder1 li p {
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.order .holder1 li .text {
	overflow: hidden;
}
.order .holder2 h3 {
	margin: 0 0 63px;
	font: 300 30px/30px 'Roboto', sans-serif;
	color: #c98e02;
	text-align: center;
}
.order .holder2 ul {
	margin: 0;
	padding: 0 0 0 38px;
	list-style: none;
	overflow: hidden;
	text-align:center;
}
.order .holder2 li {
	float: left;
	font: 400 14px/24px 'Roboto', sans-serif;
	color: #c98e02;
	padding: 0 0 0 24px;
	width: 192px;
	position: relative;
	margin: 0 0 54px 69px;
	text-align:left;
}
.order .holder2 li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: -3px;
	width: 16px;
	height: 16px;
	background: #e4a615;
	border-radius: 50%;
}
.spec {
	background: #fff9c4;
	padding: 75px 0 64px;
}
.spec h3 {
	color: #311506;
	margin: 0 0 67px;
}
.spec ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
	text-align:center;
}
.spec li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 112px;
	text-align:left;
}
.spec li:first-child {
	margin: 0;
}
.spec li .visual {
	float: left;
	margin: 0 16px 0 0;
}
.spec li p {
	overflow: hidden;
	font: 400 16px/19px 'Roboto', sans-serif;
	color: #5a4934;
	padding: 0 5px 0 0;
}
.we_num {
	padding: 75px 0 60px;
}
.we_num h3 {
	color: #311506;
	margin: 0 0 54px;
}
.we_num ul {
	margin: 0 -77px;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
}
.we_num li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 33.3%;
}
.we_num li span {
	display: block;
	font: 400 105px/105px 'Roboto', sans-serif;
	color: #fdd835;
	margin: 0 0 39px;
	position: relative;
}
.we_num li span:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	background: #311506;
	width: 57px;
	margin: 0 0 0 -28px;
	height: 3px;
}
.we_num li p {
	font: 500 16px/24px 'Roboto', sans-serif;
	color: #381a0b;
}
.about {
	background: #fff9c4;
	padding: 73px 0 12px;
}
.about h3 {
	margin: 0 0 62px;
}
.about ul {
	margin: 0 -33px 0 -27px;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
}
.about li {
	display: inline-block;
	vertical-align: top;
	width: 319px;
	margin: 0 0 37px 24px;
}
.about li .num {
	display: block;
	float: left;
	 margin: 0 16px 0 0;
	font: 300 56px/56px 'Roboto', sans-serif;
	color: #d0c89c;
}
.about li .text {
	overflow: hidden;
}
.about li h4 {
	color: #311506;
	font: 500 18px/24px 'Roboto', sans-serif;
}
.about li p {
	color: #311506;
	font: 400 14px/24px 'Roboto', sans-serif;
}
.examples {
	padding: 83px 0 0 0;
	height: 700px;
}
.examples h3 {
	margin: 0 0 55px;
}
.examples .tabset {
	margin: 0 0 -190px 59px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position:relative;
	z-index:5;
}
.examples .tabset li {
	float: left;
	margin: 0 38px 0 0;
	font: 500 16px/24px 'Roboto', sans-serif;
}
.examples .tabset li a {
	color: #817067;
	text-decoration: none;
	border-bottom: dashed 1px #817067;
}
.examples .tabset li a:hover,
.examples .tabset li.active a {
	border-bottom: none;
	color: #fdd835;
}
.examples .tabset li.active {
}
.examples .holder .gallery {
	margin: 0 0 0 -18px;
	padding: 0;
	list-style: none;
}
.examples .holder{
	overflow:hidden;
	position: relative;
	padding-top:200px;
}
.examples .tabs_hol{
	position: relative;
}
.examples .holder .gallery li {
	width: 100%;
}
.examples .holder .gallery img{
	vertical-align:top;
	max-width:100%;
	max-height:100%;
}
.examples .bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.examples .bx-prev {
	position: absolute;
	top: 50%;
	margin: -22px 0 0 0;
	left: 20px;
	background: url(../images/arrow-photo-icon-l-gray.svg) no-repeat;
	width: 20px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.examples .bx-next {
	position: absolute;
	top: 50%;
	margin: -22px 0 0 0;
	right: 20px;
	background: url(../images/arrow-photo-icon-r-gray.svg) no-repeat;
	width: 20px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.examples .bx-prev:hover{
	background: url(../images/arrow-photo-icon-l.svg) no-repeat;
}
.examples .bx-next:hover {
	background: url(../images/arrow-photo-icon-r.svg) no-repeat;
}
.examples .holder .text {
	overflow: hidden;
	padding: 0 0 10px 32px;
}
.examples .holder .text h4 {
	font: 500 18px/18px 'Roboto', sans-serif;
	text-transform: uppercase;
	color: #311506;
	margin: 0 0 15px;
}
.examples .holder .text p {
	font: 400 13px/24px 'Roboto', sans-serif;
	color: #000;
	margin: 0 0 26px;
}
.btn {
	display: inline-block;
	background: #fdd835;
	text-transform: uppercase;
	font: 500 14px/44px 'Roboto', sans-serif;
	color: #311506;
	padding: 0 20px;
	margin: 0;
	text-decoration: none;
	border-radius:4px;
	-webkit-box-shadow: 2px 2px 5px -2px #d4d4d4;
	box-shadow:  2px 2px 5px -2px #d4d4d4;
}
.btn:hover {
	opacity: 0.75;
}
.examples .holder .btn {
	margin: 21px 0 0 0;
}
.choose {
	background: url(../images/bg2.jpg) center no-repeat;
	background-size: cover;
	padding: 77px 0 81px;
	text-align: center;
}
.choose h3 {
	margin: 0 0 33px;
	color: #311506;
}
.choose p {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #311506;
	margin: 0 0 50px
}
input[type=text] {
	background: none;
	border: none;
	font: 400 16px/17px 'Roboto', sans-serif;
	color: #6a554a;
	display: block;
	text-align: center;
	padding: 0 0 5px 0;
	width: 262px;
	margin: 0 auto 29px auto;
	border-bottom: solid 1px #311506;
	-webkit-border-radius:0;
}
.choose input[type=submit] {
	display: block;
	background: #fdd835;
	border:none;
	text-transform: uppercase;
	font: 500 14px/43px 'Roboto', sans-serif;
	color: #311506;
	padding: 0 20px;
	cursor: pointer;
	margin: 0 auto;
	text-decoration: none;
	border-radius:4px;
	-webkit-box-shadow: 2px 2px 5px -2px  rgba(0, 0, 0, 0.2);
	box-shadow:  2px 2px 5px -2px rgba(0, 0, 0, 0.2);
	-webkit-appearance:none;
	-webkit-border-radius:4px;
}
.choose input[type=submit]:hover {
	opacity: 0.85;
}
.holder-error {
	position: relative;
	width: 263px;
	margin: 0 auto;
}
.holder-error.active span {
	display: block;
}
.holder-error span {
	display: none;
}
.holder-error.active input[type=text] {
	border-bottom: 1px solid #e57373;
}
.holder-error.active span {
	position: absolute;
	left: 0;
	top: 23px;
	width: 100%;
	padding: 5px 0 0 0;
	font: 400 13px/16px 'Roboto', sans-serif;
	color: #e57373;
	text-align: center;
}
input[type="text"]::-webkit-input-placeholder {  /* WebKit browsers */
	font: 400 16px/16px 'Roboto', sans-serif;
	color: #6a554a;
	opacity:0.9;
	font-style:normal;
}
input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font: 400 16px/16px 'Roboto', sans-serif;
	color: #6a554a;
	opacity:0.9;
	font-style:normal;
}
input[type="text"]:-moz-placeholder  { /* Mozilla Firefox 4 to 18 */
	font: 400 16px/16px 'Roboto', sans-serif;
	color: #6a554a;
	opacity:0.9;
	font-style:normal;
}
input[type="text"]:-ms-input-placeholder  { /* Internet Explorer 10+ */
	font: 400 16px/16px 'Roboto', sans-serif;
	color: #6a554a;
	opacity:0.9;
	font-style:normal;
}
.make-booking {
	padding: 74px 0 78px;
}
.make-booking h3 {
	color: #311506;
	margin: 0 0 63px;
}
.make-booking ul {
  margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.make-booking li {
	display: inline-block;
	text-align: left;
	width: 253px;
	vertical-align: top;
	margin: 0 0 0 105px;
}
.make-booking li:first-child {
	margin: 0;
}
.make-booking li .text {
	min-height: 187px;
}
.make-booking li h4 {
	font: 500 18px/24px 'Roboto', sans-serif;
	color: #5a4b44;
}
.make-booking li p {
	font: 400 14px/24px 'Roboto', sans-serif;
	color: #5a4b44;
}
.make-booking li .btn {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px #311506 solid;
	border-radius: 3px;
	min-width: 178px;
	line-height: 40px;
	text-align: center;
}
.make-booking li .btn:hover {
	border: 1px #fdd835 solid;
	color: #fdd835;
	opacity: 1;
}
.order-call {
	background: #fdd835;
	padding: 73px 0;
}
.order-call h3 {
	color: #311506;
	margin: 0 0 67px;
}
.order-call input[type=text] {
	margin: 0 auto 48px auto;
	text-align: center;
	-webkit-border-radius:0;
}
.order-call input[type=submit] {
	display: block;
	background: #e64a19;
	border:none;
	text-transform: uppercase;
	font: 500 14px/39px 'Roboto', sans-serif;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
	margin: 0 auto;
	text-decoration: none;
	border-radius:4px;
	-webkit-box-shadow: 2px 2px 5px -2px  rgba(0, 0, 0, 0.2);
	box-shadow:  2px 2px 5px -2px rgba(0, 0, 0, 0.2);
	-webkit-appearance:none;
	-webkit-border-radius:4px;
}
.order-call input[type=submit]:hover {
	opacity: 0.85;
}
.contacts {
	padding: 77px 0 161px;
}
.contacts h3 {
	margin: 0 0 51px;
}
.contacts p {
	font: 400 14px/24px 'Roboto', sans-serif;
	color: #311506;
	text-align: center;
	margin: 0 0 31px;
}
.contacts ul {
	margin: 0;
	padding: 0 0 0 186px;
	font-size: 0;
	line-height: 0;
	list-style: none;
}
.contacts li {
	display: inline-block;
	vertical-align: top;
	width: 265px;
	margin: 0 0 0 91px;
}
.contacts li:first-child {
	margin: 0;
}
.contacts li h4 {
	font: 500 18px/24px 'Roboto', sans-serif;
	color: #311506;
	margin: 0 0 8px;
}
.contacts li p {
	text-align: left;
	font: 400 13px/20px 'Roboto', sans-serif;
	margin: 0 0 15px;
}
.contacts li a {
	font: 500 11px/37px 'Roboto', sans-serif;
	color: #311506;
	text-transform: uppercase;
	padding: 13px 0 1px 24px;
	background: url(../images/geolocation-icon.svg) -4px 0px no-repeat;
}
#footer {
	padding: 10px 0 40px;
}
#footer p {
	float: left;
	font: 400 13px/20px 'Roboto', sans-serif;
	color: #9a9a9a;
	margin: 0 83px 0 0;
}
#footer .mail {
	float: left;
	font: 400 13px/20px 'Roboto', sans-serif;
	color: #9a9a9a;
	margin: 0 81px 0 0;
}
#footer .mail span {
	display: block;
}
#footer .mail a {
	color: #9a9a9a;
}
#footer .tel  {
	float: left;
	font: 400 24px/40px 'Roboto', sans-serif;
	color: #404040;
	text-decoration: none;
}
#footer .create {
	float: right;
}
#footer .create span {
	display: inline-block;
	vertical-align: middle;
	font: 400 13px/13px 'Roboto', sans-serif;
	padding: 0 6px 0 0;
}
#footer .create .visual {
	display: inline-block;
	vertical-align: middle;
	width: 68px;
	height: 37px;
}
#footer .create .hover {
  display: none;
}
#footer .create a:hover img {
  display: none;
}
#footer .create a:hover img.hover {
  display: inline;
}
input[type="text"]:focus::-webkit-input-placeholder {
 color:transparent!important;
}
input[type="text"]:focus:-moz-placeholder {
 color:transparent!important;
}
input[type="text"]:focus:-ms-input-placeholder {
 color:transparent!important;
}
input[type="text"]:focus::-moz-placeholder {
 color:transparent!important;
}
textarea:focus::-webkit-input-placeholder {
 color:transparent!important;
}
textarea:focus:-moz-placeholder {
 color:transparent!important;
}
 textarea:focus:-ms-input-placeholder {
 color:transparent!important;
}
textarea:focus::-moz-placeholder {
 color:transparent!important;
}
.popup-holder {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	display:block;
}
.popup-holder .mask {
    overflow: hidden;
}
.popup-holder .bg {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	filter: alpha(opacity=70);
	opacity: 0.9;
}
.popup-holder .popup {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 621px;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.popup-holder .popup-info  {
	border-radius: 10px;
	background: #6d4c41;
	overflow: hidden;
	padding: 36px 5px 42px 5px;
}
.popup-holder .close-popup {
	background:url(../images/Close-icon.svg) no-repeat;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 16px;
	text-indent: -9999px;
}
.popup-info h3 {
	font: 300 30px/30px 'Roboto', sans-serif;
	color: #a1887f;
	margin: 0 0 32px;
}
.popup-info input[type=text] {
	border-bottom: solid 1px #d7ccc8;
	font: 400 16px/17px 'Roboto', sans-serif;
	color: #beb0ab;
}
.popup-info  input[type="text"]::-webkit-input-placeholder {  /* WebKit browsers */
	color: #d7ccc8;
}
.popup-info  input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #d7ccc8;
}
.popup-info  input[type="text"]:-moz-placeholder  { /* Mozilla Firefox 4 to 18 */
	color: #d7ccc8;
}
.popup-info  input[type="text"]:-ms-input-placeholder  { /* Internet Explorer 10+ */
	color: #d7ccc8;
}
.popup-info input[type=submit] {
	display: block;
	background: #fdd835;
	border: none;
	text-transform: uppercase;
	font: 500 14px/42px 'Roboto', sans-serif;
	color: #311506;
	padding: 0 17px;
	cursor: pointer;
	border-radius: 2px;
	margin: 0 auto;
	text-decoration: none;
	border-radius:4px;
	-webkit-box-shadow: 2px 2px 5px -2px  rgba(0, 0, 0, 0.2);
	box-shadow:  2px 2px 5px -2px rgba(0, 0, 0, 0.2);
	-webkit-appearance:none;
	-webkit-border-radius:4px;
}
.popup-info input[type=submit]:hover {
	opacity: 0.75
}
.popup-holder .close-popup:hover{
	opacity:0.7;
}
.reviews {
	padding: 0 0 73px 0;
}
.reviews .center {
	max-width: 969px;
	min-width: 280px;
}
.reviews h3 {
	color: #311506;
	margin: 0 0 67px;
}
.reviews .tabset {
	margin: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
	border-bottom: 4px solid #fdd835;
	position: relative;
}
.reviews .tabset li {
	width: 116px;
	height: 116px;
	text-align: center;
	margin: 0 36px 36px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.reviews .tabset li img {
	border-radius: 50%;
}
.reviews .description {
	padding-top: 25px;
}
.reviews .description p {
	font: 400 14px/24px 'Roboto', sans-serif;
	color: #5a4b44;
	margin: 0;
	line-height: 23px;
}
.reviews  .tab-body {
	width: 100%;
	position: relative;
	min-height: 160px;
	margin: 0 auto;
	position: relative;
}
.reviews  .tab-body .tab {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.7s ease;
	-moz-transition: opacity 0.7s ease;
	-ms-transition: opacity 0.7s ease;
	-o-transition: opacity 0.7s ease;
	transition: opacity 0.7s ease;
}
.reviews  .tab-body .tab.active {
	opacity: 1;
}
.reviews  .name {
	font-weight: 700;
	margin-top: 17px;
	line-height: 23px;
	display: block;
	color: #5a4b44;
}
.reviews  .city {
	color: #5a4b44;
	display: block;
}
.reviews  .date {
	display: block;
	color: #5a4b44;
	font-size: 14px;
	line-height: 23px;
}
.reviews  .arrow {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: rgba(0, 0, 0, 0) url(../images//tab-arrow.gif) no-repeat scroll 0 0;
	top: -24px;
	display: block;
	height: 24px;
	left: 100px;
	position: absolute;
	width: 20px;
}
/* upd 02-11-16 */

.doors-slider-holder{
	background: #e5e3c5; /* Old browsers */
	background: -moz-linear-gradient(top, #e5e3c5 0%, #f0f0ee 50%, #e5e3c5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e3c5 0%,#f0f0ee 50%,#e5e3c5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e3c5 0%,#f0f0ee 50%,#e5e3c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e3c5', endColorstr='#e5e3c5',GradientType=0 ); /* IE6-9 */
	padding: 56px 0 32px;
	color: #361c0c;
	font-size: 14px;
	line-height: 20px;
}
.doors-slider-holder a{
	color: #361c0c
}
.doors-slider-holder h2{
	font: 300 30px/35px 'Roboto', sans-serif;
	color: #381d0c;
	margin: 0 0 58px;
	text-transform: none;
	text-align: center;
}
.doors-slogan{
	display: block;
	text-align: center;
}
.doors-slider-frame{
	margin: 0 0 31px;
	min-height: 640px;
	position: relative;
}
.doors-slider-frame .bx-viewport{
	overflow: visible !important;
}
.door-bx-slider{
	margin:0;
	padding:0;
	list-style:none;
}
.door-bx-slider li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 270px;
	width: 100% !important;
}
.door-bx-slider li:after{
	display:block;
	clear:both;
	content:'';
}
.door-bx-slider .visual{
	float: left;
	width: 470px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 610px;
	line-height: 610px;
	text-align: center;
	margin: 0 38px 0 0;
}
.door-bx-slider .visual img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}
.door-bx-slider .title{
	float: left;
	width: 320px;
	margin: 0 -140px 0 0;
	font-size: 14px;
	line-height: 24px;
	color: #3b3b3b;
}
.door-bx-slider .title p{
	color: #3b3b3b;
	margin: 0 0 10px;
}
.door-bx-slider .title span{
	display: block;
	color: #b07e6e;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 22px;
}
.door-bx-slider .title strong{
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: #371a09;
	display: block;
	margin: 0 0 24px;
}
.doors-slider-frame .bx-prev, .doors-slider-frame .bx-next{
	position: absolute;
	left: 50%;
	top: 280px;
	margin: 0 0 0 -220px;
	z-index: 52;
	background: url(../images/img/gallery-btn.png) no-repeat;
	width: 44px;
	height: 44px;
	text-indent: -999px;
	overflow: hidden;
}
.doors-slider-frame .bx-next{
	margin: 0 0 0 210px;
	background-position: -44px 0;
}
.doors-slider-frame .bx-prev:hover{
	background-position: 0 -44px;
}
.doors-slider-frame .bx-next:hover{
	background-position: -44px -44px;
}
#door-pager{
	left: -11px;
	position: absolute;
	top: 6px;
	width: 240px;
	z-index: 50;
}
#door-pager a{
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 81px;
	line-height: 81px;
	margin: 0 -3px 3px 0;
	text-align: center;
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}
#door-pager a.active{
	background: #c3b1a0;
}
#door-pager img{
	vertical-align: middle;
	max-width: 95%;
	max-height: 95%;
}
.examples .holder .gallery{
	margin: 0;
}
.examples .holder .gallery img{
	width: 100%;
	height: auto;
}
.gallery-list{
	margin:0;
	padding:0;
	list-style:none;
}
.examples .bx-prev, .examples .bx-next{
	z-index: 51;
}




@media screen and (max-width:1260px){
	.door-bx-slider li{
		padding: 0;
	}
	#door-pager{
		position: static;
		width: auto;
		padding: 20px 0 0;
	}
	.door-bx-slider .visual{
		float: none;
		margin: 0 auto 20px;
		width: auto;
	}
	.door-bx-slider .title{
		float: none;
		width: auto;
		margin: 0;
		text-align: center;
	}
}
@media all and (max-width: 1050px) {
	#main .doors ul {
		margin: 0;
		text-align:center;
	}
	#main .doors li {
		width: 42%;
		margin: 0 0 40px 0;
		float:none;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	.order .holder1 ul {
		  margin: 0;
		  text-align:center;
	}
	.order .holder1 li {
		width: 45%;
		margin: 0 0 26px;
		float:none;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	#main .doors li .visual {
		margin: 0 8px 0 0;
	}
	.spec li {
	width: 32%;
	margin: 0 0 10px;
	text-align: center;
	}
	.spec li .visual {
	float: left;
	margin: 0 5px 0 0;
	}
	.about ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
		line-height: 0;
	}
	.about li {
		width: 50%;
		padding: 0 10px;
		box-sizing:border-box;
		margin: 0 0 20px;
	}
	.make-booking li {
		width: 100%;
		text-align: center;
		margin: 0 0 50px;
	}
	.make-booking li:first-child {
		margin: 0 0 50px;
		}
	.make-booking li .text {
		min-height: 100px;
		padding: 0 100px;
	}
	.make-booking li .text{
		min-height:0;
	}
	.make-booking {
		padding: 74px 0 0px;
	}
}
@media all and (max-width: 950px) {
	.order .holder2 ul {
		padding: 0;
		margin: 0  auto;
		width: 90%;
	}
	.order .holder2 li {
		width: 34%;
		margin: 0 0 25px;
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.order .holder2 li:before {
		top: 6px;
		left: 3px;
	}
	#footer p,
	#footer .mail,
	#footer .create  {
		float: none;
		text-align: center;
		margin: 0 0 10px;
	}
	#footer .tel {
		display: block;
		float: none;
		text-align: center;
		margin: 0 0 10px;
	}
}
@media all and (max-width: 880px) {
	#header {
		position: static;
	}
	#header #nav {
		display: none;
	}
	#main {
		padding: 0;
	}
	#main .welcome {
		text-align: center;
	}
	.we_num li {
		width: 100%;
	}
	.we_num li span {
		font: 400 80px/80px 'Roboto', sans-serif;
		margin: 0 0 15px;
	}
	.examples {
		height: auto;
		padding-bottom:81px;
	}
	.examples .tabset {
		margin: 0 0 33px;
	}
	.examples .bx-wrapper {
		float: none;
		padding: 0 0 30px;
	}
	.examples .holder .text {
		text-align: center;
		padding: 0 0 10px;
	}
	.contacts ul {
		padding: 0;
		margin: 0  auto;
		width: 75%;
	}
	.contacts li {
		width: 47%;
		margin: 0px 0 0 3%;
	}
	#main .doors {
	padding: 74px 0px 45px;
	}
	.order {
	padding: 77px 0px 52px;
	}
	.about {
	padding: 73px 0px 52px;
	}
	.order-call {
	padding: 79px 0px
	}
	.examples .holder{
		padding:0;
	}
	.examples .tabset{
		text-align:center;
	}
	.examples .tabset li{
		float:none;
		display:inline-block;
		vertical-align:top;
	}
}
@media all and (max-width: 1010px) {
	.reviews .tabset li {
		margin: 0 1% 36px;
	}
	.reviews .arrow {
		left: 177px;
	}
}
@media (max-width: 960px) {
	.gallery-list li img {
		width: 100%;
		height: calc((100vw - 40px)*0.53673469);
	}
}
@media all and (max-width: 800px) {
	.contacts {
		padding-bottom:40px;
	}
	.contacts ul {
		padding: 0;
	}
	.contacts li {
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.contacts li p {
		text-align: center;
	}
	.reviews .tabset li {
		width: 33.3%;
		margin: 0 0 20px;
	}
	.reviews .tabset li  img {
		border-radius: 50%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.reviews .tabset li.active img {
		border: 4px solid #3dc8ff;
		box-sizing:border-box;
	}
	.make-booking {
		padding: 74px 0 10px;
	}
	.reviews {
	padding: 0 0 35px;
	 }
	.reviews h3 {
		margin: 0 0 20px;
	}
	.reviews .arrow {
		display: none;
	}
	.reviews  .tab-body .tab {
		position: relative;
		display: none;
	}
	.reviews  .tab-body .tab.active {
		display: block;
	}

}
@media all and (max-width: 680px) {
	h1 {
		margin: 0;
		font-size: 24px;
		line-height: 25px;
	}
	#main .welcome h1 span {
		background: none;
	}
	h2 {
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 5px;
	}
	#main .welcome strong {
		 font: 700 18px/20px 'Roboto', sans-serif;
	}
	#main .welcome p {
		font: 400 15px/20px 'Roboto', sans-serif;
		color: #fff;
		margin: 0 0 5px;
	}
	#main .welcome span {
		display: block;
		padding: 9px 0 6px 0;
		background: none;
	}
	.order .holder1 li {
		width: 100%;
		margin: 0 0 26px;
		text-align: center;
	}
	.order .holder1 li .visual {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
	}
	.order .holder2 h3 {
		margin: 0 0 10px;
	}
	.order .holder2 li {
		width: 40%;
	}
	.examples .tabset {
		margin: 0 0 20px;
	}
	.examples .tabset li {
		float: none;
		margin: 0 0 10px;
		display: block;
		text-align: center;
	}
	.popup-holder .popup {
		width: 300px;
		padding: 0 10px;
	}
	.popup-info h3 {
		font: 300 25px/25px 'Roboto', sans-serif;
	}
	.spec li p {
		font: 400 12px/15px 'Roboto', sans-serif;
		padding: 0 15px 0 0;
		text-align:left;
	}
	#main .doors li{
		width:49%;
	}

}
@media all and (max-width: 600px) {
	#main .doors li {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}
	#main .doors li .visual {
		float: none;
		margin: 0;
	}
	#main .doors li .text {
		margin: 0 auto;
	}
	.order .holder2 ul {
		width: 50%;
	}
	.order .holder2 li {
		width: 70%;
	}
	.spec li {
		width: 51%;
	}
	.spec li p{
		text-align:center;
	}
	.spec li .visual {
		float: none;
	}
	.doors-slider-frame .bx-prev{
		margin: 0;
		left: 0;
	}
	.doors-slider-frame .bx-next{
		margin: 0;
		right: 0;
		left: auto;
	}
	.door-bx-slider .visual{
		height: auto;
		line-height: normal;
	}
}
@media all and (max-width: 500px) {
	.about li {
		width: 100%;
	}
	.make-booking li .text {
		padding: 0;
	}
	.order .holder2 ul {
		width: 75%;
	}
	.reviews .tabset li {
		width: 50%;
	}
}
@media screen and (max-width:400px){
	.doors-slider-frame .bx-prev, .doors-slider-frame .bx-next{
		top: 140px;
	}
}

@media (max-width: 360px) {
	#header .logo {
		margin-right: 0;
	}

}

.vokno {
	font-family: 'Roboto', sans-serif;
	color: #d0c89c;
	text-align: center;
	font-size:18px;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 30;
	padding: 0;
}