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


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


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


/* iPad */
@media (min-width: 768px){.col-pl-2{grid-template-columns: repeat(2, 1fr);} #abanner .pl{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 767px){#slide .flex{justify-content:center;}}
/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 1200px) {
	.modal {background-color: white!important;}
	.modal .modal-dialog{width: 100%;padding: 60px 20px 20px 20px;}
	.block{padding: 30px 0px;}
	.block h2, .block h3{font-size: 33px;line-height: 33px;}
	
	.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	.col-m-3{grid-template-columns: repeat(3, 1fr);}
	.o1{order: 1;}
	.o2{order: 2;}
	
	#mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;}
	#header, #top, #menu{display: none!important;}
	
	#za{background-color: white!important;}
	#za .poly{margin-bottom: 20px;}
	#mmenu{background-color: white;}
	#mmenu .modal-dialog{background-color: white;}

	#mmenu .cont{display: grid;}
	#mmenu .cont .phone{font-weight: bold;font-size: 20px;}
	#mmenu .cont .ad{margin: 10px 0px;}
	#mmenu .cont .mail{color: var(--hover-color);}
	#mmenu .but{margin-top: 20px;background-color: #FFDE32;color: #070707;border-radius: 4px;padding: 13px 20px;text-align: center;}
	
	#mmenu .viz{margin-top: 20px;background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;}
	
	
	#mmenu .nav{display: inline-block;width: 100%;list-style: none;font-size: 18px;}
	#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;}
	
	
	
	
	
	
	
	
	#slide .grid h1, #slide .grid ul, .form, #mes, .form2, .form4{text-align: center;}
	.form img{margin: 0px auto;}
	
	
	
	#slide .grid{padding: 30px 20px;background-position: left!important;}
	#slide .grid h1{font-size: 35px;line-height: 31px;}
	#slide .wpcf7-form{margin: 20px 0px;display: grid;gap: 5px;}
	#slide .wpcf7-text{width: 100%;}
	#slide .wpcf7-submit{display: block;width: 100%;padding: 15px 20px!important;border-radius: 12px!important;}
	#slide .grid ul{grid-template-columns: repeat(2, 1fr);gap: 20px;}
	#slide .vr{display: none;}
	
	#slide .bts{display: grid;gap: 10px;}
	#slide .button{width: 100%;}

	
	
	
	.form, .form4{padding: 20px 20px 0px 20px!important;}
	.form .wpcf7-form, .form2 .wpcf7-form{display: grid!important;gap: 5px;}
	.form .wpcf7-submit, .form2 .wpcf7-submit{margin: 0px!important;padding: 15px 20px!important;border-radius: 12px!important;}
	
	#block7 h3, .form2 h2{font-size: 25px;}
	#about .title{font-size: 18px;}
	#about .grid{margin-top: 20px!important;}
	#about .title{padding-bottom: 0px!important;}
	
	#price table{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	
	#price2 .big, #price2 img{width: 100%;text-align: center;margin: 0 auto;display: block;color: #FF3B3B;font-size: 25px;}
	.pad{padding:0!important;}
	
	#usl .item h3{font-size: 24px!important;}
	
	#tabs{padding: 20px!important;}

	

	#cont .con{padding: 20px;}
	#cont .con .ad, #cont .con .phone{font-size: 20px;}


	#footer{text-align: center;}
	#footer	.cont{padding-top: 20px;}
}
/* 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;}
	
	#slide .grid h1{font-size: 25px;}
	#slide .grid ul{grid-template-columns: auto;}
	.block h2, .block h3{font-size: 28px;line-height: 28px;}
	#usl .item h3{font-size: 22px!important;}
}


@media (min-width: 1200px) {
	.container{max-width: 1260px;}
	#mobile{display: none!important;}
	
	.modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;}
	.block{padding: 40px 0px;}
	.block h2{font-size: 44px;margin-bottom: 25px;}
	.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-2-1{grid-template-columns: 2fr 1fr;}
	.col-pc-1-2{grid-template-columns: 1fr 2fr;}
	.col-pc-2-07{grid-template-columns: 2fr 0.7fr;}
	
	#slide .grid{padding: 50px;grid-template-columns:70% auto;}
	#slide .grid h1{font-size: 40px;line-height: 46px;}
	#slide .wpcf7-form{display: flex;margin: 40px 0px;}
	#slide .wpcf7-submit{margin-left: -35px;}
	#slide .grid ul{grid-template-columns: repeat(3, 1fr);gap: 40px;}
	#slide .grid .bts{display: flex;gap: 10px; margin: 30px 0px 30px 0px;}
	
	#about{font-size: 18px;}
	#about .title, #block23 .title{font-size: 30px;line-height: 40px;}
	
	
	
	#cont .title{display: flex;align-items: center;}
	#cont .con{padding: 50px;}
	#cont .con .ad, #cont .con .phone{font-size: 30px;}


@media (min-width: 1200px) {
    #slide .grid.col-pc-2 {
        display: grid;
        grid-template-columns: 1fr 380px;
        gap: 32px;
        align-items: flex-start;
    }
}

	.slide_price{
		font-weight: 700;
	}

.glass-tile {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;

    padding: 18px 20px;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}


.tile-head, .tile-head-block2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #ffffff;
}
	
.tile-head-block2{
	font-size: 18px;
}



.tile-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
}

.tile-row + .tile-row {
    border-top: 1px dashed rgba(255, 255, 255, 0.18);
}

.tile-row-text {
    font-size: 14px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.95);
}


.glass-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 68px;
    height: 30px;
    padding: 0 10px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
}






#slide .glass-tile .tile-list-vertical {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;

    display: block !important;

    column-count: 1 !important;
    columns: 1 !important;
    column-gap: 0 !important;

    width: 100% !important;
}

	
	
#slide .glass-tile .tile-list-vertical li {
    display: block !important;
    width: 100% !important;

    float: none !important;
    clear: both !important;

    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;

    font-size: 14px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.9);
}

#slide .glass-tile .tile-list-vertical li:last-child {
    margin-bottom: 0;
}

#slide .glass-tile .tile-list-vertical li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;

    width: 6px;
    height: 6px;

    border-radius: 50%;
    background: #EB4C42;
    opacity: 0.9;
}



.mt-20 {
    margin-top: 16px;
}

}








	
:root{
	--main-color: #071B2C;
	--hover-color: #EB4C42;
	--gray-color: #6C6F71;
}

*, ::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: 'SuisseIntl',Arial,Helvetica,sans-serif!important;color: var(--main-color);background-color: white;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
a{color: var(--main-color);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;-webkit-appearance: none;background-color: white;}
button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */
button::-moz-focus-inner {border: 0;}
button.close{border: none;}
p {margin-top: 0; text-align: justify;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: bold;line-height: 1.2;}
h1{font-size:60px;margin-bottom: 20px;}
h2{font-size:32px;margin-bottom: 15px;}
h3{font-size: 26px;margin-bottom: 15px;}

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

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: black;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);}

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

.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;color: #212529;border-collapse: collapse;}
.table td, .table th {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.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;}

/* Табы */
.nav {display: flex;flex-wrap: wrap;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: #AAC375;}

/* Гармошка */
.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;}

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

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

/* Слайдер */
.owl-nav .disabled{display: none;}


.owl-controls{display: flex;margin-top: 20px;}
.owl-controls svg path{opacity: 0.5;}
.owl-controls svg:hover path{opacity: 1;}
.owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 30px;}
.owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;}
.owl-dot.active span, .owl-dots .owl-dot:hover span {background: #1f76bb;}


/* Форма связи */
.wpcf7{position: relative;}
/*.wpcf7 .wpcf7-form{display: grid;gap: 20px;}*/
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .wpcf7-spinner, .wpcf7 .wpcf7-form .wpcf7-response-output, .wpcf7 .wpcf7-form .hidden-fields-container{display: none;}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid{border: 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 0px;width: 100%;outline: none;}
.wpcf7 .wpcf7-form.submitting .wpcf7-spinner {display: block;background-image: url(/images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}
.wpcf7 .wpcf7-submit{cursor: pointer;border: none;}

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

/* Кнопка */
.button{display: inline-block;cursor: pointer;border: none;text-align: center;padding: 20px 45px;color: #070707;background-color: #FFDE32;border-radius: 26px;font-weight: bold;}
.button:hover{background-color: black;color: white;}

.citylist a:hover{color: var(--hover-color);}
.citylist ul{gap: 0px 20px;}

/* Анимация */
a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
/*HOVER*/
#top a:hover, #header .phone:hover, #footer .menu a:hover, #menu .nav a:hover, #cont .con a:hover{color: var(--hover-color)!important;}

h1 span, h2 span, h3 span{color: var(--hover-color);display: block;}


.prob{height: 40px;}

.phone{display: block;}

#top{background-color: #F1F7FF;color: var(--gray-color);font-size: 14px;padding: 10px 0px;}
#top a{color: var(--gray-color);}
#top .container{display: flex;align-items: center;justify-content: space-between;}
#top .nav{gap: 20px;}
#top .nav li:last-child a{color: var(--main-color);}
#top .ad{display: flex;gap: 30px;}
#top .ad .city, #mmenu .city{color: var(--hover-color);display: flex;align-items: center;gap: 5px;}
#top .ad .city:before, #mmenu .city:before{content: ' ';background-image: url(/images/loc.svg);width: 14px;height: 14px;}

#header{padding: 20px 0px;}
#header .container{display: flex;align-items: center;justify-content: space-between;}
#header .logo{display: flex;align-items: center;gap: 30px;line-height: 18px;color: var(--gray-color);}
#header .logo .text{font-size: 14px;}
#header .r{display: flex;align-items: center;gap: 40px;}
#header .zvon{color: var(--hover-color);border-bottom: 1px solid #F7E56520;}
#header .zvon:hover{color: var(--main-color)!important;}
#header .phone{color: var(--title-color);font-size: 18px;font-weight: bold;}
#header .time{font-size: 12px;text-align: right;color: var(--gray-color);}
#header .viz{color: var(--hover-color);border: 1px solid var(--hover-color);border-radius: 23px;padding: 7px 25px;}
#header .viz:hover{background-color: var(--hover-color);color: white!important;}

#menu{padding: 10px 0px;border-top: 1px solid #DEE2EB;background-color: #f1f7ff;}
#menu .nav{display: flex;justify-content: space-between;}
#menu .nav a{color: var(--main-color);font-weight: bold;text-transform: uppercase;}
#menu .nav .current-menu-item > a, #menu .nav .current-menu-parent > a{color: var(--hover-color);}
#menu .menu-item-has-children:after{content: url(/images/arr.svg);margin-left: 3px;position: relative;top: -2px;}
#menu .menu-item-has-children:hover .sub-menu{display: block;}
#menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;}
#menu .sub-menu li{padding: 5px 20px;}
#menu .sub-menu a{font-size: 16px;}

#slide .grid{background: url(/images/slide.jpg) no-repeat top center / cover;color: white;border-radius: 24px;}
#slide .grid .text{margin-bottom: 15px;}
#slide .grid ul{display: grid;padding-left: 15px;font-size: 15px;gap: 15px;}
#slide .grid .button.color{background-color: #EB4C42;color: white;}
#slide .grid .button.color:hover{background-color:black;}

#gallary img{border-radius: 14px;}


#prem .item{display: flex;align-items: center;gap: 15px;}
#prem .item .title{font-size: 18px;font-weight: bold;}
#prem .item .text{color: var(--gray-color);}

.form{border: 1px solid #DEE2E6;border-radius: 24px;padding: 0px 40px;align-items: center;}
.form h2{padding-bottom: 10px;}
.form .wpcf7-form{display: flex;}
.form .wpcf7-text{padding: 17px 25px;border-radius: 12px;background-color: #ECF1F7;}
.form .wpcf7-submit{background-color: #FFDE32;border-radius: 34px;font-weight: bold;padding: 10px 20px;margin-left: -35px;}
.form .wpcf7-response-output{display: none;}

.form2{background-color: #EB4C42;color: white;border-radius: 24px;padding: 30px 40px;}
.form2 h2{margin-bottom: 0px;}
.form2 .wpcf7-form{display: flex;}
.form2 .wpcf7-text{padding: 17px 25px;border-radius: 12px;background-color: white;}
.form2 .wpcf7-submit{background-color: #FFDE32;border-radius: 34px;font-weight: bold;padding: 10px 20px;margin-left: -35px;}
.form2 .wpcf7-response-output{display: none;}

#text1 .grid{gap: 20px;}
#text1 .item{display: flex;align-items: center;gap: 15px;}
#text1 .item .title{font-size: 17px;}

#usl .item{border: 1px solid #DEE2E6;border-radius: 24px;padding: 15px;}
#usl .item img{border-radius: 14px;}
#usl .item h3{font-size: 24px;margin-top: 20px;padding: 0px 10px;}
#usl .item .list{display: grid;gap: 10px;padding: 0px 10px;}
#usl .item .list a{display: block;color: var(--hover-color);}

#block7 .grid{margin-top: 20px;}

#about .title, #block23 .title{font-weight: bold;padding-bottom: 30px;}
#about .grid{margin-top: 40px;}


#map{background: url(/images/map.png) center top no-repeat;background-size: contain;}
#map .grid{row-gap: 5px;}


#prem2 .item{border: 1px solid #DEE2E6;border-radius: 24px;padding: 10px;}
#prem2 .item img, #about img, #voz img, #block7 img{border-radius: 14px;}
#prem2 .item h3{font-size: 24px;margin-top: 20px;padding: 0px 10px;}
#prem2 .item p{padding: 0px 10px;}

#text3 .text{margin-top: 20px;}
#text3 .item{display: flex;align-items: center;gap: 15px;}

#tabs{border: 1px solid #DEE2E6;border-radius: 24px;padding: 40px;margin-bottom: 40px;}
#tabs .nav{gap: 10px;}
#tabs .nav a{background: #E5F3FF;border-radius: 10px;padding: 10px 20px;font-size: 14px;color: #EB4C42;}
#tabs .nav a.active{background: #EB4C42;color: white;}
#tabs .tab-content{margin-top: 30px;font-size: 18px;}

.form3{background: #EB4C42;border-radius: 24px;color: white;padding: 30px 40px;}
.form3 h2{font-size: 25px;margin-bottom: 0px;}
.form3 .text{border-left: 1px solid white;padding-left: 30px;    text-align: justify;}
.form3 .soc{margin-top: 10px;display: flex;gap: 10px;}

#accordion .card{padding: 20px 0px 10px 0px;border-bottom: 1px solid #ffffff20;}
#accordion .card > a{color: var(--title-color);padding-bottom: 10px;font-size: 18px;display: flex;justify-content: space-between;align-items: center;text-decoration: none;}
#accordion .card > a:after {content:"\2014";float: right;color: inherit;font-size: 30px;line-height: 30px;color: var(--title-color);}
#accordion .card .collapsed:after {content:"+";}

#voz .card{border: 1px solid #DEE2E6;border-radius: 14px;padding: 30px 30px 20px 30px;margin-bottom: 10px;}
#voz .collapse p, #voz .collapsing p{color: #6C6F71;font-size: 15px;}


	.form3 span{
		font-size: 25px;margin-bottom: 0px;
	}


.form.bg{background: #E5F3FF;}
.form.bg .wpcf7-text{background: white;}
.form.bg img{mix-blend-mode: darken;}




#tags a{display: flex;border: 1px solid #DEE2E6;border-radius: 14px;padding: 30px;}
#tags .grid{row-gap: 10px;}

#kak .item{border: 1px solid #DEE2E6;border-radius: 24px;padding: 10px;}
#kak .item img{border-radius: 14px;}
#kak .item>div{padding: 15px 10px;}
#kak .item .title{font-size: 18px;font-weight: bold;padding-bottom: 5px;}
#kak .item .desc{color: #6C6F71;font-size: 14px;}

.form4{background: #E5F3FF;border-radius: 24px;padding: 40px 50px 0px 50px;}
.form4 h2 span{display: contents;}
.form4 .wpcf7-form{display: grid;gap: 10px;}
.form4 .wpcf7-text, .form4 .wpcf7-textarea{padding: 17px 25px;border-radius: 12px;border: none;}
.form4 .wpcf7-submit{background-color: #FFDE32;border-radius: 34px;font-weight: bold;padding: 15px 20px;margin-top: 10px;}
.form4 .wpcf7-response-output{display: none;}



#cont .title{gap: 40px;margin-bottom: 20px;}
#cont .con{background-color: #00000005;margin-bottom: 10px;}
#cont .con:hover{background-color: #F1F7FF;}
#cont .con:first-child{background-color: #F1F7FF;}
#cont .con .ad{border-bottom: 1px solid #00000020;display: inline-block;}
#cont .con .time{padding: 15px 0px 20px 0px;color: #00000080;}
#cont .con .mail{color: var(--hover-color);}

#tezs .item{display: flex;align-items: center;gap: 15px;}
#tezs .item:before {content: url(/images/ok.svg);}

#tezs ul{padding: 0px;list-style: none;}
#tezs ul li{display: flex;align-items: center;gap: 15px;}
#tezs ul li:before {content: url(/images/ok.svg);}

#atext2 .item{display: flex;align-items: center;gap: 15px;}
#atext2 .item .title{font-size: 18px;font-weight: bold;}
#atext2 .item .text{color: var(--gray-color);}


#footer{background: #030D16;color: #FFFFFF50;padding: 60px 0px;font-size: 14px;}
#footer a{color: white;}
#footer .text{margin: 10px 0px;}
#footer .widget-title{font-weight: normal;font-size: 14px;margin-bottom: 15px;text-transform: uppercase;}
#footer ul{padding: 0px;list-style: none;}
#footer ul li{padding: 4px 0px;}
#footer .phone{font-size: 20px;font-weight: 500;}
#footer .ad{margin: 10px 0px;}
#footer .mail{color: var(--hover-color);font-weight: 500;}
#footer .pay{color: red;font-weight: 500;}

.modal .wpcf7-form{display: grid;gap: 20px;}

.fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;}
.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{position: absolute; right: 15px;}
.fullscreen .close .closeico{content: url(/images/close.svg);}
.fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;margin-top: 40px;}
.fullscreen .st{font-size: 18px;padding-bottom: 10px;}
.fullscreen .list, .fullscreen .menu ul{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 0px 20px;}
.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;}

.button-map{
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
#slide .flex{display:flex;align-items:center;gap:15px; font-size:20px;color:white;flex-wrap:wrap;}
#slide .flex a{color:white;font-size:23px;}

@media (max-width: 991px) {

    #slide .grid.col-pc-2 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px 20px;
        grid-template-areas:
            "title"
            "text"
            "prem"
            "right"
            "buttons"
            "contacts";
    }

    #slide .grid.col-pc-2 > div:first-child {
        display: contents;
    }

    #slide h1 {
        grid-area: title;
        font-size: 28px;
        line-height: 1.2;
    }

    #slide .hero-text {
        grid-area: text;
    }

    #slide .prem {
        grid-area: prem;
    }

    #slide .hero-right {
        grid-area: right;
        width: 100%;
    }

    #slide .bts {
        grid-area: buttons;
        display: grid;
        gap: 12px;
        margin: 20px 0;
    }

    #slide .grid.col-pc-2 > div:first-child > .flex {
        grid-area: contacts;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #slide .button {
        width: 100%;
    }
	
/* ===== правая колонка ===== */
    #slide .hero-right {
        grid-area: right;
        width: 100%; 
        display: flex;
        flex-direction: column;
        gap: 16px;
    }


    #slide .hero-right .glass-tile {
        background: rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);

        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 18px;

        padding: 18px 20px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    }

    #slide .hero-right .tile-head,
    #slide .hero-right .tile-head-block2 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 14px;
        color: #ffffff;
    }

    #slide .hero-right .tile-head-block2 {
        font-size: 18px;
    }

    #slide .hero-right .tile-row {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 0;
    }

    #slide .hero-right .tile-row + .tile-row {
        border-top: 1px dashed rgba(255, 255, 255, 0.18);
    }

    #slide .hero-right .tile-row-text {
        font-size: 14px;
        line-height: 1.45;
        color: rgba(255, 255, 255, 0.95);
    }

    #slide .hero-right .glass-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 68px;
        height: 30px;
        padding: 0 10px;
        border-radius: 999px;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    #slide .prem ul {
        list-style-position: inside;
        margin-left: 0;
    }

    #slide .prem ul li {
        padding-left: 0;
        margin-bottom: 8px;
        position: relative;
    }

    #slide .prem ul li::before {
        left: -18px; 
    }
#slide .grid ul.tile-list-vertical {
        display: block !important;
        padding-left: 15px;
        font-size: 15px;
        margin: 0;
        text-align: left; 
    }

    #slide .grid ul.tile-list-vertical li {
        display: block;
        margin-bottom: 8px;
        padding-left: 0;
        position: relative;
        text-align: left;
    }

    #slide .grid ul.tile-list-vertical li::before {
        left: -15px;
    }
    #slide .glass-tile .tile-list-vertical li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 7px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #EB4C42;
        opacity: 0.9;
    }

}


#slide .grid.col-pc-2 {
    position: relative; 
    z-index: 0; 
}

#slide .grid.col-pc-2::before {
    content: "";
    position: absolute;
    inset: 0; 
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)); 
    z-index: 0; 
    pointer-events: none; 
	border-radius: 30px;
}

#slide .grid.col-pc-2 > * {
    position: relative;
    z-index: 1; 
}

@media (max-width: 991px) {
#slide .grid.col-pc-2::before {
    content: none; 

}

#slide .grid.col-pc-2 > * {
    position: relative;
    z-index: 1;
}
}