html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


@font-face {
    font-family: 'Verdana';
    src: url('fonts/Verdana.eot');
    src: local('Verdana'),
        url('fonts/Verdana.eot?#iefix') format('embedded-opentype'),
        url('fonts/Verdana.woff2') format('woff2'),
        url('fonts/Verdana.woff') format('woff'),
        url('fonts/Verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Verdana';
	font-size:16px;
	line-height:1.5;
	color:#000;
	width: 100%;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
p{margin:0 0 15px}

input, button, select, textarea, a {
    outline: 0 !important;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn,
.btn:before,
.header,
.for_block_content .btn svg,
.btn:after,
.news-next:before,
.news-prev:before,
.news-next:after,
.news-prev:after,
.fb-next:before,
.fb-prev:before,
.fb-next:after,
.fb-prev:after,
.next-two:after,
.prev-two:after,
.next-two:before,
.prev-two:before,
.next-one:after,
.prev-one:after,
.next-one:before,
.prev-one:before,
.fiaj:before,
.fiaj:after,
.wpcf7-submit,
.fbx-rounded .fbx-next,
.fbx-rounded .fbx-prev,
.fbx-rounded .fbx-next:before,
.fbx-rounded .fbx-prev:before,
.fbx-rounded .fbx-next:after,
.fbx-rounded .fbx-prev:after,
.nav-links a,
.nav-links span,
.footer_nav a{
	-webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

button{
  border: none;
  background-color: transparent;
  padding: 0;
  font-family: inherit;
}
img,
svg{
	max-width:100%;
	height:auto;
	vertical-align:bottom
}

a{
  display:inline-block;
  text-decoration: none;
}

::-webkit-scrollbar-button{width:6px;height:0px} 
::-webkit-scrollbar-track{background-color:#EDF5F4} 
::-webkit-scrollbar-thumb{background:#31A8AE;border:none;border-left:1px solid white;} 
::-webkit-resizer{width:2px;height:0px}
::-webkit-scrollbar{width:12px}

.modal::-webkit-scrollbar{width:0}
.modal::-webkit-scrollbar-button{width:0}
.modal::-webkit-resizer{width:2px}

.clear{clear:both}
.thumb-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mail-mob,
.phone-mob{
	display:none
}

.wrapper{
	width: 1600px;
	margin: 0 auto;
	padding:0 15px
}
.header{
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:white;
	padding:20px 0;
}
.page_header,
.header.fixed{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.content-page.wrapper{
	padding-top:150px
}
.content-page .wrapper .ifje{
	max-width:1000px;
	margin:auto
}
.content-page h1 {
	max-width:100%;
    line-height: 1.2;
    color: #136A74;
    font-size: 50px;
    font-family: 'Montserrat';
    margin-bottom: 30px;
}
.content-page h2 {
    line-height: 1.2;
    color: #136A74;
    font-size: 30px;
    font-family: 'Montserrat';
    margin-bottom: 20px;
}
.content-page ul{
	margin-bottom:30px;
	padding-left:30px;
}
.content-page ul li{
	margin-bottom:5px;
	list-style-type:disc
}
.content-page p + h2{
	margin-top:30px;
}
.content-page a {
	color:#136A74;
	text-decoration:underline
}
.thankyou-page{
	background-image:url(images/spasibo_fone.webp);
	background-position:center;
	background-repeat:no-repeat;
}
.no-webp .thankyou-page{
	background-image:url(images/spasibo_fone.jpg);
}
.thankyou-page .wrapper{
	min-height:100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.thankyou-content{
	color:white;
	font-size:21px;
	max-width:400px;
	padding:50px 0;
	margin:auto 0;
}
.thankyou-content h1{
	margin-bottom:30px;
}

.fwefggb{    
    padding:30px 50px;
    background: #EDF5F4;
    max-width:800px;
    margin-top:50px;
    margin-left:20%;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
	-webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.third_screen{
	background:#edf5f4;
	padding-top:75px;
}

.content-page a:hover{
	text-decoration:none
}
.page_404{
	background-image:url(images/back_404.webp);
	background-size:cover;
	background-position:center;
	min-height:100vh;
	text-align:center;
	
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.no-webp .page_404{
	background-image:url(images/back_404.jpg);
}
.content_404{
	padding:30px;
	background:rgba(49,168,174,.5);
	color:white;
	width:90%;
	max-width:500px;
	margin:auto;
   -webkit-backdrop-filter: blur(10px);
           backdrop-filter: blur(10px);
}
.p_404{
	font-size:21px;
	margin-bottom:30px;
}
.h1_404{
	margin-bottom:30px;
	font-size:150px;
}

.trhrt{
	position:fixed;
	bottom:0;
	left:0;
	padding:20px;
	font-size:20px;
	display:none
}
#intercharm .modal-dialog{
	max-width:100%;
}
#intercharm .modal-content{
	max-width:1000px;
	padding:0;
	    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
	overflow:hidden;
}
#intercharm .btn-default{
	opacity:.5
}
#intercharm .btn-default:hover{
	opacity:1
}
.footer_logo{
	height:48px;
	width:auto;
}

.fbx-rounded .fbx-inner {
    border: none!important;
}
.sozdanie{
	text-align:right;
	margin-top:40px;
	font-size:14px;
}
.sozdanie a{
	color:#136a74;
	text-decoration:underline;
}
.sozdanie a:hover{
	text-decoration:none
}

.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:0 -15px;
}
.header .flex{
    -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.news-swiper a.btn_rm,
.content-page a.btn_rm{
	text-decoration:none;
	color:black;
	font-size:14px;
}
.news-swiper a.btn_rm:hover,
.content-page a.btn_rm:hover{
	text-decoration:underline
}
.content-page a.name_fbc{
	text-decoration:none;
	display:block;
}
.for_block_content.gri67{
	background: #edf5f4;
}
.navigation.pagination {
	padding:30px 15px 0;
    width: 100%;
}
.nav-links a,
.nav-links span {
	text-decoration:none;
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    Vertical-align: middle;
    min-width: 36px;
    line-height: 36px;
    height: 36px;
    text-align: center;
    border: 1px solid #1d3f49;
    color: #1d3f49;
	-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.nav-links a:hover,
.nav-links span.current {
    background: #1d3f49;
    color: white;
    border-color: #1d3f49;
}
.prev.page-numbers,
.next.page-numbers {
    padding: 0 15px;
}
.dnd-upload-counter{
	display: none!important;
}
.wpcf7-form-control-wrap,
.codedropz-upload-container{
	width:100%
}
.codedropz-upload-inner{
	font-size:12px;
}
.codedropz-upload-handler{
	border-color:#136A74
}
.modal .name_fbc.sd546ff{
	margin-top:30px;
	margin-bottom:10px;
}
.cd-upload-btn{
	color:#136A74
}
#reviews_modal textarea {
    display: block;
    width: 100%;
    font-family: 'Verdana';
    color: black;
    font-size: 16px;
    border: none;
    background: #E4F0EE;
    line-height: 1.5;
    max-height: 220px;
    padding: 14px 15px;
    margin-bottom: 15px;
    resize: vertical;
    min-height: 130px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#reviews_modal .wpcf7-list-item{
	margin:0
}
.ijwg{
	display: block;
	font-size:12px;
}
#reviews_modal .modal-content {
    max-width: 800px;
}
.gwrijdas p{
	margin-top:10px;
	margin-bottom:20px;
	gap:10px;
	display: flex;
    flex-wrap:wrap;
}
.gwrijdas a{
    text-decoration:none;
	overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
    padding: 0 20px;
    line-height: 36px;
    border: 1px solid #1D3F49;
    color: #1D3F49;
	-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;

	-webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.dnd-upload-status .dnd-upload-details .name em{
	font-size:10px!important;
	color:black!important;
	font-weight:400!important;
}
.dnd-upload-status .dnd-upload-details .name{
	align-items:end
}
.gwrijdas a:hover{
	background:#1D3F49;
	color:white
}
.news_block{
	background: #EDF5F4;
	.display:none;
	padding:75px 0
}
.w50{
	width:50%;
	padding:0 15px;
}
.logo svg{
	height:38px;
	width:auto
}
.vert-line{
	height:40px;
	width:1px;
	background:#1D3F49;
	margin:0 40px;
}
.descriptor{
	max-width:260px;
	color:#1D3F49;
}
.logo,
.vert-line,
.descriptor,
.contact_block,
.messenger,
.phone{
	display:inline-block;
	vertical-align:middle;
}
.taright{
	text-align:right
}
.phone,
.mail{
	text-decoration:none;
	color:black;
	position:relative;
}
.mail{
	margin-right:50px;
	padding-left:35px;
}
.messenger{
	margin-right:10px;
}
.mail svg{
	position:absolute;
	top:0;
	left:0;
}
.mail span{
	text-decoration:none!important;
	font-size:14px;
	display:block;
	color:black;
	line-height:1;
	margin-top:2px;
}
.mail:hover span{
	text-decoration:none!important	
}
.first_screen{
	background-image:url(images/background-head.webp);
	background-position:center bottom;
	background-size:cover;
	padding-top:330px;
	padding-bottom:310px;
}
.no-webp .first_screen{
	background-image:url(images/background-head.jpg);
}
h1{
    font-family: 'Montserrat';
	max-width:1000px;
	color:white;
	font-size:60px;
	line-height:1.1
}
.second_screen{
	position:relative;
	margin-top:-200px;
}
.aromat{
	position:relative;
}
.aromat:before,
.second_screen:before{
	position:absolute;
	content:'';
	z-index:-1;
	top:200px;
	bottom:0;
	left:0;
	right:0;
	background:#EDF5F4
}
.for_block{
	width:33.3333%;
	padding:0 15px 30px;
}
.gallery-top,
.form_content,
.for_block_content,
.for_block_content img,
.individual,
.question,
.aromat_content,
.feedback_content,
.feedback-top img,
.modal-content,
.content_404,
.content-page .w66 img{
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.btn,
.news-next,
.news-prev,
.fb-next,
.fb-prev,
.next-two,
.prev-two,
.next-one,
.prev-one,
.fbx-prev,
.fbx-next,
input,
.fiaj{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

/*--- Новогодняя гирлянда ---*/
/* .header:after, */
/* .header:before{ */
    /* width:100%; */
    /* height:50px; */
    /* position: absolute; */
    /* content:''; */
    /* top:0px; */
    /* left:0; */
    /* z-index: -1; */
    /* animation: fadeIn ease infinite 3s; */
    /* -webkit-animation: fadeIn ease infinite 3s; */
    /* -moz-animation: fadeIn ease infinite 3s; */
    /* -o-animation: fadeIn ease infinite 3s; */
    /* -ms-animation: fadeIn ease infinite 3s; */
/* } */
/* .header:before{ */
    /* top:-10px; */
    /* background-image:url(images/gir-11.svg) */
/* } */
/* .header:after{ */
    /* -webkit-animation-delay:1.5s; */
    /* animation-delay:1.5s; */
    /* background-image:url(images/gir-22.svg) */
/* } */
/* @-webkit-keyframes fadeIn { */
  /* 0% {opacity:0;} */
  /* 50% {opacity:0;} */
  /* 51% {opacity:1;} */
  /* 100% {opacity:1;} */
/* } */
/* @keyframes fadeIn { */
  /* 0% {opacity:0;} */
  /* 50% {opacity:0;} */
  /* 51% {opacity:1;} */
  /* 100% {opacity:1;} */
/* } */
/*--- Закончилась новогодняя гирлянда ---*/
.max{
	position:relative;
	/* top:1px; */
	margin-right:10px;
}

.for_block_content{
	background:white;
	padding:30px;
}
.name_fbc{
    font-family: 'Montserrat';
	font-size:25px;
	color:#136A74;
	margin-bottom:20px;
}
.for_block_content img{
	width:100%;
	margin-bottom:25px;
}
.btn{
	overflow:hidden;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	position:relative;
	padding:0 30px;
	line-height:52px;
	border:1px solid #1D3F49;
	color:#1D3F49;
}
.content-page .w66 .btn,
.news-sidebar .btn{
	vertical-align:bottom;
	text-decoration:none
}
.for_block_content .btn{
	z-index:9;
	display:inline-block;
	margin-top:10px;
	padding-right:74px;
	text-decoration:none;
}
.fwefggb .btn{
	z-index:9;
	display:inline-block;
	margin-top:10px;
	text-decoration:none;
}
.for_block_content .btn svg{
	fill: #1D3F49;
	position:absolute;
	right:30px;
	top:50%;
    -webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.news_block .btn{
	z-index:1;
	display:table;
	margin:40px auto 0;
}
.thankyou-content .btn:before,
.news_block .btn:before,
.news-sidebar .btn:before,
.content-page .w66 .btn:before,
.content_404 .btn:before,
.aromat_content .btn:before,
.form_content .btn:before,
.for_block_content .btn:before,
.fwefggb .btn:before{
	position:absolute;
	z-index:-1;
	content:'';
	top:0;
	left:0;
	bottom:0;
	width:0;
	background:#1D3F49;
}
.news_block .btn:hover,
.news-sidebar .btn:hover,
.content-page .w66 .btn:hover,
.content_404 .btn:hover,
.aromat_content .btn:hover,
.form_content .btn:hover,
.for_block_content .btn:hover,
.fwefggb .btn:hover{
	color:white;
}
.podzagolovok{
	font-size:21px;
	margin-top:-10px;
	margin-bottom:35px;
}
.for_block_content .btn:hover svg{
	fill:white;
}
.thankyou-content .btn:hover:before,
.news_block .btn:hover:before,
.news-sidebar .btn:hover:before,
.content-page .w66 .btn:hover:before,
.content_404 .btn:hover:before,
.aromat_content .btn:hover:before,
.form_content .btn:hover:before,
.for_block_content .btn:hover:before,
.fwefggb .btn:hover:before{
	width:100%;
}
.news-sidebar .news-link {
    width: 100%;
    padding: 0 0 30px;
	text-decoration:none;
}
.title_loop {
    display: block;
    margin-top: 10px;
    color: #000;
}
.title_loop:hover{
	color:#136A74
}
.news-sidebar .date-kann {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
    display: block;
}
.news-zag {
    font-weight: bold;
}
.news-sidebar {
    padding-left: 30px;
    border-left: 1px solid #1D3F49;
}
.content-page .w66 img + h2,
.content-page .w66 img + h3,
.content-page .w66 img + ul,
.content-page .w66 img + ol,
.content-page .w66 img + p{
	margin-top:30px;
}

.gift_block{
	display:none;
	padding:100px 0;
	position:relative;
}
.gift_block:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:50%;
	background:#EDF5F4
}
.form_content{
	margin:auto;
	max-width:1300px;
	padding:60px 85px;
	color:white;
	position:relative;
	background:#31A8AE;
}
.po4tizag{
	line-height:1;
	margin:0;
	.color:#E1FFF9;
	color:white;
    font-family: 'Montserrat';
	font-size:35px;
}
.zag-form{
	line-height:1;
	margin:0;
	.color:#E1FFF9;
	color:white;
    font-family: 'Montserrat';
	font-size:70px;
	margin-bottom:5px;
}
.nasmir_box{
	position:absolute;
	top:50%;
	right:30px;
    -webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.text_form{
	margin-top:55px;
	font-size:25px;
	max-width:600px;
	margin-bottom:40px;
}
.thankyou-content .btn,
.content_404 .btn,
.aromat_content .btn,
.question .btn,
.form_content .btn{
	z-index:9;
	line-height:54px;
	margin-top:15px;
	border-width:0;
	background:none;
	color:#136A74
}
.thankyou-content .btn:hover{
	color:white;
}

.thankyou-content .btn:after,
.content_404 .btn:after,
.aromat_content .btn:after,
.question .btn:after,
.form_content .btn:after{
	position:absolute;
	content:'';
	z-index:-1;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	.background:#E1FFF9;
	background:white;
}
.thankyou-content .btn:hover:after,
.content_404 .btn:hover:after,
.aromat_content .btn:hover:after,
.question .btn:hover:after,
.form_content .btn:hover:after{
	width:0
}
.w33{
	width:33.3333%;
	padding:0 15px;
}
.footer .w33{
	width:33.3333%;
	padding:0 15px;
}
.rekvisit{
	margin:30px auto 0;
	font-size: 14px;
}
/* Пункты .footer_nav раскладываются в 2 колонки там, где ширина блока
   позволяет — column-width задаёт минимальную ширину одной колонки
   (под самый длинный пункт + запас), column-count:2 — верхний предел
   в 2 колонки. Браузер сам считает: если места на 2 колонки по
   column-width не хватает, показывает 1. Если реальная ширина .footer_nav
   в твоей вёрстке меньше/больше, чем нужно для перехода на 2 колонки в
   нужном месте, — поправь column-width (сейчас 150px). */
.footer_nav{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-width:150px;
	-moz-column-width:150px;
	column-width:150px;
	-webkit-column-gap:30px;
	-moz-column-gap:30px;
	column-gap:30px;
}
.footer_nav a{
	display:block;
	margin-bottom:10px;
	color:black;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
}
.footer_nav a:hover{
	color:#1d3f49;
	text-decoration:underline
}
.footer_nav a:last-of-type{
	margin:0;
}
.w66{
	width:66.6666%;
	padding:0 15px;
}
h2{
	line-height:1.2;
	color:#136A74;
	font-size:50px;
    font-family: 'Montserrat';
	margin-bottom:30px;
}
.geur{
	padding-left:17px;
	display:inline-block;
	margin-top:10px;
	margin-bottom:30px;
}
.geur li{
	color:#136A74;
	list-style-type:disc;
}
.geur li span{
	color:black
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.swiper-slide img{
	width:100%;
}
.gallery-thumbs{
	margin:10px 0 0 ;
}
.gallery-thumbs .swiper-slide{
	width:12.5%;
}

.fbx-icon,
.fbx-modal.fbx-phone.fbx-landscape,
.fbx-rounded .fbx-close svg,
.fbx-rounded .fbx-next.fbx-btn-shadow,
.fbx-rounded .fbx-next.fbx-btn-shadow:hover,
.fbx-rounded .fbx-prev.fbx-btn-shadow,
.fbx-rounded .fbx-prev.fbx-btn-shadow:hover{
	box-shadow:none!important
}
.fbx-modal.fbx-phone.fbx-landscape {
    border-right-width: 0!important
}
.fbx-rounded .fbx-next,
.fbx-rounded .fbx-prev{
	z-index: 100003;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    border: 1px solid white;
    width: 52px;
    height: 52px;
	background:none;
	border-radius:none;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.fbx-rounded .fbx-next:before, 
.fbx-rounded .fbx-prev:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 24px;
    height: 14px;
    margin-top: -7px;
    margin-left: -12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.fbx-rounded .fbx-next:after, 
.fbx-rounded .fbx-prev:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background: white
}
.fbx-rounded .fbx-prev:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9ImxlZnQiIGQ9Ik02LjY0MSwwLDcuNzI0LDEuMDc5bC00LjgsNC44MTFIMjRWNy40MkgyLjkyM2w0LjgsNC44MTFMNi42NDEsMTMuMzEsMCw2LjY1NVoiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K);
}
.fbx-rounded .fbx-next:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9InJpZ2h0IiBkPSJNMTcuMzU5LDAsMTYuMjc2LDEuMDc5bDQuOCw0LjgxMUgwVjcuNDJIMjEuMDc3bC00LjgsNC44MTEsMS4wODIsMS4wNzlMMjQsNi42NTVaIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
}
.fbx-rounded .fbx-prev:hover:after,
.fbx-rounded .fbx-next:hover:after{
    width: 100%;
}
.fbx-rounded .fbx-next{
	right:25px;
}
.fbx-rounded .fbx-prev{
	left:25px;
}
.fbx-modal.fbx-phone.fbx-landscape,
.fbx-rounded .fbx-close svg,
.fbx-icon,
.fbx-count,
.fbx-rounded .fbx-next svg,
.fbx-rounded .fbx-prev svg{
	display:none!important
}
.fbx-rounded .fbx-prev:hover:before{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9Il8xNDkxMjU0Mzk5LXJpZ2h0YXJyb3dmb3dhcmRzaWduXzgyOTQ0XzFfIiBkYXRhLW5hbWU9IjE0OTEyNTQzOTktcmlnaHRhcnJvd2Zvd2FyZHNpZ25fODI5NDQgKDEpIiBkPSJNNi42NDEsMCw3LjcyNCwxLjA3OWwtNC44LDQuODExSDI0VjcuNDJIMi45MjNsNC44LDQuODExTDYuNjQxLDEzLjMxLDAsNi42NTVaIiBmaWxsPSIjMWQzZjQ5Ii8+DQo8L3N2Zz4NCg==);
}
.fbx-rounded .fbx-next:hover:before{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9Il8xMiIgZGF0YS1uYW1lPSIxMiIgZD0iTTE3LjM1OSwwLDE2LjI3NiwxLjA3OWw0LjgsNC44MTFIMFY3LjQySDIxLjA3N2wtNC44LDQuODExLDEuMDgyLDEuMDc5TDI0LDYuNjU1WiIgZmlsbD0iIzFkM2Y0OSIvPg0KPC9zdmc+DQo=);
}
.fbx-rounded .fbx-close {
    top: 20px;
    right: 25px;
    width: 30px;
    height: 30px;
    border: none;
	line-height:1;
    border-radius: none;
	cursor:pointer;
	background:none;
	box-shadow: none;
}
.fbx-rounded .fbx-close:hover{
	box-shadow: none;
}
.fbx-rounded .fbx-close:before{
	position:absolute;
	content:'';
	width:26px;
	height:26px;
	left:50%;
	top:50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4NCiAgPHBhdGggaWQ9ItCa0L7QvdGC0YPRgF8zOCIgZGF0YS1uYW1lPSLQmtC+0L3RgtGD0YAgMzgiIGQ9Ik0wLDEzQTEzLDEzLDAsMSwxLDEzLDI2LDEzLDEzLDAsMCwxLDAsMTNabTIsMEExMSwxMSwwLDEsMCwxMywyLDExLDExLDAsMCwwLDIsMTNaTTE3LjI0LDE4LjI0YTEsMSwwLDAsMS0uNy0uMjkxbC0zLjUxNS0zLjUxNUw5LjQ2LDE4YTEuMDE2LDEuMDE2LDAsMCwxLTEuNDEtMS40NkwxMS41OSwxMyw4LjA1LDkuNDZBMSwxLDAsMCwxLDkuNDYsOC4wNWwzLjU1LDMuNTMsMy41My0zLjUzQTEuMDE1LDEuMDE1LDAsMCwxLDE4LDkuNDZsLTMuNTUsMy41NUwxOCwxNi41NGEuOTc5Ljk3OSwwLDAsMS0uNzYsMS43WiIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=)
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}
.pt75,
.third_block{
	padding-top:75px;
}
.third_block{
	margin-bottom:75px;
}
h2 span{
	margin-top:5px;
	font-size:35px;
	display:block;
	color:black;
}
.individual{
	overflow:hidden;
	background:#EDF5F4;
}
.iksrg{
	padding:30px 30px 15px;
}
.question{
	.background:#1D3F49;
	background:#136A74;
	padding:45px;
}
.question .po4tizag{
	line-height:1.2;
	margin-bottom:20px;
}
.question .name_fbc{
	color:white;
	display:inline-block;
	margin-top:60px;
	max-width:280px;
	margin-bottom:30px;
}

.question .btn:before{
	position:absolute;
	z-index:-1;
	content:'';
	top:0;
	left:0;
	bottom:0;
	width:0;
	background:white;
}
.question .btn:before{
	width:100%
}

.fourth_block{
	margin-bottom:75px;
}
.aromat_content{
	padding: 60px 135px;
    color: white;
    position: relative;
	background-image:url(images/background-aromat.webp);
	background-size:cover;
	background-position:right center;
}
.no-webp .aromat_content{
	background-image:url(images/background-aromat.jpg);
}
.aromat_content_inner{
	max-width:650px;
}
.aromat_content_inner .po4tizag{
	line-height:1.2;
	margin-bottom:30px;
}
.aromat_content_inner .name_fbc{
	color:white;
	margin-bottom:50px;
}
.aromat_content .btn{
	margin-top:60px
}
.feedback{
	background:#EDF5F4;
	padding:75px 0;
}
.news_block .wrapper,
.feedback .wrapper{
	position:relative
}
.news-swiper,
.feedback-swiper{
	margin:0 -15px;
}
.news-swiper:before,
.news-swiper:after,
.feedback-swiper:before,
.feedback-swiper:after{
	z-index:9;
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	background:#EDF5F4;
	width:15px;
}
.news-swiper:before,
.feedback-swiper:before{
	left:0
}
.news-swiper:after,
.feedback-swiper:after{
	right:0;
}
.news-swiper .swiper-slide,
.feedback-swiper .swiper-slide{
	width:33.3333%;
	padding:0 15px;
}
.news-swiper .swiper-slide .for_block {
    width: 100%;
    padding: 0;
}
.feedback_content{
	background:white;
}

.feedback-top{
	min-height:160px;
	position:relative;
	padding:30px 180px 5px 30px;
}
.feedback-top img{
	position:absolute;
	top:0;
	right:0;
	width:160px;
	height:auto;
}
.feedback-text{
	margin:0;
	padding:0 30px 30px;
}
.fb-next,
.news-next,
.news-prev,
.fb-prev{
	z-index:9;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:0;
	border:1px solid #1D3F49;
	width:52px;
	height:52px;
}
.news-prev,
.fb-prev{
	right:80px;
}
.news-next,
.fb-next{
	right:15px;
}
.next-one:before,
.prev-one:before,
.next-two:before,
.prev-two:before,
.news-next:before,
.news-prev:before,
.fb-next:before,
.fb-prev:before{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	width:24px;
	height:14px;
	margin-top:-7px;
	margin-left:-12px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.next-one:hover:before,
.next-two:hover:before,
.fb-next:before,
.news-next:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9Il8xMiIgZGF0YS1uYW1lPSIxMiIgZD0iTTE3LjM1OSwwLDE2LjI3NiwxLjA3OWw0LjgsNC44MTFIMFY3LjQySDIxLjA3N2wtNC44LDQuODExLDEuMDgyLDEuMDc5TDI0LDYuNjU1WiIgZmlsbD0iIzFkM2Y0OSIvPg0KPC9zdmc+DQo=)
}
.prev-one:hover:before,
.prev-two:hover:before,
.fb-prev:before,
.news-prev:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9Il8xNDkxMjU0Mzk5LXJpZ2h0YXJyb3dmb3dhcmRzaWduXzgyOTQ0XzFfIiBkYXRhLW5hbWU9IjE0OTEyNTQzOTktcmlnaHRhcnJvd2Zvd2FyZHNpZ25fODI5NDQgKDEpIiBkPSJNNi42NDEsMCw3LjcyNCwxLjA3OWwtNC44LDQuODExSDI0VjcuNDJIMi45MjNsNC44LDQuODExTDYuNjQxLDEzLjMxLDAsNi42NTVaIiBmaWxsPSIjMWQzZjQ5Ii8+DQo8L3N2Zz4NCg==)
}
.next-one:before,
.next-two:before,
.fb-next:hover:before,
.news-next:hover:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9InJpZ2h0IiBkPSJNMTcuMzU5LDAsMTYuMjc2LDEuMDc5bDQuOCw0LjgxMUgwVjcuNDJIMjEuMDc3bC00LjgsNC44MTEsMS4wODIsMS4wNzlMMjQsNi42NTVaIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==)
}
.prev-one:before,
.prev-two:before,
.fb-prev:hover:before,
.news-prev:hover:before{	
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMy4zMSIgdmlld0JveD0iMCAwIDI0IDEzLjMxIj4NCiAgPHBhdGggaWQ9ImxlZnQiIGQ9Ik02LjY0MSwwLDcuNzI0LDEuMDc5bC00LjgsNC44MTFIMjRWNy40MkgyLjkyM2w0LjgsNC44MTFMNi42NDEsMTMuMzEsMCw2LjY1NVoiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K)
}

.next-one:after,
.prev-one:after,
.next-two:after,
.prev-two:after,
.news-next:after,
.fb-next:after,
.fb-prev:after,
.news-prev:after{
	position: absolute;
    z-index: -1;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background: #1D3F49;
}
.next-one:hover:after,
.prev-one:hover:after,
.next-two:hover:after,
.prev-two:hover:after,
.news-next:hover:after,
.fb-next:hover:after,
.fb-prev:hover:after,
.news-prev:hover:after{
	width:100%
}
.next-one:after,
.prev-one:after,
.next-two:after,
.prev-two:after{
	background:white;
}

.next-one,
.prev-one,
.next-two,
.prev-two{
	z-index:9;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-27px;
	border:1px solid white;
	width:52px;
	height:52px;
}
.next-one,
.next-two{
	right:30px;
}
.prev-one,
.prev-two{
	left:30px;
}




.adv{
	background:#EDF5F4;
}
.adv h2{
	margin-bottom:15px
}
.adv .po4tizag{
	color:black;
	margin-bottom:40px
}
.adv_block{
	position:relative;
	padding:0 15px 50px;
	padding-left:150px;
	width:50%;
}
.adv_block_icon{
	position:absolute;
	top:0;
	left:15px;
	width:105px;
	text-align:center;
}
.gift-2{
	padding:40px 0 80px
}
.flexi{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.left_contant{
	width:520px;
}
.right_contant{
	background:#EDF5F4;
	width:calc(100% - 520px)
}
#map{
	height:100%;
}
.right_contant,
.gallery-top-1{
	overflow:hidden;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}
.gallery-thumbs-1{
	margin-top:10px;
}
.gallery-thumbs-1 .swiper-slide{
	width:25%;
}
.contact_block-1{
	padding-top:50px;
	display:flex;
	flex-wrap: wrap;
	gap: 20px 30px
}
.contact_block-1 p{
	flex-wrap: wrap;
	gap:15px 30px;
	display:flex;
}
.contact_block-1 p,
.contact_block-1 a{
	margin:0;
	height:100%;
}.contact_block-1 a{
	color:#1d3f49;
	text-decoration:none
}
.contact_block-1 p{
	width:100%
}
.w_50{
	margin-top:50px;
	width:50%;
	padding:0 5px;
}
.phone-1{
	margin-bottom:10px;
	color:black;
	position:relative;
	padding-left:35px;
}
.phone-1 svg {
	height:24px;
	width:auto;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
}

.address{
	position:relative;
	padding-left:35px;
}
.address svg{
	height:24px;
	width:auto;
	top:1px;
	left:0;
    position: absolute;
}

.footer{
	padding:50px 0 20px
}
.line-top{
	height:1px;
	background:#31A8AE;
	margin-top:75px;
}
.footer-top{
	margin-bottom:10px;
	text-align:right;
}
.footer-top .phone{
	margin-right:54px;
}
.footer-bottom{
	text-align:right;
}
.footer-bottom .mail{
	margin:0
}
.footer .max{
	position:relative;
	top:1px;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
	backdrop-filter: blur(20px);
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
	display:flex!important;
    opacity: 1;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
	background:#1D3F49;
	opacity:.7
}
.modal-backdrop:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	backdrop-filter: blur(30px);
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
}
.modal-open {
    overflow: hidden;
}

.modal-dialog{
	position:relative;
	margin: auto;
	max-width:90%;
	display:table;
	opacity:0;
	top:-30px;
	-webkit-transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0;
}
.modal.fade.in .modal-dialog{
	opacity:1;
	top:0;
	-webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.modal-content{
	max-width:400px;
	background:white;
	padding:30px;
	position:relative;
}
.btn-default{
	cursor:pointer;
	opacity:0.7;
	position:absolute;
	top:15px;
	right:15px;
}
.btn-default:hover{
	opacity:1
}
.btn-default svg{
	width:40px;
	height:auto;
}
.modal .name_fbc{
	padding-right:40px
}

#price_p .modal-content:before,
#price_b .modal-content:before,
#price_k .modal-content:before,
#price .modal-content:before{
	position:absolute;
	width:280px;
	height:500px;
	content:'';
	left:-280px;
	top:50%;
	margin-top:-250px;
	background-image:url(images/form_back.webp);
	background-position:right center;
	background-size:contain;
	background-repeat:no-repeat;
}
.no-webp #price_p .modal-content:before,
.no-webp #price_b .modal-content:before,
.no-webp #price_k .modal-content:before,
.no-webp #price .modal-content:before{
	background-image:url(images/form_back.png);
}

label{
	display:block;
	font-size:12px;
	margin-bottom:5px;
}
form span{
	display:inline-block;
}
input{
	width:100%;
    font-family: 'Verdana';
	color:black;
	font-size:16px;
	border:none;
	background:#E4F0EE;
	line-height:48px;
	padding:0 15px;
	margin-bottom:15px;
}
.wpcf7-radio{
	margin-bottom:20px
}
.wpcf7-radio .wpcf7-list-item{
	display:block;
}
form p{
	margin:0
}
form [type="radio"],
form [type="checkbox"] {
	position: absolute;
	left: -9999px;
}

form [type="radio"] + .wpcf7-list-item-label,
form [type="checkbox"] + .wpcf7-list-item-label {
	cursor:pointer;
	position: relative;
	padding-left: 30px;
	line-height: 20px;
	font-size:16px;
    font-family: 'Verdana';
	margin-top:5px;
}

form [type="radio"] + .wpcf7-list-item-label::before,
form [type="checkbox"] + .wpcf7-list-item-label::before,
form [type="radio"] + .wpcf7-list-item-label::after,
form [type="checkbox"] + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

form [type="radio"] + .wpcf7-list-item-label::before,
form [type="checkbox"] + .wpcf7-list-item-label::before {
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border:2px solid #E4F0EE;
	background:#E4F0EE;
}
form [type="radio"] + .wpcf7-list-item-label::after,
form [type="radio"] + .wpcf7-list-item-label::before{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
form [type="radio"] + .wpcf7-list-item-label::after,
form [type="checkbox"] + .wpcf7-list-item-label::after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	background: #136A74;
	transition: all 0.2s;
}
form [type="radio"]:not(:checked) + .wpcf7-list-item-label::after,
form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label::after {
	opacity: 0;
	transform: scale(0.01);
}
form [type="radio"]:checked + .wpcf7-list-item-label::after,
form [type="checkbox"]:checked + .wpcf7-list-item-label::after {
	opacity: 1;
	transform: scale(1);
}
form [type="radio"]:checked + .wpcf7-list-item-label::before,
form [type="checkbox"]:checked + .wpcf7-list-item-label::before{
	border-color:#136A74;
}
.wpcf7-acceptance .wpcf7-list-item-label{
	font-size:12px!important;
}
.wpcf7-acceptance .wpcf7-list-item-label a{
	display: inline;
	color:#31A8AE;
	text-decoration:underline;
}
.wpcf7-acceptance .wpcf7-list-item-label a:hover{
	text-decoration:none
}
.wpcf7-spinner,
.screen-reader-response{
	display:none!important
}
.wpcf7-not-valid-tip{
	display:block;
	font-size:12px;
	margin-top:-10px;
	color:red;
	margin-bottom:15px;
}
.sent .wpcf7-response-output{
	font-size:14px;
	padding-top:15px;
	color:#136A74;
}
.invalid .wpcf7-response-output{
	font-size:12px;
	padding-top:15px;
}
.wpcf7-submit{
	line-height:54px;
	overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
    padding: 0 30px;
	background:none;
	color:#F6FAF9;
	cursor:pointer;
	margin:0;
    background: #136A74;
}
.wpcf7-submit:hover{
    background: #1D3F49;
}
.wpcf7-submit:disabled:hover,
.wpcf7-submit:disabled{
    background: #136A74;
	cursor:default;
	opacity:.7
}
.fiaj{
	margin-top:30px;
	z-index:9;
	overflow:hidden;
	position:relative;
}
/* .fiaj:before{ */
	/* position: absolute; */
    /* content: ''; */
    /* z-index: -1; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* width: 100%; */
    /* background: #136A74; */
/* } */
/* .fiaj:after { */
    /* position: absolute; */
    /* z-index: -1; */
    /* content: ''; */
    /* top: 0; */
    /* left: 0; */
    /* bottom: 0; */
    /* width: 0; */
    /* background: #1D3F49; */
/* } */
/* .fiaj:hover:before{ */
	/* width:0; */
/* } */
/* .fiaj:hover:after{ */
	/* width:100% */
/* } */


@media (max-width: 1640px){
.wrapper{
	width:1400px
}	
	
	
	
}
@media (max-width: 1440px){
.wrapper{
	width:1200px
}
.news-swiper,
.feedback-swiper,
.flex{
	margin:0 -10px;
}
.w33,
.w66,
.w50,
.wrapper{
	padding:0 10px;
}
.fwefggb{
    margin-left:12.5%;
}

.for_block{
	padding:0 10px 20px
}
.news-swiper:before,
.news-swiper:after,
.feedback-swiper:before,
.feedback-swiper:after{
	width:10px;
}
.for_block_content{
	padding:25px;
}
.feedback-top {
    padding: 25px 180px 5px 25px;
}
.feedback-text {
    padding: 0 25px 25px;
}
.aromat_content,
.form_content {
    padding: 60px 60px 40px;
}
.nasmir_box{
	width:550px;
	height:auto
}
.xwrer{
	max-width:400px;
}
.w33{
	width:40%
}
.w66{
	width:60%
}
h2 span{
	display:inline-block
}
.fourth_block .w33{
	width:33.3333%
}
.iksrg {
    padding: 25px 25px 10px;
}
.fourth_block,
.third_block {
    margin-bottom: 50px;
}
.aromat_content_inner .po4tizag{
	margin-bottom:20px;
}
.aromat_content .btn {
    margin-top: 20px;
}
.aromat_content{
	background-image:url(images/background-aromat-1400.webp);
	background-position:center;
}
.no-webp .aromat_content{
	background-image:url(images/background-aromat-1400.jpg);
}
.news-swiper .swiper-slide,
.feedback-swiper .swiper-slide {
    width: 50%;
    padding: 0 10px;
}
.adv_block_icon{
	left:10px;
}
.adv_block{
	padding-left:140px;
	padding-right:10px;
}
.fb-next,
.news-next,
.fb-prev,
.news-prev{
	top:5px
}
.news-next,
.fb-next {
    right: 10px
}
.fb-prev,
.news-prev {
    right: 75px
}
.news_block{
	padding-bottom:40px;
}
.dnone{
	display:none
}
}

@media (max-width: 1240px){
.wrapper{
	width: 990px
}
.content-page.wrapper {
    padding-top: 130px;
}
.first_screen{
	padding-top:280px;
}
.header{
	padding:15px 0
}
.header .w50:first-of-type{
	width:45%
}
.header .w50.taright{
	width:55%;
}
.logo svg {
    height: 30px
}
.vert-line{
	margin:0 25px;
}
.descriptor {
	font-size:14px;
    max-width: 220px
}
.mail {
    margin-right: 15px
}
h1{
	font-size:50px;
	max-width:800px
}
h2{
	font-size:40px
}
h2 span{
	font-size:25px
}
.po4tizag{
	font-size:30px;
}
.text_form{
	font-size:21px;
}
.name_fbc {
    font-size: 21px;
    margin-bottom: 15px;
}
.for_block_content .btn{
	width:100%
}
.nasmir_box {
	width:300px;
    position: absolute;
    top: -80px;
    right: 60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.xwrer,
.text_form{
	max-width:100%;
}
.third_block .w66,
.third_block .w33{
	width:100%
}
.gift_block{
	padding-bottom:50px;
}
.geur{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.geur li{
	width:40%;
	margin-bottom:15px
}
.fourth_block .w33 {
	width: 50%;
}
.fourth_block .w33:last-of-type {
	width: 100%;
	margin-top:30px
}
.question .name_fbc {
    margin: 20px auto 0;
    max-width: 100%;
	width: 100%;
}
.feedback h2{
	padding-right:150px
}
.aromat_content_inner {
    max-width: 510px;
}
.aromat_content {
	background-image: url(images/background-aromat-1000.webp);
}
.no-webp .aromat_content {
	background-image: url(images/background-aromat-1000.jpg);
}
.fb-next,
.news-next,
.fb-prev,
.news-prev {
	top: 0px;
}
.footer .w33:first-of-type{
	width:25%;
}
.footer .w33:nth-of-type(2){
	width:30%;
}
.footer .w33:last-of-type{
	width:45%;
}
}

@media (max-width: 1000px){
.wrapper{
	width: 750px
}
.vert-line {
	height:30px;
	margin: 0 15px;
}
.header .w50:first-of-type{
	width:60%;
}
.header .w50:last-of-type{
	width:40%;
}
.feedback-swiper .swiper-slide{
	width:100%
}
.feedback-top img{
	width:140px;
}
h1 {
	max-width: 560px;
}
.first_screen {
    background-image: url(images/background-head-1000.webp);
    background-position: center
}
.no-webp .first_screen {
    background-image: url(images/background-head-1000.jpg);
}
.for_block{
	width:100%;
	padding-bottom:0;
	margin-bottom:20px;
}
.aromat_content, .form_content {
	padding: 50px 50px 30px;
}
.nasmir_box {
	width:280px;
	top: -50px;
	right: -15px;
}
.adv_block_icon{
	width:80px;
}
.adv_block{
	width:100%;
	padding-left:120px;
}
.aromat_content {
	background-image: url(images/background-aromat-800.webp);
}
.no-webp .aromat_content {
	background-image: url(images/background-aromat-800.jpg);
}
.aromat_content_inner {
	max-width: 100%;
}
.left_contant {
    width: 100%;
}
.right_contant {
    width: 100%;
	height:250px;
	margin-top:40px;
}
.aromat_content{
	position:relative;
}
.contact_block .phone{
	display: none;
}
.aromat_content:before{
	position:absolute;
	bottom:-20px;
	right:45px;
	content:'';
	width:150px;
	height:320px;
	background-image:url(images/man_water.webp);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right bottom;
}
.no-webp .aromat_content:before{
	background-image:url(images/man_water.png);
}
.self{
	max-width:575px;
}
.fb-next,
.fb-prev{
	top: 44px;
}
.first_screen {
	padding-top: 220px;
}
.content-page .w66,
.content-page .w33{
	width:100%;
}
.news-sidebar {
    padding: 0;
    border-left: none;
	margin-top:30px;
    padding-top: 30px;
    border-top: 1px solid #1D3F49;
}
.third_screen,
.news_block{
	padding-top:50px;
}
.news_block .btn{
	margin-top:20px
}

.pt75,
.third_block{
	padding-top:60px;
}
.footer .w33:first-of-type,
.footer .w33:nth-of-type(2),
.footer .w33:last-of-type{
	width:100%;
	margin-bottom:50px;
}
.footer .w33:last-of-type{
	margin-bottom:0;
}
.rekvisit{
	display:block;
}
.footer-top,
.footer-bottom{
	text-align:left
}
}



@media (max-width: 768px){
.wrapper{
	width: 100%;
	padding:0 30px;
}
.fwefggb{
    margin-left:auto;
    margin-top:30px;
    padding:25px;
}
.vert-line,
.descriptor{
	display:none
}
.header .w50:first-of-type{
	width:120px;
}
.header .w50:last-of-type{
	width:calc(100% - 120px);
}
.gift_block{
	padding-top:20px
}
.zag-form{
	font-size:60px;
}
.nasmir_box {
	width: 260px;
	top: -20px;
}
.text_form {
	position:relative;
	z-index:9;
    margin-top: 35px;
    margin-bottom: 30px;
	max-width:410px;
}
.geur li{
	width:50%
}
.fourth_block .w33 {
	width: 100%;
	margin-bottom:30px
}
.fourth_block .w33:last-of-type{
	margin-top:0;
}
.aromat_content:before{
	right:-20px
}
.self{
	width:calc(100% - 70px)
}
.fb-next,
.fb-prev {
	top: 44px;
}
.news-next,
.fb-next {
	right: 30px;
}
.fb-prev,
.news-prev {
	right: 95px;
}
.feedback-top img{
	width:120px;
}
.feedback-top{
	min-height:130px;
}
.feedback{
	padding:50px 0
}

.adv{
	padding-bottom:0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
}
.footer_logo{
	height:42px;
	width:auto
}
.footer .w50:first-of-type{
	width:150px
}
.footer .w50:last-of-type{
	width:calc(100% - 150px)
}
.prev-one,
.prev-two {
    left: 25px;
}
.next-one,
.next-two {
    right: 25px;
}
#price .modal-content:before{
	content:none
}
.content-page h1 {
    font-size: 35px;
}
.content-page h2 {
    font-size: 25px;
}
.content-page.wrapper {
    padding-top: 120px;
}
.h1_404{
	max-width:100%!important;
	font-size:100px;
}
.p_404 {
    font-size: 18px;
}
}

@media (max-width: 670px){
.nasmir_box {
	width: 220px;
	top:auto;
	bottom: -40px;
}	
.xwrer{
	position:relative;
	z-index:8;
	max-width:calc(100% - 170px);
}

.news-swiper .swiper-slide{
	width:100%;
}
}
@media (max-width: 650px){
.text_form{
	max-width:100%
}
.news_block .btn{
	margin-left:0
}
}

@media (max-width: 600px){
h1{
	font-size:40px
}
.sozdanie{
	text-align:left;
}
#reviews_modal .w50{
    width:100%
}
.aromat_content,
.form_content{
	padding-left:25px;
	padding-right:25px
}
.aromat_content{
	padding-bottom:25px
}
.geur li {
	width: 100%;
	margin-bottom:10px;
}
.first_screen {
	background-image: url(images/background-head-mob.webp)
}
.no-webp .first_screen {
	background-image: url(images/background-head-mob.jpg)
}
.thankyou-content{
	font-size:18px
}
.question{
	padding:40px 25px 25px
}
.fourth_block{
	margin-bottom:0;
}
.self {
	width: calc(100% - 80px);
}
.fb-next,
.news-next,
.fb-prev,
.news-prev{
	display:none
}
.feedback h2 {
	padding-right: 0
}
.news-swiper:before,
.feedback-swiper:before{
	width:5px;
}
.news-swiper:after,
.feedback-swiper:after{
	content:none
}
.news-swiper,
.feedback-swiper {
	margin: 0 -30px 0 -5px;
}
.news-swiper .swiper-slide,
.feedback-swiper .swiper-slide {
	width: 90%;
	padding:0 5px
}
.po4tizag {
	font-size: 25px;
}
.adv h2 {
    margin-bottom: 5px;
}
.w_50{
	width:100%
}
.phone-1{
	display:table;
}
.contact_block .w_50:last-of-type{
	margin-top:0
}
.mail{
	margin-bottom:10px
}
.footer .w50{
	width:100%!important
}
.footer-bottom{
	text-align:left
}
.footer {
    padding: 30px 0;
}
.line-top{
	margin-top:40px
}
.next-one,
.next-two,
.prev-one,
.prev-two{
	display:none
}
.aromat_content_inner .name_fbc{
	margin-bottom:30px;
}
}


@media (max-width: 479px){
h1{
	max-width:310px
}
.header .phone{
	display:none
}
.form_content{
	padding-top:40px;
}
.first_screen {
	background-image: url(images/background-head-little.webp);
}
.no-webp .first_screen {
	background-image: url(images/background-head-little.jpg);
}
.wrapper{
	padding:0 20px
}
.zag-form {
	font-size: 50px;
}	
.aromat_content:before {
	right: -10px;
}
.nasmir_box{
	bottom:35px;
}	
.news-swiper,
.feedback-swiper{
	margin-right:-20px
}
h2 {
	font-size: 35px;
}	
.aromat_content:before {
	width: 110px;
	height: 240px;	
}	
.self{
	width: calc(100% - 50px);
}	
.feedback-top img {
	width: 100px;
}	
.feedback-top {
	min-height:100px;
	padding: 25px 120px 5px 25px;
}	
.adv_block {
	padding-left: 10px;
}	
.adv_block_icon {
    position: relative;
    top: auto;
    left: auto;
    width: 80px;
	margin-bottom:15px;
}
.adv_block_icon	svg{
	height:80px;
	width:auto
}
.po4tizag {
	line-height:1.2;
	font-size: 25px;
}
.modal-content,
.modal-dialog{
	max-width:100%
}
.content-page h1 {
    font-size: 29px;
}
.content-page h2 {
    font-size: 21px;
}		
.content-page.wrapper {
    padding-top: 110px;
}
.xwrer{
	margin-bottom:30px
}
.date{
	font-size:14px;
}
}

@media (max-width: 399px){
.header {
	padding: 10px 0;
}	
.zag-form {
	font-size: 45px;
}
h2 {
	font-size: 30px;
}
h2 span {
	font-size: 25px;
}	

.header .max,
.header .phone-mob,
.header .messenger{
	margin-right:0;
	margin-left:12px;
	display:inline-block;
	vertical-align:bottom;
}
.header .max,
.header .mail-mob{
	margin-left:0
}
.header .max svg,
.header .mail-mob svg,
.header .phone-mob svg,
.header .messenger svg{
	width:32px;
	height:auto
}
.content-page.wrapper {
	padding-top: 95px;
}
}




.h1_with_slider{
	padding-right:160px;
}
/* ==========================================================================
   fb-swiper — собственная реализация без Swiper.
   Ширины слайдов заданы через CSS custom properties на каждый брейкпоинт.
   JS читает их через getComputedStyle — ни одно число не дублируется в JS.
   ========================================================================== */

.fb-swiper{
	--slide-width: 12.5%;
	--active-width: 25%;
	--peek: 20%; 
	margin-right:-12px;
    padding-right:10px

	position:relative;
	overflow:hidden;
	padding-left: var(--peek);
	transition: height 0.5s ease;
}

/* На время снапа клонов (переход в конце/начале ленты) отключаем
   ВСЕ transition у поддерева — иначе ширина отдельных слайдов
   продолжает анимироваться те же 0.5s, и получается видимый рывок. */
.fb-swiper.is-snapping,
.fb-swiper.is-snapping *{
	transition: none !important;
}

.h1_with_slider .fb-next {
    right: 0;
}
.h1_with_slider .fb-prev {
    right: 65px;
}
/* Кнопки .fb-prev/.fb-next используют твои готовые стили из общего CSS —
   тут только гарантируем точку отсчёта для position:absolute (top:0/right:X). */
.content-page h1{
	position:relative;
}

.fb-swiper .swiper-wrapper{
	display:flex;
	align-items:flex-start;
	will-change:transform;
	transition: transform 0.5s ease;
}

.fb-swiper .swiper-slide{
	flex-shrink:0;
	width: var(--slide-width);
	position:relative;
	transition: width 0.5s ease; 
	cursor:pointer;
}

.fb-swiper .swiper-slide.swiper-slide-active{
	width: var(--active-width);
	cursor:default;
}


.image-fb{
	position:relative;
	width:100%;
}
.image-fb img{
	position:relative;
	z-index:4;
	width:100%;
	height:auto;
	display:block;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	transition: border-radius 0.5s ease;
}

.image-fb .video-element{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	aspect-ratio:732/1144;
	z-index:1;
	object-fit:cover;
	opacity:0;
	transition-delay:0.5s;
	border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
	overflow:hidden;
}
.image-fb .play-btn{
	opacity:0;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:10%;
	z-index:4;
	width:70px;
	height:70px;
	background:white;
	border:none;
	border-radius:50%;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	backdrop-filter:blur(2px);
	box-shadow:0 0 30px rgba(0,0,0,0.5);
	padding:0;
	pointer-events:none;
}
.fb-swiper .swiper-slide.swiper-slide-active .image-fb .play-btn{
	opacity:1;
	pointer-events:auto;
	transition: opacity 0.5s ease 0.5s, transform 0.3s ease 0s;
}
.image-fb .play-btn:hover{ transform:translateX(-50%) scale(1.05); }
.image-fb .play-btn:active{ transform:translateX(-50%) scale(0.95); }
.image-fb .play-icon{
	margin-left:6px;
	width:0; height:0;
	border-top:18px solid transparent;
	border-bottom:18px solid transparent;
	border-left:26px solid #136A74;
}
.image-fb.playing .poster-img{ opacity:0; pointer-events:none; }
.image-fb.playing .play-btn{ opacity:0!important; pointer-events:none; }
.image-fb.playing .video-element{ z-index:3; opacity:1; }

.fb_content_block{
	padding-right:10px;
	position:relative;
}
.fb-top-row{
	display:flex;
	align-items:flex-start;
}
.fb-fb-block,
.image-fb{
	flex-shrink:0; /* картинка не сжимается */
}
.fb-fb-block{
	max-height:0;
	overflow:hidden;
	width:250%;
	opacity:0;
	transition: opacity 0.3s ease;
	pointer-events:none;
}
.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block{
	opacity:1;
	pointer-events:auto;
	transition: opacity 0.5s ease 0.3s;
	max-height:500px;
	margin-top:250px;
	padding-left:40px
}
.fb-fb-block .mini-fb + .name_fbc{
	margin-top:30px;
}
.fb-fb-block .name_fbc{
	margin-bottom:0;
}

.raiting{ margin-bottom:15px; }
.raiting svg{ height:14px; width:auto; }
.name_fbc span{ display:block; font-size:14px; color:black; }
.zag-fb{ font-size:35px; display:block; }

.fb-fb-block-bottom{
	max-height:0;
	overflow:hidden;
	width:250%;
	opacity:0;
	pointer-events:none;
}
.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block-bottom{
	margin-top:30px;
	max-height:2000px;
	opacity:1;
	pointer-events:auto;
	transition: opacity 0.5s ease 0.3s;
}
.fb-swiper .swiper-slide,
.fb-swiper .fb-prev,
.fb-swiper .fb-next{
	-webkit-tap-highlight-color: transparent;
}
.fb-swiper .swiper-wrapper{
	user-select:none;
}

/* ==========================================================================
   Брейкпоинты — только переопределение переменных + текстовых отступов.
   Ширина/scale картинки больше нигде не нужны — растут вместе со слайдом.
   ========================================================================== */

@media (max-width:1640px){
	.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block {
    	margin-top: 220px;
    	padding-left: 30px;
	}
}

@media (max-width:1440px){
	.fb-swiper{
		--peek: 12.5%;
		--slide-width: calc(100% / 7);
		--active-width: calc((100% / 7) * 2);
	}
	.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block {
    	margin-top: 240px
	}
}

@media (max-width:1240px){
	.fb_content_block{ padding:0; padding-right:10px; }
	.fb-swiper{
		margin-right:-13px
	}
	.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block {
        margin-top: 200px;
    }
}

@media (max-width:1000px){
	.fb-fb-block{
		width:350%;
		padding:20px 0 0
	}
	.fb-fb-block-bottom{ width:350%; }
	.zag-fb{ font-size:25px; }
	.image-fb .play-btn{
		width:50px; height:50px;
	}
	.image-fb .play-icon{
		margin-left:4px;
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
		border-left:16px solid #136A74;
	}
	.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block {
        margin-top: 120px;
		padding-left:20px;
    }
}

@media (max-width:768px){
	.fb-swiper{
		--peek: 0%;
		margin-right:-30px;
	}
	/* фиксированные px вместо % — JS читает их так же через getComputedStyle */
	.fb-swiper .swiper-slide{ width:100px; }
	.fb-swiper .swiper-slide.swiper-slide-active{ width:200px; }
	.fb-fb-block-bottom,
	.fb-fb-block{ width:calc(100vw - 60px); }
	.h1_with_slider .fb-prev,
	.h1_with_slider .fb-next{
		display: none;
	}
	.h1_with_slider {
		padding-right: 0
	}
	.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block {
        margin-top: 130px;
	}
}

@media (max-width:600px){
	.fb-swiper .swiper-slide.swiper-slide-active{ width:118px; }
	.fb-fb-block{ padding:20px 0 0; }
	.fb-top-row{
		display: block;
	}
	.fb-swiper .swiper-slide.swiper-slide-active .fb-fb-block {
        margin-top: 0;
        padding-left: 0
    }
}

@media (max-width:479px){
	.fb-swiper{ margin-right:-20px; }
	.zag-fb{ font-size:21px; }
}

.for_block_content .btn {
    position: relative;
    padding-right: 74px;
    text-decoration: none;
    overflow: hidden;
    background: #136A74;
    border-color: #136A74;
    color: #fff;
    transition: border-color .3s ease;
}
.for_block_content .btn svg{
	fill:white
}
.for_block_content .btn:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%;
    width: 40%;
    z-index: 2;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, .85)), to(transparent));
    background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, .85) 50%, transparent 100%);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-animation: faq-btn-shine 3.2s ease-in-out infinite;
    animation: faq-btn-shine 3.2s ease-in-out infinite;
}
@-webkit-keyframes faq-btn-shine {
	0%, 15% { left: -60%; }
	65%, 100% { left: 130%; }
}
@keyframes faq-btn-shine {
	0%, 15% { left: -60%; }
	65%, 100% { left: 130%; }
}


/* ==========================================================================
   Бургер-меню (Nasmir)
   ========================================================================== */

/* ==========================================================================
   Бургер-меню (Nasmir), страница test.
   ========================================================================== */

:root{
	--gap:20px; /* отступ панели меню от края экрана (сверху/слева/снизу) */
	--panel-w:min(450px, calc(100vw - (var(--gap) * 2))); /* реальная (открытая)
		ширина панели — макс. ширина как на референсе, но не шире экрана */
}
@media (max-width:768px){
	:root{ --gap:10px; }
}

/* Кнопка — теперь просто часть шапки, стоит в потоке внутри .contact_block
   рядом с иконками (не отдельный fixed-элемент, как было раньше). Раньше
   её выносили за пределы .header, чтобы она не пряталась под .menu-overlay
   (у которого был z-index выше .header) — но теперь .menu-overlay не на
   весь экран, а закрывается меню отдельным крестиком (.menu-close, он
   всегда поверх всего), так что кнопке больше не обязательно оставаться
   видимой, пока меню открыто.
   display:inline-block (не block!) — .contact_block верстает иконки как
   обычную инлайновую строку ссылок, без flex; блочный элемент внутри такой
   строки всегда начинает с новой строки, из-за этого кнопка и уезжала —
   inline-block сидит вровень с остальными иконками, как обычная ссылка. */
.hamburger_btn{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	position:relative;
	margin-left:24px;
	cursor:pointer;
	background:none;
	border:0;
	padding:0;
}
.hamburger_btn span{
	position:absolute;
	top:50%;
	right:0;
	width:30px;
	height:2px;
	background:#1D3F49;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	transition-duration:0.3s;
}
.hamburger_btn span:first-of-type{
	margin-top:-8px;
}
.hamburger_btn span:last-of-type{
	margin-top:8px;
	width:22px;
}
.hamburger_btn:hover span:nth-of-type(2){
	width:22px;
}
.hamburger_btn:hover span:last-of-type{
	width:30px;
}

body.menu-open{
	overflow:hidden;
}
/* Кнопка больше не превращается в крестик при открытии — остаётся тремя
   линиями в обычном виде и на закрытом, и на открытом меню. Закрывается
   меню отдельной кнопкой .menu-close. */

/* Крестик закрытия — независимая fixed-кнопка в левом верхнем углу
   ПАНЕЛИ (панель прижата к левому краю экрана, левый угол — это просто
   отступ от края viewport, без calc). Без кружка вокруг, сам крестик
   небольшой (14px). Видна только при открытом меню. */
.menu-close{
	display:block;
	width:44px;
	height:44px;
	border-radius:50%;
	background:none;
	position:fixed;
	top:calc(var(--gap) + 14px);
	right:calc(var(--gap) + 24px);
	z-index:2147483646; /* выше меню, но не обязательно выше .hamburger_btn */
	cursor:pointer;
	padding:0;
	margin:0;
	border:0;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity 0.2s ease, visibility 0s linear 0.2s, background-color 0.2s ease; /* закрытие — быстро, сразу */
}
.menu-close:hover{
	background:#EDF5F4; /* кружок появляется только при наведении */
}
.menu-close span{
	position:absolute;
	top:50%;
	left:50%;
	width:14px;
	height:2px;
	margin-left:-7px;
	background:#1D3F49;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
}
.menu-close span:first-child{
	-webkit-transform:translateY(-50%) rotate(45deg);
	-ms-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
.menu-close span:last-child{
	-webkit-transform:translateY(-50%) rotate(-45deg);
	-ms-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg);
}
body.menu-open .menu-close{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transition:opacity 0.3s ease 0.3s; /* примерно на середине раскрытия панели */
}

/* Подложка позади панели — лёгкий белый блюр видимой части страницы,
   пока меню открыто. */
.menu-backdrop{
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	z-index:1999; /* выше .header (999), ниже .menu-overlay (2000) */
	background:rgba(255,255,255,0.55);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	opacity:0;
	visibility:hidden;
	/* Закрытие — фон гаснет последним, уже после того как скрылись
	   пункты меню и схлопнулась сама панель */
	transition:opacity 0.3s ease 0.65s, visibility 0s linear 0.95s;
}
body.menu-open .menu-backdrop{
	opacity:1;
	visibility:visible;
	/* Открытие — фон появляется сразу, первым */
	transition:opacity 0.3s ease;
}

/* Панель — белая плавающая карточка у правого верхнего угла экрана,
   с отступом --gap сверху/справа/снизу, скруглённые углы. Рост "из угла"
   сделан буквально через width/height (не transform:scale): в закрытом
   состоянии 0×0, при открытии ширина едет к 100% (не больше --panel-w —
   макс. ширина панели, ~450px), высота — к полному доступному пространству
   экрана. Заякорена только через right (без left) — поэтому и растёт
   вправо-влево от правого края, а не от левого. box-sizing:border-box —
   чтобы padding не мешал схлопнуться в 0. Внутренний скроллбар скрыт (сам
   скролл работает). */
.menu-overlay{
	position:fixed;
	top:var(--gap);
	right:var(--gap);
	box-sizing:border-box;
	width:0;
	max-width:var(--panel-w);
	height:0;
	/* Высота считается не от 100vh (которая на мобильных не совпадает с
	   реально видимой областью — часть браузеров прячет/показывает
	   верхнюю/нижнюю панель при скролле, меняя видимую высоту окна), а от
	   --vh — переменной в px, которую выставляет и обновляет JS на основе
	   реальной высоты окна (см. burger-menu.js). Фолбэк 1vh — на случай,
	   если JS ещё не отработал или отключён. */
	max-height:calc(var(--vh, 1vh) * 100 - (var(--gap) * 2));
	background:#fff;
	border-radius:20px;
	box-shadow:0 20px 60px rgba(29,63,73,0.16);
	z-index:2000; /* выше .header (999) — при открытом меню шапка уходит под панель */
	padding:0; /* все отступы теперь на .wrapper внутри */
	/* Закрытие — только после того как скрылись пункты меню (см. .menu-item) */
	transition:width 0.3s ease 0.45s, height 0.3s ease 0.45s;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none; /* Firefox — скрыть полосу прокрутки */
	-ms-overflow-style:none; /* старый Edge/IE */
}
.menu-overlay::-webkit-scrollbar{
	display:none; /* Chrome/Safari — то же самое */
}
body.menu-open .menu-overlay{
	width:100%;
	height:calc(var(--vh, 1vh) * 100 - (var(--gap) * 2));
	/* Открытие — сразу, без задержки, замедлено в 2 раза (0.3s → 0.6s),
	   чтобы разворот панели читался отчётливее */
	transition:width 0.6s ease, height 0.6s ease;
}

.menu-overlay .wrapper{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	width:100%;
	max-width:none;
	margin:0;
	min-height:100%;
	padding:50px 50px 70px;
	box-sizing:border-box;
}
.menu-nav{ display:block; flex-shrink:0; }

/* Второй блок — логотип. margin-top — минимальный отступ
   от навигации (70px десктоп / 50px мобилка), реальный отступ может
   быть больше — колонка .wrapper всё ещё space-between. */
.menu-bottom{
	display:flex;
	align-items:flex-end;
	flex-shrink:0;
	margin-top:70px;
	opacity:0;
	transition:opacity 0.3s ease; /* закрытие — гаснет быстро, без задержки */
}
/* Логотип и лист проявляются мягко и медленно (1.3s), после того как
   закончил появляться последний пункт меню (его задержка 0.88s) */
body.menu-open .menu-bottom{
	opacity:1;
	transition:opacity 1.3s ease 0.92s;
}
.logo_mobmenu{
	position:relative;
	z-index:1;
	width:80%;
	max-width:240px;
	height:auto;
	flex-shrink:0;
}
/* Лист вынесен на уровень .wrapper (не внутри .menu-bottom), позиционируется
   относительно всей панели, выступая за её нижний правый угол */
.menu-overlay-leaf{
	position:absolute;
	right:-40px;
	bottom:30px;
	width:170px;
	height:auto;
	pointer-events:none;
	z-index:0;
	opacity:0;
	transition:opacity 0.3s ease; /* закрытие — гаснет быстро, без задержки */
}
/* Проявляется вместе с логотипом — мягко, медленно, после последнего
   пункта меню */
body.menu-open .menu-overlay-leaf{
	opacity:0.9;
	transition:opacity 1.3s ease 0.92s;
}

/* "Дымка" сверху панели — белый градиент в верхней части скролл-контейнера
   .menu-overlay, чтобы при прокрутке пунктов меню на маленьких экранах
   верхние пункты уходили в туман, а не резко обрезались краем панели.
   sticky внутри самого скролл-контейнера — держится у верхнего края
   видимой области панели независимо от прокрутки её содержимого.
   Ниже .menu-close (z-index 2147483646, отдельный fixed-элемент), но
   выше содержимого меню. margin-bottom отрицательный — чтобы псевдоэлемент
   не занимал место в потоке (сразу "схлопывается" после sticky-позиционирования).
   Высота — по нижнюю границу .menu-close (top:calc(var(--gap) + 14px),
   height:44px, т.е. низ на var(--gap) + 58px от верха экрана — и от верха
   .menu-overlay, т.к. у панели тот же отступ var(--gap); переменная
   сокращается) + 10px запаса = 68px. Непрозрачность нелинейная: первые 50%
   высоты — сплошной белый, дальше плавно падает до полной прозрачности. */
.menu-overlay::before{
	content:'';
	position:sticky;
	top:0;
	display:block;
	width:100%;
	height:68px;
	margin-bottom:-68px;
	background:linear-gradient(to bottom, #fff 0%, #fff 50%, rgba(255,255,255,0) 100%);
	pointer-events:none;
	z-index:5;
}

.menu-item{
	position:relative;
	display:block;
	font-family:'Verdana';
	font-size:22px;
	color:#1D3F49;
	margin:24px 0;
	opacity:0;
	-webkit-transform:translateY(15px);
	-ms-transform:translateY(15px);
	transform:translateY(15px);
	-webkit-transition:opacity 0.22s ease, -webkit-transform 0.22s ease;
	transition:opacity 0.22s ease, transform 0.22s ease;
}
/* Закрытие (базовое состояние) — обратный порядок: последний появившийся
   пункт исчезает первым, первый — последним */
.menu-item:nth-of-type(1){ transition-delay:0.28s; }
.menu-item:nth-of-type(2){ transition-delay:0.24s; }
.menu-item:nth-of-type(3){ transition-delay:0.2s; }
.menu-item:nth-of-type(4){ transition-delay:0.16s; }
.menu-item:nth-of-type(5){ transition-delay:0.12s; }
.menu-item:nth-of-type(6){ transition-delay:0.08s; }
.menu-item:nth-of-type(7){ transition-delay:0.04s; }
.menu-item:nth-of-type(8){ transition-delay:0s; }

/* Открытие — сначала полностью отрастает панель (0.6s), и только потом,
   один за другим, проявляются пункты меню */
body.menu-open .menu-item{
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:opacity 0.25s ease, -webkit-transform 0.25s ease;
	transition:opacity 0.25s ease, transform 0.25s ease;
}
body.menu-open .menu-item:nth-of-type(1){ transition-delay:0.6s; }
body.menu-open .menu-item:nth-of-type(2){ transition-delay:0.64s; }
body.menu-open .menu-item:nth-of-type(3){ transition-delay:0.68s; }
body.menu-open .menu-item:nth-of-type(4){ transition-delay:0.72s; }
body.menu-open .menu-item:nth-of-type(5){ transition-delay:0.76s; }
body.menu-open .menu-item:nth-of-type(6){ transition-delay:0.8s; }
body.menu-open .menu-item:nth-of-type(7){ transition-delay:0.84s; }
body.menu-open .menu-item:nth-of-type(8){ transition-delay:0.88s; }

.menu-item:hover{
	color:#136A74;
}

/* При наведении на любой пункт меню остальные пункты приглушаются до 50%
   непрозрачности, наведённый остаётся полностью видимым. transition-delay
   принудительно обнуляется (!important) — иначе унаследовалась бы
   ступенчатая задержка из анимации открытия/закрытия меню (см. выше) */
.menu-nav:hover .menu-item{
	opacity:0.5;
	transition:opacity 0.25s ease;
	transition-delay:0s !important;
}
.menu-nav:hover .menu-item:hover{
	opacity:1;
}

@media (max-width:768px){
	/* На мобильных контактам не хватает места рядом с кнопкой — тут
	   бургер по-прежнему заменяет их собой */
	.header .contact_block > a{
		display:none;
	}
	.menu-overlay .wrapper{
		padding:32px 24px;
	}
	.menu-bottom{
		margin-top:50px;
	}
	.menu-overlay-leaf{
		width:150px;
	}
}

@media (max-width:479px){
	.menu-item{
		font-size:19px;
		margin:18px 0;
	}
	.menu-overlay-leaf{
		width:110px;
	}
}