@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');
html, body {margin:0;padding:0;height: max-content;}
body {margin: 0;font-family: 'Montserrat', sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #000;text-align: left;background:#fff;/*linear-gradient(to right, rgba(0,0,0,.9), #FFFFFF 15% 85%, rgba(0,0,0,.9));background-size:cover;background-repeat:no-repeat;*/}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
* {border: 0 none;list-style: none outside none;margin: 0;outline: 0 none;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*:before, *:after { margin: 0;padding: 0;box-sizing: border-box;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 4px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #192853;border-radius: 3px;}
.container{max-width: 1344px;padding-bottom:20px;}
section{background:transparent;}
.btn-primary-bord{background:transparet;border:1px solid #3083FF;color:#FFF;}
.btn-primary-bord:hover{background:#3083FF;border:1px solid #3083FF;color:#FFF;}
.btn-primary{background:#3083FF!important;border:none;}
.btn-transp{background:transparent!important;border:none;}
.btn-light{background:#FFF!important;font-weight:600;color:#192853;}
.content{padding-right:80px;padding-left:80px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:0px;padding-left:0px;}
}
.svg-inline--fa{vertical-align: middle;margin-top: 5px;margin-bottom: 5px;}
.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	line-height: 1.3 !important;
    font-size: 22px;
}
a{text-decoration:none;cursor:pointer;color:#192853;}
a:{text-decoration:none;cursor:pointer;color:#192853;}
.sur{display:none;}
.title-section{padding:20px;}
.title-section h2{font-weight:600;text-align: center;}
/***** header ******/
header{width:100%;background:#D7DCE3;max-height:73px;}
.brand-top {width:100%; min-height:51px; padding:10px;}
.logo-container{padding: 25px 0;margin-top: 0;max-width: 190px;}
.top-button-menu .dropdown{display:inline;}
.dropdown{float:left;margin-right:10px;}
.top-button-menu{width:58%;float:left;position:relative;left:-2%;top:15px;}
.form-search-top{float:left;position:relative;left:-15%;top:15px;}
header .dropdown-toggle::after {display:none;}
input[type="search"]{height:38px;width:250px;}
.d-flex button{position:relative;left:-40px;}
.menu-right{position:relative;left:-40px;padding-top:25px;}
.head-menu li{display:inline;margin-right:10px;}
.head-menu a{font-weight:600;}
.head-menu a:hover{font-weight:600;text-decoration:none;color:#192853;}
.dropdown-menu {z-index:1021!important;}
/***** navbar *****/
.mob{visibility:hidden;}
.navbar{height:40px;padding:.5rem 1rem;}
.navbar>.container-fluid {height:40px;}
.navbar-brand,.phone-mob,.search-mob{visibility:hidden;}
.navbar-light .navbar-nav .nav-link {color:#192853;font-weight:600;}
.dropdown-toggle::after {display:none;}
.navbar-collapse{background:#F8F9FA;}
/***** carousel *****/
.btn-carousel{background-color:#3083FF!important;color:#fff;}
.carousel-caption {position: absolute;right: 15%;top: 30%;left: 15%;z-index: 10; padding-top: 20px;padding-bottom: 20px;color: #fff;text-align:left;}
.carousel-caption h1{font-weight:800;}
.spit{width:40%;float:left;padding:10px;}
.pict-slide{width:60%;float:left;position:relative;top: -50%;left: 10%;}
/***** sections *****/
/***** services *****/
#services{background:#F6F7FA;}
/*********** Tabs_product ***********/
.price{color:red;font-weight:800;font-size:1.05rem;}
#info{padding-bottom:30px;}
.but-colors{border-radius:30px;margin-bottom: 10px;}
.but-colors:hover{-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.img-exterior img{border-radius:5px;}
.text-item-material{text-align:left;}
.button_colors{min-height:50px;display:inline;}
#button_colors li{display:inline;}
.topnav-right {float: right;}
.right-menu {margin: 0;overflow: hidden;}
.right-menu li {float: left;list-style-type: none; margin: 0;}
.right-menu li a {color: #112038;display: block;padding: 0.05em 0.75em;text-decoration: none;text-shadow: none;}
.right-menu li a:hover {color: #fff;text-shadow: none;}
.right-menu li span {font-size: 16px;line-height: 1.2;}
.info {color: rgba(78, 78, 78, 0.8);width: 100%;margin: 40px auto;text-align: center;font-weight: 300;}
.info a {color: #bbb;text-decoration: none;}
.info a:hover {color: #888;}
.label-tabs {min-width: 320px;max-width: 100%;padding: 30px 5px 0;/*margin: 30px 0 0;border-top: 1px solid #ccc;*/}
.label-tabs > section {display: none;padding: 15px 5px;background: transparent;}
.label-tabs > section > p {margin: 0 0 5px;line-height: 1.5; color: #000; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.label-tabs > section > ul {margin: 0 0 5px;line-height: 1.5; color: #000; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.h4, h4 {margin-bottom: .1rem;}
@-webkit-keyframes fadeIn {
from { opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.label-tabs > input {display: none;position: absolute;}
.label-tabs > label {width:20%;font-size: 1.1rem;line-height: 1.5;font-weight:600;color:#192853;padding:.375rem .75rem;margin-right: 5px;border-radius:.25rem;background:#f8f9fa;/*border-top-left-radius: 8px;border-bottom-right-radius: 8px;background-image: -webkit-gradient(linear, left top, left bottom, from(#E30613), to(#E30613));background-image: linear-gradient(45deg, #E30613, #E30613);color: #fff;*/}
.label-tabs > label:before {font-family: fontawesome;ont-weight: normal;margin-right: 10px;}
.label-tabs > label[for*="1"]:before {content: "";}
.label-tabs > label[for*="2"]:before {content: "";}
.label-tabs > label[for*="3"]:before {content: "";}
.label-tabs > label[for*="4"]:before {content: "";}
.label-tabs > label[for*="5"]:before {content: "";}
.label-tabs > label[for*="6"]:before {content: "";}
.label-tabs > label:hover {color:#fff;cursor: pointer;background:#3083FF;}
.label-tabs > input:checked + label {font-size: 1.1em;font-weight: 600;color:#fff;background:#3083FF;}
.label-tabs > input:checked + label:hover{color:#fff;}
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2,
#tab3:checked ~ #content-tab3,
#tab4:checked ~ #content-tab4,
#tab5:checked ~ #content-tab5,
#tab6:checked ~ #content-tab6,
#tab11:checked ~ #content-tab11,
#tab12:checked ~ #content-tab12,
#tab13:checked ~ #content-tab13,
#tab14:checked ~ #content-tab14,
#tab15:checked ~ #content-tab15 {display: block;}
#tabser{width:3%;font-size: 1em;font-weight: 400;color:var(--text-color)!important;padding: 5px 10px;margin-right: 5px;border-bottom: none !important;}
/*#tab6 lebel{width:5%;font-size: 1em;font-weight: 400;color:var(--text-color)!important;padding: 5px 10px;margin-right: 5px;}*/
@media screen and (max-width: 680px) {
.label-tabs > input:checked + label {font-size: 1.358rem;}
.label-tabs > label {font-size: 1.358rem;}
.label-tabs > label:before { margin: 0;font-size: 1rem;}
}
@media screen and (max-width: 400px) {
.label-tabs > label {padding: 15px;}
}
.ware > .table{font-size:.7em;}
.table{--bs-table-bg: transparent;}
/*.doc-prod ul,li{display:block!important;}*/
.table {/*display: block;overflow-x: auto;white-space: nowrap;*/font-size: .76rem;line-height: .77rem;font-weight:600;}
.tehno{font-size:.855rem;color:var(--text-color);}
.label-tabs{width:100%;background:#D7DCE3;border-radius:10px;padding:20px;}
/***** /Tabs product *****/
/***** tabs-blocs *****/
.tabs-block{width:100%;padding:15px;}
.tab-nav {background:#D7DCE3;padding: 15px;display: flex;flex-wrap: wrap; gap: 8px;margin: 20px auto;text-align:center;border-radius:.75rem;}
.tab-nav .tab-link {width:15%;display: inline-block;padding: .375rem .75rem;font-size: 15px;font-weight: 600;color: #4b5563; text-decoration: none;background: #FFF;margin-right: 5px;border-radius: .25rem;cursor: pointer;transition: background 0.25s ease, color 0.25s ease;}
.tab-nav .tab-link:hover {background: #eef2ff;color: #4338ca;}
.tab-nav .tab-link.active {background: #3083FF;color: #FFF;font-weight: 600;/* border-color: #c7d2fe;position: relative;top: 2px;*/}
        /* ============ Панели вкладок — плавное появление ============ */
.tab-pane {display: none;opacity: 0;transform: translateY(12px);transition: opacity 0.25s ease, transform 0.25s ease;}
.tab-pane.active {display: block;}
.tab-pane.visible {opacity: 1;transform: translateY(0);}
        /* ============ Контент внутри вкладки ============ */
.p-cont iframe{width:600px;min-height:350px;}
.p-cont {background: #ffffff;padding: 20px;height: 100%;}
.p-cont li:before {content: '✓'; margin-right: 8px;}
.p-cont li{padding: 10px;background: #D7DCE3;border-radius: .75rem;margin-top:3px;margin-bottom:3px;font-weight:600;}
.p-cont img{width:60%;height:auto;border-radius: .75rem;margin-bottom:20px;}
.presentation {position: relative;background: #f9fafb;border-radius: 10px; overflow: hidden;}


.all-kl{padding:10px;}
.all-kl-cont{min-height:380px;background:#fff;padding:10px;border:1px solid rgba(0,0,0, .2);border-radius:8px;text-align:left;}
.all-kl-cont h3{font-size:1.55rem;font-weight:600;}
.mont-txt{padding:15px;text-align:left;}
.mont-img{padding:15px;}
.mont-img img{width:100%;height:auto;border-radius:8px;}
/***** solutions *****/
#solutions{}
.badge{position:relative;top:35px;left:50%;z-index:10;}
.card{padding-top:0!important;padding-right:0!important;padding-bottom:1rem!important;padding-left:0!important;}
.card {margin-bottom:35px;min-height:590px;border-radius: .75rem!important;}
.card-img{width:100%;overflow: hidden;border-top-left-radius: calc(-1px + 0.75rem);border-top-right-radius: calc(-1px + 0.75rem);}
.card-body{padding:1rem;}
.card-body a {color:#3083FF!important;font-weight:600;}
.consultation{background:#0E1117!important;border-radius:8px;padding:10px;color:#FAFAFA;}
.consultation .btn{position:relative;top:-55px;}
/***** order *****/
#order{width:100%;background:#192656; color:#fff;padding-top:30px;}
.tit-order h2{font-size:1.75rem;font-weight:800;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
.file-ord{padding-top:0;}
.upload__input { position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;opacity: 0;}
.but-sub{display:block;}
.but-sub-mob{display:none;}
#order-catalog{padding-top:30px;}
.catalog-order{width:100%;padding:20px;}
.catalog-order img{width:100%;height:auto;border-radius:8px;}
.order-form-catalog{width:100%;padding:20px;}
#sfera{padding-top:30px;background: #F6F7FA;}
.sfers{padding:15px;}
.cont-sfers{min-height:280px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 8px; color:#FFF;}
.cont-sfers ul{padding-top:10%;}
.cont-sfers li:before {content: '✓'; margin-right: 8px;}
.cont-sfers li{margin-top:3px;margin-bottom:3px;font-weight:600;}
.cont-sfers h3{position:relative;top:73%;left:5%;font-weight:600;}
#consultation{width:100%;padding-top:30px;background:#192656; color:#fff;}
#consultation h2{font-size:45px;line-height:1;font-weight:800;}
#consultation span{font-size:1.5rem;color:#2E7EF7;padding:10px;}
#consultation .btn{font-size:1.5rem;font-weight:600;}
#news{background-image:url(../images/press-bg.jpg);width:100%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;color:#fff;}
#services{width:100%;padding-top:30px;background:#F6F7FA; }
.project-help-img img{width:90%;height:auto;border-radius:10px;margin:0 auto;}
#supplies{width:100%;padding-top:30px;background:#fff; }
.project-supplies-img img{width:90%;height:auto;border-radius:10px;margin:0 auto;}
#time{width:100%;padding-top:30px;background:#F6F7FA; }
.project-time-img img{ width:90%;border-radius:10px;margin:0 auto;}
.prem{padding:10px;background:rgba(246,247,250,1)!important;}
.icon-prem{width:20%;float:left;}
.title-prem-cont h2{width:80%;font-size:1.888rem;font-weight:800;}
.prem-cont{min-height:360px;background:#fff;padding: 1.588rem !important;border-radius:10px!important;}
.prem-cont ul{padding-top: 25px;padding-left:.5rem;font-size: .9rem;margin-bottom:0px!important;}
#rekl{background:#192853;color:#FFF;}
#rekl p{color:#2E7EF7;font-size:1.55rem;font-weight:600;}
#rekl .container{text-align:center;}
#rekl a{font-size:2rem;font-weight:600;}
#rekl .title-section h2{font-size:2.895rem;font-weight:600;}
.step h1{font-family: sans-serif;font-size:70px;color:#3393FF;font-weight:600;}
.step h3{font-weight:600;}
.item-teplo{margin-top:20px;}
.item-teplo-cont-page{min-height:120px;border:1px solid rgba(0,0,0,.8);border-radius:0.75rem!important;background:rgba(255,255,255,1)!important;margin-bottom:.1rem!important;}
.icon-item-teplo{width:20%;float:left;}
.title-item-teplo-cont h2{width:79%;margin-top: 3%;font-size:1rem;font-weight:500;float: left;}
/***** pages *****/
#title-page{width:100%;background:#192853;color:#FFF;}
.banner-page{padding-top:5rem;padding-bottom:5rem;}
.title-page{padding:2rem;}
.title-page h1{font-weight:800;}
.title-page img{width:45%;height:auto;border-radius:.75rem;}
.title-page a{margin-bottom:20px;}
#content-page{width:100%;padding-top:20px;padding-bottom:20px;}
.prem-cont-page{min-height:450px;background:rgba(255,255,255,1)!important;padding: 1.588rem !important;border-radius:10px!important;}
.table{border-radius: 8px;}
.table th{background:#192853;color:#fff;font-size:1rem;font-weight:600;text-align:center;border:none;}
#albom .table tr{text-align:center;}
#albom .table th{vertical-align:middle;}
#resons h2{text-align:center;font-weight:600;padding-top:30px;}
.resons-img img{width:15%; height:auto;}
.page2 > label {width:30%!important;}
.page2 section{text-align:left!important;}
.page2 li{margin-top:20px;margin-bottom:20px;font-weight:600;}
.page2 li:before {content: '✓'; margin-right: 8px;}
.page2 > label:before {font-family: fontawesome;ont-weight: normal;margin-right: 10px;}
.page2 > label[for*="1"]:before {content: "\f005";}
.page2 > label[for*="2"]:before {content: "\f089";}
.page2 > label[for*="3"]:before {content: "\f006";}
#quest {font-weight:600;}
#quest a:hover{text-decoration:none;}
.card-quest p{font-style: italic;}
.card-quest{width:100%;/*max-height:300px!important;*/padding:20px;}
.card-quest li{margin-top:5px;margin-bottom:5px;font-style: italic;}
.card-quest li:before {content: '✓'; margin-right: 8px;}
#evon{width:100%;background:#192853;color:#FFF;}
.evon-cont{padding:10px;}
.evon-item-img img{width:90%;height:auto;margin:0 auto;border-radius:0.75rem;}
#support{width:100%;background:#F6F7FA;}
.support{padding:10px;}
.support-cont{padding:10px;}
.support-cont li:before {content: '✓'; margin-right: 8px;}
.support-cont li{padding:15px;background:#D7DCE3;margin-top:20px;margin-bottom:20px;font-weight:600;border-radius:.75rem;}
.support-img img{width:90%;height:auto;margin:0 auto;border-radius:0.75rem;}
.install-cont{padding:10px;font-weight:600;}
.install-cont li:before {content: '✓'; margin-right: 8px;}
.install-cont li{padding:15px;margin-top:10px;margin-bottom:10px;font-weight:600; background:#D7DCE3;border-radius:.75rem;}
.install-img img{width:90%;height:auto;margin:0 auto;border-radius:0.75rem;}
#composit{width:100%;background:#F6F7FA;}
.composit{padding:10px;}
.composit-cont{padding:10px;background:rgba(215,220,227,.9);border-radius:0.75rem;}
.composit-cont h4{font-weight:600;}
.composit-cont img{width:90%;margin:5px auto;}
#principle{width:100%;background:#FFF;}
.princip{padding:10px;}
.princip-cont{padding:10px;}
.princip-img img{width:90%;margin:5px auto;border-radius:.75rem;}
#prichin{width:100%;background:#F6F7FA;}
.prichin{padding:10px;min-height:260px;}
.prichin-cont{padding:10px;margin-bottom:20px;}
.prichin-cont img{width:25%;margin:0 auto;}
#prichin h2{font-weight:800;}
#tip-shem,#left-shem,#right-chem{width:100%;}
#tip-shem h2, #left-shem h2,#right-chem h2{font-weight:800;}
.tip-shem,.left-shem,.right-chem{padding:10px;}
.tip-shem-cont, .left-shem-cont,.right-chem-cont{padding:10px;font-weight:600;}
.tip-shem-img, .left-shem-img,.right-chem-img{min-height:300px;}
.tip-shem-cont li:before,.left-shem-cont li:before,.right-chem-cont li:before {content: '✓'; margin-right: 8px;}
.tip-shem-cont li,.left-shem-cont li,.right-chem-cont li{padding:15px;margin-top:10px;margin-bottom:10px;font-weight:600; background:#D7DCE3;border-radius:.75rem;}
.tip-shem-img img,.left-shem-img img,.right-chem-img img{width:70%;margin:5px auto;border-radius:.75rem;}
.left-shem-fr iframe{width: 61%;min-height: 700px;border-radius:.75rem;}
#application{width:100%;background:#FFF;}
.img-block {position: relative;height: 190px;border-radius: 12px;overflow: hidden;margin-bottom: 20px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);}
#ab-system{width:100%;background:#FFF;}
.ab-system{padding:10px;}
.ab-system-cont{padding:10px;}
.ab-system-img img{width:60%;margin:5px auto;border-radius:.75rem;}
.ab-system-cont li:before {content: '✓'; margin-right: 8px;}
.ab-system-cont li{margin-top:20px;margin-bottom:20px;font-weight:600;}
    /* Слои фона внутри блока — сначала скрыты, JS их покажет */
.bg-layer {position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0;transition: opacity 0.8s ease;}
.bg-layer.active {opacity: 1;}
.img-overlay {position: absolute;inset: 0;z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;color: #fff;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.45) 100%);padding: 15px;text-align: center;}
.img-overlay h5 {margin: 0; }
.switch-link {position:relative;top:-51%;left:43%;color: #fff;text-decoration: none;border: 1px solid rgba(255,255,255,0.8);padding: 8px 18px;border-radius: 30px;background: rgba(0,0,0,0.3);transition: background 0.3s;cursor: pointer;}
.switch-link:hover {background: rgba(0,0,0,0.65);color: #fff;}
#sensors{width:100%;background:#FFF;}
.sensors > .card {margin-bottom: 35px;min-height: 490px!important;border-radius: .75rem !important;}
.card-sensors-img-top {width: 60%;margin: 0 auto;}
.card-sensors-title{width:100%;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.8);margin-bottom: .75rem;}
.card-sensors-body {padding: 1rem;font-weight:600;}
.card-sensors-body li:before {content: '✓'; margin-right: 8px;}
.card-sensors-body li{margin-top:3px;margin-bottom:3px;font-weight:600;}
#access {width:100%;background:#F6F7FA;}
.access{padding:10px;}
.cont-access{width:100%;padding:10px;font-weight:600;border:1px solid rgba(0,0,0,.6);border-radius:.75rem;}
.cont-access h3{text-align:center;font-weight:600;margin-bottom:1rem;}
.cont-access img{width:7%;height:auto;margin-right:10px;}
.cont-access li:before {content: '✓'; margin-right: 8px;}
.cont-access li{margin-top:3px;margin-bottom:3px;font-weight:600;}
.cont-access ul{margin-bottom:.898rem;}
.cont-access a{font-weight:600;margin-bottom:10px auto;}
#materials {width:100%;background:#FFF;}
.mat{padding:20px;}
.mat-cont{width:100%;padding:20px;font-weight:600;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;}
.cont-access a{font-weight:600;margin-bottom:10px auto;}
#sezon{width:100%;background:#FFF;}
.sezon img{width:60%!important;margin:0 auto;}
.sezon {font-weight:600;padding:20px;}
#vybor{width:100%;background:#FFF;}
.vybor img{width:60%!important;margin:0 auto;}
.vybor {font-weight:600;padding:20px;}
#sport-time{width:100%;background:#F6F7FA;}
.sport-time{padding:10px;min-height:408px;}
.sport-time-cont {;min-height:408px;background:#D7DCE3;font-weight:600;padding:10px;border:1px solid rgba(0,0,0,.5);border-radius:.75rem;}
.sport-time-cont a:hover{text-decoration:none;cursor:pointer;color:#3083FF;}
#complex {width:100%;background:#FFF;}
.complex{padding:15px;}
.complex-cont{width:100%;padding:10px;font-weight:600;}
.complex-cont img{width:30%;height:auto;}
#port{width:100%;background:#FFF;}
.card-port{margin-bottom: 35px;min-height: 420px;border-radius: .75rem;border:1px solid rgba(0,0,0,.1);}
.card-port img{border-radius:.75rem  .75rem 0 0;}
.card-title{border-bottom:1px solid rgba(0,0,0,.753);font-weight:600;}
.card-body li:before {content: '✓'; margin-right: 8px;}
.card-body li{margin-top:3px;margin-bottom:3px;font-weight:600;}
.round {border-radius:.75rem!important;}
#vygoda{width:100%;background:#F6F7FA;}
.vygoda{padding:10px;}
.vygoda-cont-plus,.vygoda-cont-minus{min-height:562px;padding:15px;background:#fff;font-weight:600;border-radius:.75rem;}
.vygoda-cont-plus li,.vygoda-cont-minus li{padding:10px;background:#D7DCE3;border-radius:.75rem;}
.vygoda-cont-plus li:before,.vygoda-cont-minus li:before{content: '✓'; margin-right: 8px;}
.vygoda-cont-plus li,.vygoda-cont-minus li{margin-top:3px;margin-bottom:3px;font-weight:600;}
.vygoda-cont-plus h4 > i{color:green;}
.vygoda-cont-minus h4 > i{color:red;}
.vygoda-cont-minus h4,.vygoda-cont-plus h4{font-weight:600;margin-bottom:20px;}
#bim{width:100%;background:#FFF;}
.bim{padding:10px;}
.bim-cont{padding:15px;font-weight:600;}
.bim-cont img{width:90%;margin:0 auto;}
.bim-cont li:before{content: '✓'; margin-right: 8px;}
.bim-cont li{margin-top:3px;margin-bottom:3px;font-weight:600;padding:10px;background:#D7DCE3;border-radius:.75rem;}
.bim-cont a{margin-bottom:15px;}
#uhf{width:100%;background:#F6F7FA;}
.uhf{padding:10px;}
.uhf-cont{padding:15px;font-weight:600;}
.uhf-cont img{width:90%;margin:0 auto;}
.uhf-cont li:before{content: '✓'; margin-right: 8px;}
.uhf-cont li{margin-top:3px;margin-bottom:3px;font-weight:600;padding:10px;background:#D7DCE3;border-radius:.75rem;}
.uhf-cont a{margin-bottom:15px;}
#opros{width:100%;background:#192853;color:#FFF;}
.opros{padding:10px;}
.opros-cont{padding:15px;}
#sostav{width:100%;background:#FFF;}
.sostav{padding:10px;}
.sostav-cont{position:relative;padding:20px;background:#D7DCE3;border-radius:.75rem;overflow: hidden;}
.sostav-cont img{width:90%;margin:0 auto;}
.sostav-cont h4{font-size:1.3rem;}
#page-cont{width:100%;background:#F6F7FA;padding-bottom:20px;}
.page-cont{padding:10px;}
.p-cont{padding:15px;font-weight:600;}
.presentation{width:100%;min-height:300px;}
.presentation iframe {width: 622px;min-height: 350px;border-radius:.75rem!important;}
.presentation img{width:68%;height:auto;border-radius:.75rem;}
#docs{width:100%;}
.docs{padding:10px;}
.docs-cont{width:100%;padding:15px;background:#D7DCE3;border-radius:.75rem;}
.docs-cont h5{font-weight:600;}
.monazhnics{padding:15px;}
.mont-cont{width:100%;padding:10px;background:#F6F7FA;border-radius:.75rem;}
.moblink {display:none;}
.desclink{display:block;}
#content-page{width:100%;background:#FFF;}
.pagest{padding:10px;}
.page-dinamic{width:100%;padding:15px;}
.page-dinamic iframe{width:100%;min-height:350px;border-radius:.75rem!important;}
/***** images ***    **/
.easy-zoom-effect {transition: transform 1.5s ease;}
.easy-zoom-effect:hover {transform: scale(1.25);}
.compare {position: relative;aspect-ratio: 4 / 3;border-radius: 12px;overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.5);user-select: none;-webkit-user-select: none;touch-action: none;background: #1e1e1e;}
.compare__img {position: absolute; inset: 0;width: 100%; height: 100%;object-fit: cover; display: block;pointer-events: none;}
.compare__img--bottom { z-index: 1; }
.compare__img--top    { z-index: 2; }
.compare__handle {position: absolute; top: 0; bottom: 0; left: 50%;width: 40px;transform: translateX(-50%);cursor: col-resize;z-index: 3;touch-action: none;}
.compare__line {position: absolute; top: 0; bottom: 0; left: 50%;width: 3px; transform: translateX(-50%);background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.6);}
.compare__knob {position: absolute; top: 50%; left: 50%;width: 46px; height: 46px;transform: translate(-50%, -50%);border-radius: 50%; background: #fff;display: flex; align-items: center; justify-content: center;gap: 3px; font-size: 18px; color: #111;box-shadow: 0 2px 12px rgba(0,0,0,.5);}
.compare__caption { font-size: .9rem; color: #9aa0a6; }
.to-badge{position:relative;left: 5% !important;top:10px!important;}
.after-badge{position:relative;left: 70% !important;top:10px!important;}
/***** Cookie *****/
.cookie-banner-content{padding:5px;}
.cookie-banner {position: fixed;left: 20px;bottom: 20px;z-index: 1050;max-width: 30%;max-height: 130px;background: #fff;border-radius: 8px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);padding: 5px;display: none;}
.cookie-banner.show { display: block; }
.cookie-banner-title {margin: 0 0 10px;font-size: .758rem;font-weight: 600;}
.cookie-banner p {position:relative;width: 92%;float: left;border:1px solid #888;padding:5px;border-radius:5px;font-size: .685rem;line-height: 1.5;color: #555;margin:5px 0;}
.cookie-banner-links { font-size: 12px !important; }
.cookie-banner-actions {position:relative;width: 8%;float: right;display: flex;gap: 10px;justify-content: flex-end;flex-wrap: wrap;margin-top: 10px;}
.btn-cookie-accept {background: linear-gradient(135deg, #00DB24, #00A61C);border: none;color: #fff;font-weight: 500;font-size: 0.875rem;padding: 8px; border-radius: 10px;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(59, 130, 246, 0.35);}
.btn-cookie-accept:hover,.btn-cookie-accept:focus,.btn-cookie-accept:active,.btn-cookie-accept:visited {background: linear-gradient(135deg, #00A61C, #00DB24);box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);transform: translateY(-1px);color: #fff;}
.btn-cookie-accept:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);}
@media (max-width: 480px) {
    .cookie-banner {left: 10px;right: 10px;bottom: 10px;max-width: none;}
}
/***** Cookie *****/
/******************** Button Up *********************/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;/*-webkit-box-shadow: 0 8px 19px rgba(3,0,251,.9);box-shadow: 0 8px 19px rgba(3,0,251,.9);*/}
.b-top-but {z-index: 200; display: block;left: 30px;width: 35px;height: 35px;font-size: 14px;background-color: #192853;border: 1px solid #FFFFFF;border-radius:5px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #037F51;}
.b-top-but img{margin-top: 5px;margin-right:0px;margin-left: 5px;}
/******************** End Button Up ********************/
/***** footer *****/
footer {width:100%;background:#D7DCE3;color:#192853;padding-top:50px;}
.mes_icon li{display:inline;margin-right:10px;}
.foot-right{font-size:.8rem;}
.down-foot{font-size:.547rem;border-top:1px solid rgba(25,40,83,.7);padding: 10px}
/***** @media *****/
@media (max-width: 979px) {
    #engin .table{display:block;}
.table {overflow: auto;}
.table th, td {overflow-x: auto;}
.foot-right, .down-foot {text-align:center;}
.card {width:23rem!important;}
}
@media (max-width: 991.98px){
	header{display:none;}
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {padding-right: 0;padding-left: 0;position: relative;top: -10px;}
	.navbar-light .navbar-toggler {color:#192853;border-color:#192853;position:relative;top: 3px;right:-20%;}
	.navbar-collapse{background:#FFF;}
	/*.navbar-light .navbar-toggler-icon {
    background-image: url(../images/icon/bar.svg);}*/
    .label-tabs > label {width:100%!important;display:block!important;}
}
@media (max-width: 768px) and (min-width:0px){
	header{display:none;}
	.navbar-collapse{background:#FFF;padding:10px;}
	.dropdown {margin-right: 1px;}
	.container-fluid a{margin-right:1px;}
	.navbar-light .navbar-toggler {color:#192853;border-color:#192853;position:relative;top: 3px;right:-20%;}
	.navbar-brand{visibility:visible;position: relative;left: -18%;}
	.phone-mob,.search-mob{visibility:visible;}
	.mob{visibility:visible;}
	.but-sub{display:none;}
	.but-sub-mob{display:block;}
	#materials,.mat-cont a{display:none;}
	#rekl a {font-size: 1.4rem;}
	.presentation iframe {width:640px;min-height:380px;}
	.moblink {display:block;}
    .desclink{display:none;}
    .h2, h2 {font-size: 1.7rem;}
    .label-tabs > label {width:100%!important;display:block!important;}
    .all-kl-cont h3 {font-size: 1.2rem!important;font-weight: 600;}
	
}
/*@media (max-width: 577px) {
	header{display:none;}
    header .logo-container {min-width: 170px;margin-right: 10px;}
}*/
@media (max-width: 480px) and (min-width:0px){
	.navbar-collapse{background:#FFF;padding:10px;}
	header{display:none;}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {padding-right: 0;padding-left: 0;position: relative;top: -10px;}
	.navbar-brand{display:block;position: relative;left: -10%;}
	.phone-mob,.search-mob{visibility:visible;}
	.navbar-light .navbar-toggler {right: -10%;}
	.mob-search{position:relative;left:-50%;}
	.but-sub{display:none;}
	.but-sub-mob{display:block;}
	.project-help-img img, .project-supplies-img img,.project-time-img img{width:100%;border-radius:10px;}
	.presentation iframe {width:340px;min-height:200px;}
	.title-prem-cont h2 {font-size:1.68rem;}
	#consultation h2 {font-size: 40px;}
	.moblink {display:block;}
    .desclink{display:none;}
    .h2, h2 {font-size: 1.7rem;}
    #rekl .title-section h2 {font-size: 2rem;font-weight: 600;}
    .h1, h1 {font-size: 1.6rem;}
    .presentation {width: 100%;height: 200px;}
    .label-tabs > label {width:100%!important;display:block!important;}
    .all-kl-cont h3{font-size: 1.2rem!important;font-weight: 600;}
    .all-kl-cont ul{margin-block-start: .1em!important;}
    .tab-nav .tab-link {width: 100%!important;}
    .left-shem-img img{width:58%;height:auto;}
    .left-shem-fr iframe {width: 61%;min-height: 400px;border-radius: .75rem !important;}
    .presentation img {width: 88%;}
    .p-cont iframe {width: 390px;min-height: 250px;border-radius: .75rem !important;}
    .page-dinamic iframe{width:390px;min-height:200px;}
}
@media (max-width: 390px) and (min-width:0px){
    .p-cont iframe {width: 350px;min-height: 210px;border-radius: .75rem !important;}
    .page-dinamic iframe{width:350px;min-height:210px;}
}
@media (max-width: 360px) and (min-width:0px){
	.navbar-collapse{background:#FFF;padding:10px;}
	header{display:none;}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {padding-right: 0;padding-left: 0;position: relative;top: -15px;}
	.navbar-brand{display:block;position: relative;left: -5%;padding-top:15px;}
	.navbar-light .navbar-toggler {top:5px;}
	.search-mob,.phone-mob{padding-top:15px;}
	.phone-mob,.search-mob{visibility:visible;}
	.navbar-light .navbar-toggler {right: -5%;}
	.but-sub{display:none;}
	.but-sub-mob{display:block;}
	.presentation iframe {width:320px;min-height:200px;}
	#consultation h2 {font-size: 40px;}
	.title-prem-cont h2{font-size:1.68rem;}
	.moblink {display:block;}
    .desclink{display:none;}
    .h2, h2 {font-size: 1.7rem;}
    #rekl .title-section h2 {font-size: 2rem;font-weight: 600;}
    .h1, h1 {font-size: 1.6rem;}
    .presentation {width: 100%;height: 200px;}
    .label-tabs > label {width:100%!important;display:block!important;}
    .all-kl-cont h3 {font-size: 1.2rem!important;font-weight: 600;}
    .all-kl-cont ul{margin-block-start: .1em!important;}
    .tab-nav .tab-link {width: 100%!important;}
    .left-shem-fr iframe {width: 61%;min-height: 400px;border-radius: .75rem !important;}
    .p-cont iframe {width: 320px;min-height: 200px;border-radius: .75rem !important;}
    .page-dinamic iframe{width:320px;min-height:200px;}
}