/*   
Theme Name: SiteRussia
Theme URI: siterussia.ru
Description: Дизайн сайта разработанный компанией Site Russia
Author: Wolf
Author URI: siterussia.ru
Version: 1.0
*/

.ezfc-theme-default {
    background-color: whitesmoke;
    padding: 20px;
    border-radius: 10px;
}

.ezfc-form table{background-color: transparent!important;}


.ezfc-form .button {
    display: inline-block;
    background-color: #55789e!important;
    border: none;
    border-radius: 2px;
    padding: 20px 50px;
    color: white!important;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    position: absolute;
    bottom: 24%;
    margin-left: 0px;
    background: #fff;
}
html {
    scroll-behavior: smooth;
}

#about, #calc, [id^="price"], #geo {
    scroll-margin-top: 100px;
}

/* Калькулятор */
.ezfc-theme-aero .ezfc-price-wrapper-element .ezfc-label{padding: 10px 0px!important;}
/* Лейбел */
.ezfc-form .ezfc-label{font-weight: bold;padding-bottom: 5px;}
.ezfc-form .ezfc-text {font-size: 1.6em;font-weight: 700;padding: .3em;}
.ezfc-form .ezfc-slider-element .ui-slider-handle{background: #55789e!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: #55789e;font-size: 60px;vertical-align: middle;}
.ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;}
/* Импут */
.ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border-radius: 10px;border: 1px solid #E2E2EB;padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;}
.ezfc-element-select{cursor: pointer;background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;}
/* Если есть иконка */
.ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important;}
/* Кнопка */
.ezfc-form .button{padding: 15px 30px!important;}
/* Сообщение ниже формы */
.ezfc-required-notification {font-size: .8em;margin-top: 1em;}

/* Радио с картинками */
@media (max-width: 921px) {
	.fimg .ezfc-element-radio-container{display: flex!important;align-items: center;margin-bottom: 5px;}
	.fimg .ezfc-element-radio{max-width: 100px;}
	.fimg .ezfc-element-option-has-image img{padding-right: 10px;}
	.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{text-align: left!important;}
}
@media (min-width: 992px) {
	.fimg .ezfc-element-option-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.5%;margin-right: -0.5%;}
	.fimg .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;}
	#slide .st {
		font-size: 22px;
		line-height: 30px;
		padding: 20px 0 0;
	}
}
.fimg .ezfc-element-radio-container{background-color: white;border-radius: 10px;padding: 10px!important;position: relative;}
.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{display: block!important;}
.fimg .ezfc-element-option-has-image img{opacity: 1!important;}
.fimg .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option {border-color: #55789e;}
.fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #E2E2EB;border-radius: 10px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;}


/* Радио и чек */
.ezfc-element-checkbox-input, .ezfc-element-radio-input{display: none;}
.ezfc-element-radio-container, .ezfc-element-checkbox-container{padding: 4px 0px;display: flex;}
.ezfc-element-radio-text label, .ezfc-element-checkbox-text label{cursor: pointer;}
.fcheck .ezfc-addon-label{cursor: pointer;width: 20px;height: 20px;background-color: transparent;border: #797979 1px solid;display: inline-block!important;margin: 0 5px 0 0;position: relative;vertical-align: middle;border-radius: 100%;line-height: 1em;}
/* Радио */
.fcheck .ezfc-addon-label:after {content: '';width: 12px;height: 12px;background-color: transparent;display: inline-block;border-radius: 100%;position: absolute;top: 3px;left: 3px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-outtransition: all .2s ease-in-out;}
.fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: #55789e;}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: #55789e;}
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before {content: "\f00c";font-family: FontAwesome;font-size: .9em;position: relative;left: .1em;}
/* Сообщение после отправки */
.ezfc-success-text{background-color: green;text-align: center;padding: 20px 0px;color: white;font-weight: bold;font-size: 20px;}



/* Да, Нет */
.fdanet .ezfc-text-right{flex: 0 0 80%;text-align: left;}
.fdanet .ezfc-element-option-selectable-text{background-color: white;}
.fdanet .ezfc-element-option-selectable-text.ezfc-selected{background-color: #55789e!important;}

/* Кнопки плюс минус у числа 
.fdanet .ui-spinner{overflow: visible;}
.fdanet .ui-spinner-down{
	border-radius: 50%;
    position: absolute;
    left: -40px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: #015aaa;
    border: none;
}


.fdanet .ui-spinner-down:hover{background: none!important;opacity: 1!important;box-shadow: none;}

.fdanet .ui-spinner-down span{background: none;text-indent: 0;}
.fdanet .ui-spinner-down span:before {content: "\f068";color: white;font: normal normal normal 14px/1 FontAwesome;}
*/

.fslide .ezfc-text-right{flex: 0 0 40%;text-align: left;}

.fplus tbody{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fplus .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;background-color: white;padding: 5px;margin: 0.2%;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-image-column, .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{width: 100%;text-align: center;line-height: 20px;display: flex;justify-content: center;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{padding: 10px 0px;}
@media (max-width: 921px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 49.5%;max-width: 49.5%;}
}
@media (min-width: 992px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;}
}



@font-face {
    font-family: 'Geometria';
    src: url('fonts/Geometria-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'Geometria';
    src: url('fonts/Geometria.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'Geometria';
    src: url('fonts/Geometria-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'Geometria';
    src: url('fonts/Geometria-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: block;
}


.head{
	border-bottom: 2px solid #e5e5e5;
}
.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
	.w-px {
    width: 1px;
}
	.h-8 {
    height: 2rem;
}
	.mx-1 {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
.gorod {
    margin-right: 1.25rem;
}

.col-sm-3.logotype {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
@media (max-width:1023px){
	#top, #header .head, #headerin{display: none;}
	#mobile{padding: 15px 10px 10px; border-bottom: 2px solid #e5e5e5;}
	#mobile img{width: 110px;}
	#mobile .city{max-width: 150px; white-space: wrap; font-size: 14px;}
	#mobile .city a{color: #707070;
        font-weight: 400;
        font-size: 13px;}
	.fullscreen{text-align: center;}
	.fullscreen .title{padding-top: 40px;}
	.fullscreen select{width: 100%!important;}
	.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	
	#header .menu{display: none;}
	
	#mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;}
	#mmenu .modal-dialog a{color: black;}
	#mmenu .modal-dialog {height: 100%;margin: 0;}
	#mmenu .modal-content {height: 100%;width: 100vw;border-radius: 0;}
	#mmenu .close{opacity: 1;}
	#mmenu .nav{display: inline-block;width: 100%;padding-top: 50px;list-style: none;font-size: 16px;font-weight: 500;text-align: left; text-transform: uppercase;}
	#mmenu .nav ul{padding: 0px;}
	#mmenu .nav li{border-bottom: 1px solid #F8F8F8; padding: 10px 0px;}
	
	
	#mmenu .nav .sub-menu{padding-top: 10px;}
	#mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none; text-transform: none; padding-left: 30px;}
	
	/*#mmenu .nav ul.hide {display: none!important;}*/
	#mmenu .nav .menu-item-has-children {position: relative;}
	/*#mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);}*/
	#mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;}
	#mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;}
	#mmenu .nav span.menu-closed.menu-open:before{opacity: 0;}
	
	#mmenu .za{display: block; cursor: pointer; text-align: center; background: #55789e; color: white!important; font-weight: 500; border: none; border-radius: 24px; padding: 15px 40px; margin-top: 20px;} 
	#mmenu .cont{padding-top: 10px;font-size: 18px; text-align: left; margin-top: 50px;}
	#mmenu .cont span{display: block;}
	#mmenu .cont .phone{display: block;font-weight: bold;font-size: 20px;}
	#mmenu .cont .time{color: gray;font-size: 15px;}
	#mmenu .cont .mail{color: #55789e;}
	#mmenu .cont .ad{font-size: 15px;}
	#mmenu .cont .cbutton{margin-top: 20px;display: block;}
	
	#za {padding: 0px!important;-webkit-overflow-scrolling: touch;background: #fff;}
	#za .modal-dialog{height: 100%;margin: 0;}
	#za .modal-content {height: 100%;width: 100%;border-radius: 0;}
	#za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;}
	#za .modal-body .st{font-size: 16px;padding-bottom: 15px;}
	#za .info{width: 100%;}
	
	
	#price-tab .grid{justify-items:center;}
	#price-tab img{margin-top: 30px;}
	.block{padding-top: 40px;padding-bottom: 40px;}
	
	.button{display: block!important;text-align: center;font-size: 18px;width: 100%;}

	#slide h1{font-size: 25px;line-height: 35px;padding-top: 0px!important;}
	#slide h2{font-size: 20px;line-height: 30px;}
	#slide .bt1, #slide .bt2{display: block;text-align: center;margin-top: 10px;font-weight: 500;font-size: 18px;}
	
	#prem .item{display: flex;flex: 0 0 50%;align-items: center;height: 80px;font-size: 14px;}
	#prem .item svg{width: 50px;}
	
	#text img{padding-bottom: 20px;}
	#price .pr{margin-bottom: 10px;}
	
	#prog{padding-top: 0px;}
	#prog h2{text-align: center!important;}
	#prog .nav, #tarif .item, #osob .col-sm-6{margin-bottom: 20px;}
	#prog .block{padding-top: 20px;padding-bottom: 20px;padding-left: 15px;}
	
	#tags a{width: 100%;}
	
	#servise .nav a{margin-right: 9px!important;}
	
	#form .wpcf7{margin-bottom: 20px;}

	
	#footer{padding-top: 40px;padding-bottom: 40px;text-align: center;}
	#footer .menu{padding-top: 30px!important;padding-bottom: 30px!important;}
	#footer .phone{padding-top: 20px;display: block;}
	#footer .info{padding-top: 20px;}				 											
											
}
@media (min-width:320px) and (max-width:374px){#price-tab img{margin-top:0px;}}
@media (min-width: 1024px) {
	.fullscreen .modal-body{padding-top: 50px;}
	.fullscreen .list li{width: 33%;float: left;}
	.citylist ul li {width: 33%;float: left;}
	#mobile{display: none!important;}
	.block{padding-top: 50px;padding-bottom: 50px;}
	.grid{gap: 30px;}
	.col-pc-2{grid-template-columns: repeat(2, 1fr);}
	.col-pc-3{grid-template-columns: repeat(3, 1fr);}
	.col-pc-4{grid-template-columns: repeat(4, 1fr);}
	.col-pc-5{grid-template-columns: repeat(5, 1fr);}
	.col-pc-6{grid-template-columns: repeat(6, 1fr);}
	.col-pc-1-2{grid-template-columns: 1fr 2fr;}
	.col-pc-2-1{grid-template-columns: 2fr 1fr;}
	.col-pc-05-2{grid-template-columns: 1fr 3fr;}
	#price-tab .grid{justify-items:none;}
	
	h1{font-size: 55px;}
	#za .modal-dialog{margin: 0px;right: 0px;position: absolute;height: 107%; background: #fff;}
	#za .modal-body{padding: 40px;}
	#za .modal-body .t{font-size: 40px;line-height: 45px;padding-bottom: 20px;}
	#za .modal-body .st{font-size: 20px;line-height: 30px;padding-bottom: 20px;}
	#za .modal-body .poly{padding-top: 10px;}
	
	#slide h1{font-size: 50px;line-height: 1}
	#slide h2{font-size: 24px;line-height: 36px;}

	
	#prem .item{padding: 30px;border-right: 1px solid #ffffff20;display: flex;flex: 0 0 25%;align-items: center;text-align: center;}
	
	#servise .tab-content{max-width: 50%;}
	#price .pr{margin-top: 20px;max-width: 90%;}

		
	#footer{padding-top: 65px;padding-bottom: 65px;}
	#footer .info{padding-top: 50px;}
}

@media (min-width: 992px) {
	
	
}

@media (min-width: 1200px) {
	
} 



html, body{
	font-family: 'Geometria'!important;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px; 
}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 20px!important;font-weight: bold!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: bold!important;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.box {overflow:hidden;}
.box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page{min-height: 500px;padding-top: 40px;}
.page h1{padding-bottom: 20px;}
.breadcrumbs, .breadcrumbs a{color: #ababab;font-size: 15px;}
.alignleft{float: left;padding-right: 10px;padding-bottom: 10px;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.grid{display: grid;}
.ac{align-items: center;}

img {border-radius: 15px;}

.citylist .grid{gap: 10px;}
.citylist a{color: black;}

/* Кнопка вверх */

.btn-back-top {opacity: 0;background: #55789e;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}
@media (max-width:767px){.btn-back-top{left: auto; bottom: 15px;}}

/* Топ акция */
.ntf{background-color: #f32c11;color: white;padding: 10px;}
.ntf .but{color: white;font-weight: bold;}
.ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;}

/* Виджет мессенджеров */
.msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;}
.msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;}
.msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;}
.msg-toggle:after{animation-delay:.5s;}
@keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}
.msg-toggle:hover{transform:scale(1.05);}
.msg-toggle .msg-close{display:none;}
.msg-widget.active .msg-toggle svg:first-child{display:none;}
.msg-widget.active .msg-toggle .msg-close{display:block;}
.msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;}
.msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);}
.msg-item{display:block;transition:transform .3s;}
.msg-item:hover{transform:scale(1.1);}
.msg-item img{display:block;border-radius:50%;}
.msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;}
.msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.msg-widget{right:15px;bottom:90px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}


.gallary{margin-right: -5px;margin-left: -5px;}
.gallary .thumb{padding: 5px!important;}

.block h2{font-size: 35px;padding-bottom: 30px!important;text-align: center;}
.block h2 span{color: #55789e;}

.button{display: inline-block;background-color: #55789e;border: none;border-radius: 2px;padding: 20px 50px;color: white;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.button:hover{text-decoration: none;color: white;background-color: #385171;}

/* Заголовок сайта */
#header {font-size: 14px;}
#header .head{padding: 10px 0px;}
#header .city svg, #header .calc svg{margin-right: 10px;}
#header .city a{color: #55789e;font-weight: 500;text-decoration: underline;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#header .calc a{color: #55789e;font-weight: 500;text-decoration: underline;line-height: 22px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#header .city a:hover, #header .calc a:hover{color: #385171;}
#header .za{padding: 5px 12px;border-radius: 15px;border: 1px solid #E6E6E6;color: #00000099;text-align: center;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#header .za:hover{background-color: #55789e;color: white;border-color: #55789e;}
#header .tel .phone{font-weight: bold;color:black;font-size: 26px;}
#header .tel .time{font-size: 12px;color: #00000060;}

/*Навигация */
#header .menu{background-color: #55789e;}
#header .menu .nav{justify-content: space-between;font-size: 14px;flex-wrap: nowrap;}
#header .menu .nav li{flex-grow: 1;text-align: center;position: relative;}
#header .menu .nav a{color: white;text-decoration:none;padding: 13px 0px;display: block;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
/* hover для всех ссылок */
#header .menu .nav a:hover {
    background-color: #385171;
}

/* активный пункт верхнего меню */
#header .menu .nav > .current-menu-item > a,
#header .menu .nav > .current-menu-parent > a {
    background-color: #385171;
}

/* активный пункт в submenu */
#header .menu .nav .sub-menu .current-menu-item > a,
#header .menu .nav .sub-menu .current-menu-parent > a {
    background-color: #385171;
}

#header .menu .menu-item-has-children:after{content: url(images/arr.svg);position: absolute;bottom: -1px;left: calc(50% - 4px);}
#header .menu .menu-item-has-children:hover .sub-menu{display: block;width: 250px;}
#header .menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 0px;list-style: none;z-index: 10;}
#header .menu .sub-menu li a{color: black;padding: 13px; text-align: left;}
#header .menu .sub-menu .current-menu-item a, #header .menu .sub-menu a:hover{color: white!important;}
.header_btn{display : flex; flex-direction: column; align-items: center; gap: 5px;}
/*Дополнительный параграф и стили меню*/
.dist{text-align: center;flex-direction: row-reverse; gap: 10px;}
.add-par{margin-bottom: 0px;}
@media (max-width:1200px){
	#header {font-size: 13px;}
	#header .tel .phone{font-size: 16px;}
}

/*Баннер на главной*/
#slide .st {padding-top: 10px;}
#slide .button, #slide .buttonw{padding: 17px 50px; text-decoration: none; border-radius: 15px; border: 1px solid #385171;}
#slide .buttonw{border: 1px solid #385171; color: black; transition: 0.5s; text-align: center;}
#slide .buttonw:hover{background-color: white; color: #55789e;}
#slide .bts{margin-top: 20px;}
#slide .buttonblue{display: flex; justify-content: center; align-items: center;; border-radius: 15px; background-color: #55789e; color: white; border-color: #385171; text-decoration:none; padding: 17px 60px; }
#slide .soc {display:flex; gap:10px; align-items:center;}
#slide .soc img {border-radius: 0!important;}
#slide .img-container { height: 100% } 
#slide .img-container img { width: 100%;height: 95%; margin-top: 25px; object-fit: cover; border-radius: 15px; }
#slide .img-fluid {border-radius: 15px;} 
@media (max-width: 992px) {#slide .img-container img {height: 300px; margin-top: 0; }}
@media (max-width: 1023px) {#slide .soc {justify-content: center; gap: 30px;}}

#slide .pres {margin-top: 50px;}
#slide .pres > .pre {position: relative;}
#slide .pre .line {background-color: #4b79a040; height: 1.5px; width: 80%; position: absolute; left: 12%; top: 10%;}
#slide .pre .icon {width: 50px; margin-bottom: 15px;}

#slide .mobb {display: none;}
@media (max-width: 991px) {#slide .mobd {display: none;} #slide .mobb {display: block;}}

#prem { background-color: #55789e; color: white; padding: 20px 0; }
#prem .items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
#prem .item { padding: 15px; background-color: #385171; border-radius: 15px; text-align: center; justify-content: center;}
#prem .last { border: none; }
@media (max-width: 768px) { #prem .items { grid-template-columns: 1fr; } #prem .item { padding: 10px; }}


#textblock{background-color: #EFF3F8;}

#premtext .item{border-right: 1px solid #00000052;padding-right: 20px;}
#premtext .col-sm-3:last-child .item{border: none;}
#premtext .title{font-size: 18px;padding-bottom: 10px;font-weight: bold;}
@media (max-width: 576px) {#premtext .item{border-right:none; padding-right: 0; border-bottom: 1px solid #00000052 !important; padding-bottom: 10px; margin-bottom: 20px;}}

table th{background-color: #55789e;border-color:#55789e;color: white;text-transform: uppercase;}
table{background-color: white;}
.owl-dots {
    display: none;
}
#voz{background-color: #EFF3F8;text-align: center;}
#voz .nav{width: 100%;justify-content: center;}
#voz .nav a{background-color: white;color: #888888;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 50px;}
#voz .nav .active{background-color: #55789e;color: white;}
#voz .tab-content{margin-top: 20px;}

#tags{display: flex;flex-wrap: wrap;gap: 8px;}
#tags a{background: #55789e;border: 1px solid #F6F6F6;border-radius: 8px;padding: 10px 15px;text-decoration: none;color: white;text-align: center;}
#tags a:hover{background: #385171;color: white;}

#prog h2{text-align: left;margin: 0!important;}
#prog .nav-link{color: #666666;padding: 15px 20px;border: 1px solid #E0E0E0;margin-top: -1px;width: 100%;}
#prog .nav-link:hover, #prog .nav-link.active{background-color: #55789e;color: white;}
#prog .nav-link:first-child{border-top-right-radius: 4px;border-top-left-radius: 4px;}
#prog .nav-link:last-child{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
#prog .tab-content h3{margin-bottom: 20px;}



#seo .color{background-color: #55789e;color:white;padding: 40px;}
#seo h3{padding-bottom: 20px!important;}

#form{background-color: #EFF3F9;padding-bottom: 0px;}
#form h2{text-align: left;padding-top: 0px!important;}
#form .st{color: #444444;}
#form .wpcf7-text{background-color: transparent;border: none;border-bottom: 1px solid #151515;width: 100%;margin: 20px 0px;padding-bottom: 10px;border-radius: 0px;}
#form .wpcf7-textarea{background-color: transparent;border: none;border-bottom: 1px solid #151515;margin: 20px 0px;width: 100%;padding-bottom: 10px;border-radius: 0px;}
#form .poly{color: #8F919D;font-size: 12px;}
#form .button {border-radius: 15px;}

#faq #accordion{display: inline-block;width: 100%;}
#faq .card{border: none;border-radius: 0px;padding: 20px 0px;border-bottom: 1px solid #00000020;}
#faq .card a{color: black;font-size: 18px;font-weight: 500;padding-bottom: 20px;}


#accordion{display: inline-block;width: 100%;}
#accordion .card{border: none;border-radius: 0px;padding: 20px 0px 10px 0px;border-bottom: 1px solid #00000020;background: transparent;}
#accordion .card a{color: black;font-size: 20px;padding-bottom: 10px;display: flex;justify-content: space-between;}
#accordion .card:first-letter{text-transform: capitalize;}
#accordion .card .more{font-size: 16px;font-weight: bold;}
#accordion .card a:after {content:"\2014";float: right;color: inherit;font-size: 30px;line-height: 30px;color: black;}
#accordion .card .collapsed:after {content:"+";font-size: 40px;line-height: 30px;}

#certificate img {border-radius: 0;}

/* Любая кнопка со стрелкой */
.zabutton{display: inline-block;background-color: #55789e;padding: 20px 25px;color: white!important;border-radius: 4px;text-decoration: none!important;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;border: none;}
.zabutton:hover{background-color: black;color: white!important;}
.zabutton svg{margin-left: 25px;}
.zabutton svg path{fill: white;}

/* Форма заявки сбоку */
#za .modal-content{border-radius: 0px;border: none;}
#za .modal-body{height: 100vh;}
#za .modal-body .close{right: 0px;}
#za .modal-body .t{font-weight: bold;}
#za .modal-body .st{color: #545560;}
#za .modal-body .wpcf7-text, #za .modal-body .wpcf7-textarea{border: none;border-bottom: 1px solid #54556020;margin-bottom: 15px;padding: 10px 0px;}
#za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;}

/*Блок с отзывами*/
div .otzivi{margin-top: 40px;}
div .otziv{background-color: rgb(245, 245, 245);border-radius: 20px;margin-bottom: 15px;padding: 15px;}
div .otziv .name{font-weight: bold;padding-bottom: 15px;}

/*Блок на странице с контактами*/
div .kontakty{margin-top: 60px;margin-bottom: 60px;line-height: 2;}


#footer{color: #8B8B8B;background-color: #eff3f9;}
#footer a{color: black;}
#footer .phone{font-size: 18px;font-weight: 500;}
#footer .mail{padding-top: 15px;}
#footer .mail a{color: #55789e;}
#footer .menu{padding: 0px;margin: 0px;list-style: none;}
#footer .menu li{width: 50%;float: left;padding-bottom: 15px;}
#footer .soc img{padding-right: 10px;padding-top: 10px;}
#footer .info{font-size: 15px;}
#footer .poly{color: #8B8B8B;}
#footer .inn{font-size: 14px;margin-top: 20px;}

.flexslider .slides > li{display: none;-webkit-backface-visibility: visible;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.flexslider{overflow:hidden;position: relative;}
.flex-direction-nav {display: flex;margin-top: 20px;}
.flex-direction-nav .flex-nav-next{padding-left: 20px;}
.flex-control-paging{display: flex;position: absolute;bottom: 2px;left: 60px;}
.flex-control-paging li a {width: 10px;height: 10px;display: block;background: black;cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;margin: 3px;}
.flex-control-paging li a:hover {background: #55789e;}
.flex-control-paging li a.flex-active {background: #55789e;cursor: default;}


.fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;}
.fullscreen .container{position: relative;}
.fullscreen .modal-dialog a{color: black;}
.fullscreen .modal-dialog {max-width: 100%;width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;}
.fullscreen .modal-content {height: 100%;min-height: 100%;border-radius: 0;background: white;overflow:auto;}
.fullscreen .modal-body{font-size: 16px;}
.fullscreen .close{cursor: pointer; position: absolute; top: 20px; right: 20px;}
.fullscreen .close .closeico{content: url(images/close.svg);}
.fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.fullscreen .st{font-size: 18px;padding-bottom: 10px;}
.fullscreen .list, .fullscreen .menu ul{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;}
.fullscreen .list li, .fullscreen .menu li{padding-bottom: 5px;}
.fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;}
.fullscreen .select2-selection__rendered{line-height: 40px!important;}


#calckopka .thumbnail {border-radius: 15px;}
#calc input {border-radius: 15px; }
#calc .kolocalc .wpcf7 .wpcf7-submit {background-color: #385171!important;}

#price-tab .grid{align-items: center;}
#price-tab .nav{justify-content: center; }
#price-tab .nav-link{padding: 10px 30px !important; font-size: 18px; border: 1px solid #515151; color: #515151; font-weight: 500; transition: .5s;}
#price-tab .nav-link:hover{color: white; background-color: #55789e; border-color: #55789e;}
#price-tab .nav-link.active{color: white; background-color: #55789e; border-color: #55789e;}
#price-tab .tab-content{margin-top: 60px;}
#price-tab .item-cont{ border: 2px solid #55789e;}

#price-tab .item{padding: 20px;}
#price-tab h3{font-size: 21px; color: white !important; background-color:#55789e; display: inline-block; padding: 10px;}
#price-tab .item p{margin: 0;}
#price-tab .sale-del{color: #949494; font-size: 22px; font-weight: 800; padding: 5px; display: inline-block;}
#price-tab .sale{color: white;font-size: 22px; font-weight: 800; background-color:#55789e; padding: 10px; margin-top: 15px; display: inline-block;}
#price-tab .flex{align-items: center; justify-content: space-between; display: block;}
#price-tab form input{width: 100%;  height: 48px;}
#price-tab .wpcf7-spinner{display: none;}
#price-tab .flex>div{margin-bottom: 20px;}
#price-tab form input.phone{padding-left: 20px;}
#price-tab form{margin-top: 20px;}
#price-tab .col-pc-2{text-align: center;}
#price-tab img{border: 2px solid #55789e; max-width:300px; max-height:300px; object-fit:cover;}

#price-tab .tab-pane>div{margin-bottom: 20px;}
@media (min-width: 992px){
	#price-tab h3{font-size: 25px;}
	#price-tab .item-img{margin-left: -100px;}
	#price-tab .item-cont{padding: 30px; }
	#price-tab .flex{display: flex;}
	#price-tab .sale-del{font-size: 30px;}
	#price-tab .sale{font-size: 30px;}
	}

#etap{background-color: whitesmoke;}
#etap .nav-link.active {color: white;background-color: #55789e; border-color: #55789e;}
#etap .nav-link {padding: 10px 30px !important;font-size: 18px;border: 1px solid #515151;color: #515151;font-weight: 500;transition: .5s;}
#etap .nav-link:hover {color: white; background-color: #55789e;border-color: #55789e;}
#etap .nav{margin-bottom: 20px; gap: 15px;}
#etap .tab-content{padding: 20px;}
#etap .grid {align-items: center;}
#etap .grid >p{display: none;}
#etap .tab-pane>.grid{background-color: white; border-radius: 20px;border: 1px solid #ebebeb;box-shadow: 0 0 10px 2px rgb(89 89 89 / 10%)}
#etap .items{padding: 25px;}
#etap .item{height: 100%;}
#etap img{height: 100%; border-radius: 20px 0 0 20px ;}

#diag{background-color:whitesmoke;}

#diag .phone{color: #55789e; font-size: 18px;font-weight: 500; text-decoration: none; transition: all 0.5s ease-in-out 0s;}
#diag .phone:hover{color: #385171; transition: all 0.5s ease-in-out 0s;}
#diag .number{margin-bottom: 30px;margin-top: 30px; width: 40px; height: 40px; font-size: 22px; font-weight: 500;  display: grid; align-items: center; justify-content: center; background-color: #55789e; color: white; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);}
#diag .title{font-size: 18px;font-weight: 500;color: #344058;padding-bottom: 10px;}
#diag .desc{color: #8B92A3;}
#diag .line{background-color: #515151;height: 1px;position: relative;left: 94px;top: 50px;max-width: 70%;}
#diag .line2{background-color: #55789e!important ;height: 1px;position: relative;left: 94px;top: 50px;max-width: 70%;}
#diag .soc{margin-top: 20px;}
#diag .soc>br{display: none;}

@media (min-width: 992px){
#textrepeat .grid:nth-child(2n) .img{grid-column: 1;grid-row: 1;}
}
#textrepeat img{ border-radius: 24px;}
#textrepeat .text{background-color: whitesmoke; border-radius: 24px; padding: 20px;}

#textblock img{border-radius: 24px;}

#variant {background-color: whitesmoke;}
#variant .nav-link{background-color: white; color: black; font-size: 18px; transition: .5s; border: 1px solid #c5c5c56e;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%);}
#variant .nav-grid{gap: ;}
#variant .nav-link.active{background-color: #55789e; color: white;box-shadow: 0 9px 5px -6px #55789e;}
#variant .nav-link:hover{color:white ; background-color: #55789e;box-shadow: 0 9px 5px -6px #55789e;}
#variant .tab-content{margin-top: 40px;}
#variant img{border-radius: 15px;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%);}
#variant .item{padding: 10px;}
#variant li::marker{color:#55789e; font-size: 18px;}
#variant .grid {align-items: center;}
#variant .nav>p{display: none;}
 #voda .item { padding: 20px; border-radius: 20px; background-color: whitesmoke; box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); }
#voda .img-fluid {border-radius: 20px; box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); }
h3 {font-size: 24px; margin-top: 20px; margin-bottom: 10px;}
#voda .p {color:#515151; opacity: 0.7; margin: 0 0 10px;}
#voda .button2 {text-decoration: none; padding: 12px 25px; border-radius: 0 !important; display: inline-block; vertical-align: middle; color: #55789e !important; border: 2px solid #55789e; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 8px 15px; margin-top: 5px; transition: 0.5s;}
#voda .button2:hover {color: white !important; background-color: #55789e;}

#what_we_make {text-align: center;}
#what_we_make .img-fluid {max-width: 100%; height: auto;}
#what_we_make img {width: 55px; vertical-align: middle;}
#what_we_make .number { font-size: 65px; font-weight: 600; padding-top: 25px; padding-bottom: 30px; color: #55789e;}
#what_we_make .text {font-size: 24px; font-weight: 600; line-height: 100%;}
#what_we_make .items {padding: 35px; border: 1px solid #55789e; border-radius: 15px;}
#what_we_make h2 {color: #55789e; font-size: 24px !important; font-weight: 600 !important; border-top: 1px solid #55789e; border-bottom: 1px solid #55789e; padding: 15px !important; margin-bottom: 30px !important; margin-top: 30px !important; text-align: center;}

#dog svg {margin: 15px 0; }
#dog .col-pc-3 {}
#dog .item {box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); padding: 20px;}
#dog .st {font-weight: 400; line-height: 1.5; color: #212529;}
#dog .title {line-height: 1.5; color: #55789e; font-size: 20px; font-weight: bold; padding-bottom: 10px;}










:root {
	--firm-color: #55789e;
	--telegram-color: #23a9ea;
	--whatsapp-color: #55d061;
	--email-color: #55789e;
	--phone-color: #c1daff;
	--instagram-color: #fe0099;
	--vk-color: #0078ff;
}

@media (min-width:320px) and (max-width:767px){
	#how_make .button{width: 290px;}
	#links .button{width: 290px;}
	#price-tab .button{width: 230px;}
}
@media (min-width:767px){
	#how_make .button{width: 345px;}
	#links .button{width: 345px;}
	#price-tab .button{width: 345px;}
}
@media (min-width:768px) and (max-width:1023px){
	.col-pl-2{grid-template-columns: repeat(2, 1fr);}
	.col-pl-1{grid-template-columns: none}
}

#how_make .button, #links .button, #price-tab .button {border-radius: 15px;}


.lyte-wrapper{margin: 0 auto!important;}


#reviews{text-align: center; padding: 40px 0;}

#reviews .review{background-color: #55789e; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 10px; border: 2px solid #385171; border-radius: 15px; padding: 10px; height: 380px;}
#reviews img{width: 50px;}
#reviews .owl-nav{display: flex; justify-content: center; padding-top: 25px; gap: 25px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{outline: none!important;}


#diagnostik .card{padding: 15px; border: 2px solid var(--firm-color);}
#diagnostik {background-color: #EFF3F9;}

#adventages .item{background-color: #55789e; color: #fff; border-radius: 15px; display: flex; flex-direction: row; padding: 10px; border: 2px solid #385171; max-width: 310px;}
#adventages .flex{display: flex; flex-direction: column; padding-left: 15px;}
#adventages .name{margin-top: 10px; font-size: 15px; font-weight: 500;}
#adventages strong{color: black; text-shadow: 0px 0px 15px #fff;}
#adventages img{width: 50px; filter: brightness(0) saturate(100%);}
#adventages .grid{justify-content: center; justify-items: center;}

#consultation .button{width: 345px; height: 60px;}
#consultation {background-color: #EFF3F9;}
#consultation .flex{gap: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
#consultation p{font-size: 20px;}


#steps .item{background-color: #55789e; color: #fff; border: 2px solid var(--firm-color); border-radius: 15px; flex: 1 1 0px; text-align: center;}
#steps .grid{justify-content: center;}
#steps .main {display: flex;}
#steps p{margin: 0;}
#steps .name{font-size: 20px; font-weight: 500; letter-spacing: 2px;}
#steps .flex {padding: 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}
#steps h2{text-align: center;}
#steps img{width: 100%; height: 250px;
    object-fit: cover;
    display: block;
    border-radius: 12px 12px 0 0;}
#steps h3 {
    font-size: 18px;
}
#how_make .flex{display: flex; flex-direction: column; gap: 20px;}
#how_make h2{text-align: left;}
#how_make .line{padding-left: 20px; border-left: 2px solid var(--firm-color);}
#how_make .button{height: 60px; text-align: center;}

#soc .whatsapp{color: var(--whatsapp-color); border-radius: 15px;}
#soc .telegram{color: var(--telegram-color); border-radius: 15px;}
#soc .phone{color: #769ed9; border-radius: 15px;}
#soc .email{color: var(--email-color); border-radius: 15px;}
#soc .instagram{color: var(--instagram-color); border-radius: 15px;}
#soc .vk{color: var(--vk-color); border-radius: 15px;}

#soc .whatsapp:hover{background-color: var(--whatsapp-color);}
#soc .telegram:hover{background-color: var(--telegram-color);}
#soc .phone:hover{background-color: #769ed9;}
#soc .email:hover{background-color: var(--email-color);}
#soc .instagram:hover{background-color: var(--instagram-color);}
#soc .vk:hover{background-color: var(--vk-color);}

#soc .whatsapp, #soc .telegram, #soc .phone, #soc .instagram, #soc .vk, #soc .email {background-color: transparent;}
#soc .whatsapp:hover, #soc .telegram:hover, #soc .phone:hover, #soc .instagram:hover, #soc .vk:hover, #soc .email:hover{color: white;}

#soc .whatsapp, #soc .telegram, #soc .phone, #soc .instagram, #soc .vk,
#soc .whatsapp:hover, #soc .telegram:hover, #soc .phone:hover, #soc .instagram:hover, #soc .vk:hover, #soc .email:hover {transition: all 0.5s ease-in-out 0s;}

#soc span{pointer-events: none;}

#soc .whatsapp-color{border: 2px solid var(--whatsapp-color);}
#soc .telegram-color{border: 2px solid var(--telegram-color);}
#soc .phone-color{border: 2px solid #769ed9;}
#soc .email-color{border: 2px solid var(--email-color);}
#soc .instagram-color{border: 2px solid var(--instagram-color);}
#soc .vk-color{border: 2px solid var(--vk-color);}
#soc .flex{display: flex; flex-direction: column; gap: 25px;}
#soc .title{font-size: 35px; font-weight: 400; letter-spacing: 2.5px; line-height: 40px; color: #3f79ac;}
#soc .pre-title{font-size: 22px; color: #3f79ac; letter-spacing: 1px;}
#soc .descr{font-size: 28px; line-height: 30px; letter-spacing: 1px; color: #3f79ac;}
#soc .pre-descr{font-size: 30px; line-height: 30px; letter-spacing: 1px; color: #3f79ac;}
#soc .links{font-size: 30px; letter-spacing: 2px; color: #3f79ac;}
#soc p{margin: 0;}
#soc img{max-width: 350px;}
#soc .grid{align-items: center; justify-items: center;}
#soc .soc-btn{display: inline-block; padding: 10px 0; width: 250px; text-align: center; font-size: 25px; text-decoration: none;}
#soc .soc-btn a{text-decoration: none;}
#soc .flex-btn{display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 15px; margin-top: 15px;}
#soc img{max-width: 100%;}

#links{background-color: #eff3f8;}
#links .container{display: flex; flex-direction: column; text-align: center; align-items: center; gap: 25px;}

.wp-video{display: flex; margin: 0 auto;}

#price2 tr:first-child {color:#55789e; font-weight: 500 !important;}

#price2{font-weight: 500;padding-bottom: 0px;}
#price2 .nav{display: inline-flex;flex-direction: column;gap: 5px;align-items: start;}
#price2 .nav .nav-link{padding: 15px 30px;width: 100%;border-bottom-left-radius: 15px;border-top-right-radius: 15px; color: #515151;}
#price2 .nav .nav-link.active{background: #f9f9f9; color: #55789e;}
#price2 .nav .nav-link:hover{background-color: #f9f9f9;color: #55789e;}
#price2 .table{border-radius: 24px;padding: 20px;}
#price2 table{width: 100%;border-collapse: separate;border-spacing: 0 6px}
#price2 th{border: none;padding: 0px 10px 9px 10px;vertical-align: top;text-align: left;text-transform: uppercase;font-size: 12px;color: #55789e;letter-spacing: 0.12em;font-weight: 500; background-color: transparent !important;}
#price2 td{border: none;padding: 15px 10px;vertical-align: top;background: #f9f9f9;}
#price2 td:first-child{border-top-left-radius: 14px;border-bottom-left-radius: 14px;}
#price2 td:last-child{border-top-right-radius: 14px;border-bottom-right-radius: 14px;}

@media (max-width: 991px) {
	#price2 .nav{flex-direction: row!important;flex-wrap: wrap;justify-content: center;}
	#price2 .nav .nav-link{width: auto!important;padding: 15px!important;}
	#price2 .tab-content{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	#price2 .table{box-shadow: none!important;}
	#price2 td, #price2 th{min-width: 200px;}
}



#usl .item {background-color:#55789e; border-radius:20px; text-align:center; transition:0.5s;}
#usl .item:hover{transform:scale(1.05);}
#usl .item .text{padding:15px;}
#usl img{border-radius:20px 20px 0 0;height:240px; object-fit:cover; width:100%;}
#usl h3{color: #fff!important; margin:0;}
#usl .text p{color:#ffffffa3; opacity:0.7;}
#usl .text-title{color:white; font-size: 18px; font-weight: 500;}
#usl .desc>div{font-size:20px; font-weight:500; color:#515151;}
#usl .saleon{color: rgba(0, 0, 0, 0.59)!important; font-weight: 600; margin-top: 15px; font-size: 18px;}
#usl a{text-decoration:none; transition:0.5s;}


#priced h3{text-transform:uppercase;}
#priced .desc{ text-align:center; color:rgb(90,100,123) !important;}
#priced .sale{font-size:20px; font-weight:700;}
#priced .bt1{width:100%; padding:10px 0; color:white; background-color:#55789e; display:block; text-decoration:none; transition: 0.5s;}
#priced .bt1:hover{background-color:black;}
@media (max-width:1023px){
#mes{text-align: center;}
#mes .bts{margin-bottom: 20px;flex-direction: column;}
#mes .bts .button{width: 100%;}
#mes .master{justify-content: center;margin-bottom: 10px;}
#mes .buttonwhite{justify-content: center;width: 100%;}
#mes .soc{justify-content: center;}
}
@media (min-width:1024px){
	#mes .container{display: flex;align-items: center;justify-content: center;gap: 40px;}
	#mes h2{font-size: 35px;margin: 0px!important;padding: 0px!important;max-width: 280px;}
}

#mes{padding: 30px 0px; background-color:#EFF3F8;}
#mes h2{font-weight: bold;}
#mes .master{display: flex;gap: 10px;align-items: center;}
#mes .master .name{font-size: 18px;line-height: 20px;font-weight: bold;}
#mes .master .spec{font-size: 14px;color: #656A74;}
#mes .bts{display: flex;gap: 10px;align-items: center;}
#mes .button{border-radius:24px;padding: 13px 25px;}
#mes .buttonwhite{display: flex;align-items: center;gap: 10px;}
.buttonwhite{display: inline-block;cursor: pointer;text-align: center;background: white;border: 1px solid #1274E0;color: #1274E0;border-radius: 24px;font-weight: bold;padding: 13px 25px;white-space: nowrap;}
.buttonwhite:hover{background: black;border-color: black;color: white!important;}

#contact-request { text-align: center; padding: 30px 0; background-color: #EFF3F8; } 
#contact-request h2 { background-image: linear-gradient(90deg, #1274E0, #55789E, #1274E0, #385171); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientAnimation 4s infinite linear; } 
#contact-request .desc { margin-bottom: 20px; } 
#contact-request .bts { display: flex; gap: 10px; justify-content: center; margin-bottom: 20px; } 
#contact-request .buttonwhite {font-weight: bold; padding: 15px 20px; transition: background 0.3s, color 0.3s; } 
#contact-request .button { display: inline-block; background: linear-gradient(90deg, #1274E0, #55789E, #385171); background-size: 200% 200%; color: white; border-radius: 24px; font-weight: bold; padding: 15px 20px; text-decoration: none; animation: gradientAnimation 4s infinite linear; transition: background 0.3s, color 0.3s;} 
#contact-request .cm {margin: 10px 0; }
#contact-request .cm a {font-size: 20px; font-weight: bold; background-image: linear-gradient(90deg, #1274E0, #55789E, #1274E0, #385171); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientAnimation 4s infinite linear;}
@keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@media (max-width: 768px) {#contact-request .buttonwhite, #contact-request .button {font-size: 15px; }}


.banner-header {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
    align-items: end;
    margin-bottom: 32px;
}

.banner-header__title h1 {
    margin: 0;
   
}

.banner-header__desc {
    display: flex;
    justify-content: flex-end;
}

.banner-header__desc p {
    max-width: 400px;
    margin: 0;
}

.banner-divider {
    border-top: 1px solid #d1d5db;
}

.banner-advantage {
    display: flex;
    gap: 10px;
    align-items: center;
	margin: 20px 0;
}
p.banner-advantage__text {
    margin: 0;
}

.banner-slider {
    margin-top: 40px;
}

.banner-card {
    position: relative;
    height: 420px;
    perspective: 1000px;
    overflow: hidden;
	border-radius: 15px;
    cursor: pointer;
}

.banner-card__inner {
    width: 100%;
    height: 100%;
    transition: transform 0.7s ease;
    transform-style: preserve-3d;
}

.banner-card.is-flipped .banner-card__inner {
    transform: rotateY(180deg);
}

.banner-card__front,
.banner-card__back{
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    overflow: hidden;
	border-radius: 18px;
}

.banner-card__front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-card__back {
    background: #111;
    color: #fff;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
}

.banner-card__content {
    max-width: 320px;
}

.banner-card__nadtitle {
    font-size: 13px;
    opacity: 0.7;
    margin-bottom: 6px;
}

.banner-card__title {
    font-size: 18px;
    margin-bottom: 10px;
}

.banner-card__descr {
    font-size: 14px;
    line-height: 1.5;
}
.banner-slide__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.banner-card {
    flex: 1 1 auto;
}

.banner-card-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px 10px 12px;
    text-align: center;
    background: #fff;
    border-radius: 0 0 12px 12px;
    margin-top: -1px;
}

.banner-card-info__title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
	padding: 10px;
    text-align: center;
}

.banner-card-info__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 20px;
    border-radius: 8px;

    background: #55789e;
    color: #fff;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.25s ease;
}

.banner-card-info__btn, .banner-card-info__btn:hover{text-decoration: none !important; color: white !important;}



.banner-card-info__btn svg {
    transition: transform 0.25s ease;
}

.banner-card-info__btn:hover svg {
    transform: translateX(4px);
}
.banner-card__front,
.banner-card__back {
    pointer-events: none;
}
.banner-card__front,
.banner-card__back {
    backface-visibility: hidden;
}
.banner-strip__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.border-t {
    border-top: 1px solid;
    border-bottom: 1px solid;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.banner-strip__left {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
}
.banner-strip__center {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
}
.soc.slider img {
    width: 52px;
	
}
a.banner-strip__phone {
    color: black;
    font-size: 2rem;
    FONT-WEIGHT: 500;
}
.banner-strip-wrap {
    margin: 30px 0;
}

#slide .owl-nav {
    display: flex;
    gap: 20px;
    margin: 30px 0;
	justify-content: center;
}

@media (max-width: 991px){
	.banner-header{display: flex; flex-direction: column; gap 20px;}
	.banner-strip__row {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
	#slide .owl-nav {
    justify-content:center;
}
	.banner-strip__center{text-align: left; align-self: start;}
	.banner-strip__right {
    align-self: stretch;
}
	.buttonw{display: block;}
}

.banner-card {
    position: relative;
    display: flex;
    flex-direction: column;

    height: 420px;
    overflow: hidden;

    border-radius: 15px;
    background: #fff;

    perspective: 1000px;
    cursor: pointer;
}

.banner-card-info__title {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;

    margin: 0;
    padding: 12px 15px;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;

    background: #fff;
}

.banner-card__inner {
    position: relative;

    flex: 1 1 auto;
    min-height: 0;

    width: 100%;
    height: auto;

    transition: transform 0.7s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.banner-card.is-flipped .banner-card__inner {
    transform: rotateY(180deg);
}

.banner-card__front,
.banner-card__back {
    position: absolute;
    inset: 0;

    overflow: hidden;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    border-radius: 18px;
}

.banner-card__front {
    transform: rotateY(0deg);
}

.banner-card__front img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.banner-card__back {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;
    box-sizing: border-box;

    color: #fff;
    text-align: center;
    background: #111;

    transform: rotateY(180deg);
}

.banner-card__content {
    width: 100%;
    max-width: 320px;
}

.banner-card__nadtitle {
    margin-bottom: 6px;

    font-size: 13px;
    opacity: 0.7;
}

.banner-card__descr {
    font-size: 14px;
    line-height: 1.5;
}

.banner-card__descr p {
    margin-top: 0;
}

.banner-card__descr p:last-child {
    margin-bottom: 0;
}


.banner-card-info__btn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 18px;

    border: 0;
    border-radius: 8px;

    background: #55789e;
    color: #fff;

    font: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
    transition:
        transform 0.25s ease,
        background-color 0.25s ease;
}

.banner-card-info__btn:hover {
    color: #fff;
    background: #46698f;
    
}

.banner-card-info__btn svg {
    transition: transform 0.25s ease;
}

.banner-card-info__btn:hover svg {
    transform: translateX(4px);
}

.banner-card__front,
.banner-card__back {
    pointer-events: none;
	border-radius: 18px;
}

.banner-card-info__btn {
    pointer-events: auto;
}




#price-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 600px;
}
.price {
    display: flex;
    align-items: center;
    gap: 10px;
}
.price-icon {
    background: #161a1b;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 10px;
}
.price-text {
    line-height: 20px;

}
.price-text p{margin: 0;}
.price-button {
    padding: 10px 30px;
    background: #55789e;
    border-radius: 12px;
}
.price-button:hover{cursor:pointer;}
.price-button a{color: white; text-decoration: none;}



@media(max-width: 991px){#price-slider{width: 100%;} .price-button{padding: 10px 10px;}}

.about-section {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: rgb(0 0 0 / 0.9);
    color: white;
    padding: 3rem 0;
}

@media (min-width: 1024px) {
    .about-section {
        padding-top: 5rem;
        padding-bottom: 7rem;
    }
}

.about-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.about-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}

@media (min-width: 1024px) {
    .about-header {
        flex-direction: row;
        margin-bottom: 5rem;
    }
}

.about-title {
    font-size: 2.25rem;
    
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.025em;
    max-width: 100%;
}

@media (min-width: 1024px) {
    .about-title {
        font-size: 3.75rem;
    }
}

.about-grid {
    display: grid;
}

@media (min-width: 1024px) {
    .about-grid {
        grid-template-columns: .8fr .9fr .8fr;
        gap: 2rem;
        align-items: center;
    }
}

.about-left .about-num {
    font-size: 2.5rem;
    font-weight: 500;
}

.about-left p {
    color: #9ca3af;
    font-size: 14px;
    text-transform: uppercase;
}

.about-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #374151;
    transition: transform .3s ease;
}







.about-right {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.about-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-separator {
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(255,255,255,.15);
    margin: 2rem 0;
}

.about-separator:last-of-type {
    display: none;
}
.about-right {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.about-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-icon img {
    width: 30px;
    height: auto;
    display: block;
}

.about-right h3 {
    margin: 0 0 6px 0;
    font-weight: 600;
}

.about-right p {
    margin: 0;
    color: #9ca3af;
    line-height: 1.5;
}


@media (max-width: 991px) {
    .about-right {
        gap: 0;
    }
}

.banner-strip__row {
    display: grid;
    grid-template-columns: minmax(330px, 200px) 1fr minmax(180px, 220px);
    align-items: center;
    gap: 20px;
}


.banner-strip__left {
    text-align: left;
}

.banner-strip__center {
    text-align: center;
}

.banner-strip__right {
    text-align: right;
}
.banner-strip__right {
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 991px) {
    .banner-strip__row {
        grid-template-columns:1fr;
    }
	.banner-strip__center{text-align:left;}
	.banner-strip__center{justify-content:start;}
	.banner-strip__right{justify-content:start;}
	#slide .buttonw{width: 100%;}
}

.soc.slider a img:hover{transform: scale(1.1); transition: transform .3s;}
.banner-strip__phone{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    overflow: visible;
    isolation: isolate;
    animation: phonePulse 1.8s infinite;
}


.banner-strip__phone:hover{
    animation-play-state: paused;
}

@keyframes phonePulse{

    0%{
        transform: scale(1);
    }

    15%{
        transform: scale(1.07);
    }

    30%{
        transform: scale(1);
    }

    45%{
        transform: scale(1.05);
    }

    60%{
        transform: scale(1);
    }

    100%{
        transform: scale(1);
    }

}

@keyframes phoneRing{

    0%{
        transform: scale(1);
        opacity: .7;
    }

    100%{
        transform: scale(1.6);
        opacity: 0;
    }

}

.contact_us--grid{display: grid; grid-template-columns: repeat(2,auto); gap: 50px; }
.contact_us__wrapper{background: white;border-radius: 18px;  box-shadow: 0px 0px 73px -26px rgba(34, 60, 80, 0.3); padding: 30px;}
.image_header{padding: 15px; background: #ddeeff; border-radius: 18px;}
.content_soc{display: grid; grid-template-columns: repeat(2, auto); gap: 20px;}
.content_soc__link{width: 220px; padding: 15px; border: 1px solid #e9e9e9; border-radius: 18px; display: flex; gap: 15px; align-items: center; color: black;font-size: 18px;}
.content_soc__link img {width: 40px; height: 40px; border-radius: 5px;}
#contact_us .content_soc__link:hover{text-decoration: none !important;}

.content_us__img img{width: 100% ; height: 100%;}

.prem{padding: 20px; background-color: #f8fcff; display: flex; justify-content: space-around; align-items: center; border-radius:18px; margin-top: 30px;}
.prem_item{display: flex; align-items: center; width: 200px;
    gap: 10px;}
.prem_item img{width: 45px; height: 45px;}
.prem_item p{font-size: 16px; width: 220px; color: rgb(44, 44, 44); margin: 0; padding: 0; }

.contact_us__text--blue{color: #3055ba;
    font-size: 18px;
    font-weight: 500;}
.contact_us__text--gray{color: rgb(44, 44, 44); font-size: 16px;}

.contact_us__header{font-size: 46px; font-weight: 600;}
section#contact_us {
    padding: 30px;
}


.prem_item{
    position: relative;
    display: flex;
    align-items: center;
    width: 200px;
    gap: 10px;
}


.prem_item:not(:last-child)::after{
    content: '';
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 45px;
    background: rgba(0,0,0,.15);
}




@media (max-width: 991px){
	 .prem_item{
        width: 100%;
        padding-bottom: 15px;
    }

    .prem_item:not(:last-child)::after{
        top: auto;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 1px;
        background: linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,.08),
            transparent
        );
    }

    section#contact_us{
        padding: 15px;
    }

    .contact_us__wrapper{
        padding: 20px;
        overflow: hidden;
    }

    .contact_us--grid{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .content_soc{
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .content_soc__link{
        width: 100%;
        min-width: 0;
        font-size: 16px;
        padding: 14px;
        box-sizing: border-box;
        word-break: break-word;
    }

    .contact_us__header{
        font-size: 34px;
        line-height: 1.2;
    }

    .contact_us__text--blue{
        font-size: 17px;
    }

    .contact_us__text--gray{
        font-size: 15px;
    }

    .content_us__img img{
        width: 100%;
        height: auto;
        display: block;
        border-radius: 18px;
    }

    .prem{
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        padding: 18px;
    }

    .prem_item{
        width: 100%;
        min-width: 0;
    }

    .prem_item p{
        width: auto;
        font-size: 15px;
    }

}


@media (max-width: 575px){
	 .prem_item{
        width: 100%;
        padding-bottom: 15px;
    }

    .prem_item:not(:last-child)::after{
        top: auto;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 1px;
        background: linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,.08),
            transparent
        );
    }
    .contact_us__wrapper{
        padding: 15px;
        border-radius: 14px;
    }

    .contact_us__header{
        font-size: 28px;
    }

    .content_soc__link{
        font-size: 12px;
        gap: 12px;
        border-radius: 14px;
    }

    .content_soc__link img{
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .image_header{
        width: 55px;
        padding: 12px;
    }

    .prem{
        margin-top: 20px;
        border-radius: 14px;
    }

    .prem_item img{
        width: 38px;
        height: 38px;
    }

}

section#contact_us--compact {
    padding: 30px 0;
}
.contact_us--compact .contact_us__advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 230px));
    gap: 12px;
    margin-top: 22px;
}

.contact_us--compact .contact_us__advantage {
    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 0;
    padding: 12px 14px;

    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    box-sizing: border-box;
}

.contact_us--compact .contact_us__advantage img {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    object-fit: contain;
}

.contact_us--compact .contact_us__advantage p {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
}


.contact_us--compact .content_us__img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_us--compact .content_us__img img {
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
    object-fit: cover;
    border-radius: 18px;
}


.contact_us--compact .contact_us__contacts {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    padding: 20px;
}

.contact_us--compact .contact_us__contacts .prem_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 1 1 25%;
    width: auto;
    min-width: 0;
    padding: 0 20px;
    box-sizing: border-box;
}

.contact_us--compact .contact_us__contacts .prem_item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;

    width: 1px;
    height: 45px;

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(0, 0, 0, 0.12),
        transparent
    );

    transform: translateY(-50%);
}

.contact_us--compact .contact_us__contacts .content_soc__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 10px;

    box-sizing: border-box;
}

.contact_us--compact .contact_us__contacts .content_soc__link img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    object-fit: contain;
}

.contact_us--compact .contact_us__contacts .content_soc__link span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.contact_us__heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.calc_soc {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 0;
    margin: 0;
}
.calc_soc img {
    width: 55px;
	border: none !important;
}
#contact_us--compact .contact_us__text--gray{
	text-align:center;
	margin-top: 20px;
}
@media (max-width: 991px) {
    .contact_us--compact .contact_us__advantages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 500px;
    }

    .contact_us--compact .content_us__img img {
        max-width: 400px;
    }

    .contact_us--compact .contact_us__contacts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0;
    }

    .contact_us--compact .contact_us__contacts .prem_item {
        padding: 15px;
    }

    .contact_us--compact .contact_us__contacts .prem_item::after {
        display: none;
    }

    .contact_us--compact .contact_us__contacts .prem_item:nth-child(odd)::after {
        display: block;
        top: 50%;
        right: 0;
        bottom: auto;

        width: 1px;
        height: 45px;

        transform: translateY(-50%);
    }

    .contact_us--compact .contact_us__contacts .prem_item:nth-child(-n+2)::before {
        content: "";
        position: absolute;
        right: 15px;
        bottom: 0;
        left: 15px;

        height: 1px;

        background: linear-gradient(
            to right,
            transparent,
            rgba(0, 0, 0, 0.12),
            transparent
        );
    }
}

@media (max-width: 575px) {
    .contact_us--compact .contact_us__advantages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .contact_us--compact .contact_us__advantage {
        padding: 11px;
    }

    .contact_us--compact .contact_us__advantage img {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .contact_us--compact .contact_us__advantage p {
        font-size: 13px;
    }

    .contact_us--compact .content_us__img img {
        max-width: 340px;
    }



    .contact_us--compact .contact_us__contacts .prem_item {
        width: 100%;
        padding: 14px 5px;
    }

    .contact_us--compact .contact_us__contacts .prem_item::before {
        display: none;
    }

    .contact_us--compact .contact_us__contacts .prem_item:not(:last-child)::after,
    .contact_us--compact .contact_us__contacts .prem_item:nth-child(odd)::after {
        display: block;

        top: auto;
        right: 0;
        bottom: 0;
        left: 0;

        width: 100%;
        height: 1px;

        background: linear-gradient(
            to right,
            transparent,
            rgba(0, 0, 0, 0.12),
            transparent
        );

        transform: none;
    }

    .contact_us--compact .contact_us__contacts .content_soc__link {
        justify-content: flex-start;
    }
}




@media (max-width: 991px) {


	#header-spk {
		position: sticky;
		top: 0;
		z-index: 9999;
	}

	#header-spk .divider {
		display: none;
	}


	#mobile {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	
	.mobile-max {
		width: 55px;
		
	}
	.mobile-header-top {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 10px;
	}

	.mobile-logo {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
	}

	.mobile-logo img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	.mobile-menu-phone {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		margin-left: auto;
		padding: 8px 10px;
		color: #385171;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
		text-decoration: none;
		overflow: hidden;
		border-radius: 3px;
	}

	.mobile-menu-phone:hover,
	.mobile-menu-phone:focus {
		color: #385171;
		text-decoration: none;
	}


	.mobile-menu-phone span {
		position: absolute;
		display: block;
		pointer-events: none;
	}

	.mobile-menu-phone span:nth-child(1) {
		top: 0;
		left: -100%;
		width: 100%;
		height: 2px;
		background: linear-gradient(
			90deg,
			transparent,
			rgba(85, 120, 158, 0.95)
		);
		animation: mobilePhoneTop 2.2s linear infinite;
	}

	.mobile-menu-phone span:nth-child(2) {
		top: -100%;
		right: 0;
		width: 2px;
		height: 100%;
		background: linear-gradient(
			180deg,
			transparent,
			rgba(85, 120, 158, 0.95)
		);
		animation: mobilePhoneRight 2.2s linear infinite;
		animation-delay: 0.55s;
	}

	.mobile-menu-phone span:nth-child(3) {
		right: -100%;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(
			270deg,
			transparent,
			rgba(85, 120, 158, 0.95)
		);
		animation: mobilePhoneBottom 2.2s linear infinite;
		animation-delay: 1.1s;
	}

	.mobile-menu-phone span:nth-child(4) {
		bottom: -100%;
		left: 0;
		width: 2px;
		height: 100%;
		background: linear-gradient(
			360deg,
			transparent,
			rgba(85, 120, 158, 0.95)
		);
		animation: mobilePhoneLeft 2.2s linear infinite;
		animation-delay: 1.65s;
	}


	.mobile-max {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		padding: 0;
		margin: 0;
		background: none;
		border: 0;
		box-shadow: none;
	}

	.mobile-max img {
		display: block;
		width: 27px;
		height: 27px;
		object-fit: contain;
	}

	.mobile-burger {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		padding: 0;
		margin: 0;
	}

	.mobile-burger svg {
		display: block;
	}


	.mobile-header-city {
		display: flex;
		align-items: center;
		width: 100%;
	
	}

	.mobile-header-city .city {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.mobile-header-city .city a {
		display: inline-flex;
		align-items: center;
		color: inherit;
		text-decoration: none;
	}

	@keyframes mobilePhoneTop {
		0% {
			left: -100%;
		}

		50%,
		100% {
			left: 100%;
		}
	}

	@keyframes mobilePhoneRight {
		0% {
			top: -100%;
		}

		50%,
		100% {
			top: 100%;
		}
	}

	@keyframes mobilePhoneBottom {
		0% {
			right: -100%;
		}

		50%,
		100% {
			right: 100%;
		}
	}

	@keyframes mobilePhoneLeft {
		0% {
			bottom: -100%;
		}

		50%,
		100% {
			bottom: 100%;
		}
	}
}

@media (max-width: 374px) {

	.mobile-header-top {
		gap: 7px;
	}

	.mobile-menu-phone {
		padding: 7px 5px;
		font-size: 12px;
	}

	.mobile-max img {
		width: 24px;
		height: 24px;
	}

	.mobile-burger svg {
		width: 27px;
		height: auto;
	}
}
@media (max-width: 991px) {

	.mobile-header-city {
		display: flex;
		justify-content: center;
		width: 100%;
		padding-top: 9px;
	}

	.mobile-city-select {
		display: flex;
		
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: center;
	}

	.mobile-city-label {
		display: block;
		margin-bottom: 3px;
		color: #8a98a8;
		font-size: 10px;
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.mobile-city-link {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		min-height: 28px;
		
		color: gray;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.2;
		text-decoration: none;
	}



	.mobile-city-link:hover,
	.mobile-city-link:focus {
		color: #55789e;
		text-decoration: none;
	}

	.mobile-city-name {
		display: inline-block;
	}

	.mobile-city-arrow {
		display: block;
		flex: 0 0 auto;
		transition: transform 0.25s ease;
	}


}

.banner-benefits {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    align-items: center;
    gap: 50px;
	padding: 30px 0;

}

.banner-benefits__gallery {
    width: 100%;
    max-width: 420px;
}

.banner-collage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
	margin: 30px 0;
}



.banner-collage__item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    background: #f2f4f6;
}

.banner-collage__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.banner-collage__item:nth-child(1) {
    border-radius: 28px 12px 12px 12px;
}

.banner-collage__item:nth-child(2) {
    border-radius: 12px 28px 12px 12px;
}

.banner-collage__item:nth-child(3) {
    border-radius: 12px 12px 12px 28px;
}

.banner-collage__item:nth-child(4) {
    border-radius: 12px 12px 28px 12px;
}

.banner-benefits__fallback {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 24px;
}

.banner-benefits__fallback img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner-benefits .banner-advantages {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    margin: 0;
}

.banner-benefits .banner-advantage {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: flex-start;
    gap: 15px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(56, 81, 113, 0.16);
}

.banner-benefits .banner-advantage:first-child {
    padding-top: 0;
}

.banner-benefits .banner-advantage:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.banner-benefits .banner-advantage__icon {
    display: block;
    width: 26px;
    height: 26px;
    margin-top: 2px;
    object-fit: contain;
}

.banner-benefits .banner-advantage__text {
    margin: 0;
    color: inherit;
    font-size: 17px;
    line-height: 1.55;
}

.banner-benefits .banner-advantage__text p {
    margin: 0;
}

.banner-benefits .banner-advantage__text strong {
    font-weight: 700;
}


.banner-collage__item:only-child {
    grid-column: 1 / -1;
    aspect-ratio: 2 / 1;
    min-height: 280px;
    border-radius: 24px;
}

@media (max-width: 991px) {
    .banner-benefits {
        grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
        gap: 30px;
    }

    .banner-benefits .banner-advantage {
        padding: 17px 0;
    }

    .banner-benefits .banner-advantage__text {
        font-size: 15px;
    }
	.banner-collage {

	margin:  0;
}
}

@media (max-width: 767px) {
    .banner-benefits {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .banner-benefits__gallery {
        max-width: 100%;
    }

    .banner-collage {
        gap: 8px;
    }

    .banner-collage__item {
        border-radius: 14px;
    }

    .banner-collage__item:nth-child(1) {
        border-radius: 20px 8px 8px 8px;
    }

    .banner-collage__item:nth-child(2) {
        border-radius: 8px 20px 8px 8px;
    }

    .banner-collage__item:nth-child(3) {
        border-radius: 8px 8px 8px 20px;
    }

    .banner-collage__item:nth-child(4) {
        border-radius: 8px 8px 20px 8px;
    }

    .banner-collage__item:only-child {
        min-height: 220px;
        aspect-ratio: 16 / 10;
    }

    .banner-benefits .banner-advantage {
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 12px;
        padding: 16px 0;
    }

    .banner-benefits .banner-advantage__icon {
        width: 22px;
        height: 22px;
    }

    .banner-benefits .banner-advantage__text {
        font-size: 15px;
        line-height: 1.45;
    }
}




.geo_mobile_btn::after {
    content: "→";
    display: inline-block;

    font-size: 21px;
    line-height: 1;
    font-weight: 500;

    transition: transform 0.25s ease;
}

a.geo_mobile_btn {
    display: flex;
    gap: 10px;
	align-items: center;
}




.button_block{display: flex; justify-content: start; width: 100%; cursor: pointer; gap: 30px;}

.price_btn, .calc_btn, .about_btn{padding: 10px; width: 200px; text-align: center; border-radius: 8px;}
.price_btn, .calc_btn{color: red !important; border: 1px solid red; }
.about_btn{color: green !important; border: 1px solid green; /* From https://css.glass */
background: rgba(0, 128, 0, 0.07);
backdrop-filter: blur(9.1px);
-webkit-backdrop-filter: blur(9.1px);
background: rgba(0, 128, 0, 0.07);

backdrop-filter: blur(9.1px);
-webkit-backdrop-filter: blur(9.1px);
}
.banner-benefits,
.banner-benefits__gallery,
.banner-collage,
.banner-collage__item {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}


.h2-slider{
	    font-size: 35px !important;
    font-weight: 500 !important;
}
.banner-benefits__gallery {
    overflow: hidden;
}

.banner-collage {
    width: 100%;
    max-width: 100%;
}

.banner-collage__item {
    width: 100%;
}

.banner-collage__item img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-width: 0;
    object-fit: cover;
}

@media (max-width: 991px) {

    .banner-benefits {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        gap: 28px;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .banner-benefits__gallery {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .banner-collage {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: 100%;
        min-width: 0;
        gap: 8px;
        overflow: hidden;
    }

    .banner-collage__item {
        position: relative;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    .banner-collage__item img {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }
	.banner-benefits{padding: 0;}
	.button_block{gap: 10px;}
	.price_btn, .calc_btn, .about_btn{padding: 8px;}
}
/* 
стики шапка */

#mobile,
#header {
	box-sizing: border-box;
}


@media (max-width: 767px) {

	#mobile {
		position: sticky;
		top: 0;
		z-index: 1040;

		width: 100%;
		padding: 10px 15px 8px;

		background: #fff;

		transition:
			box-shadow 0.25s ease,
			padding 0.25s ease;
	}


	#mobile .mobile-header-top {
		width: 100%;
		min-width: 0;
	}

	#mobile .mobile-header-city {
		width: 100%;
	}


	#mobile.header-is-scrolled {
		box-shadow: 0 8px 24px rgba(56, 81, 113, 0.12);
	}
}

@media (min-width: 768px) {

	#header {
		position: sticky;
		top: 0;
		z-index: 1040;

		width: 100%;
		background: #fff;

		transition: box-shadow 0.25s ease;
	}

	#header.header-is-scrolled {
		box-shadow: 0 8px 24px rgba(56, 81, 113, 0.12);
	}
}

@media screen and (min-width: 783px) {

	body.admin-bar #header {
		top: 32px;
	}
}


@media screen and (max-width: 782px) {

	body.admin-bar #mobile,
	body.admin-bar #header {
		top: 46px;
	}
}
.contacts_soc {
    display: flex;
    gap: 10px;
    align-items: center;
}
.contacts_soc img {
    width: 35px;
}
.contacts_phone-soc {
    display: flex;
    align-items: center;
    gap: 20px;
}


@media (max-width: 991px) {
    #about .about-title {
        font-size: 1.7rem !important;
		line-height: 35px;
    }
	.about-left .about-num{
		font-size: 1.5rem
	}
	    .about-right {
        padding: 20px 0;
    }
	.about-right h3 {

    font-size: 1.2rem;
}
	.about-icon img {
    width: 20px;

}
}

#all_var .container{
	display: flex;
	justify-content: center;
}

#all-variants {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 18px 158px;

    border-radius: 14px;

    background: #55789e;

    color: #fff;
    text-decoration: none;

    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;

    text-align: center;

    box-shadow: 0 6px 18px rgba(31,139,255,.25);

    transition: all .25s ease;
}




#all-variants span {
    display: inline-block;
}
@media (max-width: 768px) {
    #all-variants {
        width: 100%;
        font-size: 16px;
        padding: 16px 20px;
    }
}



#all_var .container {
    display: flex;
    justify-content: center;
}

#all-variants {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    padding: 18px 70px;

    border: 1px solid #55789e;
    border-radius: 14px;

    background: #55789e;
    color: #fff;

    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;

    box-shadow: 0 8px 24px rgba(85, 120, 158, 0.28);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

#all-variants::after {
    content: "↓";
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    font-size: 24px;
    line-height: 1;
    font-weight: 500;

    transform: translateY(-1px);
    transition: transform 0.25s ease;
}

#all-variants:hover {
    background: #466b93;
    border-color: #466b93;
    color: #fff;
    text-decoration: none;

    box-shadow: 0 10px 28px rgba(85, 120, 158, 0.36);

}



#all-variants:active {
    transform: translateY(0);
}

@media (max-width: 768px) {
    #all-variants {
        width: 100%;
        padding: 16px 20px;
        font-size: 16px;
        box-sizing: border-box;
    }

    #all-variants::after {
        font-size: 22px;
    }
}



#geo {
    margin: 40px 0;
}

#geo .geo-layout {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 10px;
}

#geo .geo-layout__left,
#geo .geo-layout__right {
    padding: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

#geo .geo-layout__left {
    background-color: #00aaff;
}

#geo .geo-layout__left,
#geo .geo-layout__left * {
    color: #fff;
}

#geo .geo-layout__left img {
    display: block;
    width: 64px;
    height: auto;
    margin-bottom: 18px;
}

#geo .geo-layout__left h2 {
    margin: 0 0 15px;
    font-size: 30px;
    line-height: 1.2;
}

#geo .geo-layout__text {
    margin-bottom: 24px;
}

#geo .geo-layout__text,
#geo .geo-layout__text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

#geo .geo-layout__text p:last-child {
    margin-bottom: 0;
}

#geo .btn-out {
    display: inline-block;
    padding: 10px 14px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

#geo .btn-out:hover {
    border-color: #fff;
    background: #fff;
    color: #00aaff;
    text-decoration: none;
}

#geo .geo-layout__right {
    border: 2px solid #00aaff;
    background: #fff;
}

#geo .geo-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

#geo .geo-tabs__button {
    padding: 9px 13px;
    border: 1px solid #00aaff;
    border-radius: 0;
    background: transparent;
    color: #00aaff;
    font: inherit;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

#geo .geo-tabs__button:hover,
#geo .geo-tabs__button.is-active {
    background: #00aaff;
    color: #fff;
}

#geo .geo-tabs__panel {
    display: none;
}

#geo .geo-tabs__panel.is-active {
    display: block;
}

#geo .geo-tabs__subtitle {
    margin-bottom: 14px;
    color: #68717d;
    font-size: 14px;
    line-height: 1.45;
}

#geo .geo-tabs__cities {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

#geo .geo-item {
    display: block;
    min-width: 0;
    padding: 10px;

    border: 1px solid #e2e7ec;

    color: #222;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;

    background: #fff;

    transition:
        border-color 0.2s ease,
        color 0.2s ease,
        background-color 0.2s ease;
}

#geo .geo-item:hover {
    border-color: #00aaff;
    background-color: #f2fbff;
    color: #00aaff;
    text-decoration: none;
}
.geo-price-block {
    margin: 50px 0;
}

.geo-price-block__title {
    margin: 0 0 28px;
    font-size: 39px;
    line-height: 1.15;
    font-weight: 400;
}

.geo-price-block__layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

.geo-price-block__aside {
    padding: 22px 20px;
    background: #55789e;
    box-sizing: border-box;
}

.geo-price-block__aside-text,
.geo-price-block__aside-text p {
    margin: 0;
    color: #fff;
    font-size: 19px;
    line-height: 1.58;
    font-weight: 600;
}

.geo-price-block__content {
    padding: 10px;
    border: 2px solid #55789e;
    box-sizing: border-box;
}

.geo-accordion {
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.geo-accordion:last-child {
    margin-bottom: 0;
}

.geo-accordion__head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    padding: 21px 24px;

    border: 0;
    background: #fff;
    color: #111;

    text-align: left;
    cursor: pointer;
}

.geo-accordion__title {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.geo-accordion__icon {
    flex: 0 0 auto;
    min-width: 20px;

    font-size: 23px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
}

.geo-accordion__body {
    display: none;
    padding: 0 24px 24px;
}

.geo-accordion.active .geo-accordion__body {
    display: block;
}

.geo-accordion__subtitle {
    margin: 0 0 16px;
    color: #666;
    font-size: 14px;
    line-height: 1.45;
}

.geo-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 50px;
    row-gap: 14px;
}

.geo-list a {
    color: #1677ff;
    font-size: 17px;
    line-height: 1.35;
    text-decoration: none;
}

.geo-list a:hover {
    color: #005fd1;
    text-decoration: underline;
}

.geo-list--limited {
    max-height: 315px;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.geo-list--limited.open {
    max-height: 5000px;
}

.geo-toggle {
    margin-top: 20px;
    padding: 12px 16px;

    border: 1px solid #1677ff;
    border-radius: 10px;

    background: #fff;
    color: #1677ff;

    font-size: 16px;
    cursor: pointer;
}

.geo-toggle:hover {
    background: #1677ff;
    color: #fff;
}
.geo-accordion__head {
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

.geo-accordion__head:focus,
.geo-accordion__head:active,
.geo-accordion__head:focus-visible {
    outline: none;
    box-shadow: none;
}

@media (max-width: 991px) {

    .geo-price-block {
        margin: 35px 0;
    }

    .geo-price-block__title {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 1.2;
    }

    .geo-price-block__layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .geo-price-block__aside {
        padding: 20px;
    }

    .geo-price-block__aside-text,
    .geo-price-block__aside-text p {
        font-size: 17px;
        line-height: 1.5;
    }

    .geo-price-block__content {
        padding: 8px;
        border-width: 2px;
    }

    .geo-accordion {
        margin-bottom: 8px;
        border-radius: 10px;
    }

    .geo-accordion__head {
        min-height: 64px;
        padding: 16px 18px;
        gap: 15px;
    }

    .geo-accordion__title {
        max-width: calc(100% - 34px);
        font-size: 17px;
        line-height: 1.35;
    }

    .geo-accordion__icon {
        min-width: 18px;
        font-size: 24px;
    }

    .geo-accordion__body {
        padding: 0 18px 18px;
    }

    .geo-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .geo-list a {
        display: block;
        padding: 10px 0;
        font-size: 16px;
        line-height: 1.35;
    }

    .geo-list--limited {
        max-height: 320px;
    }

    .geo-toggle {
        display: block;
        width: 100%;
        margin-top: 16px;
        padding: 12px 16px;
        box-sizing: border-box;
        text-align: center;
    }
}
@media (max-width: 480px) {

    .geo-price-block__title {
        font-size: 26px;
    }

    .geo-price-block__aside {
        padding: 18px;
    }

    .geo-price-block__aside-text,
    .geo-price-block__aside-text p {
        font-size: 16px;
    }

    .geo-price-block__content {
        padding: 6px;
    }

    .geo-accordion__head {
        padding: 15px 14px;
    }

    .geo-accordion__title {
        font-size: 16px;
    }

    .geo-accordion__body {
        padding: 0 14px 16px;
    }

    .geo-list a {
        font-size: 15px;
    }
}
.geo-price-block,
.geo-price-block * {
    box-sizing: border-box;
}

.geo-price-block__layout,
.geo-price-block__content,
.geo-accordion,
.geo-accordion__head,
.geo-accordion__body {
    min-width: 0;
}
.geo-accordion__title {
    overflow-wrap: anywhere;
}

.geo-accordion__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

.geo-accordion__title {
    display: block;
    max-width: 100%;
    color: #111;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.geo-accordion__note {
    display: block;
    max-width: 100%;
    color: #8a8f96;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}

.geo-accordion__head {
    align-items: center;
}

@media (max-width: 575px) {
    .geo-accordion__title {
        font-size: 16px;
    }

    .geo-accordion__note {
        font-size: 13px;
    }
}
.geo-list--limited {
    max-height: none;
    overflow: visible;
}

.geo-toggle {
    display: none;
}

@media (max-width: 575px) {
    .geo-list--limited {
        max-height: 320px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .geo-list--limited.open {
        max-height: 5000px;
    }

    .geo-toggle {
        display: block;
        width: 100%;
        margin-top: 18px;
        padding: 12px 16px;

        border: 1px solid #1677ff;
        border-radius: 10px;

        background: #fff;
        color: #1677ff;

        font-size: 15px;
        font-weight: 500;
        text-align: center;
        cursor: pointer;
    }

    .geo-toggle:hover {
        background: #1677ff;
        color: #fff;
    }
}