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

@font-face {
    font-family: 'Gilroy';
    src: 
    url('/fonts/Gilroy-Light.woff') format('woof'),
    url('/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: 
    url('/fonts/Gilroy-Regular.woff') format('woof'),
    url('/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: 
    url('/fonts/Gilroy-Bold.woff') format('woof'),
    url('/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Основа */
*, ::after, ::before{box-sizing: border-box!important;}
html,body{margin: 0;padding: 0;scroll-behavior: smooth !important;font-family: 'Gilroy';font-weight: 500!important;color: var(--color5)!important;background-color: white;line-height: 1.5;}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
a{color: var(--color5);text-decoration: none;outline: none;transition: var(--transition);}
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;}
p {margin-top: 0;text-align: justify;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 500;line-height: 1.2;font-family: 'Gilroy'}
h1{font-weight: 600;}
h2{font-size:32px;margin-bottom: 15px;}
h3{font-size: 23px;margin-bottom: 15px; text-align: justify;}
h2 span{color: var(--color1);}
.flex{display: flex;}
.grid{display: grid;}
/* Box Shadow */
.box-shadow{-webkit-box-shadow: 0px 5px 10px 2px #332b3f26;-moz-box-shadow: 0px 5px 10px 2px #332b3f26;box-shadow: 0px 5px 10px 2px #332b3f26;}
.box-shadow-inset{-webkit-box-shadow: 0px 5px 10px 2px #332b3f26 inset;-moz-box-shadow: 0px 5px 10px 2px #332b3f26 inset;box-shadow: 0px 5px 10px 2px #332b3f26 inset;}
/* Bootstrap */
.fade{transition: opacity .35s linear;}
.fade:not(.show){opacity: 0;}
/* Кнопки */
.btn-fill,.btn-out{cursor: pointer; white-space: nowrap;border: 2px solid; color: white; display: inline-block;text-align: center;padding:8px 15px;margin: 0;}
.btn-fill{background-color: var(--color1);border-color: var(--color1);}
.btn-out{background-color: transparent;border-color: var(--color1);color: var(--color5);}
.btn-fill:hover,.btn-out:hover{color: white;background-color: var(--color2);border-color: var(--color2);}



@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;}
}


@media (min-width: 320px) and (max-width:767px){
    .col-m-2{grid-template-columns: repeat(2, 1fr);}
    .col-m-3{grid-template-columns: repeat(3, 1fr);}
	#zayavka_1_block_13{text-align: center;}
	#zayavka_1_block_13 h2{border-right: 0px;text-align: center;}
	#zayavka_1_block_13 .flex{justify-content: center;}
	#tabs_2_block_14 .nav-tabs{flex-direction: column;}
	#sertificates_block_19 .owl-controls{position:relative;}
	#sertificates_block_19 .owl-nav{position:absolute;width:100%; display:flex;justify-content:space-between;}
	#sertificates_block_19 .owl-dots{position:absolute;width:100%; display:flex;justify-content:center;top:7px;margin:auto;}
}

@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);}
    .col-pl-4{grid-template-columns: repeat(4, 1fr);}
	.col-pl-30-70{grid-template-columns: 30% auto;}
	.col-pl-40-60{grid-template-columns: 40% auto;}
	#zayavka_1_block_13 h2{text-align: left;border-right: 2px solid white;}
}

@media (max-width: 1024px) {
    .modal .modal-dialog{width: 100%;padding: 60px 20px 20px 20px;}
	.lmodal{background-color: white!important;}
    .block{padding: 40px 0px;}
	.block h2{text-align: center;}
    .button{display: block!important;width: 100%;}
    h1{font-size: 30px;}
	h2{font-size: 26px!important;}
    .grid{gap: 20px;}
    .flex{flex-direction: column; gap: 20px;}

    #mobile .container{background-color: var(--color4); display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;}
	#mobile .img-fluid{max-width: 180px;}
	header{display: none!important;}
	
	#mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;background-color: white;}
	#mmenu .modal-dialog a{color: black;}
	#mmenu .modal-dialog {height: 100%;margin: 0;}
	#mmenu .modal-content {height: 100%;}
	#mmenu .close{opacity: 1;border: none;}
	
	#mmenu .cont{padding-top: 20px;font-size: 18px;padding-bottom: 100px;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(--color1);}
	#mmenu .cont .ad{font-size: 15px;}
	#mmenu .cont .cit{color: #dd4475;font-weight: bold;}
	#mmenu .cont .button{color: white;display: block;}
	
	#mmenu .nav{display: inline-block;width: 100%;list-style: none;}
	#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 .tmenu{font-size: 25px;font-weight: 500;padding-bottom: 10px;margin-top: 20px;}
	#mmenu .login{margin-top: 20px;display: block;}
	
	#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;}
	
	#ms{margin-bottom: 10px;}
	.button{white-space: pre-wrap!important;}
	
	footer{text-align: center;}
    footer .grid{justify-items: center;}
    footer .flex{justify-content: center;}

}

@media (min-width: 1025px) {
    #mobile{display: none!important;}
    h1{font-size:50px;line-height: 50px;margin-bottom: 20px;}
    .modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;}
    .block{padding: 50px 0;}
	.block h2{font-size: 40px;text-align: center;}
	.container{max-width: 960px;}
	.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-30-70{grid-template-columns: 30% auto;}
	.col-pc-40-60{grid-template-columns: 40% auto;}
    .flex{flex-direction: row; gap: 30px;}

}

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

:root{
    --color1: #20B2AA;
    --color2: #EB4C42;
    --color3: #495867;
    --color4: #e5e5ea;
    --color5: #13141e;
    --transition:all 0.3s ease-in-out;
}

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: black;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-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: 20px 0!important;border-collapse: collapse;overflow: hidden;}
table tr:nth-child(odd){background-color: #dfdfdf;}
table td, table th{text-align: left; padding: .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;padding: 0;margin: 0;list-style: none;outline: none;}
.nav-link:focus, .nav-link:hover, .nav-link.active{text-decoration: none;background-color: var(--color1);color: white;}
.nav-link {display: block;padding: 5px;background-color: var(--color4);color: var(--color5);}
.tab-content>.tab-pane {display: none;}
.tab-content>.active {display: block;}
.fade {transition: opacity .15s linear;}
.fade:not(.show) {opacity: 0;}

/* Вопросы */
#accordion .card{padding: 0 15px;transition: var(--transition);-webkit-transition: var(--transition);margin-bottom: 15px;border: 1px solid var(--color1);height:fit-content;}
#accordion .card a{display: block;width: 100%;font-size: 18px;line-height: 22px;padding: 15px 0;padding-right: 40px;position: relative;}
#accordion .card a::after{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: fit-content;content: url(/images/plus.svg);overflow: hidden;transition: var(--transition);}
#accordion .card a[aria-expanded="true"]::after{rotate: -45deg;transition: var(--transition);}
#accordion .card:hover a[aria-expanded="false"],#accordion .card:hover a[aria-expanded=""]{padding-bottom: 15px;}
#accordion .card:hover a[aria-expanded="false"]::after,#accordion .card:hover a[aria-expanded=""]::after{rotate: -10deg;transition: var(--transition);}
#accordion .card div .table-respons :last-child{padding-bottom: 15px;margin: 0;}
#accordion .table-respons{display:block;max-width:80vw;overflow-x:auto;-webkit-overflow-scrolling:touch}



/* Пролистывание на мобильном */
.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;}

/* Анимация при наведении на картинку */
.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, .breadcrumbs a{color: #999999;font-size: 14px;padding-bottom: 10px;}

/* Форма связи */
.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, .wpcf7 .hidden-fields-container{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: 2px solid var(--color1);padding: 10px;width: 100%;outline: none!important;}
.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;}

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

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

.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;}
.owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--color1);}

.kolocalc .thumbnails .thumbnail img{mix-blend-mode: darken;}

.full{background-color: #fff;}
.full a{color: black;}
.full .container{position: relative;}
.full .close{border: none;}
.full .modal-dialog{max-width: 100%;position: relative;}
.full .modal-content{width: 100%;border: none;}
.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;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;}
.full .list li{padding-bottom: 5px;}
.full .select2-selection, .full .select2-selection__arrow{height: 40px!important;}
.full .select2-selection__rendered{line-height: 40px!important;}
.full .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;padding: 0px;padding-top: 0px;}
.full .menu li{padding-bottom: 15px;}
.full .cont>a{display: block;padding: 5px 0px;}
.full .cont .phone{font-size: 22px;font-weight: bold;color: black;}
.full .cont .mail{color: #E61870;}


/* Калькуляторы */
/* Лейбел */
.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: var(--color1)!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: var(--color1);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: 1px solid var(--color1);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%;}
}
.fimg .ezfc-element-radio-container{background-color: white;padding: 10px!important;}
.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: var(--color1);}
.fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid var(--color1);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-out;transition: all .2s ease-in-out;}
.fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: var(--color1);}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: var(--color1);}
.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: var(--color1)!important;}

.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%;}
}
/* Калькуляторы */

/* Блоки */
header .top-menu{padding: 10px;background-color: var(--color4);}
header .top-menu *{color: #606060;}
header .top-menu .container{display: flex;justify-content: space-between;align-items: center;}
header .top-menu .nav li{flex-grow: 1;}
header .top-menu a,header .top-menu .gray{display: inline-block;}
header .top-menu .city{color: var(--color1);margin-right: 30px;}
header .main{padding: 10px 0;border-bottom: 1px solid #dee2eb;}
header .grid{grid-template-columns: 20% auto auto auto;align-items: center;}
header .down-menu{padding: 10px 0;}
header .contacts{display:flex;gap:10px;}
header .contacts a{font-weight:600;white-space:nowrap;}
header .nav{gap: 30px;justify-content: space-between;}
header .sub-menu{visibility: hidden;opacity: 0;padding: 0;list-style: none;width: 100%;box-shadow: 0px 5px 10px 2px rgba(86, 133, 173, 0.1);position: absolute;top: 100%; transition: var(--transition);}
header .sub-menu a{padding: 5px 10px;display: block;background-color: white;}
header .menu-item-has-children{position: relative;}
header .menu-item-has-children:hover .sub-menu{visibility: visible;opacity: 1;transition: var(--transition);}
header .menu-item-has-children>a::after{content: url(/images/white_arrow.svg);margin-left: 5px;}

#banner_block_2 .price-block{padding: 10px;background-color: var(--color4);text-align: center;display: flex;justify-content: center;align-items: center;height: 100%;}
#banner_block_2 b{display: block;}
#banner_block_2 .tezis{margin-bottom: 15px;}
#banner_block_2.service{padding-bottom: 0;}
#banner_block_2.service h1{margin: 0;}
#banner_block_2 .btn-fill img{width:24px;margin-right:5px;}

#preimyshestva_block_2_1{background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;position: relative;z-index: 0;}
#preimyshestva_block_2_1 *{color: white;}
#preimyshestva_block_2_1::after{content: '';background-color: #282828;opacity: 0.75;position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;}
#preimyshestva_block_2_1 .container{position: relative;z-index: 2;}
#preimyshestva_block_2_1 .item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;text-align: center;}
#preimyshestva_block_2_1 .item>div{padding: 20px;background-color: var(--color1);}
#preimyshestva_block_2_1 .item img{width: 64px;height: 64px;filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(673%) hue-rotate(190deg) brightness(94%) contrast(95%);}

#what_we_make_block_2_2 .item>div{padding: 10px;background-color: var(--color4);}
#what_we_make_block_2_2 img{max-width: 48px;}
#what_we_make_block_2_2 .item{display: flex; align-items: center;gap: 20px;}

#tags_1_block_2_3 .item{position: relative;}
#tags_1_block_2_3 .name{position: absolute;bottom: 0;right: 0;left: 0;margin: 0 auto; padding: 5px;background-color: #5f5f5f5a;backdrop-filter: blur(10px);line-height: 1.1; color: white; text-align: left;}
#tags_1_block_2_3 img{width:100%;}

#catalog_1_block_3 .nav-tabs{gap: 20px;margin-bottom: 20px;flex-wrap:wrap;}
#catalog_1_block_3 .grid{gap: 0;align-items: center;}
#catalog_1_block_3 .box{padding: 20px;background-color: var(--color4);height: 100%;}

#faq_1_block_4_1 h2{text-align: left;}
#faq_1_block_4_1 .main-hide{display:none;}
#faq_1_block_4_1 .row-gap{row-gap:0;}

#price_1_block_4_2 .grid{gap: 15px;}
#price_1_block_4_2 .grid>div{padding: 15px;border: 1px solid var(--color1);display: flex;align-items: center;justify-content: space-between;}
#price_1_block_4_2 .price{white-space: nowrap;}

#forma_1_block_6 .box{background-color: var(--color1);padding: 20px;color: white;}
#forma_1_block_6 h2{text-align: left;text-align: justify;}
#forma_1_block_6 a{color: white;border-color: white;}
#forma_1_block_6 a:hover{border-color: var(--color2);}
#forma_1_block_6 .grid{align-items: center;}
#forma_1_block_6 .one,#forma_1_block_6 .two,#forma_1_block_6 .three,#forma_1_block_6 .four{padding: 10px;color: var(--color5);background-color: white; border-radius: 5px;width: 80%;margin-bottom: 15px;text-align: left;}
#forma_1_block_6 .one{border-bottom-left-radius: 0;float: left;}
#forma_1_block_6 .two{border-bottom-right-radius: 0;float: right;}
#forma_1_block_6 .three{border-bottom-left-radius: 0;float: left;}
#forma_1_block_6 .four{border-bottom-right-radius: 0;float: right;}
#forma_1_block_6 .main{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 2px solid white;}

#text_1_block_7 h2{text-align: left;}

#text_s_foto_block_8 .item{transition: var(--transition);display: flex;flex-direction: column;}
#text_s_foto_block_8 .item:hover{transition: var(--transition);scale: 1.02;box-shadow: 0px 5px 10px 2px rgba(86, 133, 173, 0.1);}
#text_s_foto_block_8 .box{padding: 10px;border: 2px solid var(--color1);border-top: none;height: 100%;}
#text_s_foto_block_8 p{margin: 0;text-align: justify;}

#gallary_block_9 .owl-dot span{margin:0 2px;}

#yslygi_block_11 .item{transition: var(--transition);display:flex;flex-direction:column;justify-content:space-between;}
#yslygi_block_11 .item:hover{transition: var(--transition);scale: 1.02; box-shadow: 0px 5px 10px 2px rgba(86, 133, 173, 0.1);}
#yslygi_block_11 .box{padding: 10px;border: 1px solid var(--color1);border-top: none;height:100%;}
#yslygi_block_11 a{display: block;color: var(--color1);border-bottom: 1px solid transparent;}
#yslygi_block_11 a:hover{color: var(--color2);border-color: var(--color2);}

#zayavka_1_block_13 *{color: white;}
#zayavka_1_block_13 .grid{align-items: center;justify-items: center; padding: 20px;background-color: var(--color1);}
#zayavka_1_block_13 h2{margin: 0;}
#zayavka_1_block_13 .btn-fill{background-color: var(--color2);margin-bottom: 15px;}
#zayavka_1_block_13 .btn-fill:hover{background-color: var(--color3);}
#zayavka_1_block_13 .flex{gap: 10px;align-items: center;flex-direction: row;}


#tabs_2_block_14{background-color: var(--color1);}
#tabs_2_block_14 img{height: 100%;}
#tabs_2_block_14 .nav-tabs{gap: 20px;margin-bottom: 20px;}
#tabs_2_block_14 .grid{gap: 0;align-items: center;}
#tabs_2_block_14 .box{padding: 20px;background-color: var(--color4);height: 100%;}
#tabs_2_block_14 h2{color: white;}
#tabs_2_block_14 .nav-link{background-color: transparent;border: 1px solid white;color: white;}
#tabs_2_block_14 .nav-link:hover,#tabs_2_block_14 .nav-link.active{background-color: var(--color2);border-color: var(--color2);}

#geo_block_5{background: url(/images/map.png);background-position: center!important;background-repeat: no-repeat!important;background-size: contain!important;}
#geo_block_5 .grid{gap:0px;}
#geo_block_5 a{line-height:1;margin-bottom:10px;}

#kollaje_block_17 .item{transition: var(--transition);display: flex;flex-direction: column;}
#kollaje_block_17 .item:hover{transition: var(--transition);scale: 1.02;box-shadow: 0px 5px 10px 2px rgba(86, 133, 173, 0.1);}
#kollaje_block_17 .box{padding: 10px;border: 2px solid var(--color1);border-top: none;height: 100%;}
#kollaje_block_17 p{margin: 0;}

#reviews_block_18 .review{padding: 20px;background-color: var(--color4);text-align: justify;}
#reviews_block_18 p{margin: 0;}

#zayavka_2_block_20{background-color: var(--color4);}
#zayavka_2_block_20 h2{text-align: left;}
#zayavka_2_block_20 a{margin-top: 15px;}
#zayavka_2_block_20 .item{display: flex;align-items: center;gap: 30px;}
#zayavka_2_block_20 .item>div{padding: 10px;background-color: var(--color1);}
/* #zayavka_2_block_20 img{max-width: 48px;} */

#contpage .bold{font-size: 25px;white-space: nowrap;display: block;font-weight: 600;}
#contpage h3{font-size:30px;margin-bottom:10px;}
#contpage .item{margin-bottom:15px;}

footer{background-color: var(--color5);padding-top: 75px;padding-bottom: 25px;color: gray;}
footer .menu{padding: 0;list-style: none;}
footer .menu-item{line-height: 15px;margin-bottom: 10px;}
footer a{color: white;}
footer .gray{font-size: 13px;line-height: 13px;margin: 10px 0;}
footer h3{font-size: 20px;line-height: 20px;}
footer .cont a{display: block;font-size: 20px;white-space: nowrap;}
footer .cont .flex{flex-direction:row;margin-top:15px;}

#domiccat .title{font-size:20px;font-weight:600;margin-bottom:10px;}
#domiccat .info-label{font-weight:600;}
#domiccat divnk{margin:10px 0;display:block;font-size:20px;}
#domiccat span{font-weight:600;}
#domiccat .btn-fill{width:100%;}
.map-button{display:flex; justify-content:center; margin-top: 30px;}

/* HERO */
.hero-block {
    padding: 60px 0;
    background: #fff;
}

/* TOP */
.hero-top {
    margin-bottom: 40px;
}

.hero-top h1 {
    margin-bottom: 12px;
}

/* MAIN GRID */
.hero-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: stretch; 
}

/* LEFT */
.hero-left {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hero-buttons {
    margin-top: auto; 
}

.hero-tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.hero-tile {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px; 
    box-shadow: 0 8px 24px rgba(0,0,0,.05);
}


.hero-tile-header {
    display: flex;
    align-items: center; 
    gap: 14px;
}

.hero-tile-header img {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    object-fit: contain;
}

.hero-tile-header b {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    margin: 0; 
}


.hero-tile-text {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    margin-left: 0; 
	text-align: justify;
}
.hero-tile.hero-price {
    display: flex;
    flex-direction: column;
    align-items: center;   
    justify-content: center; 
    text-align: center; 
	gap:0px;
}


.hero-tile.hero-price .hero-tile-header {
    justify-content: center; 
    width: 100%;
}

.hero-price-value {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1;

    display: block;
    width: 100%;
}
/* BUTTONS */
.hero-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.hero-buttons a {
    padding: 14px 22px;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
}

.btn-fill {
    background: #111;
    color: #fff;
}

.btn-outline {
    border: 1px solid #ddd;
    color: #111;
}

.hero-right {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hero-contacts {
    margin-top: auto;
}

.hero-image {
    display: block;
    width: 100%;
    border-radius: 16px;
	margin-top: auto;
    margin-bottom: 10px;
}

/* CONTACTS */
.hero-contacts {
    display: flex;
    gap: 12px;
	margin-top: auto;
}

.hero-contacts .contact {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 12px 5px;
    border-radius: 12px;
    background: #e5e5ea;
    text-decoration: none;
    color: #111;
	font-size: 13px;
}

.hero-contacts img {
    width: 12px;
    height: 12px;
}



@media (max-width: 992px) {

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


    .hero-right {
        order: -1;
    }

    .hero-left {
        order: 1;
    }


    .hero-image {
        order: -1;
        margin-bottom: 20px;
    }


    .hero-tiles {
        grid-template-columns: 1fr;
        gap: 14px;
    }


    .hero-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .hero-buttons a {
        width: 100%;
        text-align: center;
    }


    .hero-contacts {
        flex-direction: column;
        gap: 10px;
    }

    .hero-contacts .contact {
        width: 100%;
    }
	
}
/* Фиксируем высоту картинки внутри элемента */
.block .item img {
    width: 100%;
   
    object-fit: cover; /* Картинка заполнит блок, обрезав лишнее, но не сплющится */
    object-position: center; /* Центрирование картинки */
    
    /* Важно: перебиваем стандартный класс img-fluid, если он есть */
    max-width: 100%; 
    height: 200px; 
}


#what_we_make_block_2_2 .item img{
	height: 50px;
}

.block .item {
    display: flex;
    flex-direction: column;
    height: 100%; /* Чтобы имя внизу прижималось, если нужно */
}
.mmenu.contacts{
	display: flex;
	flex-direction: column;
}