/***********/
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-Light.woff2') format('woff2');font-weight: 300;font-style: normal;font-display: swap}
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap}
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap}
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap}
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-ExtraBold.woff2') format('woff2');font-weight: 800;font-style: normal;font-display: swap}
@font-face {font-family: 'Mulish';src: url('../fonts/subset-Mulish-Black.woff2') format('woff2');font-weight: 900;font-style: normal;font-display: swap}
/*** Глобальные ***/
body{font:500 16px/1.2 'Mulish'; background:#fff; color:#000}
html, body{height:100%}
*{outline:none; padding: 0px; margin: 0px; border: none}
*, *::before, *::after{box-sizing: border-box}
a, a:link, a:visited{text-decoration: none}
a, a span, input, select, textarea, button, button span, a path, a svg, button *, button::before{transition:all 0.15s linear 0s}
a:hover{text-decoration: none}
aside, nav, footer, header, section, main{display: block}
h1, h2, h3, h4, h5, h6, p{font-size: inherit; font-weight: inherit}
ul, ul li{list-style: none}
img{vertical-align: top}
img, svg{max-width: 100%; height: auto}
address{font-style: normal}
input, textarea, button, select{font-family: inherit; font-size: inherit; color: inherit; background-color: transparent}
input::-ms-clear{display: none}
button, input[type="submit"]{display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: poMulish}
input:focus, input:active, button:focus, button:active{outline: none}
button::-moz-focus-inner{padding: 0; border: 0}
label{cursor: poMulish}
legend, picture{display: block}
.wrapper{display: flex; flex-direction: column;  min-height:100%;}
main{flex: 1 1 auto}
footer{flex-shrink: 0}

input[type=text], input[type=email], input[type=tel], select, textarea{border-radius: 6px; padding: 0 20px; background: #FFF; display:block; width:100%; height: 58px; border:none; color: #332E47; font:500 15px 'Mulish'}
textarea{padding:18px; resize:none; min-height:150px; height:100%}
select{background:#fff url(../images/select.svg) no-repeat 97% center;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 40px; font-size:14px}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus{box-shadow:0 0 0 1px #FFD51C inset}
input::placeholder, textarea::placeholder{color: #402714; opacity:1}

.group__field{position:relative; display:flex; align-items:center; gap:12px}
.group__field.column-fields{flex-direction:column; align-items:start}
.group__field .wrap-field__icon input, .group__field .wrap-field__icon select{padding-left:46px}
.group__field .wrap-field__icon select option{padding:0}
.wrap-field__icon{position:relative; width:100%}
.field__icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;display: flex;align-items: center;justify-content: center;width: 22px;min-width: 22px;color:#332E47}

.input__checkbox{display:flex; margin-top:12px;  align-items:center}
.input__checkbox input{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.input__checkbox-check{margin-right:10px;  border:1px solid #006CB5; background:none;  border-radius: 3px; min-width: 14px; width: 14px; height: 14px;}
.input__checkbox-text{font-size: 11px;line-height:1.3;color: #616B8A} 
.input__checkbox-text a{color:#006CB5; text-decoration:underline}
.input__checkbox-text a:hover{text-decoration:none}
.input__checkbox input:checked ~ .input__checkbox-check{background: #fff url(../images/check.svg) no-repeat center center}

.padtop-0{padding-top:0 !important}
.padbot-0{padding-bottom:0 !important}
.martop-0{margin-top:0 !important}
.marbot-0{margin-bottom:0 !important}





.wrapper__breadcrumb ul{padding:40px 0; font:700 20px/1.2 'Mulish'; color: #000; display:flex; align-items:center}
.wrapper__breadcrumb ul li{white-space:nowrap}
.wrapper__breadcrumb ul li:last-child{overflow: hidden; text-overflow: ellipsis}
.wrapper__breadcrumb ul li.sep{margin: 0 6px;}
.wrapper__breadcrumb ul li a{font-weight:400; color: #000; text-decoration:underline}
.wrapper__breadcrumb ul li a:hover{color:#FFD51C; text-decoration:none}
/*
.photo-zoom{display:block; overflow:hidden; position:relative}
.photo-zoom::after{z-index:2; poMulish-events:none; transition: all 0.15s linear 0s; content:""; position:absolute; top:50%; right:50%; transform:translateX(50%) translateY(-50%); background:#006CB5 url(../images/zoom.svg) no-repeat center center; width:48px; height:48px; border-radius:100%}
.photo-zoom::before{z-index:1; poMulish-events:none; transition: all 0.15s linear 0s; content:""; position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(31, 34, 68, 0.2);}
.photo-zoom:hover::after{transform:translateX(50%) translateY(-50%) scale(1.2);  background-color:#E84545}
.photo-zoom:hover::before{opacity:0}
*/
.video-link{border-radius:20px; display:block; overflow:hidden; position:relative}
.video-link::after{transition: all 0.15s linear 0s;content:"";position:absolute;top:50%;right:50%;transform:translateX(50%) translateY(-50%);background:url(../images/play.svg) no-repeat center center / contain;width: 80px;height: 80px;border-radius:100%;z-index: 1;}
.video-link:hover::after{transform:translateX(50%) translateY(-50%) scale(1.2);  background-color: rgba(64,39,20,1)}
.video-link img{width:100%; height:auto; transition: all 0.15s linear 0s;}
.video-link:hover img{transform:scale(1.1)}

.swiper-button-lock{display:none !important}
.swiper-button-disabled{opacity:0 !important}
.swiper-arrow{position: absolute;top: 50%;transform: translateY(-50%);background: #132533;border: 4px solid #fff;border-radius: 50%;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 20;transition: all 0.3s ease}
.swiper-arrow:hover{background: #fff;border-color:#132533}
.swiper-arrow-prev{left: -18px}
.swiper-arrow-next{right: -18px}
.swiper-arrow svg {width: 18px;height: 15px;color: #fff}
.swiper-arrow:hover svg {color:#132533;}

.swiper-pagination{padding-top:40px; display: flex;justify-content: center; align-items:center; position: static;width: 100%;}
.swiper-pagination .swiper-pagination-bullet{transition: .3s background; width: 9px; height: 9px; border: 1px solid #A66534; background: transparent; border-radius: 60px; opacity:1; margin: 0 6px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 15px; height:15px; background:#A66534}


@media(max-width: 1399px) {
	.wrapper__breadcrumb ul{padding:35px 0; font-size:18px;}
	.swiper-pagination{padding-top:35px}
	input[type=text], input[type=email], input[type=tel], select, textarea{padding: 0 15px; height: 53px}
	.video-link::after{width: 60px;height: 60px;}
}
@media(max-width: 991px) {
	body{font-size:15px}
	input[type=text], input[type=email], input[type=tel], select, textarea{height: 48px; font-size: 14px}
	.swiper-pagination{padding-top:30px}
	.wrapper__breadcrumb ul{padding:30px 0; font-size:16px;}
	.wrapper__breadcrumb ul li.sep{margin: 0 5px;}
	.video-link::after{width: 45px;height: 45px;}
}
@media(max-width: 767px) {
	input[type=text], input[type=email], input[type=tel], select, textarea{height: 44px}
	.swiper-pagination{padding-top:25px}
	.wrapper__breadcrumb ul{padding:25px 0; font-size:14px;}
	.video-link::after{width: 35px;height: 35px;}
}
@media(max-width: 575px) {
	body{font-size:14px}
	.swiper-pagination{padding-top:20px}
	.group__field{flex-direction:column}	
	.group__field .fields--two{width: 100%}
	.wrapper__breadcrumb ul{padding:20px 0; font-size:12px;}
	.wrapper__breadcrumb ul li.sep{margin: 0 3px;}
	.swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 4px;}
	.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 12px; height:12px}
	.video-link::after{width: 30px;height: 30px;}
}

/***********/
.container{width:100%; padding:0 15px; margin:0 auto}
.content-container{position:relative}
.widget{padding:50px 0; overflow:hidden}
.widget.visible--widget{overflow:visible}
.widget__title-desc{margin:16px 0 0; font-weight: 700;font-size: 18px;line-height: 1.6;color: #332E47;display:flex;align-items:center;gap: 10px;position:relative}
.widget__title-desc::before{position: absolute;width: 46px;height: 2px;left: -18px;top: 13px;content: "";background: #FFD51C;transform: rotate(121.61deg);z-index:-1}

.widget__title, .widget__title-with-desc{padding-bottom:50px}
.widget__title-h1{padding-bottom:40px}
.widget__title-h1 .widget__title-desc{font-family:"Mulish"}
.widget__footer-title{font:700 16px/1.12 'Mulish'; color: #FFD51C; border-bottom:1px solid #FFD51C; padding-bottom:5px}
.widget__title-row{padding-bottom:40px}




h1, .h1{font-weight: 800; font-size: 56px; line-height: 1.2; color: #262C32; margin-bottom:45px}
h2, .h2{font-weight: 800; font-size: 38px; line-height: 1.2; color: #262C32}
h3, .h3{font-weight: 700; font-size: 24px; line-height: 1.2; color: #000}
h4, .h4{font-weight: 700; font-size: 20px; line-height: 1.2; color: #332E47}
h5, .h5{}
h6, .h6{}


@media(min-width:576px){
	.container{max-width:540px; }
}
@media(min-width:768px){
	.container{max-width:720px; }
}
@media(min-width:992px){
	.container{max-width:960px; }
	.widget__title-h1{display:flex; align-items:center; justify-content:space-between}
}
@media(min-width:1400px){
	.container{max-width:1320px; }
}
@media(max-width: 1399px) {
	.widget{padding:40px 0}
	.widget__title, .widget__title-with-desc, .widget__title-h1, .widget__title-row{padding-bottom:35px}
	.widget__title-desc{font-size: 17px}
	h1, .h1{font-size: 46px; margin-bottom:35px}
	h2, .h2{font-size: 32px}
	h3, .h3{}
}
@media(max-width: 991px) {
	.widget{padding:30px 0}
	.widget__title, .widget__title-with-desc, .widget__title-h1, .widget__title-row{padding-bottom:30px}
	.widget__title-desc{font-size: 16px}
	.widget__footer-title{font-size:14px}
	.widget__title-h1 h1{padding-bottom:20px}
	.widget__title-row{flex-direction:column; display:flex; text-align:center; align-items:center; justify-content:center}
	h1, .h1{font-size: 36px; margin-bottom:30px}
	h2, .h2{font-size: 28px;}
	h3, .h3{font-size: 22px;}
	h4, .h4{}
}
@media(max-width: 767px) {
	.widget{padding:25px 0}
	.widget__title, .widget__title-with-desc, .widget__title-h1, .widget__title-row{padding-bottom:25px}
	.widget__title-h1 h1{padding-bottom:15px}
	.widget__title-desc{font-size: 15px}
	h1, .h1{font-size: 32px; margin-bottom:25px}
	h2, .h2{font-size: 26px;}
	h3, .h3{font-size: 20px;}
	h4, .h4{}
}
@media(max-width: 575px) {
	.widget{padding:20px 0}
	.widget__title, .widget__title-with-desc, .widget__title-h1, .widget__title-row{padding-bottom:20px}
	.widget__title-h1 h1{padding-bottom:10px}
	.widget__title-desc{font-size: 14px}
	h1, .h1{font-size: 26px; margin-bottom:20px}
	h2, .h2{font-size: 22px;}
	h3, .h3{font-size: 18px;}
	h4, .h4{}
}
/*** Кнопки ***/
.btn__group{display:flex; align-items:center; gap:20px}
.btn{cursor:pointer; padding:20px 30px; background: #FFD51C; border:none; border-radius: 6px; font-weight: 500; font-size: 15px; line-height: 1.2; color: #332E47;  display: inline-block; white-space:nowrap}
.btn.btn-all-width{width:100%}
.btn.btn-border{box-shadow:0px 0 0px 1px rgba(255, 213, 28, 1) inset; background:none}
.btn.btn-shadow{box-shadow: 0px 6px 6px rgba(218, 174, 0, 0.45);}
.btn:hover{color:#fff; background:#F9BC37;}
.btn.btn-shadow:hover{box-shadow: 0 0 0 rgba(218, 174, 0, 0.45)}
.btn.btn-border:hover{color:#332E47; background:#FFD51C}
.btn-dark{background: #332E47; box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.25); color:#fff}
.btn-dark:hover{background: #262C32; box-shadow: 0px 0 0 rgba(0, 0, 0, 0.25);}
@media(min-width:1400px){
	.btn--padd-big{padding-left:40px; padding-right:40px}
}
@media(max-width: 1399px) {
	.btn__group{gap:15px}
	.btn{padding: 19px 25px;font: 700 15px / 1 'Mulish';}
}
@media(max-width: 991px) {
	.btn{padding: 17px 20px;font: 700 14px / 1 'Mulish';}
}
@media(max-width: 767px) {
	.btn__group{gap:10px}
	.btn{padding: 15px;}
}
/******** Шапка ********/
header.header{height: 75px; display: flex; align-items: center; justify-content: space-between}
.header__logo{display:flex; align-items:center; gap:16px}
.contact__city{position:relative}
.contact__city > a{font:600 12px/1.2 'Mulish'; display:flex; align-items:center; color:#828282; gap:4px; white-space:nowrap}
.contact__city > a svg{color:#332E47; width:16px; height:16px; transform: translateY(1px)}
.contact__city > a:hover, .contact__city > a.active-city-dropdown{color:#FFD51C}
.contact__city > a:hover svg, a.active-city-dropdown svg{color: #FFD51C}
a.active-city-dropdown svg{transform:rotate(180deg) translateY(1px)}
.contact__city-dropdown{z-index:5; white-space:nowrap;transition:all 0.15s linear 0s;position:absolute;top:100%;left:0;padding: 15px;background: #FFD51C;border-radius: 8px;opacity: 0;visibility: hidden;transform: translateY(-10px);}
.contact__city-dropdown.active{opacity: 1; visibility: visible; transform: translateY(10px);}
.active-city-dropdown svg{transform: rotate(180deg); transition: transform 0.15s linear;}
.city-dropdown__list li a{font: 600 12px/1.2 'Mulish';white-space:nowrap;color: #332E47;padding: 5px 0;display:block}
.city-dropdown__list li a:hover{color: #000;}
.header__links a.btn{display:flex; align-items:center; font-weight:600; font-size:13px; gap:4px; padding:0 20px 0 4px}
.action__link{display:flex; align-items:center; gap:8px}
.action__link-text{font-weight: 400; font-size: 12px; line-height: 1.2; color: #332E47;}
.action__link-text strong{font-weight: 700;font-size: 13px}
.action__link:hover .action__link-text{color:#F9BC37}		
.header__menu .menu-container{background: #DEE4F5; border-radius: 16px  16px 0 0}
.header__menu .menu-container > ul{display:flex; align-items:center; }
.header__menu ul li a{font-size: 15px; font-weight:600; display:block}
.header__menu .menu-container > ul > li{flex:1 1 auto}
.header__menu .menu-container > ul > li > a{color: #262C32; padding:13px 10px;text-align:center;box-shadow: 0px 0px 0 0 #FFD727 inset;}
.header__menu .menu-container > ul > li.active > a, .header__menu .menu-container > ul > li > a:hover, .header__menu .menu-container > ul > li:hover > a{box-shadow: 0px -4px 0 0 #FFD727 inset;}
.header__menu .menu-container > ul > li.folder{position:relative}
.header__menu .menu-container > ul > li.folder > a svg{filter: brightness(3);position: relative;}
.header__menu .menu-container > ul > li.folder > a:hover svg, .header__menu > ul > li.folder:hover > a svg{filter: none;transform: rotate(180deg);}
.header__menu .menu-container > ul > li.folder > a{display:flex; align-items:center; gap:5px}
.header__menu .menu-container > ul > li.folder > ul{transition:all 0.15s linear 0s; position:absolute; top:100%; left:0; opacity:0; visibility:hidden; padding: 20px; background: #FFFFFF;border-radius: 10px; poMulish-events:none}
.header__menu .menu-container > ul > li.folder > ul li a{white-space:nowrap; color: #402714; padding:5px 0}
.header__menu .menu-container > ul > li.folder > ul li a:hover, .header__menu > ul > li.folder > ul li:active a{color:#CA6C25; /*font-weight:700*/}
.header__menu .menu-container > ul > li.folder:hover ul{opacity:1; visibility:visible; poMulish-events:auto}
.menu-catalog-link{max-width:210px}
.menu-catalog-link span{display:flex; justify-content:center; align-items:center; gap:10px}
.menu-catalog-link span svg{width:18px; height:18px; color:#332E47}
.header__contact{display:flex; align-items:center; gap:24px}
.header__contact-phone{display:flex; flex-direction:column; text-align:right; gap:4px}
.contact-phone__num{font-weight: 700;font-size: 16px;color: #332E47}
.contact-phone__link{font-weight: 600; font-size: 14px; color: #332E47}
.header__contact-phone a:hover{color:#FFD51C}
.contact-messager__list{display:flex; align-items:center; gap:4px}
.contact-messager__list{}
.contact-messager__list a{width:26px; height:26px; border-radius:100%; display:flex; align-items:center; justify-content:center}
.contact-messager__list a svg{color:#fff; width:12px; height:12px}
.mess--whatsapp{background:#33BC43}
.mess--telegram{background:#13B4E1}
.contact-messager__list a:hover{background:#000}
@media(min-width: 576px) {
	.mobile-set-city, .menu-level-1 li:last-child{display:none}
}
@media(min-width: 992px) {
	.header__burger, .mobile-menu-wrapper, .menu-catalog-link-mobile{display:none}
}
@media(max-width: 1399px) {
	.header__action{display:none}
	.header__menu ul li a{font-size: 14px}
	.menu-catalog-link span{gap:5px}
	.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(38, 44, 50, 0.9);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 998;opacity: 0;visibility: hidden;transition: all 0.3s}
	.mobile-menu-overlay.active {opacity: 1; visibility: visible}
	.mobile-menu-close {position: fixed;top: 20px;right: 20px;font-size: 30px;color: #262C32;background: #DEE4F5;border: none;cursor: poMulish;z-index: 1001;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);line-height: 1;padding-bottom: 5px;}
	.mobile-menu{position: fixed; top: 0; left: 0; width: 85%; max-width: 320px; height: 100%; background: #DEE4F5; z-index: 999; transform: translateX(-100%); transition: transform 0.3s; display: flex; flex-direction: column; overflow: hidden}
	.mobile-menu.active {transform: translateX(0)}
	.mobile-menu-logo{font-family: 'Mulish';font-weight: 300;font-size: 15px;line-height: 20px;color: #262C32;padding: 20px 15px;flex-shrink: 0;border-bottom: 1px solid rgba(38, 44, 50, 0.2);background: #fff;text-align: center;display: flex;flex-direction: column;gap: 10px}
	.mobile-menu-logo a{display:block}
	.mobile-menu-logo img {filter: none}
	.menu-scroll-container {flex-grow: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; position: relative; background: #DEE4F5}
	.mobile-menu-footer {flex-shrink: 0;padding: 20px 15px;border-top: 1px solid rgba(38, 44, 50, 0.2);background: #fff;}
	.mobile-menu-footer a.btn{display: flex;align-items: center;justify-content:center;font-weight: 600;font-size: 14px;gap: 4px;padding: 0 20px 0 4px;}
	.header__mobile-links {display: flex; flex-direction: column; gap: 12px}
	.mobile-menu ul {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;list-style: none;background: #DEE4F5;transform: translateX(100%);transition: transform 0.3s;overflow-y: auto}
	.menu-level-1 {position: static; transform: none !important; height: auto; padding: 0}
	.mobile-menu ul.active {transform: translateX(0)}
	.mobile-menu li {border-bottom: 1px solid rgba(38, 44, 50, 0.15)}
	.mobile-menu li.folder a.item{padding-right: 55px; position: relative}
	.mobile-menu a.item{display: flex;justify-content: space-between;align-items: center;padding: 16px 15px;color: #262C32;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;font-family: 'Mulish';font-size: 16px;font-weight: 500;transition: all 0.2s ease;background: rgba(222, 228, 245, 0.5);}
	.mobile-menu a.item:hover, .mobile-menu li.active > a.item {background: rgba(38, 44, 50, 0.1);color: #262C32}
	.menu-arrow {margin-left: 0;flex-shrink: 0;font-size: 28px;color: #262C32;font-family: 'Mulish';font-weight: 600;display: block;width: 54px;height: 51px;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;border-left: 1px solid rgba(38, 44, 50, 0.15);transition: all 0.2s ease;background: rgba(222, 228, 245, 0.7)}
	.mobile-menu li.folder > a.item:hover .menu-arrow {color: #262C32;background: rgba(38, 44, 50, 0.1)}
	.back-button {display: flex;align-items: center;padding: 12px 15px;background: rgba(38, 44, 50, 0.15);color: #262C32;text-decoration: none;font-family: 'Mulish'; font-weight: 700; font-size: 22px; border-bottom: 1px solid rgba(38, 44, 50, 0.2)}
	.back-button::before {content: "‹";margin-right: 20px;font-size: 36px;font-family: 'Mulish';font-weight: 700;color: #262C32;line-height: 1;margin: -9px 15px 0 0px}
	.back-button:hover{background: rgba(38, 44, 50, 0.25);color: #262C32}
	body.menu-open {overflow: hidden}
	.mobile-menu {overflow-x: hidden; box-sizing: border-box} 
	.mobile-menu ul{overflow-x: hidden; min-width: 100%; width: 100%; box-sizing: border-box; z-index:9}
	.mobile-menu .item {display: flex; flex-wrap: nowrap}
	.mobile-menu-footer a.btn{width:100%; text-align:center}
}
@media(max-width: 1399px) and (min-width:992px){
	.mobile-menu-footer{display:none}
}
@media(max-width: 991px) {
	.header__menu, .header__links{display:none}
	.header__logo{margin-right:auto}
	.header__menu-toggle{display:flex;margin-right: 15px;}
	.header__menu-toggle svg{color: #332E47;width: 36px;height: 36px;}
	.header__logo-img{height: 36px;width: 123px;}
}
@media(max-width: 767px) {
	.header__contact-messager{display:none}
}
@media(max-width: 575px) {
	header.header{height: 55px; background:#fff; z-index:998; top:0; position:sticky; box-shadow:0px 8px 12px rgba(0, 0, 0, 0.25)} 
	.contact__city{display:none}
	.header__logo-img{height: 30px; width: 103px}
	.header__menu-toggle svg{width: 30px;height: 30px;}
	.header__menu-toggle{margin-right:10px}
	.header__contact-phone{gap:2px}
}
@media (max-width: 390px) {
	.mobile-menu {width: 90%; max-width: 280px; }
    .mobile-menu-logo {padding: 15px 12px; font-size: 14px; }
    .mobile-menu a.item {padding: 12px 12px; font-size: 15px; }
    .menu-arrow {width: 42px;height: 42px;font-size: 22px;}
    .back-button {padding: 8px 12px; font-size: 18px; line-height: 1.5556; }
    .mobile-menu-footer {padding: 15px 12px; }
	.mobile-menu-close {top: 15px; right: 5px; font-size: 24px; width: 30px; height: 30px}
}
@media(max-width: 330px) {
	.contact-phone__num{font-size:14px}
	.header__contact-phone {gap: 0px;}
}
/** Футер **/
footer{background:#332E47 url(../images/footer.png) no-repeat center 110px; padding-top:215px; position:relative; overflow:hidden}
footer::before{background:url(../images/footer-decor.png) no-repeat center center; content:""; position:absolute; top:0; left:0; right:0; height:105px}
.footer__logo{width:300px;}
.footer__losung{font-weight: 600;font-size: 16px;line-height: 1.2;color: #FFFFFF; max-width:200px; padding:10px 0 0}
.footer__btncall{padding:40px 0}
.footer__btncall .btn{text-align:center; width:100%; max-width:260px}
.footer__middle{display:flex; flex-wrap:wrap; gap:30px}
.footer__middle--block{width:calc((100% - 90px) / 4)}
.widget__footer ul{display:flex; flex-direction:column; gap:17px; padding-top:17px}
.widget__footer ul li a{font-weight: 500;font-size: 16px;line-height: 1.12;color: #FFFFFF; display:block}
.widget__footer ul li a:hover{color: #F9BC37;}
.footer__contact{display:flex; flex-direction:column; gap:16px; font-weight: 500; font-size: 16px; line-height: 1.2; color: #FFFFFF;}
.footer__contact li > a{font-weight:900; color:#fff}
.footer__contact li > a:hover{font-weight:900; color:#F9BC37}
.footer__contact-social, .footer__contact-social ul{display:flex; align-items:center; gap:10px}
.footer__contact-social a{display:block; width:16px; height:16px; color:#fff}
.footer__contact-social a svg{width:16px; height:16px}
.footer__contact-social a:hover{color:#F9BC37}
.footer__warning{padding:45px 0 30px;font-size: 16px;line-height: 1.25;color: #FFFFFF;}
.footer__bottom{border-top:1px solid #fff}
.footer__bottom-row{display:flex; justify-content:space-between; padding:15px 0; font-size: 14px; line-height: 1.6; color: #FFFFFF;}
.footer__bottom-row a{text-decoration:underline; color: #FFD51C;}
.footer__bottom-row a:hover{text-decoration:none; color: #fff;}
@media (min-width: 1400px){
	.footer__btncall .btn{font-size:18px; line-height:1}
}
@media (max-width: 1399px){
    footer {background-size: 2300px; padding-top: 140px;}
    footer::before {background-size: 1600px; height: 58px;}
	.footer__middle--block.footer__menu.footer-menu--fst{display:none}
    .footer__btncall {padding: 30px 0;}
    .footer__middle--block {width: calc((100% - 60px) / 3);}
    .widget__footer ul {gap: 15px; padding-top: 15px;}
    .widget__footer ul li a {font-size: 15px;}
    .footer__contact{gap: 14px; font-size:15px}
    .footer__warning {padding: 30px 0; font-size: 15px; text-align: center;}
    .footer__bottom-row {flex-direction: column; align-items: center;}
}		
@media (max-width: 991px){	
    footer {background-size: 1600px;padding-top: 110px}
	footer::before {background-size: 1060px;height: 43px;}
    .footer__middle--block {width: calc((100% - 30px) / 2);}
	.footer__middle--block.footer__menu.footer-menu--sec{display:none}	
	.footer__warning, .widget__footer ul li a, .footer__losung,  .footer__contact{font-size:14px}
	.footer__bottom-row {padding: 10px 0; font-size: 12px; gap:5px 0}
	.footer__logo-img{max-width:260px}
	.footer__losung{padding-top:5px}
	.footer__btncall{padding:20px 0}
	.footer__contact {gap: 10px;}
}		
@media (max-width: 767px){	
    .widget__footer ul {gap: 10px;padding-top: 10px;}
	.footer__logo-img{max-width:220px}
}	
@media (max-width: 575px){	
    footer {text-align:center;padding-top: 70px}
	.footer__middle{flex-direction:column}
    .footer__middle--block{width: 100%}
	.footer__losung{display:none}
	.footer__menu, .footer__warning{text-align:left}
	.footer__contact-social{justify-content:center}
}				
/** Текст **/
article{font-weight: 500;font-size: 16px;line-height: 1.2;color: #000000}
article a{font-weight: 900;text-decoration: underline !important; color: #332E47}
article a:hover{text-decoration: none !important;color: #000}
article p, article ul, article ol, article blockquote, article h2, article h3{margin:0 0 20px}
article ul, article ol{display:flex; flex-direction:column; gap:30px; margin-top:30px}
article ul li, article ol li{margin:0; padding:0 0 0 35px; list-style:none; position:relative}
article ul li::before{content:"";position:absolute;background:url(../images/li-ul.svg) no-repeat 0 0;width: 21px;height: 21px;left: 0;}
article ol{counter-reset: num;}
article ol li:before {content: counter(num);counter-increment: num;display: inline-block;position: absolute;top: 0;left: 0;width: 22px;height: 22px;background: url(../images/li-ol.svg) no-repeat 0 0;line-height: 20px;font-size: 12px;text-align: center;color: #000000;font-weight: 700}
article blockquote{padding: 30px 20px;font-weight: 700;font-size: 18px;line-height: 1.2;color: #332E47;background: #F4F7FF;border-radius: 16px}
article blockquote p{margin:0; position:relative}
article blockquote p::before{position: absolute;width: 46px;height: 2px;left: -10px;top: 10px;content: "";background: #FFD51C;transform: rotate(121.61deg);z-index: 1}
.article__row{display:flex; justify-content:space-between; align-items:start}
.article__left-content{width:960px}
.article__right-content{gap:30px; position: sticky; top:0; width:300px; height:550px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; border-radius:16px; background:#FFEAB2; padding:40px 15px 25px; font-weight: 700;font-size: 22px;line-height: 1.2;color: #000000}
.article__right-content a{padding: 6px 16px;background: #FFFFFF;border-radius: 60px;font-size: 14px;line-height: 1.6;color: #332E47;display:block;font-weight:400;text-decoration:none !important;margin:0 auto}
.article__right-content a:hover{background: #FFD51C; color: #000}
.about__row{display:flex; flex-wrap:wrap; justify-content:space-between}
.about__left{width:960px}
.about__left ul{flex-direction: row;gap: 10px;}
.about__left ul li{width: calc((100% - 30px) / 4); min-height:21px}
.about__left blockquote{margin:0}
.about__right{width: 300px;background: #332E47;border-radius: 16px;padding: 34px;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.about__right ul{gap: 12px;margin: 0}
.about__right ul li{color:#fff;min-height: 24px;display: flex;align-items: center;line-height: 1;}
.about__right ul li::before{content:"";position:absolute;background:url(../images/li-plus.svg) no-repeat 0 0;width: 24px;height: 24px;left: 0;}
.about__right a.btn{text-decoration:none !important; text-align:center}
@media(max-width:1399px){
    article {font-size: 15px}
    article p, article ul, article ol, article blockquote, article h2, article h3{margin: 0 0 15px}
    article ul, article ol {gap: 20px;margin-top: 20px}
    article blockquote {padding: 25px 15px;font-size: 17px}
    .article__left-content{width: 650px}
    .article__right-content {width: 250px;height: 450px;padding: 20px 15px;font-size: 20px;gap: 25px}
	.about__left{width: 650px;}
	.about__left ul{flex-wrap: wrap;}
	.about__left ul li{width: calc((100% - 10px) / 2);}
	.about__right{width: 260px; padding: 26px; gap: 25px;}
	.about__right ul{gap: 12px;margin: 0}
}
@media(max-width:991px){
    article {font-size: 14px;}
    article p, article ul, article ol, article blockquote, article h2, article h3{margin: 0 0 10px;}
    article ul, article ol {gap: 15px;margin-top: 15px;}
    article blockquote {padding: 15px;font-size: 16px;}
    article blockquote p::before {width: 30px;left: -2px;top: 8px;}
    .article__left-content{width: 470px}
    .article__right-content {width: 200px;height: 350px;padding: 15px;font-size: 16px;gap: 20px;}
	.about__left{width: 440px;}
	.about__right{width: 230px;padding: 20px;gap: 20px;}
}
@media(max-width:767px){
    .article__left-content, .about__left{width: 100%}
    .article__right-content{display:none}
	.about__right{display:none}
	.about__left ul{gap: 12px; flex-direction:column}
	.about__left ul li{width:100%; display:flex; align-items:center}
}
/**********************/
.sl_form .h3{margin-top:0;margin-bottom: 20px;font-size: 32px;font-weight: 700;text-align: center;}
.fancybox__content{padding:0}
.modalform.fancybox__content{max-width: 520px;width:100%;padding:30px;background: #fff;border-radius:16px;}
.modalform .group__field{margin-bottom:15px}
.modalform .form-agreement-yes{margin: 15px 0 0;}
.modalform button.btn{width:100%; padding-left:0; padding-right:0}
.modalform .input__checkbox-text{font-size:14px; line-height:20px; text-align:center; color: #B2B2B2;}
.modalform .input__checkbox-text a{color: #B2B2B2;}
.modalform .input__checkbox-text a:hover{color: #000;}
.beforeForm{font-size: 16px;line-height: 1.4;color: #000;margin-bottom: 20px;text-align: center;}
.modalform input{box-shadow:0 0 0 1px #B2B2B2 inset}
.modalform button.f-button.is-close-btn{background:none;top: 0 !important;right: -30px !important;width: 24px;height: 24px;opacity: 1;padding: 0;color:#fff}
.modalform button.f-button.is-close-btn svg{stroke-width: 3px; stroke-linecap: butt;}
.modalform button.f-button.is-close-btn:hover{color:#CA6C25; opacity: 1}
.modalform__image{border-radius:20px; overflow:hidden; margin-bottom:20px}
@media(max-width: 1499px) {
	.modalform.fancybox__content{max-width: 480px;padding: 25px;}
	.sl_form .h3{margin-top:0;margin-bottom: 15px;font-size: 28px;}
	.modalform .group__field{margin-bottom:15px}
	.modalform .form-agreement-yes{margin:15px 0 0}
	.modalform__image{margin-bottom:15px}
	.beforeForm{font-size: 15px}
}
@media(max-width: 991px) {
	.modalform.fancybox__content{max-width: 410px;padding: 20px;}
	.sl_form .h3{margin-top:0; margin-bottom: 10px; font-size: 24px;}
	.modalform .group__field{margin-bottom:10px}
	.modalform .form-agreement-yes{margin:10px 0 0}
	.modalform .input__checkbox-text{font-size:13px; line-height:19px}
}
@media(max-width: 767px) {
	.beforeForm{font-size: 14px}
	.sl_form .h3{font-size: 22px;}
	.modalform.fancybox__content{max-width:320px; padding:15px}
	.modalform .group__field{margin-bottom:10px}
	.modalform .form-agreement-yes{margin:10px 0 0}
	.modalform__image{margin-bottom:10px}
	.modalform .input__checkbox-text{font-size:12px; line-height:18px}
	.sl_form .h3, .beforeForm{margin-bottom:10px}
}
@media(max-width: 575px) {
	.beforeForm{font-size: 13px}
	.modalform .input__checkbox-text{font-size:12px; line-height:18px}
	.modalform button.f-button.is-close-btn {top: -25px !important; right: 0 !important; color: #fff}
}
