@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
html, body {margin:0;padding:0;background:#FFF;}
body{padding-right:0;padding-left:0;font-family: 'Roboto', sans-serif;font-size: 0.9em;line-height: 18px;color: #333;}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
a{text-decoration: none;cursor:pointer;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #607EFB;border-radius: 3px;}
section{padding-top:30px;padding-bottom:30px;}
.title-section{text-align:center;padding-bottom:20px;}
.container{max-width: 1600px;}
.content{padding-right:80px;padding-left:80px;}
@media (max-width: 960px) and (min-width: 0px){
    .content{padding-right:0px;padding-left:0px;}
}
 ul{list-style-type: none;}
 p {font-weight: 100;color: #555;padding: 10px;margin-bottom: 0;}
.manufacturer__text-web a{text-decoration:none;cursor:pointer;color:#607EFB;}
.manufacturer__text-web a:hover{text-decoration:none;cursor:pointer;color:#607EFB;border-bottom:1px solid #607EFB;}
.post__img{padding-bottom:20px;}
.example-image-link {color: #FFF;text-decoration: none;}
img {width: auto\9;height: auto;max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
.wh{border:1px solid #FF380D;}
.button{border: hidden!important;}
.btn-primary{color:#FFF!important;background:#1C243F;border-radius:none;}
.btn-orange{color:#FFF!important;background:#FF380D;border-radius:none;}
.btn-orange:hover{color:#FFF!important;background:#FF380D;border-radius:none;}
.btn{--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;--bs-btn-border-radius: 0rem;--bs-btn-focus-box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), .5);}
/***** 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 *****/
/********* modal **********/
.close:not(:disabled):not(.disabled) {position:absolute;top: 10px;right:15px;width:48px;height:48px;cursor: pointer;background:#FF380D;color:#FFF!important;}
.modal-header {padding: .1rem 1rem;}
/*********** form ****************/
.sur{display:none}
input.user-phone:-moz-placeholder {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 18px;}
input.user-phone::-webkit-input-placeholder {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 18px;}
.user-phone{width:100%;}
select.form-control:not([size]):not([multiple]) {height: 34px!important;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
input[type=checkbox], input[type=radio] {width:20px;height: 20px;line-height: normal;}
.input-input {width: 100%;height: 48px;margin: 7px 0 0;color: #555;padding: 0 23px;font-size: 16px;transition: all .3s ease-in-out;}
.form-control-captcha {position: absolute;right: 15px;bottom: 32%;display: block;width: 50%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.375rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-mail{width:70%;margin: 0 auto;padding-left:5%;padding-right:5%;}
.password-control,.password-control1,.password-control2 {position: relative;top: -28px;left: 90%;display: inline-block;width: 20px; height: 20px;background: url(../images/view.svg) 0 0 no-repeat;opacity:.3}
.password-control.view,.password-control1.view,.password-control2.view {background: url(../images/no-view.svg) 0 0 no-repeat;opacity:.5}
/***** root ******/
.card {
    --bs-card-spacer-y: .0rem;
    --bs-card-spacer-x: .0rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1C243F;
    --bs-btn-border-color: #1C243F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1C243F;
    --bs-btn-hover-border-color: #1C243F;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #A0B6FF;
    --bs-btn-active-border-color: #1C243F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}
/***** header *****/
header{width:100%;color:#FAFAFA;background:#1C243F;padding-top:20px;}
header h1{font-size:1.8rem;}
header p{color:#FAFAFA;}
.logo,.slogan-head,.top-cont{text-align:center;}
.top-cont{font-size:1rem;line-height: 28px;}
.top-cont a{margin-left:10px;color:#FAFAFA;text-decoration:none;cursor:pointer;}
.top-cont a:hover{margin-left:10px;color:#A0B6FF;text-decoration:none;cursor:pointer;}
.msearch{display:none;}
.navbar-brand{visibility:hidden;width:40%;max-height:56px;}
.navbar{background:#1C243F;color:#FAFAFA;}
#collapseExample{max-height:38px;}

/***** nav *****/
.nav-link{font-size:1rem;font-weight:600;padding:10px 25px;color:#FAFAFA;}
.nav-link:hover{color:#FFFFFF!important;}
.navbar-toggler{color:#fff!important;border-color:#FFF!important;}

/***** top *****/
#top{padding-top:70px;padding-bottom:70px;background-size:cover!important;background-attachment:fixed;max-height:260px;}
#top h1{line-height: 3em;font-size: 2.5em;color: #FFF;text-shadow: 4px 2px 1px #000;}
.slogan {width:50%;text-align: center;margin: 0 auto;margin-bottom: 10px;padding:0;background: rgba(28,36,63,.65);}
/***** catalog-index *****/
.imag {margin: 0;padding: 10px;min-height: 70px;}
.main_imag {text-align: center;font-size: 1em;color: #555;float: left;width: 100%;height: 280px;box-shadow: 2px 2px 1px #ededed;border-radius: 3px;background: #FFF;margin-bottom: 10px;border: solid 1px #A9A9A9;}
.main_imag:hover{box-shadow:6px 4px 4px #CCC;}
.main_imag img {border-radius: 50%;border: solid 1px #fafafa;}
.main_imag_content h1 {font-size: 1.3em;: #1C243F;text-align: center;}
/***** time ******/
.persone {padding: 20px;}
.persone img {width: 50%;border-radius: 50%;}
/***** map-index *****/
#map{padding-top:0;padding-bottom:0;}
.contacts-index {position: absolute;width: 15%;background: #FFF;padding: 10px;z-index: 200;margin-top: 30px;-webkit-box-shadow: 0 8px 19px rgb(40 126 248 / 80%);box-shadow: 0 8px 19px rgb(40 126 248 / 80%);}
.contacts-index > .info-firm {border: 1px solid #1C243F;padding: 10px;font-size: 0.9em;font-weight: normal;}
.map_overlay:before {content: '';position: absolute;z-index: 15;width: 100%;height: 400px;opacity: .7;filter: alpha(opacity=70);background: rgba(0,0,0, .9);}
/***** all_news ******/
.comment {border-bottom: 1px solid #DCDCDD;padding-bottom: 10px;}
.comment a {color: #555;}
.comment a:hover{color: #333;}
.news-item {font-size: .8em;line-height: 1.43;color: #333;margin-top: 10px;padding: 20px;border-left: 1px solid #DCDCDD;}
.title-news {font-size: 1.8em;line-height: 1.8;color: #333;font-weight: 500;padding-bottom: 10px;}
.img-news {width: 30%;}
.text-news {padding-top: 5px;}
.data-news {padding-bottom: 10px;}

/***** contacts *****/
.cid {cursor: pointer;padding-top: 5px;padding-bottom: 5px;}
.cid img{width:8%;height:auto;}
.form-contact{width:70%;padding:20px;margin:0 auto;}

/***** category *****/
#photo,#similar{border-top:1px solid #DCDCDD;}
.galery {margin: 10px auto 5px;}
.galery img{width:100%; height:auto;}
/***** 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;}
.b-top-but {z-index: 200; display: block;left: 50px;width: 35px;height: 35px;font-size: 14px;background-color:#607EFB;border: 1px solid #FFFFFF;border-radius: 0px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 5px;margin-right: 8px;margin-left: 5px;}
/***** carusel-product *****/
.connected-carousels .stage {max-width: 350px;margin-top: 20px;position: relative;}
.connected-carousels .photo-credits {position: absolute;right: 15px;bottom: 0;font-size: 13px;color: #fff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);opacity: .66;}
.connected-carousels .photo-credits a { color: #fff;}
/** Navigation container **/
.connected-carousels .navigation { width: 260px;margin: 20px;position: relative;left: 3%;}
/** Shared carousel styles **/
.connected-carousels .carousel {overflow: hidden;position: relative;}
.connected-carousels .carousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.connected-carousels .carousel li {float: left;}
/** Stage carousel specific styles **/
.connected-carousels .carousel-stage { max-height: 300px;/*border: 10px solid #fff;*/-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;/*-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;*/}
/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation {height: 60px;width: 260px;background: #fff;border: 10px solid #fff;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;/*-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;*/}
.connected-carousels .carousel-navigation li {cursor: pointer;}
.connected-carousels .carousel-navigation li img {display: block; border: 1px solid #fff;cursor:pointer;}
.connected-carousels .carousel-navigation li.active img {border-color:#CCC;}
/** Stage carousel controls **/
.connected-carousels .prev-stage,
.connected-carousels .next-stage {display: block;position: absolute;top: 0;width: 305px;height: 300px;color: #fff;}
.connected-carousels .prev-stage {left: 0;}
.connected-carousels .next-stage {right: 0;}
.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {display: none;}
.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {display: none;position: absolute;top: 50%;width: 30px;height: 30px; text-align: center;background: #4E443C;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 24px/27px Arial, sans-serif;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC;}
.connected-carousels .prev-stage span {left: 20px;}
.connected-carousels .next-stage span {right: 20px;}
.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {display: block;}
/** Navigation carousel controls **/
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {display: block;position: absolute;width: 30px;height: 30px;color: #1C243F;text-decoration: none;/*text-shadow: 0 0 1px #000;font: 16px/29px Arial, sans-serif;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;*/}
/*.connected-carousels .prev-navigation-br,
/*.connected-carousels .next-navigation-br {display: block;position: absolute;width: 30px;height: 30px; background: #fff;color: #4E443C;text-decoration: none;text-shadow: 0 0 1px #000;font: FontAwesome;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC;box-shadow: 0 0 2px #CCC;}*/
.connected-carousels .prev-navigation {left: -35px;top: 14px;text-indent: 6px;}
.connected-carousels .next-navigation {right: -15px;top: 14px;text-indent: 20px;}
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {opacity: .5;cursor: default;}
/***** /carusel-product *****/
/***** tabs *****/
*:before,
*:after {margin: 0;padding: 0;box-sizing: border-box;}
.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: #B8B8B8;display: block;padding: 0.05em 0.75em;text-decoration: none;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.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;}
.tabs {min-width: 320px;max-width: 100%;padding: 0px;margin: 0 auto;}
.tabs > section {display: none;padding: 15px 5px;background: #fff;border: 1px solid #fafafa;}
.tabs > section > p {margin: 0 0 5px;line-height: 1.5; color: #383838; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeIn {
from { opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.tabs > input {display: none;position: absolute;}
.tabs > label {display: inline-block;margin: 0 0 -1px;padding: 3px 10px;font-weight: 500;text-align: center;color: #aaa;border: 0px solid #fafafa; /*border-width: 1px 1px 1px 1px;*/background: #f1f1f1;/*border-radius: 3px 3px 0 0;*/}
.tabs > label:before {font-family: fontawesome;ont-weight: normal;margin-right: 10px;}
.tabs > label[for*="1"]:before {content: "\f06e";}
.tabs > label[for*="2"]:before {content: "\f016";}
.tabs > label[for*="3"]:before {content: "\f0d6";}
.tabs > label[for*="4"]:before {content: "\f080";}
.tabs > label:hover {color: #888;cursor: pointer;box-shadow: 2px 1px 0 rgba(0, 0, 0, 0.3);}
.tabs > input:checked + label {color: #FFF;/*border-top: 1px solid #1C243F;*/border-bottom: 1px solid #fafafa;background:#1C243F;}
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2,
#tab3:checked ~ #content-tab3,
#tab4:checked ~ #content-tab4 {display: block;}
@media screen and (max-width: 680px) {
.tabs > label {font-size: 0;}
.tabs > label:before { margin: 0;font-size: 18px;}
}
@media screen and (max-width: 400px) {
.tabs > label {padding: 15px;}
}
/***** /tabs *****/
/************** calculator ********************/
#calculator{padding-top:10px;margin:0px auto;padding-bottom:40px;}
#calculator h1{font-family:inherit;font-weight:bold;line-height:2em!important;color:inherit;text-rendering:optimizelegibility;}
.wrapper_opalybka {width: 100%;margin: 0 auto;max-width: 900px;border: 10px solid #2F4F4F;box-sizing: border-box;padding: 10px;min-height: 350px;}
legend {margin: 20px 0 0 0 !important;}
td {padding: 1px !important;text-align: center;}
th, thead {text-align: center !important;position: sticky;top: -2px;background: white;vertical-align: middle !important;}
table {margin-top: 15px;font-size: 0.9em !important;}
output {font-size: 1em !important;font-weight: bold;padding: 0 5px;}
.img_1 {max-width: 300px;width: 100%;}
.img_2 {max-width: 180px;width: 50%;}
.input-group-addon {padding: 6px !important;}
@media (max-width: 600px) {
    .wrapper_opalybka {padding: 5px !important;border: 5px solid #2F4F4F;}
    table {font-size: 0.85em !important;overflow-x: auto;display: block;}
    .input-group-addon {padding: 5px !important;}
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {display: none !important;}
.btn-calculator{padding-bottom:30px;}
/************** end calculator ********************/
/***** search *****/
.research {width: 100%;height: auto;border-bottom: dotted 1px rgba(0, 0, 0, 0.5);padding: 10px 30px;}
.count {font-size:1.2rem;padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.4);}
/***** footer *****/
footer{background:#1C243F;width:100%;color:#FAFAFA;padding-top:30px;}
footer a{text-decoration:none;color:#FAFAFA;cursor:pointer;}
footer p{color:#FAFAFA;}
.social, .fa {font-size: 1.16em;}
.center-foot p{font-size:.7rem;}
ul.social li {list-style: none;display: inline; margin: 8px;font-size: 1.1em;}
.right-foot {text-align: right;color: #FFF;padding-top: 20px;font-size: 13px;float: right;z-index: 255;}
.down-foot {font-size:.9rem;text-align:center;}

/***** media *****/
@media (max-width: 480px) and (min-width: 0px){
#top{padding-top:0px;padding-bottom:0px;background-size:cover!important;background-attachment:fixed;min-height:100px;}
.slogan {width: 100%;text-align: center;margin: 0 auto;margin-bottom: 10px;padding:0;position: relative;top: 15px;}
#top h1 {font-size: 20px;line-height: 2rem;}
}
@media (max-width: 1366px) and (min-width: 0px){
.contacts-index {width: 20%;}
}
@media (max-width: 1180px) and (min-width: 0px){
.contacts-index {width: 23%;}
}
@media (max-width: 1024px) and (min-width: 0px){
.contacts-index {width: 35%;}
}
@media (max-width: 960px) and (min-width: 0px){
.contacts-index {width: 40%;}
}
@media (max-width: 800px) and (min-width: 0px){
.contacts-index {width: 35%;}
}
@media (max-width: 640px) and (min-width: 0px){
.contacts-index {width: 45%;}
#top{padding-top:0px;padding-bottom:0px;background-size:cover!important;background-attachment:fixed;max-height:100px;}
.slogan {width: 100%;text-align: center;margin: 0 auto;margin-bottom: 10px;padding: 0;position: relative;top: 15px;}
#top h1 {font-size: 24px;}
}
@media (max-width: 480px) and (min-width: 0px){
.contacts-index {width: 55%;}
#top{padding-top:0px;padding-bottom:0px;background-size:cover!important;background-attachment:fixed;max-height:100px;}
.slogan {width: 100%;text-align: center;margin: 0 auto;margin-bottom: 10px;padding: 0;position: relative;top: 15px;}
#top h1 {font-size: 20px;line-height: 2rem;}
.persone img {width: 100%;}
.left-foot,.right-foot{text-align:center;}
}
@media (max-width: 360px) and (min-width: 0px){
.contacts-index {width: 75%;}
#top{padding-top:0px;padding-bottom:0px;background-size:cover!important;background-attachment:fixed;max-height:100px;}
.slogan {width: 100%;text-align: center;margin: 0 auto;margin-bottom: 10px;padding: 0;position: relative;top: 15px;}
#top h1 {font-size: 20px;line-height: 2rem;}
}
@media (max-width: 320px) and (min-width: 0px){
.contacts-index {width: 75%;}
}
@media (max-width: 576px){
.col-sm-3{flex: 0 0 auto;width: 50%;}
.col-sm-2,.col-md-2 {flex: 0 0 auto;width: 50%;}
}