/* Переменные */
:root{--family:"Source Sans 3",sans-serif;--radius:5px;--main-color:#3a5d7d;--dop-color:#4e79a3;}

/* Основа */
html{font-family:var(--family);font-weight:500;font-size:16px;line-height: 1.3;}
body{ margin:0;overflow-x:hidden;     background: #f0f0f0;}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f0f0f0;}
::-webkit-scrollbar-thumb{background:var(--dop-color);outline:0}
.grecaptcha-badge{display:none;}
a{transition:.5s;cursor:pointer;color:#000;text-decoration:none}
a:hover{color:var(--main-color)}
hr{width:100%}
img{max-width:100%;transition:.2s}
button,input,textarea{font-family:var(--family);outline:0;background:0 0;border:none;resize:none;transition:.5s;    box-sizing: border-box;}
input,textarea{background:#f0f0f0;padding:15px;font-size:16px}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#566876}
input::-moz-placeholder,textarea::-moz-placeholder{color:#566876}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#566876}
input::placeholder,textarea::placeholder{color:#566876}
input.button{cursor:pointer}
.h1,h1{font-weight:600;font-size:2.6rem;margin:0 0 30px}
.h2,h2{font-weight:600;font-size:2.4rem;margin:0 0 30px}
.h3,h3{font-weight:600;font-size:1.8rem;margin:0 0 30px}
.h-box{display:flex;justify-content: space-between;margin: 0 0 40px;align-items: center;line-height: 1;gap:20px;}
.h-box .h2,.h-box h2{margin:0;}
.box{visibility:hidden;opacity:0;height:0}
.box.visible{visibility:visible;opacity:1;height:100%}
ul.blue-marker{color:#61aff1}
ul.blue-marker span{color:#363636}
ul.blue-marker li{padding:5px 0}
.container{padding:0 10px}
@media (min-width:575.98px){
.container{max-width:540px;margin:auto;padding:0}
}
@media (min-width: 768px) {
    .container {max-width: 720px;} 
}
@media (min-width: 992px) {
    .container {max-width: 960px;} 
}
@media (min-width: 1100px) {
    .container {max-width: 1050px;} 
}
@media (min-width: 1200px) {
    .container {max-width: 1150px;} 
}
@media (min-width: 1250px) {
    .container {max-width: 1200px;} 
}
@media (min-width: 1300px) {
    .container {max-width: 1250px;} 
}
@media (min-width: 1500px) {
    .container {max-width: 1400px;} 
}
@media (min-width: 1700px) {
    .container {max-width: 1600px;} 
}
@media (min-width: 2300px) {
    .container {max-width: 1700px;} 
}
:root{--swiper-theme-color:var(--main-color)}
.fancybox__thumb{border-radius:0;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after{border:3px solid var(--main-color);border-radius:0;}
section{position:relative;margin:35px 0}
footer{padding:20px 0}
img.icon{width:50px}

.button{display:inline-block;color:#fff;text-align:center;font-weight:500;font-size:16px;background:var(--dop-color);padding:15px 50px;cursor:pointer;transition:.5s;border-radius:var(--radius);}
.button:hover{background:var(--main-color);color:#fff}
.button-fixed {position: fixed;padding: 0;right: 2%;bottom: 5%;    font-size: 1.8rem;width: 60px;height: 60px;border-radius: 100%;box-sizing: border-box;display: grid;place-content: center;}
.breadcrumb{padding:0;margin:20px 0;list-style:none;display: flex;grid-row-gap: 10px;align-items: center;flex-wrap: wrap;font-size:.85rem;}
.breadcrumb li{display: grid;grid-auto-flow: column;}
.breadcrumb li a{color:#8D8D8D;}
.breadcrumb li.active{color:#000000;}
.breadcrumb li span{padding:0 7px;color:#8D8D8D;}

.main{background:url(/tpl/img/bg-main.jpg) no-repeat;background-size:100% 90%,cover}

header{padding:20px 0;width:100%;background: #dcdcdc;border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);    margin-bottom: 20px;}
header a{text-decoration:none}
header .navbar{display:flex;flex-wrap:wrap;    gap: 10px;align-items:center;justify-content:space-between;margin-bottom:10px}
header .navbar .phone{font-weight:700;font-size:1.2rem;color:var(--main-color)}
header .header-block-left{display:flex;position:relative;grid-gap:40px;flex-direction:row;align-items:center;flex-wrap:wrap}
header .center{text-align:center;}
header .right{display: grid;gap: 5px;justify-items: center;}
header .header-blocks{display: grid;grid-template-columns: auto 1fr auto;position: relative;gap: 30px;align-items: center;}
header .header-blocks .logo{display:grid;}
header .header-blocks .logo img{width:100%;height:80px;}
header .msMiniCart{font-weight:600;font-size: .9rem;}
header .msMiniCart .msMiniCart-block{position:relative;display:grid;grid-auto-flow:column;align-items:center;grid-gap:10px}
header .msMiniCart .msMiniCart-block .icon{font-size: 1.5rem;position:relative;}
header .msMiniCart .msMiniCart-block .ms2_total_count{    position: absolute;left: -12px;top: -12px;width: 24px;height: 24px;background: var(--main-color);color: #fff;text-align: center;border-radius: 20px;font-size: 10px;display: grid;align-content: center;}

header.header-page{border-bottom: 1px solid #ececec;margin-bottom: 20px;}
#mse2_form{display:flex;background: #F7F8FA;align-items:center;width:100%;box-sizing:border-box}
#mse2_form input{width:100%;padding:0 15px;color:#566876;background:0;border:none}
#mse2_form button{padding: 10px 15px;font-size: 1.3rem;cursor:pointer;}
#mse2_form button:hover{color:white;background:var(--main-color);}
.navbar .header-block-search{display:none}
.navbar{position:relative}
.nav{position:relative;margin:0;padding:0;list-style:none;z-index:99}
.nav a{text-decoration:none}
.nav a:hover{color:var(--main-color)}
.nav--active{display:flex!important}
.nav--tabs{width:100%;justify-content:flex-start;display:grid;align-items:center;grid-auto-flow:column;grid-gap:35px;font-weight:500}
.nav--stacked{flex-direction:column}
.nav__link{display:inline-block}
.nav__item{position:relative}
.navbar__container{display:flex;align-items:center}
.navbar__container a.nav__link{color:#000}
.nav__item.active a.nav__link{color:var(--main-color)}
.nav__item:hover .nav__link{color:var(--main-color)}
.nav .mobile-block{display:none}
.dropdown{position:relative;z-index:101}
.dropdown__toggle:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:0}
.dropdown__menu{display:none;border-radius:var(--radius);position:absolute;top:100%;left:0;min-width:260px;margin:0;padding:10px;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);background:#fff}
.dropdown__item{list-style:none}
.dropdown__link{display:block;padding:10px;text-decoration:underline;transition:background .2s ease,color .2s ease;color:#191b2e}
.dropdown__item:not(:last-child) .dropdown__link{border-bottom:1px solid #ececec}
.dropdown--active .dropdown__menu{display:block}
.humburger{display:none}
.humburger{position:relative;width:30px;height:20px;cursor:pointer;z-index:101}
.humburger__line{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:100%;height:2px;background:var(--main-color);transition:transform .3s ease}
.humburger__line:after,.humburger__line:before{content:'';position:absolute;left:0;width:100%;height:2px;background:inherit;transition:transform .4s ease .1s,top .3s ease .2s,opacity .5s ease-in-out}
.humburger__line:before{top:-8px}
.humburger__line:after{top:8px}
.humburger--active .humburger__line{transform:rotate(45deg)}
.humburger--active .humburger__line:before{top:0;opacity:0}
.humburger--active .humburger__line:after{top:0;transform:rotate(-90deg)}
.slider .slider-main{position:relative}
.slider .swiper-main{height:100%;position:relative}
.slider .swiper-main .swiper-slide{position:relative;overflow:hidden}
.slider .swiper-main .swiper-slide .slide-content{display:grid;grid-template-columns: 50% 1fr;gap: 30px;min-height:35vh;margin: 20px 0;align-content: center;}
.slider .swiper-main .swiper-slide .slide-text{display:grid;gap:50px;align-content:center;justify-items:flex-start;}
.slider .swiper-main .swiper-slide .slide-text .title{line-height:1;font-weight:500;font-size:3.3em}
.slider .swiper-main .swiper-slide .slide-text .title span{font-weight:600;color:var(--dop-color);}
.slider .swiper-main .swiper-slide .slide-content img{width: 100%;height: 100%;object-fit:scale-down;border-radius:var(--radius);}
.slider .swiper-main .swiper-slide .slide-text .text{font-weight:500;font-size:16px;line-height:140%}


.swiper-buttons{display: flex;align-items: center;gap:15px;}
.swiper-buttons .swiper-button-next,.swiper-buttons .swiper-button-prev{position:static;}
.swiper-button-next,.swiper-button-prev{border-radius:100%;height:40px;width:40px;transition:.5s;background: var(--main-color);color:white;font-size: 1.3rem;    margin: 0;}
.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--dop-color);}
.swiper-button-next:after,.swiper-button-prev:after{content:unset}
.slider .navig{display: flex;align-items: center;justify-content: space-between;gap:10px;}

.slider .slider-main .swiper-pagination{position:static;font-weight:300;line-height:1;font-size:2rem;width:unset;color:#aeaeae;letter-spacing:-3px}
.slider .slider-main .swiper-pagination .swiper-pagination-current{letter-spacing:0;color:#000;font-size:48px}
.slider .slider-main .swiper-pagination .swiper-pagination-total{letter-spacing:0}

.category .category-blocks{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}
.category .category-blocks .category-block{background:#fff;display:grid;padding: 25px;grid-template-rows: 1fr 200px;gap:25px;border-radius:var(--radius);}
.category .category-blocks .category-block:hover{background:var(--main-color);color:#fff}
.category .category-blocks .category-block:nth-child(4n + 2){grid-column:span 2}
.category .category-blocks .category-block:nth-child(4n + 3){grid-column:span 2}
.category .category-blocks .category-block .text{display:grid;grid-gap:20px;}
.category .category-blocks .category-block .text .title{font-weight:600;font-size: 1.3rem;display:grid;grid-auto-flow:column;gap:15px;justify-content: space-between;align-items: center;}
.category .category-blocks .category-block .text .title i{width:40px;height:40px;    border-radius: 100%;display: inline-grid;place-content: center;background:var(--main-color);color:white;transition:.5s;}
.category .category-blocks .category-block .text .intro {font-size: 12px;    line-height: 17px; max-width: 150px;color: grey;}
.category .category-blocks .category-block:hover .text .intro{color:white;}
.category .category-blocks .category-block:hover .title i{background:var(--dop-color);}
.category .category-blocks .category-block img{width:100%;height:100%;object-fit: contain;background: white;border-radius:var(--radius);}

.page .category{padding:0 0 70px;}
.page .about{padding:20px 0 70px;}

.sale .title-box{margin:0 0 40px;display:flex;flex-wrap:wrap;grid-gap:20px;justify-content:space-between;align-items:center}
.sale .title-box .h2{margin:0}
.sale .title-box .all-sales{position:relative;font-weight:600;font-size:16px;margin-right:55px;padding:10px 0}
.sale .title-box .all-sales:after{content:"";transition:.3s;position:absolute;left:calc(100% + 15px);top:calc(50% - 20px);width:40px;height:40px;background:url(/tpl/img/icons/arrow-white.png) no-repeat center,var(--main-color);border-radius:65px;transition:.3s}
.sale .title-box .all-sales:hover:after{background:url(/tpl/img/icons/arrow-white.png) no-repeat center,var(--dop-color)}
.sale .slider-sale{position:relative}
.sale .slider-sale .swiper-sale{height:480px}

.product-block{background:#fff;transition: 0.3s;display:grid;grid-template-rows:200px 1fr;border: 3px solid #e4e4e4; height:100%;box-sizing:border-box;border-radius:var(--radius);    overflow: hidden;}
.product-block:hover{background:#f0f0f0}
.product-block>a{width: 100%;background: white;}
.product-block img{width:100%;height:100%;object-fit:scale-down;}
.product-block .text{padding:15px;display:grid;align-content:space-between;grid-gap:10px}
.product-block .text .top .article{font-weight:500;font-size:12px;color:#a5a5a5;margin-bottom:5px;}
.product-block .text .top .title{font-weight:600;}
.product-block .text .top .grid{display: grid;grid-auto-flow: column;justify-content: flex-start;align-items: center;grid-gap: 10px;}
.product-block .text .top .parameter {font-weight: 500;font-size: 12px;color: #a5a5a5;}
.product-block .text .form{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;grid-gap: 5px;}
.product-block .text .form .price-box{display:grid;grid-gap:5px;justify-content:flex-start}
.product-block .text .form .price-box .old-price{font-weight:500;font-size:16px;text-decoration:line-through;color:#a5a5a5}
.product-block .text .form .price-box .price{font-weight:600;font-size:20px;color:#000}
.product-block .bot{display:grid;gap:15px;}
.product-block .button{background: var(--dop-color);color: white;text-decoration: none;padding: 6px 10px;    font-size: 0.8rem;}
.product-block:hover .button{background: var(--main-color);}
.products .add-cart{position:relative;width:34px;height:34px;padding:0;transition:.3s;cursor:pointer;color:#fff;background:var(--dop-color);border-radius:4px;font-size: 0.9rem;}
.products .add-cart span{opacity:0}
.products .add-cart:hover{background:var(--main-color)}
.table-responsive {overflow-x: auto;}
table.products .price{white-space: nowrap;}
.about .about-blocks{display:grid;grid-template-columns:48% 1fr;grid-gap:40px;align-items:center; margin: 0 0 50px 0;}
.about .about-blocks img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);}
.about .about-blocks .about-block .intro{font-weight:600;font-size:18px;line-height:140%}
.about .about-blocks .about-block .text{font-weight:400;font-size:16px;line-height:140%}

.intro_2 {  font-weight: 500;    font-size: 18px;    line-height: 140%;    color: var(--main-color);    margin: 0 0 10px;}
footer {padding:60px 0 0;background:var(--main-color);color:#ffffffb0;font-weight:400;margin-top:30px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);}
footer a{color:#ffffffb0;font-weight:400;}
footer a:hover{color:white;}
footer .footer-blocks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:40px}
footer .footer-blocks .footer-block{display:grid;align-content:flex-start}
footer .footer-blocks .footer-block .logo{display:grid;}
footer .footer-blocks .footer-block .logo img{height:80px; filter:/* brightness(0) invert(1);*/}
footer .footer-blocks .footer-block .title{margin:0 0 20px;font-weight:600;font-size:1.2rem;color:white;}
footer .footer-blocks .footer-block ul{list-style:none;margin-top:0;padding:0;display:grid;gap:15px}
footer .footer-blocks .footer-block *:last-child{margin-bottom:0;}
footer .footer-blocks .footer-block .list{display: flex;align-items: center;gap: 10px;font-size:1.2rem;}
footer .footer-blocks .footer-block .list i{font-size: 2rem;}
footer .footer-blocks .mail,footer .footer-blocks .phone{color:white;font-size:1.1rem;font-weight:600;}
footer .footer-blocks .footer-block .address{color:#ffffffb0;font-weight:400;font-size:16px}
footer .footer-info{display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap:15px;border-top:1px solid #ffffff30;padding:30px 0;color:#ffffffb0;font-weight:400;font-size:16px;line-height:140%}

.contacts{font-size:16px}
.category.cat-pop{background:0 0}
.otzyvy .h2{display:inline-block;padding-right:40px;background:url(/tpl/img/icons/cabinet.png) no-repeat right center}
.otzyvy .otzyvy-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px}
.otzyvy .otzyvy-blocks .otzyvy-block{display:grid;grid-template-columns:100px 1fr;align-items:center;grid-gap:20px}
.otzyvy .otzyvy-blocks .otzyvy-block img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.otzyvy .otzyvy-blocks .otzyvy-block .text{font-size:16px;color:#777}

.production .tovar-items{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}

.tovar-page{margin:0 0 50px;}
.tovar-page .tovar-page-blocks{display:grid;grid-template-columns:30% auto auto;gap:30px}
.tovar-page .tovar-page-blocks .tovar-page-right-block{    display: grid;justify-items: flex-start;}
.tovar-page .tovar-page-blocks .tovar-page-right-block .more{border-bottom: 1px dotted;}
.tovar-page .tovar-page-blocks h1{font-weight:700;font-size:1.5rem;margin: 0 0 15px;}
.tovar-page .tovar-page-blocks .kolvo{color: #344149;font-weight: 500;font-size: 16px;line-height: 1.4;margin-bottom: 10px;}
.tovar-page .tovar-page-blocks .art{    margin-bottom: 5px;    font-size: 16px;    font-weight: 400;}
.tovar-page .tovar-page-blocks .price-block{display:grid;grid-gap:15px;font-weight: 400;margin:0 0 15px 0;}
.tovar-page .tovar-page-blocks .price{font-size: 22px;    color: var(--main-color);;    font-weight: 800;}
.tovar-page .tovar-page-blocks .old-price{font-size:18px;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#9badc3}
.tovar-page .tovar-page-blocks .availabel{font-weight: 500; font-size: 16px;   color: var(--main-color); display: inline-block; }
.tovar-page .tovar-page-blocks .intro {font-weight:500;font-size:15px;color:#344149}
.tovar-page .tovar-page-blocks .art span{color:var(--main-color)}
.tovar-page hr{background:#bec9d9;border:0;height:1px;    margin: 15px 0;}
.tovar-page .tovar-page-blocks .introtext{font-size:15px;     padding: 15px 0;}
.tovar-page .tovar-page-blocks .introtext ul{line-height: 1.4;}
.tovar-page .tovar-page-blocks .delivery {border-top: 1px solid #c84344;padding-top: 20px;display: grid;grid-auto-flow: column;justify-content: flex-start;grid-gap: 30px;margin-top: 25px;}
.tovar-page .tovar-page-blocks .delivery .delivery-block{display: block;}
.tovar-page .tovar-page-blocks .delivery .delivery-block.company{background:url(/tpl/img/icons/company.png) no-repeat left center;padding:10px 0 10px 60px;}
.tovar-page .tovar-page-blocks .delivery .delivery-block.work{background:url(/tpl/img/icons/work.png) no-repeat left center;padding:10px 0 10px 55px;}
.tovar-page .tovar-page-blocks ul{margin:0;padding:0;list-style:none;display:grid;font-weight:500;grid-gap:10px;font-size:16px}
.tovar-page .tovar-page-blocks ul li{color:#344149}
.tovar-page .tovar-page-blocks ul li span{color:#9badc3}
.tovar-content{background:#f0f1f5;padding:35px 0;}
.tovar-content .h3{margin-bottom:10px;font-size:1.5rem;}
.production-tovar{padding:0 0 50px}

.swiper-gallery{overflow:hidden;width:100%;display:grid;gap:20px;align-content: flex-start;}
.swiper-gallery .swiper-container{width:100%;margin-left:auto;margin-right:auto}
.swiper-gallery .gallery-top{height:350px;width:100%;    border: 3px solid #e4e4e4; background:#fff;border-radius:3px;box-sizing: border-box;border-radius:var(--radius);}
.swiper-gallery .gallery-top a{display:block;    width: 100%;height: 100%;}
.swiper-gallery .gallery-top a img{width:100%;height:100%;object-fit:contain;padding:25px;box-sizing: border-box;}
.swiper-gallery .gallery-top .img-block{padding:25px;width:calc(100% - 52px);height:calc(100% - 52px);border:1px solid #d4e0f1;border-radius:3px}
.swiper-gallery .gallery-top .img-block .img{width:100%;height:100%;background-size:contain!important;background:no-repeat;background-position:center}
.swiper-gallery .swiper-gallery-thumbs{overflow:hidden;position:relative;height: 75px;}
.swiper-gallery .swiper-gallery-thumbs .gallery-thumbs{height:100%;top:0;box-sizing:border-box}
.swiper-gallery .swiper-gallery-thumbs .gallery-thumbs img{padding:5px;cursor:pointer;width:100%;height:100%;object-fit:contain;box-sizing: border-box;border:1px solid #d4e0f1;background:#fff;border-radius:3px}
.swiper-gallery .swiper-gallery-thumbs .gallery-thumbs .swiper-slide-thumb-active img{border-color:#ececec}
.swiper-gallery .swiper-gallery-thumbs .gallery-thumbs .img-block .img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
.swiper-gallery .swiper-gallery-thumbs .swiper-button-next,.swiper-gallery .swiper-gallery-thumbs .swiper-button-prev{color:#4280de;outline:0}
.swiper-gallery .swiper-gallery-thumbs .swiper-button-prev{left:calc(50% - 13px);transform:rotate(90deg);top:2%}
.swiper-gallery .swiper-gallery-thumbs .swiper-button-next{right:calc(50% - 13px);transform:rotate(90deg);top:98%}
.swiper-gallery .swiper-gallery-thumbs .swiper-button-next:after,.swiper-gallery .swiper-gallery-thumbs .swiper-button-prev:after{font-size:22px}

.tovar-page .form{display: grid;gap: 15px;justify-items: flex-start;}

.tovar-page .tovar-page-blocks .numbers{display:inline-flex;align-items: center;background:white;border: 1px solid #FFFFFF14;justify-self: flex-start;}
.tovar-page .tovar-page-blocks .numbers input{width:50px;text-align: center;padding: 0;background:white;}
.tovar-page .tovar-page-blocks .numbers input::-webkit-inner-spin-button{-webkit-appearance:none}
.tovar-page .tovar-page-blocks .numbers span{padding:10px;cursor: pointer;background: none;border-radius:0;transition:.5s;}
.tovar-page .tovar-page-blocks .numbers span:hover{background:var(--dop-color);color:white;}

.tovar-page .form .buy_one{margin:10px 0 0;font-size: 18px;padding: 0;display: block;color: var(--main-color);background: 0;text-transform: none;border-bottom: 1px solid var(--main-color);;width: auto;border-radius: 0;}
.tovar-page .form .buy_zayvka{font-size: 18px;padding: 10px 0 10px 40px;display: block;color:rgb(52, 65, 73);background:url(/tpl/img/icons/raschet.png) no-repeat center left;text-transform: none;width: auto;border-radius: 0;}

.wrapper .banner{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0;object-position:0;margin-bottom:10px}
.wrapper .wrapper-content{display:grid;grid-template-columns:1fr 70%;grid-gap:20px;    margin-bottom: 30px;}
.wrapper .wrapper-content h1{margin: 0 0 15px;    font-weight: 500;    font-size: 1.9em;    letter-spacing: -0.5px;}
.wrapper .wrapper-content .wrapper-left{display:grid;align-content:flex-start;grid-gap:20px;order:0}
.wrapper .wrapper-content .wrapper-right{display:grid;align-content:flex-start;order:1}
.wrapper .wrapper-content .wrapper-right .wrapper-column{display: grid;grid-template-columns: 1fr auto;gap: 20px;align-items: center;margin-bottom:20px;}
.wrapper .wrapper-content .wrapper-right .wrapper-column .cnt *:first-child{margin-top:0;}
.wrapper .wrapper-content .wrapper-right .wrapper-column .cnt *:last-child{margin-bottom:0;}
.wrapper .wrapper-content .wrapper-right .wrapper-column img{    width: 200px;object-fit: contain;}
.wrapper .wrapper-content .wrapper-right .content a{color:#04b;border-bottom:1px #04b dotted}
.wrapper .wrapper-content .wrapper-right .content a:hover{color:#333;border-bottom:1px #333 dotted}
.wrapper .wrapper-content .wrapper-right .content p{color:#555;font-size:17px}
.wrapper .wrapper-content .wrapper-right .content h3{color:#333;font-size:24px}
.wrapper .wrapper-content .wrapper-right .content li{color:#555;font-size:17px}
.wrapper .wrapper-content .wrapper-right .category-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-bottom:20px}
.wrapper .wrapper-content .wrapper-right .category-blocks .category-block{ background: #FFF;   border: 3px solid #e4e4e4; align-items: center;padding: 15px;text-align: center;display: grid;gap: 10px;border-radius:var(--radius);}
.wrapper .wrapper-content .wrapper-right .category-blocks .category-block:hover{box-shadow:0 10px 34px rgba(0,0,0,.1);z-index:1}
.wrapper .wrapper-content .wrapper-right .category-blocks .category-block img{width: 100%;height: 150px;object-fit:scale-down;border-radius:var(--radius);}
.wrapper .wrapper-content .wrapper-right .category-blocks .category-block .introtext{font-size:.9rem;color:gray;}
.tovar-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px}
.tovar-items .tovar-item .text .price-box{grid-auto-flow:row;grid-gap:5px}

.top_text {padding: 10px 0px 25px 0px;}
.content p {    font-weight: 400;    font-size: 17px;    line-height: 140%;    color: #4B4B4B;}
.content ul {}
.content li {    font-weight: 400; padding: 10px 0;   font-size: 17px;    line-height: 160%;    color: #4B4B4B;}
.content {padding:0 0 25px 0;}
.production{margin-bottom:30px;}
.ui-widget-header{background: #f0f0f0!important;}
.filters .title-sub{display:none}
.filter_ttl{text-align:center;font-size:18px;font-weight:600;margin:0 0 25px 0;color:var(--dop-color)}

.f-html{max-width:500px!important;display: grid;border-radius:var(--radius);}
.fancybox-slide--pdf .f-html{max-width:90%!important;}
.f-html form{display: grid;grid-gap: 15px;}
.f-html input {border: 2px #c2d3f1 solid;}
.f-html .h2{text-align:center;font-size: 2rem;margin:0 0 20px;}
.f-html h5{font-size:17px;font-weight:400;padding:0;margin:15px 0;color:#333}
.f-html form input{width:100%;padding:10px 10px 10px 15px;border:2px #c2d3f1 solid}
.f-html form textarea{width:100%;margin:6px 0;padding:10px 10px 10px 15px;border:2px #c2d3f1 solid}
.f-html .form-check{display:flex;align-items:center;-webkit-box-align:center;-webkit-box-pack:justify;-ms-flex-align:center;justify-content:flex-start}
.f-html .form-check input{width:30px;margin:0 0}
.f-html .form-check-label{font-size:12px}
.f-html .small-text-line{font-size:13px;line-height:13px}
.f-html .file span{display: block;background: #c84344;color: white;padding: 10px;}
.f-html .file input{border: 0;font-size: 14px;}

.resultitem{display:grid;grid-template-columns:20% 1fr 21%;align-items:center;justify-items:center;grid-gap:15px;font-size:14px;color:#000!important}
.resultitem .price{font-weight:900}
.ui-menu .ui-menu-item-wrapper{padding:5px 10px!important;}
.ui-state-active{background:#f1f1f1!important;border-color:#f1f1f1!important}
#marketWidget{grid-column-start:1;grid-column-end:6;grid-row-start:3;grid-row-end:3}

.sidebar{padding:35px;margin:0;display:grid;list-style:none;grid-gap:15px;border:0px solid var(--dop-color);background:#fff;font-size:15px;    position: sticky;top: 20px;border-radius:var(--radius);}
.sidebar .ttl {font-weight:600; font-size:1.4rem;}
.sidebar li a{font-weight:500}
.sidebar li.active a{color:var(--main-color);}
.gallery-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;margin:15px 0;min-height:175px}
.gallery-blocks img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}

.blog-content{margin-bottom:50px;}
.blog{padding:100px 0;background:#f0f0f0}
.blog .title-box{margin-bottom:50px;display:flex;flex-wrap:wrap;grid-gap:20px;justify-content:space-between;align-items:center}
.blog .title-box .h2{margin:0}
.blog .title-box .button{padding:15px 30px}
.blog .swiper-blog{height:350px}
.blog-blocks {display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));grid-gap: 30px;margin-bottom: 50px;}
.blog-block{display:grid;grid-gap:20px;align-content:space-between;justify-items:flex-start;border-left:1px solid #a5a5a5;padding:0 20px;height:100%;box-sizing:border-box}
.blog-block .top .date{font-weight:500;font-size:16px;color:#a5a5a5}
.blog-block .top .h3{margin:20px 0 15px}
.blog-block .top .text{font-size:14px;line-height:140%;color:#4b4b4b}
.blog-block .more{position:relative;display:inline-block;font-weight:600;font-size:16px;color:#241e40;padding:10px 0}
.blog-block .more:after{content:"";position:absolute;transition:.3s;background:url(/tpl/img/icons/arrow-white.png) no-repeat center,var(--main-color);border-radius:65px;width:40px;height:40px;left:calc(100% + 10px);top:calc(50% - 21px);transform:rotate(320deg)}
.blog-block .more:hover:after{background:url(/tpl/img/icons/arrow-white.png) no-repeat center,var(--dop-color)}

.blog-content .h3{margin-bottom:15px}
.blog-content a{color:var(--main-color);text-decoration:underline}
.blog-content ol,.blog-content ul{list-style:none;padding:0;display:grid;grid-gap:10px}
.blog-content ol li,.blog-content ul li{position:relative;padding-left:20px}
.blog-content ol li:before,.blog-content ul li:before{content:"";position:absolute;width:10px;height:10px;left:0;top:calc(50% - 5px);background-color:var(--dop-color);border-radius:50%;z-index:-1}

.social-fixed{position:fixed;right:0;top:calc(50% - 56px);border:1px solid rgba(128,138,146,.4);display:grid;grid-gap:10px;padding:10px;background:#ffffff1a;z-index:5}
.social-fixed .icon{position:relative;width:40px;height:40px}
.social-fixed .icon:not(:last-child):after{content:"";position:absolute;top:calc(100% + 5px);left:15%;width:70%;height:1px;background:#d1d1d1}
.social-fixed .icon.telegram{background:url(/tpl/img/icons/telegram-hover.png) no-repeat center}
.social-fixed .icon.whatsapp{background:url(/tpl/img/icons/whatsapp-hover.png) no-repeat center}

#msCart{margin-bottom:15px;}
table{border-collapse: collapse;width: 100%;}
table td,table th{padding:10px 18px;box-sizing: border-box;    text-align: center;}
table th{    background: var(--dop-color);color:white;    font-weight: 600;}
table td.img{padding: 10px;}
table td.img a{display: grid;}
table img{min-width:50px;width:50px;}
table tr{border:1px solid #f0f0f0;}
table tr:nth-child(2n){background: #e8e8e8;}
table .ms-cost {min-width: 150px;}
table .form-group input{padding:10px;text-align:center;width:55px;color:#707070;border:1px solid #cacaca;border-radius:5px}
table .form-group .minus{background:#f1f1f1;border:0;color:#000;cursor:pointer}
table .form-group .plus{background:#f1f1f1;border:0;color:#000;cursor:pointer}
table .btn-default{border:0;cursor:pointer;padding:10px 15px;background:var(--main-color);color: white;}
table .table-responsive{width:100%;overflow-y:auto}
table .table-striped{width:100%;border-spacing:0;border-collapse:collapse;text-align:center}
#msCart .count{display:table-cell}
#msCart .busket_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#msCart .title a{color:#333;text-decoration:none}
#msCart .ms-count .numbers{display:inline-flex;align-items: center;background:white;border: 1px solid #FFFFFF14;justify-self: flex-start;}
#msCart .ms-count .numbers input{width:50px;text-align: center;padding: 0;background:white;}
#msCart .ms-count .numbers input::-webkit-inner-spin-button{-webkit-appearance:none}
#msCart .ms-count .numbers button{padding:10px;cursor: pointer;background: none;border-radius:0;}
#msCart .ms-count .numbers button:hover{background:var(--dop-color);color:white;}
#msOrder{margin:0px 0 50px!important;display:grid;grid-gap:20px;background:#f0f0f0;border:1px solid #f0f0f0;}
#msOrder input,#msOrder textarea{background: white;}
#msOrder .form-items-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px}
#msOrder .form-items-2{display:grid;grid-gap:20px}
#msOrder #payments .payment{cursor:pointer;}
#msOrder #payments .form-group {display: flex;flex-wrap: wrap;grid-gap: 15px;}
#msOrder #payments .form-group input{margin: 0px 5px 0px 0;}
#msOrder #payments .form-group label{width:auto;float:none}
#msOrder .js-cart-btn.loading{position: relative;color:transparent;}
#msOrder .js-cart-btn.loading:after{content: '';width:100%;height:70%;background: url("/tpl/img/icons/loader.gif") center/contain no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.form-group-2 {display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));grid-gap: 25px;}
.form-group-3 {display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));grid-gap: 25px;}
.btn-exit{padding:10px;}

.product-block .colorchoose-blocks .colorchoose-link{height:30px;width:30px;}
.wrapper-content #mse2_form{display:none;}
.podcategory-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:20px;}
.podcategory-blocks .podcategory-block{position: relative;display: flex;place-items: center;justify-content: center;}
.podcategory-blocks .podcategory-block:before{content:'';position:absolute;height:100%;width:100%;background: #0000008f;transition:0.3s;}
.podcategory-blocks .podcategory-block:hover:before{background:#000000bd;}
.podcategory-blocks .podcategory-block img{width:100%;height:100%;object-fit:scale-down;}
.podcategory-blocks .podcategory-block .title{position:absolute;    color: white;font-weight: 600;text-align: center;font-size: 18px;padding: 10px;}
.mse2_pagination{background:var(--dop-color);padding: 10px;margin: 0;list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-gap:7px;}
.mse2_pagination .page-link{height: 24px;width: 24px;background: white;display: grid;place-content: center;}
.tovar-wrapper .row {display: flex;flex-wrap: wrap;align-content: flex-start;}
.tovar-wrapper .col-4 {padding-right: 10px;padding-left: 10px;}
.tovar-wrapper .col-6 {flex: 0 0 40%;padding-right: 10px;padding-left: 10px;}
.tovar-wrapper .col-8 {flex: 0 0 55%;padding-right: 10px;padding-left: 10px;}
.tovar-wrapper .tech-descriptions div {margin-bottom: 0.5rem;font-size: .8rem; color: #db0000;}
.tovar-wrapper .tech-descriptions div:nth-child(odd) {padding-bottom: 0.2rem;vertical-align: top;color: #282f3a;border-bottom: 1px dotted #aab2bd;}
.tovar-wrapper {display: grid;grid-template-columns: 1fr 1fr;    grid-gap: 30px;}
.swiper-popular .swiper-slide{height: auto;}

.swiper-company a{display:grid;}
.swiper-company .swiper-slide{height:auto;}
.swiper-company img{width:100%;height:100%;object-fit:cover;}
@media (max-width:768px){
    :root{--radius:5px;}
    .swiper-buttons{gap:10px;}
    .swiper-button-next, .swiper-button-prev {height: 35px;width: 35px;}
    html,input,textarea{font-size:14px}
    .h1,h1{font-size:2rem;    margin: 0 0 20px;}
    .h2,h2{font-size:1.5rem;    margin: 0 0 20px;}
    .h3,h3{font-size:1.3rem;    margin: 0 0 20px;}
    .h-box{margin-bottom:20px;}
    section{    margin: 25px 0;}
    .button-fixed {font-size: 1.5rem;width: 50px;height: 50px;}
    .social-fixed{border:none;background:0 0;padding:0}
    .humburger{display:block}
    .navbar .nav{position:absolute;top: calc(100% + 10px);left:0;display:none;flex-direction:column;padding:20px;width:calc(100% - 40px);background:#fff;box-shadow:0 10px 34px rgb(0 0 0 / 10%);border-radius: var(--radius);grid-gap:20px;align-items:flex-start}
    .navbar .nav .dropdown__menu{box-shadow:none;display:grid;grid-gap:15px;position:relative;padding:20px 0;border-bottom:1px solid #ececec}
    .navbar .nav .dropdown__link{padding:0;border:0;}
    .otzyvy .otzyvy-blocks .otzyvy-block{grid-template-rows:100px 1fr;grid-template-columns:100%}
    .tovar-page .cart-container{grid-template-columns:100%}
    .tovar-page .cart-container .cart-information-blocks{grid-template-columns:100%}
    .tovar-page .cart-container .nachislenie{flex-wrap:wrap}
    .wrapper .wrapper-content{grid-template-columns:100%}
    .f-html-content{width:unset!important}
    .main{background:#f0f0f0;}
    header{padding:15px 0;}
    header .header-blocks{gap:10px;}
    header .header-right-blocks{grid-gap:5px}
    header .header-blocks .header-block-logo{font-size: 17px;}
    header .header-blocks .header-block-logo .logo{width: 35px;height: 35px;}
    header .header-right-blocks .header-right-block .title,header .header-right-blocks .msMiniCart .msMiniCart-block .title{display:none}
    header .header-blocks .logo img{height:35px;}
    header .header-right-blocks .header-right-block:nth-child(1){display:block}
    
    .slider .slider-main .pagination-box{top:-10px}
    .slider .swiper-main .swiper-slide .slide-content{grid-template-columns:100%;    gap: 15px;}
    .slider .swiper-main .swiper-slide .slide-content .slide-text{grid-gap:25px;margin:0}
    .slider .swiper-main .swiper-slide .slide-content .slide-text .title{font-size:1.5rem}
    .slider .swiper-main .swiper-slide .slide-content img{order: -1;}
    
    .category .category-blocks{grid-template-columns:1fr;grid-gap:10px}
    .category .category-blocks .category-block{grid-template-columns: 100%;grid-template-rows: 1fr 150px;gap: 15px;grid-column: auto !important;    padding: 20px;}
    .category .category-blocks .category-block .text .link{display:none}

    .about .about-blocks{grid-template-columns:100%}
    .about .about-blocks img{max-height:160px}
    .blog .swiper-blog{height:400px}
    
    footer {padding: 30px 0 0;margin-top:25px;}
    footer .footer-blocks{grid-template-columns:100%;justify-items: flex-start;}
    footer .footer-blocks .footer-block .logo img {height:60px;}
    
    .tovar-page .cart-container .cart-information-blocks .cart-information-block .cart-parameters .parameter{grid-template-columns: 50% 1fr;grid-gap:5px;}
    .tovar-page .cart-container .cart-information-blocks .cart-information-block-buy .button {background: url(/tpl/img/icons/busket-white.png) no-repeat 85% center, var(--main-color);padding: 15px 60px 15px 30px;}
    .tovar-page .tovar-content{padding: 20px 15px;}
    .tovar-page .tovar-page-blocks{gap:20px}
    
    .wrapper .wrapper-content .wrapper-left{order:1;}
    .category .category-blocks .category-block .text .intro{display:none;}
    .wrapper-content #mse2_form{width:100%;display:flex;}
    .wrapper .wrapper-content .wrapper-right .category-blocks{    grid-template-columns: 1fr 1fr;gap: 15px;}
    .wrapper .wrapper-content .wrapper-right .category-blocks .category-block img{height:100px;}
    .tovar-page .tovar-page-blocks{    display: grid;grid-template-columns: 100%;}
    .swiper-gallery .gallery-top {height: 200px;}
    .swiper-gallery .gallery-top a img{padding: 15px;}
    .tovar-page .tovar-page-blocks .tovar-page-right-block{grid-template-columns: 100%;}
    ul.ui-widget.ui-widget-content {left: 10px!important;min-width: 92%;}
    .product-block{grid-template-rows: 150px 1fr;}
    .wrapper .wrapper-content .wrapper-right .wrapper-column{grid-template-columns: 100%;}
    .navbar__container{order:3;}
}