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



@font-face {
  font-family: 'AA Stetica';
  src: url('fonts/AA-Stetica-Light.woff2') format('woff2'),
       url('fonts/AA-Stetica-Light.woff') format('woff'),
       url('fonts/AA-Stetica-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}


@font-face {
  font-family: 'AA Stetica';
  src: url('fonts/AA-Stetica-Regular.woff2') format('woff2'),
       url('fonts/AA-Stetica-Regular.woff') format('woff'),
       url('fonts/AA-Stetica-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}


@font-face {
  font-family: 'AA Stetica';
  src: url('fonts/AA-Stetica-Medium.woff2') format('woff2'),
       url('fonts/AA-Stetica-Medium.woff') format('woff'),
       url('fonts/AA-Stetica-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}


@font-face {
  font-family: 'AA Stetica';
  src: url('fonts/AA-Stetica-Bold.woff2') format('woff2'),
       url('fonts/AA-Stetica-Bold.woff') format('woff'),
       url('fonts/AA-Stetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

/* iPhone 5 */
@media (max-width: 321px){
	.modal .modal-dialog {width: 100%;padding: 60px 10px 10px 10px!important;}
	.modal .modal-dialog .button{width: 100%;padding: 20px!important;}
	
	h1{font-size: 25px!important;}
	
	
}
/* iPad */
 @media (min-width: 768px){
	 .container {max-width: 720px;}
	 .col-pl-2{grid-template-columns: repeat(2, 1fr);}
	 .col-pl-3{grid-template-columns: repeat(3, 1fr);}
	 
}
/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 1024px) {
	.modal .modal-dialog{width: 100%;padding: 60px 20px 20px 20px;}
	.block{padding: 20px 0px;}
	h1{font-size: 35px;}
	h2{font-size: 26px!important;}

	.button{display: block!important;width: 100%;}
	.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	.head{display: none !important;}


	#mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;}
	
	#mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;background-color: white;border-radius: 0px;}
	#mmenu .modal-dialog {height: 100%;margin: 0;}
	#mmenu .modal-content {height: 100%;width: 100vw;border-radius: 0;}
	#mmenu .close{opacity: 1;}
	
	.modal{background-color: white!important;}
	#mmenu .cont{padding-top: 10px;font-size: 18px;display: grid;gap: 10px;}
	#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: var(--hovercolor);}
	#mmenu .cont .ad{font-size: 15px;}
	#mmenu .cont .cbutton{margin-top: 20px;display: block;}
	
	#mmenu .nav{display: inline-block;width: 100%;padding-top: 20px;list-style: none;margin-bottom: 20px;}
	#mmenu .nav>ul{padding: 0px;}
	#mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;}
	#mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;}
	
	#mmenu .nav .sub-menu{padding-top: 10px;}
	#mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;}
	
	#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;}
	
	#block3_1 .owl-nav{margin-top: 20px;}
	#price .table{padding: 0px!important;}
	#block14{text-align: center;}
	#block22 ul{padding-left: 0px;}
	
	#price .grid{gap: 0px!important;}
	#price .nav{flex-direction: row!important;flex-wrap: wrap;justify-content: center;}
	#price .nav .nav-link{width: 100%!important;padding: 15px!important;text-align: center;}

	#price .table{box-shadow: none!important;display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	#price td, #price th{min-width: 200px;}
	#footer{text-align: center;}
	
}

@media (min-width: 1025px) {
	#mobile{display: none!important;}
	h1{font-size:45px;margin-bottom: 20px;}
	.container {max-width: 960px;}
	.modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;}
	.block{padding: 60px 0;}
	.block h2{font-size: 37px;}
	.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-1-3{grid-template-columns: 1fr 3fr;}
	.col-pc-2-1{grid-template-columns: 2fr 1fr;}
	.col-pc-1-25-1{grid-template-columns:1fr 2.5fr 1fr;}
	.col-pc-05-2{grid-template-columns: 0.5fr 2fr;}
	.col-pc-05-2-05{grid-template-columns: 0.5fr 2fr 0.5fr;}
	.col-pc-2-05{grid-template-columns: 2fr 0.5fr;}
	.span2{grid-column: span 2;}
	.span3{grid-column: span 3;}
	.nw{flex-wrap: nowrap !important;}
	
	.block .tline{padding-left: 150px;}
	.block .tline p, .block .tline ul{font-size: 20px;}
	.block .tline h2{max-width: 70%;}
	.block .tline .h2{margin-bottom: 40px;}
	.block .tline .h2 p{margin-top: 10px;margin-bottom: 0px;}
	.block .tline:before{content: url(images/tline.svg);left: -150px;top: 60px;position: relative;}
	


	#footer #menu-nashi-uslugi{display: grid;grid-template-columns: 1fr 1fr;}
	#list .item .bts{grid-column: span 2;}
}

@media (min-width: 1200px) {
	.container{max-width: 1920px;}
	

} 


:root {
    --hovercolor: #99CE24;
	--fonttitle: "AA Stetica";
}


*, ::after, ::before {box-sizing: border-box;}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
body {margin: 0;line-height: 1.5;font-family: 'AA Stetica';color: black;background-color: white;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
a{color: black;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
img, svg{vertical-align: middle;}
label {display: inline-block;margin-bottom: .5rem;}
button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;background-color: white;}
button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */
button::-moz-focus-inner {border: 0;}
p {margin-top: 0;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 500;line-height: 1.2;font-family: var(--fonttitle);}

h2{font-size:32px;margin-bottom: 15px;}
h3{font-size: 26px;margin-bottom: 15px;}




/* Кнопка вверх */
.btn-back-top {opacity: 0;background: black;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;left: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);}

/* Кнопка вотсап */
.whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);}
.whatsapp-button:before,
.whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; }
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}}
@media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}}

/* Дата для мобильного */
input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} 
input[type="date"]:focus:before {content: '' !important;}

.img-fluid {max-width: 100%;height: auto;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float:right;padding-left: 10px;padding-bottom: 10px;}
.table {width: 100%;margin-bottom: 1rem;border-collapse: collapse;}
.table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid var(--hovercolor)3;}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.p404{text-align: center;padding: 50px 0px;}
.grid{display: grid;}
.ac{align-items: center;}
.flex{display: flex; flex-wrap: wrap;}
.tline .st{color: var(--hovercolor);}


.full{background-color: #fff;}
.full a{color: black;}
.full .modal-content{border: none;}
.full .modal-dialog{max-width: 100%;position: relative;}
.full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.full .st{font-size: 18px;padding-bottom: 10px;}
.full .list{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 5px;}
.full .select2-selection, .full .select2-selection__arrow{height: 40px!important;}
.full .select2-selection__rendered{line-height: 40px!important;}


/* Табы */
.nav {display: flex;padding: 0;margin: 0;list-style: none;outline: none;}
.nav-link:focus, .nav-link:hover {text-decoration: none;}
.nav-link {display: block;}
.tab-content>.tab-pane {display: none;}
.tab-content>.active {display: block;}
.fade {transition: opacity .15s linear;}
.fade:not(.show) {opacity: 0;}
/* Пролистывание на мобильном */
.scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.scroll::-webkit-scrollbar {height: 2px;-webkit-appearance: none;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.scroll::-webkit-scrollbar-thumb {background: #fd5354;}

/* Гармошка */
.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;}

/* Модальное */
.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal .modal-dialog{background-color: white;}
.modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;}
.modal .grid{gap: 20px;}
.modal .title{font-size: 45px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}
.modal-dialog .cont{color: black !important;}
.modal-dialog{color:black !important ;}

/* Анимация при наведении на картинку */
.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.05);-o-transform: scale(1.05);transform: scale(1.05);}

/* Хлебные */
.breadcrumbs {color: var(--hovercolor);font-size: 14px;padding-bottom: 10px;}
.breadcrumbs a{color: #7F7F7F;border-bottom: 1px solid;}


/* Форма связи */
.wpcf7{position: relative;}
.wpcf7 .wpcf7-form{display: grid;gap: 20px;}
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output{display: none;}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-bottom: 1px solid red!important;}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;font-weight: 500;}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;text-align: center;background-color: #00800005;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none;border-bottom: 1px solid #54556020;padding: 10px;width: 100%;}
.wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}
.wpcf7 .poly{color: gray;font-size: 14px;}



/* Другое  */
.block h2{margin-bottom: 40px;}
.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}
.phone{white-space: nowrap;}
.lmodal .modal-dialog{display: flex;align-items: center;}

/* Кнопка */
.button{display: inline-block;background: var(--hovercolor);color: white;text-align: center;border-radius: 4px;border: none;padding: 14px 35px;white-space: nowrap;font-weight: 500;cursor: pointer;}
.button:hover{background-color: black;color: white!important;}

.buttonw{display: inline-block;background: white;color: #333333;text-align: center;border-radius: 4px;padding: 14px 35px;white-space: nowrap;font-weight: 500;}
.buttonw:hover{background-color: black;color: white;}

.buttonwhite{display: inline-block;cursor: pointer;text-align: center;background: transparent;border: 1px solid var(--hovercolor);color: var(--hovercolor);border-radius: 4px;font-weight: bold;padding: 13px 25px;white-space: nowrap;}
.buttonwhite:hover{background: black;border-color: black;color: white!important;}

/* Анимация */
a, .owl-nav button path, .cbutton, .ezfc-btn{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
/*HOVER*/
a:hover, #footer a:hover{color: var(--hovercolor);}

.text-center{text-align: center;}
.flex-space{display: flex;align-items: center;justify-content: space-between;gap: 20px; flex-wrap: wrap;}

.fullscreen .logotext{  text-align: center;   padding: 12px 30px;background-color: #99CE24;display: inline-block;font-weight: 500;font-size: 18px;color: white;border-radius: 25px;}

#header #bmenu>.logotext{padding: 12px 30px; background-color: #99CE24; display: inline-block; font-weight: 500; font-size: 18px; color: white; border-radius: 25px;}
#menu-baner-menyu li>a{padding: 12px 5px 12px 30px; display: inline-block;font-size: 18px; color: white;}
#menu-baner-menyu{gap: 15px; }
#header #bmenu{backdrop-filter: blur(20px); background-color: rgba(255, 255, 255, 0.212); border-radius: 25px; padding-right: 30px;}
#header .space{justify-content: space-between; align-items: center;}
#header .inner{padding: 20px; border-radius: 20px; position: relative;}
#header .flex .phone{padding: 12px 30px;  display: inline-block; font-weight: 500; font-size: 18px; background-color: var(--hovercolor); color: white; border-radius: 25px;}
#header .phoneicon{padding: 16px; border-radius: 25px; display: inline-block; background-color: var(--hovercolor); display: flex; align-items: center; justify-content: center; }
#header .flex {align-items: center;}
#header .right{border-radius: 25px; gap: 15px;}
#header .inner::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;background-image: linear-gradient(to top,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100% );}
#header .inner>div{position: relative;z-index: 999;}
#header .grid.col-pc-2-1{margin-top:500px ; margin-bottom: 25px; color: white  !important; align-items: flex-end;}
#header .link{ border-radius: 20px; padding: 5px 15px; background-color:  rgba(255, 255, 255, 0.13); transition: 0.5s;}
#header .link:hover{background-color: black !important;}
#header .link2{background-color: #99CE24;}
#header .item strong{font-size: 20px !important;}
#header .color{background-color: white !important; color: black !important;}
#header .link img{width: 15px; height: 15px;}
#header .plash{padding: 5px 20px; background-color:#99CE24 ; border-radius: 20px; display: flex; gap: 10px;color: white !important; font-weight: 500; align-items: center; margin-bottom: 30px;}
#header .plash img{width: 15px; height: 15px;}
#header .plit .item{padding: 20px; border-radius: 20px; background-color:#99CE24 ; display: grid; align-content: space-between;}
#header .left .stitle{opacity: 0.8;}
#header h2{margin-bottom: 30px;}
#header .left{padding: 20px;}

#header .menu .top a{padding: 15px; display: inline-block; opacity: 0.6;}
#header .sub-menu{display: none;position: absolute;  backdrop-filter: blur(30px);background-color: rgba(12, 12, 12, 0.493);}
#header .sub-menu a{white-space: nowrap; transition: 0.5s; padding: 12px 30px !important;}
#header .sub-menu a:hover{color: var(--hovercolor);}
#header .sub-menu {padding: 0 !important; list-style: none !important;}
#header .sub-menu li{list-style: none  !important;}
#header .menu-item-has-children{position: relative;}
#header .menu-item-has-children:hover .sub-menu{display: block;}
#header .menu-item-has-children:after{content: url(images/arr.svg);margin-left: 3px;position: relative;top: -2px;}

#header .social-icons img{width: 30px; height: 30px;}

#header .social-icons {display: flex; gap: 10px;}
#header .contact-line{display: flex; gap: 20px; align-items: center;}
#header .contact-line .phone{font-size: 25px; color: white !important; transition: 0.5s;}
#header .contact-line .phone:hover{color: var(--hovercolor) !important;}
@media (max-width: 1024px) {
	#header .contact-line .phone{color: var(--hovercolor ) !important;}
}



#premb .owl-nav{margin-top: 20px; display: flex; justify-content: space-between;}
#premb .owl-nav button circle{fill: whitesmoke !important; transition: 0.5s;}
#premb .owl-nav button:hover circle{ fill: var(--hovercolor) !important;}
#premb .owl-nav button g{transition: 0.5s;}
#premb .owl-nav button:hover g{fill: white !important;}
#premb{background-color: white; border-radius: 20px; padding: 20px;}
#premb .items{background-color: whitesmoke; border-radius: 20px;}
#premb img{height: 125px;}
#premb .items .flex{justify-content: space-between; flex-wrap: nowrap; font-weight: 600;}
#premb .items .pad{padding: 20px;}
#header .imgg{display: none !important;}
#bmenu.pc{display: none !important;}
@media (max-width: 1024px) {
	#header .grid.col-pc-2-1{margin: 0 !important;}
	#header	.left{padding: 0 !important;}
	#header .inner{background: whitesmoke !important; padding: 0 !important; color: black !important;}
	#header h1{color: black !important; font-size: 30px !important;}
	#header{background: whitesmoke !important; padding: 10px;}
	#header .stitle{color: black !important;}
	#header .imgg img{border-radius: 20px;}
	#header .imgg {display: block !important;}
	#header .inner::after{display:  none !important;}
	#header #premb{margin-top: 20px; margin-bottom: 20px;}
	#bmenu.pc{display: flex !important;}
	#header {padding-bottom: 20px;}
	#premb .img img{width: 120px; height: 110px; object-fit: cover;}
	#bmenu.flex{justify-content: space-between; padding: 10px; margin-bottom: 30px; background-color: white !important;}
	#header .circle{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--hovercolor); border-radius: 40px;}
	
}



#block3 .punkts{padding: 20px; border-radius: 20px; background-color: whitesmoke; display: grid;}
#block3 .title{font-size: 20px; font-weight: 600; margin-bottom: 50px;}
#block3 .col-pc-4{margin-top: 30px;}
#block3 {background: url(images/pfon.svg) no-repeat center center / cover; font-size: 18px;}
#block3 .p1{background-color: #99CE24 ; color: white !important;}


#block4 {background-color: whitesmoke !important; }
#block4 .items{background-color: white; padding: 20px; border-radius: 12px;}
#block4 .items .title{font-size: 18px; font-weight: 500; margin-bottom: 15px; margin-top: 100px;}
#block4 .number{font-weight: 500; font-size: 20px;}
#block4 .items .flex{align-items: center;}
#block4 .owl-nav{margin-top: 20px;}
#block4 .owl-nav button:hover circle{fill: var(--hovercolor);}
#block4 .owl-nav button:hover g{fill: white;}
#block4 .owl-nav button circle{transition: 0.5s;}
#block4 .owl-carousel {min-width: 100%;}
#block4 .flex{justify-content: space-between;}
#block4 .icon{display: flex; gap: 4px;}
#block4 .icon img{width: 16px !important; height: 16px !important;}


#block5{background-color: whitesmoke;}
#block5 .owl-nav{margin-top: 20px;}
#block5 .owl-nav button:hover circle{fill: var(--hovercolor);}
#block5 .owl-nav button:hover g{fill: white;}
#block5 .owl-nav button circle{transition: 0.5s;}
@media (min-width: 1025px) {
	#block5 .owl-nav{position: absolute; top: -100px; right: 20px;}
}
#block5 img{width: 100%; height: 500px !important; object-fit: cover;}


#block6 {color: white !important;}
#block6 .inner{padding: 30px; border-radius: 20px;}
#block6 .top{padding: 5px; background-color: white; border-radius: 15px; color: var(--hovercolor); display: inline-flex; gap: 10px; align-items: center; margin-bottom: 20px;}
#block6 .stitle{opacity: 0.7;}
#block6 .item{padding: 20px; border-radius: 20px; backdrop-filter: blur(5px); background: url('images/iabout.svg') no-repeat top 20px right 20px;}
#block6 .ititle{font-size: 20px; margin-bottom: 30px;}
#block6 .istitle{opacity: 0.6;}
#block6 .col-pc-4{margin-top: 30px;}
#block6 .form{padding: 30px; border-radius: 20px; background: url('images/ficon.svg') no-repeat center center/cover var(--hovercolor); margin-top: 30px;}
#block6 .button{width: 100%; text-align: center; background-color: white; transition: 0.5s; color: var(--hovercolor); border-radius: 20px; margin-top: 20px;}
#block6 .button:hover{background-color: #288d4e; color: white;}

@media (max-width: 1024px) {
	#block6 .inner{padding: 10px !important;}
}


#block7 {background-color: whitesmoke;}
#block7 .items{padding: 30px; background-color: white; border-radius: 20px;}
#block7 .ititle{font-size: 20px; font-weight: 500; margin-bottom: 20px;}
#block7 .button{padding: 10px; width: 100%;  margin-top: 30px; border-radius: 15px; display: flex; font-weight: 400 !important; justify-content: space-between; align-items: center; transition: 0.5s;}
#block7 .button img{transform: rotateZ(315deg); transition: 0.5s;}
#block7 .button:hover img{transform: rotateZ(360deg) !important;}
#block7 .img img{width: 100%; height: 400px; object-fit: cover;}
#block7 .col-pc-3{margin-top: 30px;}
#block7 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 20px;}
@media (max-width: 1024px) {
	#block7 .button,#block8 .button,#block12 .button{display: flex !important;}
}

#block8 {background-color: whitesmoke !important;}
#block8 .button img{width: auto !important;}
#block8 .button{display: flex; justify-content: space-between; align-items: center; font-weight: 400;}
#block8 .title{font-size: 22px; font-weight: 500; margin-bottom: 30px;}
#block8 .desc{padding: 20px; display: grid; align-content: center;}
#block8 .desc .col-pc-2{align-items: center;}
#block8 .sale{font-size: 20px; font-weight: 600;}
#block8 .owl-nav{margin-top: 20px;}
#block8 .owl-nav button:hover circle{fill: var(--hovercolor);}
#block8 .owl-nav button:hover g{fill: white;}
#block8 .owl-nav button circle{transition: 0.5s;}
@media (min-width: 1025px) {
	#block8 .owl-nav{position: absolute; top: -100px; right: 20px;}
}


#block9 {background-color: whitesmoke;}
#block9 .item{background-color: white !important; border-radius: 20px; padding: 20px;}
#block9 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block9 h2{margin-bottom: 100px;}
#block9 .items{padding: 20px; border-radius: 20px; border: 1px solid #F2F2F2;}
#block9 .title{font-size: 20px; font-weight: 600; }
#block9 .img svg path{fill: var(--hovercolor); transition: 0.5s;}
#block9 .flex{align-items: center; justify-content: space-between;margin-bottom: 30px; flex-wrap: nowrap;}
#block9 .img{background: #3cad6723; width: 40px; height: 27px; display: flex; align-items: center; justify-content: center; border-radius: 20px; transition: 0.5s;}
#block9 .img svg{transform: rotateZ(315deg); transition: 0.5s;}
#block9 .items:hover svg{transform: rotateZ(360deg) !important;}
#block9 .items:hover{background-color: var(--hovercolor); color: white !important;}
#block9 .items:hover svg path{fill: white;}
#block9 .items:hover .img{background-color: rgba(255, 255, 255, 0.308) !important;}
#block9 .right{display: flex; align-items: end; padding: 20px; border-radius: 20px;}
#block9 .ftitle {font-size: 30px; color: white !important; margin-bottom: 20px; font-weight: 600;}
#block9 .ftext{margin-bottom: 20px; color: white !important;}
#block9 .blur{padding: 20px; backdrop-filter: blur(5px); border-radius: 20px;}
#block9 .button{width: 100%; text-align: center; color: var(--hovercolor) !important; border-radius: 20px; background-color: white !important;}
#block9 .button:hover{background-color: var(--hovercolor) !important; color: white !important; }
@media (max-width: 1024px) {
	#block9 .flex{flex-wrap: nowrap; }
	#block9 .title{flex: 1;}
}


#block11 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block11 .desc{padding: 20px; background-color: white; border-radius: 20px;}
#block11 .img img {height: 400px; object-fit: cover;}
#block11{background-color: whitesmoke;}
#block11 .title{font-size: 20px; font-weight: 500;}
#block11 .owl-nav{margin-top: 20px;}
#block11 .owl-nav button:hover circle{fill: var(--hovercolor);}
#block11 .owl-nav button:hover g{fill: white;}
#block11 .owl-nav button circle{transition: 0.5s;}
@media (min-width: 1025px) {
	#block11 .owl-nav{position: absolute; top: -100px; right: 20px;}
}

#block12 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block12 .button{padding: 10px; width: 100%;  margin-top: 30px; border-radius: 15px; display: flex; font-weight: 400 !important; justify-content: space-between; align-items: center; transition: 0.5s;}
#block12 .button img{transform: rotateZ(315deg); transition: 0.5s;}
#block12 .button:hover img{transform: rotateZ(360deg) !important;}
#block12 {background-color: whitesmoke;}
#block12 .item{background-color: white !important;}
#block12 .desc{padding: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
#block12 .img img{width: 100%; height: auto !important;}
#block12 .title{font-size: 22px; font-weight: 500; color: var(--hovercolor ) !important;}
#block12 ul li::marker{color: var(--hovercolor) !important;}
#block12 .sale{font-size: 20px; font-weight: 600;}
#block12 .img img{height: 400px !important; object-fit: cover;}


#block13 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block13 table {width: 100%;border-collapse: separate;border-spacing: 0 8px;}
#block13 .inner{padding: 20px; border-radius: 20px;}
#block13 {color: white !important;}
#block13 .stitle{opacity: 0.8;}
#block13 .table{padding: 20px; backdrop-filter:blur(5px) ; border-radius: 20px;}
#block13 tr{opacity: 0.7;}
#block13 tr:first-child{opacity: 1 !important;}
#block13 .grid{align-items: center;}
@media (max-width: 921px) {
@media (max-width: 576px) {
	#block13 table td:last-child {white-space: nowrap;}
	#block13 table td:first-child {max-width: 65%;white-space: normal;word-break: break-word;}
	#block13 .inner{padding: 0 !important;}
	#block13 h2, #block13 .stitle{padding: 10px;}
	#block13 .top{margin-top: 20px; margin-left: 10px;}
	#block13 .table{padding: 0 !important;}
}
}

#block14 .form{padding: 30px; border-radius: 20px; background: url('images/ficon.svg') no-repeat center center/cover var(--hovercolor); margin-top: 30px;}
#block14 h2{color: white !important;}
#block14{color: white;}
#block14 .phone{font-size: 24px; font-weight: 500; color: white !important; transition: 0.5s;}
#block14 .phone:hover{color: black !important;}
#block14 .button{width: 100%; text-align: center; color: var(--hovercolor) !important; border-radius: 20px; background-color: white !important; margin-top: 30px;}
#block14 .button:hover{background-color: #288d4e !important; color: white !important; }
#block14 .flex{gap: 10px;}
#block14 img{width: 40px; height: 40px;}
@media (max-width: 1024px) {
	#block14 .flex{justify-content: center;}
}


#block15{background-color: whitesmoke;}
#block15 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block15 .title:not(.collapsed){color: var(--hovercolor) !important;}
#block15 .title{font-size: 20px; font-weight: 500;}
#block15 .card{background-color: white !important;}

#block16 .social-icons {display: flex; gap: 10px;}
#block16 .social-icons img{width: 40px; height: 40px;}
#block16 .contact-line{display: flex; gap: 20px; align-items: center; margin-bottom: 30px;}
#block16 .contact-line .phone{font-size: 25px; color: white !important; transition: 0.5s;}
#block16 .contact-line .phone:hover{color: var(--hovercolor) !important;}
@media (max-width: 1024px) {
	#block16 .contact-line .phone{color: var(--hovercolor ) !important;}
}



#block17 {background-color: whitesmoke;}

#block18{background-color: whitesmoke;}
#block18 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block18 .item{padding: 20px; border-radius: 20px; background-color: white;}
#block18 .title{font-size: 20px; font-weight: 500; margin-bottom: 20px;}
#block18 .text{opacity: 0.7;}
#block18 .item1{background-color: var(--hovercolor) !important; color: white !important;}
#block18 .item .img{margin-bottom: 60px;}








#block16 .button{width: 100%; text-align: center; color: var(--hovercolor) !important; border-radius: 20px; background-color: white !important; margin-top: 30px;}
#block16 .button:hover{background-color: #288d4e !important; color: white !important; }
#block16 .form{padding: 30px; border-radius: 20px; background: url('images/ffon.jpg') no-repeat center center/cover; margin-top: 30px; color: white !important;}
#block16 .form h2{padding-bottom: 100px;}



#block21{background-color: whitesmoke;}
#block21 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block21 .items{padding: 20px; background: white !important; border-radius: 20px; }
#block21 .title{font-size: 20px; font-weight: 500; margin-bottom: 30px;}



#block22{background-color: whitesmoke;}
#block22 .top{padding: 5px; background-color: var(--hovercolor); border-radius: 15px; color: white; display: inline-flex; gap: 5px; align-items: center; margin-bottom: 30px;}
#block22 .item{padding: 20px; border-radius: 20px; background-color: white !important;}
#block22 .title{font-size: 20px; font-weight: 500;}
#block22 .flex{align-items: center; justify-content: space-between; margin-bottom: 60px;}
#block22 .item1{background-color: var(--hovercolor) !important; color: white !important;}
#block22 .item1 .number{color: white !important; background-color: rgba(255, 255, 255, 0.13) !important;}
#block22 .number{color: var(--hovercolor);     border-radius: 20px;padding: 5px 15px;background-color: #3cad6723;}





#accordion .card{padding: 20px ;border: 1px solid #E4E4E4;margin-bottom: 10px;font-size: 18px; border-radius: 10px;}
#accordion .card .title{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
#accordion .card .title:after {content:"\2014";font-size: 14px;line-height: 32px;border: 1px solid #E4E4E4;border-radius: 50%;width: 35px;min-width: 35px;height: 35px;text-align: center;}
#accordion .card .title.collapsed:after {content: "+";font-size: 25px;}
#accordion .card a{color: black !important;}
#accordion .card a:not(.collapsed){color: var(--hovercolor);}
#accordion .text{opacity: 0.6;}


#contact-grid-layout .serv-head {text-align: center;}
#contact-grid-layout h2 { font-size: 35px; font-weight: 600; color: var(--black); line-height: 1.25; margin: 0;}
#contact-grid-layout .btn-center {text-align: center; margin-bottom: 30px;position: relative; z-index: 1;}
#contact-grid-layout .btn {width: max-content; margin: 0 auto; font-weight: 500; padding:18px 60px;}
#contact-grid-layout .grid-cards {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; position: relative; z-index: 1;}
#contact-grid-layout .card {background: #fff; border-radius: 26px; padding: 25px; text-align: left; box-shadow: 0 4px 24px rgba(0,0,0,0.04); transition: 0.3s;}
#contact-grid-layout .card:hover {transform: translateY(-5px);}
#contact-grid-layout .mess {display: flex;}
#contact-grid-layout .flex { display: grid; }
#contact-grid-layout .fl {display: flex; align-items: center; gap: 15px;}
#contact-grid-layout .card img { width: 40px; height: 40px; }
#contact-grid-layout .card h3 {font-size: 18px; margin: 10px 0; color: var(--black);}
#contact-grid-layout .card p, #contact-grid-layout .card a {font-size: 16px; color: var(--black); opacity: .8; margin: 0;}
#contact-grid-layout .card a {font-size: 18px;}
#contact-grid-layout .card a {color: var(--blue); font-weight: 600; text-decoration: none; opacity: 1;}
#contact-grid-layout .card .image{width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 16px; margin-bottom: 20px; background-color: whitesmoke;}
#contact-grid-layout .card a:hover {color: var(--black);}
#contact-grid-layout .image-card {background: url('/wp-content/uploads/2025/09/komp1.jpg') center/cover no-repeat; position: relative; display: flex; align-items: center; justify-content: center; color: #fff;}
#contact-grid-layout .image-card .overlay {background: #f8faff8a; color: var(--black); padding: 20px 30px; border-radius: 20px; text-align: center;}
#contact-grid-layout .image-card span {font-size: 16px;}
#contact-grid-layout .image-card strong {font-size: 28px; display: block; margin-top: 8px;}
@media (max-width: 991px) {
	#contact-grid-layout .grid-cards {gap: 20px; grid-template-columns: 1fr; }
	#contact-grid-layout .card p, #contact-grid-layout .card a {font-size: 14px; text-align: center;}
	#contact-grid-layout .card a {font-size: 16px; }
	#contact-grid-layout .card .image { width: 50px; height: 50px; }
	#contact-grid-layout .card img { width: 40px; height: 40px; }
	#contact-grid-layout .card { padding: 20px;display: grid;justify-items: center;}
	#contact-grid-layout .flex { gap: 15px; }
	#contact-grid-layout .container {  padding: 10px; }
}

#contact-grid-layout .card{cursor: pointer;}
#contact-grid-layout .contain{position:relative;z-index:1;border-radius:26px;overflow:hidden; padding: 40px; background: linear-gradient(to bottom right, #a6e4ff, #006f9f);}
#contact-grid-layout .fl a br{display: none;}




#contpage{margin-bottom: 20px; padding: 0 20px;}
#contpage .info{padding: 20px;background: whitesmoke;}
#contpage p{margin: 0px;}
#contpage .item{font-size: 20px;padding-top: 15px;padding-bottom: 15px;}
#contpage .item .title{color: #6C6C6C;font-size: 15px;}
#contpage .item .phone{font-size: 25px;font-weight: bold; color: var(--hovercolor) !important;}
#contpage .item a{color: black;}
#contpage .item .mail{color: var(--hovercolor);}



.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
.modal .text{height: 100px;}
@media (max-width: 1024px) {
	#footer .flex{justify-content: center;}
}
#footer {padding-bottom: 10px !important;}
#footer .grid{padding: 20px; border-radius: 20px; background-color: #99CE24;}
#footer .item{padding: 20px; background-color: rgba(255, 255, 255, 0.178); border-radius: 20px;}
#footer a{color: white !important; display: inline-block;}
#footer .link a{display: block;}
#footer .phone{font-size: 20px; font-weight: 500;}
#footer .flex{gap: 10px;}
#footer{color: white !important;}
#footer .left{display: grid; align-content: space-between;}
#footer .spec{margin-top: 30px;}
#footer .menu{display: grid; padding: 0 !important; list-style: none; grid-template-columns: repeat(2, 1fr);}
#footer .menu a{font-size: 18px; display: inline-block; padding: 5px;}
#footer .link{display: grid;align-content: space-between;}
#footer .poly{margin-top: 30px;}



#menu-vidzhet-2{display: block !important;}







/* Виджет мессенджеров */
.msg-widget{position:fixed;right:15px;bottom:90px;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:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}

/* Попап выбора города */
@keyframes drCityIn{from{opacity:0;transform:scale(.95) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}
.dr-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9990;background:rgba(0,0,0,.5);overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center;justify-content:center;}
.dr-overlay.open{display:flex;}
.dr-city-modal{position:relative;background:#fff;border-radius:16px;width:100%;max-width:580px;padding:36px 32px 28px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.18);animation:drCityIn .25s ease-out;}
.dr-city-modal__close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:#999;transition:color .2s;padding:4px;}
.dr-city-modal__close:hover{color:#333;}
.dr-city-modal__header{text-align:center;margin-bottom:24px;}
.dr-city-modal__icon{margin-bottom:8px;}
.dr-city-modal__title{font-size:22px;font-weight:600;margin:0 0 6px;color:#222;}
.dr-city-modal__current{font-size:14px;color:#888;}
.dr-city-modal__current strong{color:#99CE24;font-weight:600;}
.dr-city-search{position:relative;margin-bottom:24px;}
.dr-city-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;}
#dr-city-input{width:100%;height:48px;padding:0 16px 0 42px;border:2px solid #e8e8e8;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fafafa;box-sizing:border-box;}
#dr-city-input:focus{border-color:#99CE24;box-shadow:0 0 0 3px rgba(153,206,36,.15);background:#fff;}
#dr-city-input::placeholder{color:#bbb;}
.dr-city-dropdown{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-height:240px;overflow-y:auto;z-index:100;box-shadow:0 12px 32px rgba(0,0,0,.12);}
.dr-city-dropdown a{display:block;padding:11px 16px;color:#333;text-decoration:none;transition:background .15s;font-size:15px;}
.dr-city-dropdown a:first-child{border-radius:12px 12px 0 0;}
.dr-city-dropdown a:last-child{border-radius:0 0 12px 12px;}
.dr-city-dropdown a:hover,.dr-city-dropdown a.active{background:#f0f9eb;color:#7ab800;}
.dr-city-empty{padding:14px 16px;color:#999;font-size:14px;}
.dr-city-modal__popular{margin-bottom:20px;}
.dr-city-modal__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#aaa;margin-bottom:10px;}
.dr-city-pills{display:flex;flex-wrap:wrap;gap:8px;}
.dr-city-pill{display:inline-block;padding:7px 14px;font-size:13px;color:#444;background:#f5f5f5;border-radius:20px;text-decoration:none;transition:all .2s;border:1px solid transparent;}
.dr-city-pill:hover{background:#f0f9eb;color:#7ab800;border-color:#d4edc0;}
.dr-city-pill--active{background:#99CE24;color:#fff;border-color:#99CE24;font-weight:500;}
.dr-city-pill--active:hover{background:#7ab800;color:#fff;border-color:#7ab800;}
.dr-city-modal__all{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0;}
.dr-city-modal__note{font-size:13px;color:#999;flex:1;}
.dr-city-modal__map-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#99CE24;font-weight:500;text-decoration:none;transition:color .2s;}
.dr-city-modal__map-link:hover{color:#7ab800;}
.dr-city-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:13px;color:#fff;background:none;border:none;padding:0;text-decoration:none;opacity:.85;transition:opacity .2s;}
.dr-city-btn:hover{opacity:1;color:#fff;}
.dr-city-btn svg{flex-shrink:0;}
.dr-city-btn--nav{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:6px 14px;font-size:14px;opacity:1;white-space:nowrap;backdrop-filter:blur(4px);transition:background .2s,border-color .2s;}
.dr-city-btn--nav:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.6);color:#fff;opacity:1;}
.dr-city-btn--mobile{color:#99CE24 !important;padding:6px;opacity:1;}
@media(max-width:768px){.dr-city-modal{padding:28px 20px 20px;border-radius:14px;margin:10px;}.dr-city-modal__title{font-size:19px;}.dr-city-pill{padding:6px 11px;font-size:12px;}}

/* Страница Регионы работы */
.citylist h3{font-size:20px;margin:25px 0 10px;padding-bottom:8px;border-bottom:2px solid #99CE24;}
.citylist ul{list-style:none;padding:0;margin:0 0 15px;}
.citylist ul li{padding:5px 0;}
.citylist ul li a{color:#333;text-decoration:none;transition:color .2s;}
.citylist ul li a:hover{color:#99CE24;}

/* Блок гарантии */
#block-guarantee{background:#f8fdf2;padding:50px 0;}
#block-guarantee .guarantee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.g-item{background:#fff;border-radius:12px;padding:28px 24px;border-left:4px solid #99CE24;display:flex;flex-direction:column;gap:10px;}
.g-icon{line-height:0;}
.g-title{font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.3;}
.g-text{font-size:14px;color:#666;line-height:1.5;}
@media(max-width:900px){#block-guarantee .guarantee-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){#block-guarantee .guarantee-grid{grid-template-columns:1fr;}}

/* SLA под CTA */
.cta-sla{font-size:13px;color:rgba(255,255,255,.7);margin-top:8px;text-align:center;}
#block14 .cta-sla{color:rgba(0,0,0,.45);}

/* Блок Калькулятор */
#block-calc{background:#f7fae9;}
.calc-sub{color:#666;font-size:15px;margin-bottom:24px;}
.calc-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start;}
.calc-form{display:flex;flex-direction:column;gap:20px;}
.calc-row label{display:block;font-weight:500;margin-bottom:6px;font-size:14px;}
.calc-row select{width:100%;padding:12px 16px;border:1px solid #dde8c4;border-radius:8px;font-size:15px;background:#fff;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.calc-range-wrap{display:flex;align-items:center;gap:16px;}
.calc-range-wrap input[type=range]{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:#dde8c4;outline:none;}
.calc-range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#99CE24;cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.15);}
.calc-range-val{min-width:50px;font-weight:600;font-size:15px;color:#333;}
.calc-checkboxes{display:flex;gap:20px;flex-wrap:wrap;}
.calc-checkboxes label{display:inline-flex;align-items:center;gap:6px;font-weight:400;cursor:pointer;}
.calc-checkboxes input[type=checkbox]{width:18px;height:18px;accent-color:#99CE24;}
.calc-result{background:#fff;border-radius:16px;padding:32px;text-align:center;border:1px solid #dde8c4;box-shadow:0 2px 12px rgba(0,0,0,.04);}
.calc-result__label{font-size:14px;color:#666;margin-bottom:8px;}
.calc-result__price{font-size:36px;font-weight:700;color:#333;margin-bottom:4px;}
.calc-result__note{font-size:13px;color:#999;margin-bottom:20px;}
.calc-result .button{width:100%;text-align:center;}
@media(max-width:768px){.calc-wrap{grid-template-columns:1fr;}.calc-checkboxes{flex-direction:column;gap:10px;}}

/* Блок Сертификаты */
#block-certificates{background:#f9f9f9;}
.block-certificates__sub{color:#666;font-size:15px;margin-bottom:24px;}
#block-certificates img{border-radius:8px;transition:transform .2s;cursor:pointer;}
#block-certificates img:hover{transform:scale(1.03);}

/* Блок География работ */
#block23{background:#f7fae9 url('images/map-bg.svg') center/cover no-repeat;padding:60px 0;position:relative;}
#block23 .container{position:relative;z-index:1;}
#block23 h2{color:#222;margin-bottom:8px;}
.block23-sub{color:#666;font-size:15px;margin-bottom:32px;}
.geo-cities{display:flex;flex-direction:column;gap:20px;}
.geo-region{display:flex;gap:16px;align-items:flex-start;}
.geo-region__name{min-width:180px;font-size:13px;font-weight:600;color:#6a9a0e;text-transform:uppercase;letter-spacing:.5px;padding-top:7px;flex-shrink:0;}
.geo-region__list{display:flex;flex-wrap:wrap;gap:8px;}
.geo-pill{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;background:#fff;color:#333;border:1px solid #dde8c4;text-decoration:none;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.geo-pill:hover{background:#eef5d6;color:#4a7a00;border-color:#99CE24;}
.geo-pill--active{background:#99CE24;color:#fff;border-color:#99CE24;font-weight:500;}
.geo-bottom{text-align:center;margin-top:32px;}
.button--outline{display:inline-block;padding:12px 32px;border:2px solid #99CE24;border-radius:30px;color:#6a9a0e !important;background:transparent !important;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;}
.button--outline:hover{background:#99CE24 !important;color:#fff !important;}
@media(max-width:768px){.geo-region{flex-direction:column;gap:6px;}.geo-region__name{min-width:auto;}}

/* Гео в футере */
.spec-geo{font-size:13px;color:rgba(255,255,255,.75);margin-bottom:4px;}

.video-block {padding: 60px 0;}
.video-block__title {margin: 0 0 30px;font-size: 36px;font-weight: 700;line-height: 1.2;color: #222;}
.video-block__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;align-items: start;}
.video-block__grid iframe {display: block;width: 100% !important;height: 360px !important;border: 0;border-radius: 16px;background: #111;overflow: hidden;}
@media (max-width: 991px) {
	.video-block__grid {grid-template-columns: repeat(2, 1fr);}
	.video-block__grid iframe {height: 340px !important;}
}
@media (max-width: 575px) {
	.video-block {padding: 40px 0;}
	.video-block__title {font-size: 28px;margin-bottom: 22px;}
	.video-block__grid {grid-template-columns: 1fr;gap: 18px;}
	.video-block__grid iframe {height: 420px !important;}
}