@font-face {font-family: 'CodecPro';src: url('../fonts/CodecPro-News.woff') format('woff'), url('../fonts/CodecPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }

html, body{min-width: 320px;}
body {
	background: #ffffff;
	font-family: 'CodecPro', sans-serif;
	line-height: 1.2;
	font-size: 16px;
	color: #211a22;
	margin: 0;
}
a { color: #211a22; text-decoration: none; border-bottom: 1px solid;}
a:hover { border-bottom-color: transparent;}
a img{border:none;}
*{outline: none;}
input, button { appearance: none; box-shadow: none; }
p:first-child{margin-top: 0;}
p:last-child{margin-bottom: 0;}

/*.scroller{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}*/
.wrapper{
	opacity: 0; transition: 600ms;
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;*/
}
.overflow{
	overflow: hidden;
}
.contacts__phone{border: none;}
.btn{
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	position: relative;
	color: #fff;
	font-family: inherit;
	background: #679a4d;
	padding: 15px 24px;
	transition: 1000ms;
	transform-origin: left;
}
@media (min-width: 1000px) {
	.btn:hover{
		background: #15403b;
	}
}


.header{
	position: relative;
	width: 77%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	height: 100vh;
	min-height: 550px;
	position: relative;
	box-sizing: border-box;
	z-index: 1;
}
.header:before{
	content: '';
	position: absolute;
	top: 0; bottom: 0;
	left: 0;
	width: 40%;
	background: #211a22;
	/*animation: fadeIn 1s linear;*/
}
.header__left{
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 40%;
	min-width: 40%;
	position: relative;
	box-sizing: border-box;
	color: #fff;
	padding: 50px 3.8%;
	z-index: 1;
}
.header__middle{
	height: 100%;
	width: 61%;
	min-width: 61%;
	background-image: url(../images/bg6.jpg);
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	/*animation: header__middle 1s linear;*/
}
@keyframes header__middle {
	0%, 30% { opacity: 0; }
	100% { opacity: 1; }
}
.fixed-menu{
	position: fixed;
	top: 0;
	right: 0;
	width: 23%;
	height: 100% ;
	background: #fff;
	z-index: 1;
	overflow: hidden;
}
.helper{
	height: 160px;
}
.fixed-menu__title{
	color: #402e14;
	font-size: 30px;
	padding-top: 65px;
	padding-bottom: 65px;
	height: 130px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 0 90px 0 52px;
	border-bottom: 1px solid #d9d9d9;
	width: calc(100% + 50px);
	box-sizing: border-box;
    font-weight: bold;
}
.fixed-menu__btn{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 190px;
	background: url(../images/shadow.png) 0 0 repeat;
	background-size: auto 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	/*padding-left: 52px;*/
	box-sizing: border-box;
	padding-top: 20px;
	pointer-events: none;
}
.fixed-menu__btn .btn{
	padding: 20px 30px;
	text-transform: none;
	pointer-events: initial;
	margin: 0 auto;
  background: #679a4d;
}
.fixed-menu__scroll{
	max-height: 100%;
	width: 100%;
	padding-right: 50px;
	box-sizing: content-box;
  overflow-y: scroll;
  overflow-x: hidden;
}
.menu-item{
	padding: 25px 70px 25px 52px;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	transition: 300ms;
	width: calc(100% + 50px);
  font-size: 16px;
  overflow: hidden;
}

.menu-item p{
  display: none;
  margin: 10px 0 0 0;
  position: relative;
  z-index: 2;
    font-size: 14px;
}

.menu-item.active p{
  display: block;
}

.menu-item span{position: relative; display: block; }
@media (min-width: 1000px) {
	.menu-item:hover span{
		color: #fff;
		font-weight: bold;
	}
	.menu-item:hover .menu-item__img{
		opacity: 1;
	}
}
.menu-item.active{
	min-height: 220px !important;
    height: auto !important;
	color: #fff;
}
.menu-item.active span{
	font-weight: bold;
}
.menu-item__img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	height: 100%;
	background: #000;
	transition: 200ms;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.menu-item__img:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,0));
}
.menu-item.hover .menu-item__img, .menu-item.active .menu-item__img {
	opacity: 1;
}
.menu-item.hover{color: #fff;}
.title{
	font-size: 135px;
	color: #9a6639;
	line-height: .9;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	animation: header__middle 1s linear;
}
.text{
	line-height: 1.3;
	font-size: 24px;
	padding: 40px 0;
	width: 100%;
	color: #ced3d7;
	animation: text 1s linear;
}
.text__title{
	font-size: 34px;
	margin-bottom: 25px;
}
@keyframes text {
	0%, 60% {
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-o-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;  }
	100% { opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeUp {
	0%, 10% {
		-webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
	}
}
@keyframes fadeUp {
	0%, 10% {
		-webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
	}
}
@-webkit-keyframes fadeIn {
	0%, 10% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0%, 10% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.arrow, .arrow-mobile{
	min-width: 48px;
	width: 48px;
	height: 59px;
	background-image: url(../images/arrow.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	animation: arrow 1.5s ease-out infinite;
}
@-webkit-keyframes arrow {
	0%, 100% { transform: translateY(-20px); }
	50% { transform: translateY(0); }
}
@keyframes arrow {
	0%, 100% { transform: translateY(-20px); }
	50% { transform: translateY(0); }
}
.logo{
/*	position: absolute;
	top: 140px;
	right: -40px;*/
	width: 217px;
	min-width: 59%;
	margin-right: 10%;
}
.logo img{max-width: 100%;}

.footer{
	font-size: 15px;
	position: relative;
	white-space: nowrap;
	color: #fff;
	background: #211a22;
	width: 77%;
}
.footer a{color: #fff; }
.footer .content{
	height: 260px;
	padding-left: 3.8%;
	padding-right: 3.8%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.footer .content .social{
	width: 100%;
}
.footer .content > div:first-child{
	padding-right: 3%;
}
.footer .content > div:last-child{
	text-align: right;
}
.footer .content a{text-decoration: none; position: relative;}
.footer .content a:after{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0%;
	background: #fff;
	height: 1px;
	transition: 1000ms;
}
.footer .content a:hover:after{
	width: 100%;
}
.social a{
	display: inline-block;
	margin-right: 33px;
	transition: 600ms;
	border: none;
}
.social a:after{display: none;}
.social a:hover{
	opacity: .8;
	transform: scale(1.1);
}
.social img{
	width: 36px;
}


.modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(86,58,52,.9);
	display: none;
}
.modal__inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.modal__body{
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 100%;
	box-sizing: border-box;
	padding: 3% 0;
}
.modal__body>div{
	background: #fff;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 86px 86px 70px;
	box-sizing: border-box;
	position: relative;
}
.modal__close{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 60px;
	height: 60px;
	z-index: 2;
	transition: 600ms;
}
.modal__close:before, .modal__close:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	/*margin-top: -11px;*/
	height: 2px;
	background: #aa9c99;
	transform: rotate(45deg);
}
.modal__close:after{
	transform: rotate(-45deg);
}
.modal__close:hover{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.modal__title{
	font-size: 35px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 60px;
}
.modal.show,
.modal.hiding {
  display: block;
}
.modal.show{
  animation: modal-fade-animation 0.5s ease;
}
.modal.hiding {
  animation: modal-fade-animation-out 0.5s ease;
}
#error .modal__body > div{
	background-size: auto 255px;
}

@keyframes modal-fade-animation {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}
@keyframes modal-fade-animation-out {
  from {
	opacity: 1;
  }
  to {
	opacity: 0;
  }
}

/*order*/
.select-mobile{display: none;}
@media (max-width: 1000px) {

	.menu-item.active span{font-weight: normal;}
	/*.header__middle{background-image: url(../images/bg.jpg);}*/
	.social img{
		width: 20px;
	}
	.social a{margin-right: 14px;}
	.social a:last-child{margin-right: 0;}

	.select-mobile{display: block;}
	.select-desctope{display: none;}
}
.select{
    position: relative;
    transition: 300ms;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
		background-position: 9px 16px;
		background-size: 20px;
		background-repeat: no-repeat;
		box-sizing: border-box;
}
.time-icon{
		background-image: url(../images/time-icon.svg);
}
.count-icon{
		background-image: url(../images/count-icon.svg);
}
.selected{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
  padding-left: 50px;
  padding-right: 30px;
  line-height: 52px;
  box-sizing: border-box;
  font-size: 16px;
  white-space: nowrap;

}
.options{
	position: absolute;
	top: 100%;
	margin-top: 1px;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 30px 50px rgba(0,0,0,.35);
	/*border: 1px solid #d9d9d9;*/
	border-top: none;
	border-radius: 0 0 4px 4px;
	display: none;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
	max-height: 220px;
}
.options.open{
	display: block;
}
.options > div{
	padding: 10px 20px;
}
.options > div:hover, .options > div.active{
	color: #fff;
	background: #ca2822;
}
.select select{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 50px;
    padding-right: 40px;
    border: none;
    box-shadow: none;
    background: none;
    font-size: 16px;
    font-family: inherit;
    color: #000;
}
.select select::-ms-expand {
    display: none;
}
.select:after{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    text-align: center;
    pointer-events: none;
    background-color: #fff;
    /*background-image: url(/images/modal/arrow.svg);*/
    content: '';
    /*background-position: 50% 50%;*/
    /*background-repeat: no-repeat;*/
    border-radius: 0 4px 4px 0;


}
.select.error, .select.error:before{
    border-color: #ff428d;
}

.fields--3, .fields--2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}


.input-field{
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}
.input-field__title{
	font-size: 16px;
	color: #4c4c4c;
	margin-bottom: 7px;
}
.fields--3 .input-field{
	width: 30%;
}
.fields--2 .input-field{
	width: 47.5%;
}

.input-field input, .input-field textarea{
	box-shadow: none;
  -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;
	padding: 18px 12px;
	margin: 0;
	border:none;
	border-radius: 4px;
	font-size: 16px;
	font-family: inherit;
	width: 100%;
	box-sizing: border-box;
	line-height: 1;
	border: 1px solid #d9d9d9;
	color: #000;
}
.input-field input[name="date"]{
	padding-left: 40px;
	background-image: url(../images/calendar-icon.svg);
	background-position: 9px 16px;
	background-size: 20px;
	background-repeat: no-repeat;
}
.input-field textarea{
	height: 110px;
	resize: none;
}
.input-field input.error{
	border-color: #ca3426;
}
::-webkit-input-placeholder {color: #999; } ::-moz-placeholder {color: #999; } :-ms-input-placeholder {color: #999; } :-moz-placeholder {color: #999; }

/*scroll*/
.block{
	width: 77%;
	padding: 11% 10% 13%;
	box-sizing: border-box;
	border-right: 1px solid #d9d9d9;
}
.block > div{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;

}
.block__img{
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	height: 237px;
	width: 237px;
	min-width: 237px;
	margin-right: 7vw;
}
.block__img span{
	background-image: url(../images/photo.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.block__text{
	line-height: 1.3;
	font-size: 24px;
}
.block__text.animated{
	animation: fadeUp .6s linear;
}

.block2{
	background-color: #f4fbf0;
	padding-top: 8%;
	position: relative;
	width: 77%;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	z-index: 1;
	font-size: 0;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.block2__top{position: relative; padding-bottom: 8%;}
.block2__img{
	position: absolute;
	top: 0;
	bottom: -11%;
	left: 0;
	width: 50%;
	min-width: 50%;
	background: url(../images/img5-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.block2__text.animated{
	animation: fadeUp 1s linear;
}
.block2__img img{
	max-width: 100%;
	width: 100%;
}
.block2__text{
	width: 40%;
	min-width: 40%;
	/*padding: 11% 4% 19%;*/
	padding: 0 5%;
	font-size: 18px;
	line-height: 1.6;
	float: right;
	/*padding-top: 8%;*/
}
.block2__text p{
	margin: 10% 0;
}
.block2__text p:first-child{margin-top: 0;}
.block2__text p:last-child{margin-bottom: 0;}
.block2__text2{
	width: 100%;
	background-color: #211a22;
	padding-top: 18%;
	/*margin-top: -12%;*/
	font-size: 36px;
	padding-left: 12%;
	padding-right: 12%;
	padding-bottom: 10%;
	color: #fff;
	box-sizing: border-box;
}
.block2__text2 span{
	display: block;
}
.block2__text2.animated span{
	animation: fadeUp .6s linear;
}
.link-border{
	color: #211a22;
	border-bottom: 1px dashed;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	line-height: 1.2
}
.block3{
	width: 77%;
	font-size: 24px;
	padding-top: 11%;
	padding-bottom: 11%;
	box-sizing: border-box;
	position: relative;
	border-right: 1px solid #d9d9d9;
}
.block3 > div{
	padding-left: 12%;
	padding-right: 29%;
}
.block3 a{white-space: nowrap;}
.block3__inner{
	padding-top: 50px;
	padding-bottom: 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.block3__inner .btn{margin-left: 10px; text-transform: none; font-size: inherit;}
.block3__img{
	position: absolute;
	top: 0;
	right: -1px;
	width: 27%;
	padding-top: 27%;
	top: -4.6vw;
	z-index: 1;
	background: url(../images/img5-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.animated .block3__img{
	/*animation: fadeIn .6s linear;*/
}
.block3__line{
	margin-right: -20%;
	white-space: nowrap;
}
.br{display: none;}
.block3__in.animated {
	animation: fadeUp .6s linear;
}

.block3__line span{white-space: nowrap;}
.block4{
	width: 77%;
	padding-top: 11%;
	padding-bottom: 11%;
	box-sizing: border-box;
	background-color: #f3fbf1;
}
.block4.animated > div{
	animation: fadeUp .6s linear;
}
.block4 > div{
	padding-left: 12%;
	padding-right: 10%;
}
.block4__title{
	font-size: 36px;
	line-height: 1;
	margin-bottom: 60px;
	cursor: pointer;
	font-weight: bold;
}
.block4__item{
	padding: 30px 0;
	border-bottom: 1px solid #ddd8d6;
	padding-left: 70px;
	position: relative;
	cursor: pointer;
}
.block4__item:before{
	content: '';
	position: absolute;
	top: 37px;
	left: 0;
	width: 16px;
	min-width: 16px;
	height: 2px;
	min-height: 2px;
	background: #bbb6b6;
	display: block;
}
.block4__item:after{
	content: '';
	position: absolute; left: 7px; top: 30px;
	height: 16px;
	width: 2px;
	background: #bbb6b6;
}
.block4__item.active:before{background: #211a22;}
.block4__item.active:after{opacity: 0;}
.block4__q{
	font-size: 18px;
	transition: 600ms;
	transform-origin: left;
}
.order__btn{
	padding-top: 10px;
}
.order__btn .btn{
	padding: 20px 35px;
	text-transform: none;
}
.ui-widget{
	font-family: inherit;
}
.ui-datepicker-header{
	background: transparent;

}
.ui-widget.ui-widget-content{
	border: none;
	border-radius: 0;
	box-shadow: 0 30px 50px rgba(0,0,0,.35);
	padding: 15px;
}
.ui-datepicker th{
	color: #808080;
}
.ui-datepicker th:nth-child(6), .ui-datepicker th:nth-child(7),
.ui-datepicker td:nth-child(6) a, .ui-datepicker td:nth-child(7) a{
	color: #ff0000;
}
.ui-datepicker td span, .ui-datepicker td a{
	padding: 10px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	background: none;
	border: none;
	text-align: center;
	transition: 200ms;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-hover, .ui-widget-content .ui-state-hover{
	color: #fff !important;
	background: #ca2822;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev, .ui-widget-header{
	border: none;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{
	border: none !important;
	background-color: transparent !important;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-size: 15px !important;
	cursor: pointer;
	transition: 300ms;
}
.ui-datepicker .ui-datepicker-prev{
	background-image: url(../images/left.svg) !important;
}
.ui-datepicker .ui-datepicker-next{
	background-image: url(../images/right.svg) !important;
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span{
	display: none !important;

}
.ui-datepicker .ui-datepicker-next{right:2px !important;; top: 2px !important;}
.ui-datepicker .ui-datepicker-prev{left:2px !important;; top: 2px !important;}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.block4__item .block4__q span{
	border-bottom: 1px solid transparent;
	transition: 300ms;
}
.fields--3 input, .fields--3 select{
	cursor: pointer;
	transition: 300ms;
}
@media (min-width: 1000px) {
	.fields--3 input:hover, .fields--3 .select:hover{
		border-color:#ca2822
	}
	.block4__item:hover .block4__q{
		/*text-decoration: underline;*/
	}
	.block4__item:hover .block4__q span{
		border-bottom-color: #211a22;
	}
}
.active .block4__q{	font-weight: bold;}
.block4__a{
	/*display: none;*/
	/*padding-top: 25px;*/
	font-size: 16px;
	overflow: hidden;
	transition: 300ms;
}
.block4__a>div{
	padding-top: 25px;
}
.active .block4__a{
	/*display: block;*/
}
.mobile{
	display: none;
}
@media (max-width: 1600px) {
	.title{
		font-size: 100px;
	}
}
@media (max-width: 1400px) {
	.block2__text{
		font-size: 15px;
	}
	.title{
		font-size: 96px;
	}
	.text{
		padding: 20px 0;
		font-size: 17px;
	}
	.text__title{
		font-size: 25px;
		margin-bottom: 15px;
	}
	.arrow{
  	min-width: 35px;
    width: 35px;
    height: 45px;
	}
	.header__left{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.menu-item.active{
        min-height: 200px !important;
	}
}

@media (max-height: 800px) and (min-width: 1001px) {
	.input-field textarea{
		height: 80px;
	}
	.input-field{
		margin-bottom: 20px;
	}
	.modal__body>div{
		padding: 40px 60px;
	}
	.modal__body{
		padding: 1% 0;
	}
	.input-field input, .input-field textarea{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.select{height: 46px;    background-position: 9px 13px;}
	.selected{line-height: 46px;}
	.order__btn{
		padding-top: 0;
	}

	.fixed-menu__title{
		height: 80px;
		padding-left: 26px;
	}
	.menu-item {
		padding: 15px 68px 15px 26px;
    font-size: 16px;
	}
}
@media (max-height: 750px) {
	.menu-item{
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.menu-item p{
			font-size: 13px;
	}
	.fixed-menu__title{
		height: 60px;
	}
}
@media (max-width: 1300px) {
	.block{padding-left: 5%; padding-right: 5%;}
	.block__text{
		font-size: 18px;
	}
	.block2{padding-top: 4%;}
	.block2__text{
		font-size: 14px;
		padding-top: 5%;
	}
	.block2__text2, .block4__title{font-size: 24px;}
	.block3{font-size: 18px;}
	.menu-item{
		padding-left: 20px;
	}
	.fixed-menu__title {
    font-size: 25px;
    height: 100px
  }
  .fixed-menu__btn{
		/*padding-left: 20px;*/
  }
  .fixed-menu__title{
		padding-left: 20px;
  }
  .logo{
		right: -13px;
  }
  .title{font-size: 80px;}

}
@media (max-width: 1200px) {
	.block2__text{
		font-size: 12px;
	}
  .title{font-size: 75px;}
}



@media (max-width: 1000px) {

	.br{
		display: block !important;
	}
	.fixed-menu__scroll{
		width: 100%; 
		padding-right: 0;
		overflow-y: auto;
	}
	.header__left{
		animation: fadeIn 1s linear;
	}
	.block3{
		line-height: 1.5;
	}
	.block3__line{
		margin-right: 0; 
	}
	.block4 > div,
	.block3 > div{
		padding-left: 0;
		padding-right: 0;
	}
	.block3__img{
		display: none;
	}
	.mobile{
		display: initial;
	}
	.header{
		width: 100%;
		padding-top: 72px;
		display: block;
		height: auto;
		z-index: 2;
	}
	.header:before{
		display: none;
	}
	.logo{ 
		width: 116px; 
		min-width: 116px;
	}
	.title{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 64px;
	}
	.header__left{
		width: 100%;
		background: #211a22;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 7vh;
		padding-bottom: 7vh;
	}
	.arrow{
		display: none;
	}
	.arrow-mobile{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 36px;
		min-width: 36px;
		height: 43px;
		margin-left: -18px;
		margin-top: -30px;
	}

	.header__top{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 72px;
		background: #fff;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		z-index: 3;
		justify-content: space-between;
	}
	.header__top>div:first-child{
		font-weight: bold;
	}
	.fixed-menu{
		position: static;
	}
	.text{
		font-size: 14px;
		padding-left: 15px;
		padding-right: 20px;
		box-sizing: border-box;
		padding-bottom: 0;
		padding-top: 2.6vh;
	}
	.text__title{
		font-size: 22px;
	}
	.header__middle{
		width: 100%;
		min-height: 160px;
	}
	.desctope{
		display: none;
	}
	.btn{
		text-transform: none;
		font-size: 15px;
		padding: 15px 22px;
	}
	.header__top__link{
		font-size: 16px;
		border-bottom: 1px solid;
		line-height: 1;
	}
	.fixed-menu{
		width: 100%;
	}
	.fixed-menu__title{
		text-align: center;
		font-size: 22px;
		font-weight: bold;
		justify-content: center;
	}
	.fixed-menu__btn{
		position: static;
		padding: 40px 0;
		height: auto;
		justify-content: center;
		border-bottom: 1px solid #d9d9d9;
	}
	.helper{
		display: none;
	}
	.block{
		width: 100%;
		padding: 85px 30px 75px;
		box-sizing: border-box;
	}
	.block > div{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.block__text{
		font-size: 20px;
	}
	.block__img{
		margin-right: 0;
		height: 178px;
		width: 178px;
		min-width: 178px;
		margin-bottom: 30px;
	}
	.menu-item{
		padding-left: 30px;
		padding-right: 80px;
	}
	.block2{
		width: 100%;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 90px;
		padding-bottom: 0;
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.block2__img{
		width: 100%;
		max-width: 300px;
		position: static;
		height: 450px;
		min-width: 0;
		margin: 0 auto;
	}
	.block2__top{padding-bottom: 0;}
	.block2__text p{margin: 2em 0;}
	.block2__text{
		width: 100%;
		font-size: 14px;
		padding: 45px 0 75px;
	}
	.block2__text2{
		width: calc(100% + 60px);
		margin: 0 -30px;
		padding: 75px 30px;
		font-size: 20px;
	}
	.block3{
		width: 100%;
		padding: 55px 30px;
		font-size: 14px;
	}
	.block3 .btn{
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
		background: #268d83;
	}
	.block3__inner{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.block4{
		width: 100%;

		padding: 55px 30px;
	}
	.block4__title{
		margin-bottom: 25px;
		font-size: 20px;
		font-weight: bold;
	}
	.block4__item{
		padding-left: 37px;
	}
	.block4__q{
		font-size: 14px;
	}
	.block4__a{font-size: 13px;}
	.footer{
		width: 100%;
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.footer .content > div{display: initial; text-align: center !important;}
	.footer .content{
		height: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		align-items: center;
		padding: 0 30px;
	}
	.footer .content > div:first-child{
		width: 100%;
		padding: 0;
	}
	.social{
		padding: 35px 0;
	}
	.fields--3, .fields--2{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.fields--2 .input-field, .fields--3 .input-field{
		width: 100%;
	}
	.modal__body>div{
		max-width: calc(100% - 30px);
		padding: 45px 38px;

	}
	.modal__close{
		width: 45px;
	}
	.modal__close:before, .modal__close:after{
		width: 25px;
		margin-left: -12px;
	}
	.fields--3 input, .fields--3 select{
		text-align: left !important;
		text-align-last:left;
	}
	.input-field input[name="date"]{padding-left: 50px;}
}

.fields--3 input,  .selected{
	text-align: center;
}
@media (min-height: 800px) and (max-width: 600px) {
	.header__middle{
		max-height: 450px;
	}
	.arrow-mobile{
		top: 100%;
    margin-top: -130px;
	}
}
@media (max-height: 650px) and (max-width: 1300px) {
	.fixed-menu__btn{
		height: 120px;
	}
	.helper{
		height: 100px;
	}
}
@media (max-width: 376px) {
	.ui-widget.ui-widget-content{margin-left: -18px;}
}
@media (max-width: 370px) {
	.ui-widget.ui-widget-content{margin-left: -10px;}
	.title{
		font-size: 45px;
	}
	.text{font-size: 12px;}
	.logo{
		width: 90px;
	}
	.arrow-mobile{
		height: 35px;
		width: 30px;
		min-width: 30px;
	}
	.block3, .block2__text2, .block2, .menu-item, .block, .block4, .footer .content{
		padding-left: 15px;
		padding-right: 15px;
	}
	.menu-item, .fixed-menu__title{
		width: 100%;
	}
	.fixed-menu__scroll{
		overflow: auto;
		width: 100%;
		padding-right: 0;
	}
	.block2__text2{
		width: calc(100% + 30px)
	}

}

.loader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.4);
	background-image: url(../images/loading.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 2;
	display: none;
}

.ui-datepicker-header{

}