* {box-sizing: border-box;   }
input[type="text"]:focus { outline: none; }
textarea:focus { outline: none; }
input, button { -webkit-appearance: none;-moz-appearance: none;appearance: none; 	font-family: 'Montserrat';  } 
img {border:0px;} 
a {text-decoration:none; color:#000;}
body{padding: 0; margin: 0;  position: relative; color:#000; 	background:#f4f4f4;  box-sizing: border-box;  font-size: 14px;      	font-family: 'Montserrat'; }
.flexy {display:flex; flex-wrap: wrap; justify-content: space-between;}
.flex {display:flex; flex-wrap: wrap;}
.wrapper {max-width:1200px; margin:0px auto; position:relative;  }
.wrapp {max-width:1200px; margin:0px auto; position:relative;  }
.logo {font-family: Days; font-size: 25px; line-height: 1; text-transform: uppercase; text-align: right; width: 140px}
.logo span  {color:#3593ca; display: block; margin-top:-5px}
.footer_active, .takecat.div.closo {
    opacity: 0.7 !important;
} {
    opacity: 0.6 !important;
}
.forma {width: 400px; margin: auto; margin-top:70px; margin-bottom: 120px;} 
.forma_name { font-size: 19px; text-align: center;  font-weight: 500; text-transform: uppercase; margin-bottom: 15px}
.forma button {width: 100%; height: 46px; max-width: 290px; display: block; margin: auto; margin-top:30px; text-align: center; color:#fff; line-height: 43px; font-size: 19px;  background-color: #0186c4; border-radius: 5px; cursor: pointer; border: 0px;}
.forma button:hover {opacity: 0.6;}
.int {width: 100%; height: 52px; border: 1px solid #b2babe; background-color: #fff !important; border-radius: 10px;  box-sizing: border-box; padding: 0px 15px; font-size: 15px;  margin-bottom: 15px;}
.what {
  font-weight: 500;
  margin:
15px 0px;
  text-align: center;
}
.wrapper > u:hover {
    opacity: 0.7;
    cursor: pointer;
}
@media (max-width: 768px) {
    .hvr__dots .hvr__dot:nth-child(n+6) {
        display: none;
    }
 /*    .favor, .defavor {
        width: 80px !important;
        height: 60px !important;
        display: flex !important;
        justify-content: end !important;
        top: -2px !important;
        right: 20px !important;
    }*/
}

При клике (активном состоянии) */
.wrapper > u:active {
    opacity: 0.7;
}

.swal2-popup .swal2-title {
  display: block;
  position: relative;
  max-width: 100%;
  margin: 0 0 .4em;
  padding: 0;
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}
.mainsg {margin: 15px 0px;}

.grm  { padding: 10px; border-bottom: 1px solid #e4e4e4;}
.grm a {color:#000 !important; text-decoration: none !important;}
 .cl1 { width:250px; margin-bottom: 15px;}
 .cl2 { width: calc(100% - 280px)}
 .swal2-popup .swal2-styled.swal2-confirm {
  border: 0;
    border-right-color: currentcolor;
    border-left-color: currentcolor;
  border-radius: .25em;
  background-color: #447bba !important;
  color: #fff;
  font-size: 16px !important;
}

/* обязательные стили */

.hvr__images {
  position: relative;width: 100%; height: 100%;
}

.hvr__sectors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;z-index: 5;
}

.hvr__sector {
  flex-grow: 1;
}

/* не обязательные стили */
 
.hvr {width: 100%; height: 100%;}
.images {
  display: flex;
  overflow: hidden; width: 100%; height: 100%;
}

.image {
  display: block; object-fit: cover; width: 100%;height: 100%;
}

.hvr__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
 z-index: 6;
  bottom: 10px;
 
  width: 70px; margin-left: calc(50% - 35px);background:
  rgba(90, 90, 90, 0.5);
    border-radius:
  15px;
}
 

.hvr__dot {
  width: 5px;
  height: 5px;
  margin: 4px 2px 4px;
  border-radius: 100%;
  background: #d6dbe0;
}

.hvr__dot--active {
  background: #000;  border-radius: 100%;
}



.err {padding: 15px 0px; color:#e84d31; font-weight: 600;}
.infos { width: 300px;}
.seach {width: calc(100% - 500px);}
.vipusk iframe {background-color: #e2e2e2;}
.seach .search {width: calc(100% - 50px); height: 45px; background-color: #fff; border-radius: 8px; position: relative; overflow: hidden;}
.seach .butt {width: 45px; height:45px; background-color: #3593ca; border:0px !important; border-radius: 8px;padding: 8.5px; cursor: pointer;}
.seach .butt:hover { background-color: #272727;}
.seach .butt svg {width: 28px; height: 28px; }
.search .catin {background-color: #d7f0ff; width: 100px;text-align: center; text-transform: uppercase; color: #0186c4; font-size: 11px; height: 45px; line-height: 45px; cursor: pointer;}
.search .catin2 {background-color: #d7f0ff; width: 100px;text-align: center; text-transform: uppercase; color: #0186c4; font-size: 11px; height: 45px; line-height: 45px; cursor: pointer;}
.search input {  width: calc(100% - 100px); height: 45px; border: 0px; background-color: #fff; padding: 10px; box-sizing: border-box;}
.search .catin:hover {background-color: #cae5f5; }
.catin svg {height: 15px; margin-bottom: -3px;}
.catin2 svg {height: 15px; margin-bottom: -3px;}
.infos svg {height: 20px;  display: inline-block; position: relative; top:0px; left:0px; right: 0px; left: 0px;}
.infos .fav {text-align: center; width: 33%; cursor: pointer;}
.infos .login {text-align: center; width: 33%; cursor: pointer;}
.infos .cart, .infos .fav {text-align: center; width: 33%; cursor: pointer; position: relative;}
.infos .cart .count, .infos .fav .count {width: 14px; height: 14px; background-color: #0186c4; color: #fff; border-radius: 7px; position: absolute; top: 10px; right: 27px; font-size: 11px; z-index: 888;}
.mcart .count, .mfav .count {width: 14px; height: 14px; background-color: #0186c4; color: #fff; border-radius: 7px; position: absolute; top: 10px; right: 27px; font-size: 11px; z-index: 888;}
.mcart, .mfav  {position: relative;}
.sovetpays {padding: 10px;
  border-left: 5px solid #3593ca; margin-bottom: 10px;}
.infos .cart:hover, .infos .login:hover, .infos .fav:hover  {color: #0186c4; text-decoration: underline;}
.infos {font-size: 13px;}
.write svg { height: 21px; margin-bottom: -4px; margin-right: 10px; margin-left: 5px;}
.ctr {width:1px; height: 40px;background-color: #cacaca; box-shadow: 1px 1px 0px #fff;}
.write a {text-decoration: underline;}
.orders span {font-weight: 300; font-size: 13px; display: block ;}
.topmenu {border-bottom: 1px solid #e6e6e6; margin:0px 0px 0px; box-shadow: 0px 1px 0px #fff; padding: 25px 10px 15px;  }
.orders .mts {color:#c21515;}
.orders .mgf {color:#347f06;}
.top {padding:5px 0px 15px;   border-bottom: 1px solid #e6e6e6; margin: 15px 0px; box-shadow: 0px 1px 0px #fff;}
.tt {color: #0186c4; margin-top: -15px;}
.write {font-weight: 600; margin-top: -3px;}
.orders {font-weight: 600; width: 450px;}
.socials div{ width: 60%;}
.cn {border-bottom: 1px solid #f1f1f1;}
.cn div {padding: 10px; }
.cn .pic {width: 50px; position: relative; overflow: hidden; height: 50px; border-radius: 7px;}
.cn .pic img {width: 100%; height: 100%; object-fit: cover;}
.cn .kolo {width: 100%; height: 25px; border: 1px solid #c4e1ff; border-radius: 5px; text-align: center;}
.cn .namer {width: calc(100% - 280px);  }
.cn .price {width: 100px; font-size: 14px; padding-top: 14px;}
.cn .kol {width: 60px;}
.cn .dl {width: 40px; cursor: pointer;}
.cn .dl  svg{width: 100%;}
.itog {font-size:18px; margin: 15px 0px; width: 100%; text-align: right;}
.nowcity {font-weight: 600;color:#3593ca;}
.nowcity svg {height: 13px; margin-bottom: -1px; }

.itog input {padding: 15px; border: 1px solid #ffff;}
.main {min-height: 650px; padding: 30px 10px;}

.footer {background-color: #e6e6e6; min-height: 250px; width: 100%;}
.podpis { min-height: 50px; width: 100%; background: rgb(10,98,166);  background: linear-gradient(173deg, rgba(10,98,166,1) 9%, rgba(88,186,219,1) 57%, rgba(1,147,196,1) 100%);
text-align: center; font-weight: 300; color:#fff; box-sizing: border-box; padding: 15px 0; position: relative; overflow: hidden;
}
.podpis span {font-weight: 700;}
.podpis a {display: inline-block; height: 30px; font-weight: 700; width:160px; background-color: #0186c4; border-radius: 15px; color:#fff; line-height: 30px;}
.podpis a svg {height: 21px; margin-bottom: -5px;}

.podpis a:hover {background-color: #272727;}


.okorder .seach {
  width: 100%;
  margin:
0px 0px 15px;
}




.otzivs {width: 100%; margin-bottom: 10px; margin-top: 20px;}
.otzivs .picor {width: 48px; height:48px; border-radius: 30px; background-color: #ebf7ff; text-align: center; line-height: 48px; font-size: 30px; color: #acc6d7; }
.otzivs .textor {width: calc(100% - 60px); }
.otzivs .textor .picer {width: 70px; height:70px; border-radius: 10px; margin-top: 15px; position: relative; overflow: hidden;}
.otzivs .textor .picer img {width: 100%; height: 100%; object-fit: cover;}
.otzivs .textor .namer {margin-bottom: 3px; }
.otzivs .textor .namer .nam { font-weight: 700; font-size:16px; width: 50%;}
.otzivs .textor .namer .nam  div { color:#2475a4; font-weight:500; font-size: 13px;}
.otzivs .textor .namer .star { color: rgba(0,26,52,.6); font-size:13px; width: 40%; }

.otver {width: 95%; margin-left: 5%; margin-top: 25px;}
.klor {width: 50%}
.foot a:hover {opacity: 0.6;}

.foot {padding: 25px 0px;}
.logos {font-family: Days; font-size: 25px; color:#000; line-height: 1; text-transform: uppercase; text-align: right; width: 156px}
.logos span  {color:#3593ca; }
.cops {font-family: Days; font-size: 15px;color:#000; margin-bottom: 30px;}
.flogo {width:280px ; font-size: 12px; color:#737373}
.polity a {padding-bottom: 6px; display: inline-block; color:#737373; text-decoration: underline;}
.col1 {width: 15%;}
.col1  .a {padding: 6px 0px;}
.col3  .a {padding: 6px 0px;}
.col2 {width:  20%;}
.col3 {width:  20%;}
.col4 {width:  50px;}
.col2  .a {padding: 6px 0px;}
.col2  .amg {padding: 6px 0px;}
.col2  .amt  span {color: #b30707;}
.col2  .amg  span {color: #44a038;}
.col2  .amt {padding: 6px 0px;}
.fname {font-size: 15px; margin-bottom: 10px; font-weight: 700;}
.polity {margin-top: 20px;}

.feedo {width: 170px; height: 35px; border-radius: 25px; cursor: pointer; background-color: #0186c4; text-align: center; line-height: 35px; margin: 10px 0px; color: #fff;}
.feedo:hover {background-color: #272727;}
.tocity {margin-bottom: 15px;}
.tocity  svg {height: 10px;}
.fot_vk { width: 40px; height: 40px;  background: #fff; border-radius: 25px; text-align: center; padding-top: 8px; }
.fot_t { width: 40px; height: 40px;  background: #fff; border-radius: 25px;text-align: center; padding-top: 10px;}
.fot_w { width: 40px; height: 40px;  background: #fff; border-radius: 25px;text-align: center; padding-top:10px;}
.fot_vk svg{ height: 25px;}
.fot_t svg{ height: 22px;}
.fot_w svg{ height: 22px;}
.fot_social {width: 170px; margin-top: 15px;}
.fot_pay {width:100%;}
.fot_vk:hover {  background:url(img/fot_ic_vk.png) 50% 50% no-repeat #f1f1f1;  opacity:0.9; }
.fot_t:hover { background:url(img/fot_ic_t.png) 50% 50% no-repeat #f1f1f1; opacity:0.9;   }
.fot_w:hover { background:url(img/fot_ic_w.png) 50% 50% no-repeat #f1f1f1;  opacity:0.9;  }
.hand {position: absolute; right: 110px; height: 50px;  top:5px}


.fot_q { width: 50px; height: 50px;  background:url(img/fot_qiwi.png) 50% 50% no-repeat #fff; border-radius: 25px; margin-bottom: 10px;}
.fot_s { width: 50px; height: 50px;  background:url(img/fot_sbp.png) 50% 50% no-repeat #fff; border-radius: 25px; margin-bottom: 10px;}
.fot_v { width: 50px; height: 50px;  background:url(img/fot_visa.png) 50% 50% no-repeat #fff; border-radius: 25px; margin-bottom: 10px;}
.fot_m { width: 50px; height: 50px;  background:url(img/fot_mir.png) 50% 50% no-repeat #fff; border-radius: 25px;}
.fot_q:hover { background:url(img/fot_qiwi.png) 50% 50% no-repeat #dbe8fe;}
.fot_s:hover { background:url(img/fot_sbp.png) 50% 50% no-repeat #dbe8fe;}
.fot_v:hover { background:url(img/fot_visa.png) 50% 50% no-repeat #dbe8fe;}
.fot_m:hover { background:url(img/fot_mir.png) 50% 50% no-repeat #dbe8fe;}


.product .new {width: 230px; height: 900px; overflow-x: scroll;}
.product .all {width: calc(100% - 240px);}
.product .new .procard {width: 100%; margin-bottom: 12px;}
.menus {width: calc(100% - 330px); font-weight: 700; padding: 0px 10px;}
.socials {width: 250px; font-weight: 600; color:#555555; padding-right: 5px;}
.menus a:hover {color: #0186c4; text-decoration: underline;}
.menu {border-bottom: 1px solid #e6e6e6; margin:0px 0px 0px; box-shadow: 0px 1px 0px #fff; padding: 0px 0px 15px;}

.slaiders  a { color:#fff !important; }
.head {margin: 0px 10px;}


.slaider {margin-top:20px;}


.komp {height: 190px; width: 100%; overflow-x: scroll;}


.vitrina {width: 100%; margin: 25px 0px 25px;}

.vitrina .carusel {width: 400px;}
.vitrina .carusel .small {width: 70px;}
.vitrina .carusel .small div {width: 70px; height: 70px; border: 2px solid #fff; border-radius: 10px; overflow: hidden; position: relative; border-radius: 10px; cursor: pointer;}
.vitrina .carusel .small div:hover {opacity: 0.8;}
.vitrina .carusel .small .active {border: 2px solid #0186c4;}
.vitrina .carusel .small div img { width: 100%; height: 100%; object-fit: cover;}
.vitrina .carusel .full { width: calc(100% - 80px);
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  aspect-ratio: 3 / 4;}
.vitrina .carusel .full img {width: 100%; height: 100%; object-fit: cover;}
.vitrina .text {width: calc(100% - 420px);}
.vitrina .text ul {list-style: none; margin: 0; padding: 0;}

.buyer {width: 400px; margin-bottom: 20px;}
.addcarts {width: 48%;
  height: 35px;
  background-color: #447bba;
  text-align: center;
  line-height: 35px;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;}
  .addcarts:hover {background-color: #000000; color:#fff}
  .addfavor:hover {background-color: #767676; color:#ffffff}
.addfavor { width: 48%;
  height: 35px;
  background-color: #eeeeee;
  text-align: center;
  line-height: 35px;
  color: #447bba;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;}
.sklad {padding: 0px 0px 10px; color:#44a038}
.price {padding: 10px 0px 5px; width: 200px; font-size: 18px; font-weight: 700;}
.price .old { text-align: left; color:#aaaaaa;  text-decoration: line-through; font-weight: 500;}
.price div {width: 50%;}
.stars svg{ height: 14px; margin-right: 1px; margin-bottom: -1px;}
.stars {color:#555555; margin-bottom: 15px;  font-size: 13px;}
.addotz:hover {background-color: #000000; color:#fff}

.comto {border:1px solid #c0c0c0; width: 80%; height: 80px; font-size: 14px; background-color: unset; margin-bottom: 5px; box-sizing: border-box; padding: 10px; font-family: 'Montserrat';  margin-top: 20px; border-radius: 10px;}
.addotz2 {width: 180px;
  height: 30px;
  background-color: #447bba;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 10px;
  font-weight: 500; margin-top: 0px;
  cursor: pointer;}
.addotz {width: 180px;
  height: 30px;
  background-color: #447bba;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 10px;
  font-weight: 500; margin-top: 15px;
  cursor: pointer;}

  .sending .nava {padding-left: 25px; padding-bottom: 15px; border-bottom:
    1px solid #e3e3e3;}
  .sending .nava li {padding-top: 7px}

  .upotziv {width: 80%; margin-top: 15px;}
.full-stars {
    text-align: left; width: 25%; padding-left: 20px;
}

.sortpul {margin-bottom: 8px; font-weight: 500; margin-left:-5px}
.sortpul input  {-webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;}
.opfile {width: 40%;}
.opfile input {margin-left: 8px;}
.full-stars .rating-group {
    display: inline-flex;
}
.full-stars input {
    position: absolute;
    left: -9999px;
}
.caker {width: 1px; height: 1px; border:0px;}
.full-stars label {
    margin: 0;
    cursor: pointer;
}
.full-stars label svg {
    margin: 2px;
    height: 20px;
    width: 20px;
    fill: #205a8d;
    transition: fill 0.3s;
}
.full-stars input:checked ~ label svg {
    fill: #BFE2FF;
}
.full-stars .rating-group:hover label svg {
    fill: #337AB7;
}
.full-stars .rating-group input:hover ~ label svg {
    fill: #BFE2FF;
}
.navtab { font-weight: 600; font-size: 18px;}
.otz { font-weight: 600; font-size: 18px; margin-bottom: 10px;}
.navtab  span { cursor: pointer;
  color: #717171;
  border-bottom: 2px solid #d0d0d0;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;}
.navtab .act {color: #000;  border-bottom: 2px solid #447bba; text-decoration: none; cursor: unset;}


.otz  span { cursor: pointer;
  color: #717171;
  border-bottom: 2px solid #d0d0d0;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;}
.otz .act {color: #000;  border-bottom: 2px solid #447bba; text-decoration: none; cursor: unset;}

.line {width: 100%; height: 1px; background: #f0f0f0; margin: 40px 0px;}

.socials img:hover {opacity: 0.6;}

h1,h2,h3,h4 {margin: 0; padding: 0;}
.breadcrumbs {font-size: 14px; margin-bottom: 0px; color:#737373}
.intext a {color: #0186c4; text-decoration: underline;}
.breadcrumbs a {color: #0186c4;}
._name h2 {padding: 10px 0px; font-size: 19px;}
._name h1 {padding: 10px 0px; font-size: 19px;}
._name h2 img {height: 20px;}
._name a{padding: 12px 0px;    color: #0186c4;}
.botmen {display: none;}
._name svg {height: 15px;}
.bold {font-weight: 600; font-size: 16px; padding: 10px 0px;}
.intext p {line-height: 1.5;}
.delit {color:#555555 !important; text-decoration: none !important;}
.intext h3 {padding: 10px 0px 5px; font-size: 19px; color: #0186c4;}
.intext h4 {padding: 10px 0px 5px; font-size: 19px; color: #000000;}
.intext li {padding: 5px 0px;}
.fill svg {height: 14px; margin-bottom: -6px; display: none;}
.fill   {display: none;}

.blocker {width:100%; box-sizing: border-box; padding: 15px 30px; border-radius: 10px; margin: 25px 0px; min-height: 100px; background-color: #fff;}
.blocker2 {width:100%; box-sizing: border-box; padding: 15px 30px; border-radius: 10px; margin: 25px 0px; min-height: 100px; }
.blocker3 {width:calc(100% - 260px); box-sizing: border-box; padding: 15px 30px; border-radius: 10px; margin: 25px 0px; min-height: 100px;  background-color: #fff; }
.prs {width: 250px; margin: 25px 0px; background: #fff;
  border-radius: 10px;
  padding: 15px;}
.precard {width: 400px; height:150px; position: relative; margin: auto; box-sizing: border-box; border: 1px solid #dcdcdc; border-radius: 8px; padding: 10px; margin-top: 15px; margin-bottom: 15px;}
.precard .pc {width: 130px; height:130px; position: relative; overflow: hidden; border-radius: 5px;}
.precard .pc img {width: 100%; height: 100%; object-fit: cover;}
.precard .tx {width: calc(100% - 160px);   font-family: 'Montserrat'; font-size: 15px;}
.precard .tx div {font-weight: 300; margin: 10px 0px 18px; font-size: 14px;}
.precard .tx a {background-color: #f0f0f0; padding: 6px 15px; border-radius: 10px; color:#000; text-decoration: none; font-size: 14px;}
.sltext {width: 1000px; margin: auto; height: 450px; position: relative; overflow: hidden;}
.statnamer {width: 1000px; margin: auto;   margin-top:10px; margin-bottom: 20px; position: relative; overflow: hidden;}
.sltext img {width: 100%; height: 100%; object-fit: cover;}

.sr2 {display: none;}

.infa {margin: 10px 0px; padding-left: 15px; border-left: 5px solid #333; font-style: italic;}
.infa a {color: #0186c4; text-decoration: underline;}
.sl {width: 100%; height: 350px; background: url(img/bgsl].jpg); position: relative; overflow: hidden; border-radius: 10px;}
.owl-nav {display: none;}
.sl img {width: 100%; height: 100%; object-fit: cover;}
._text {width: 100%; height: 100%; position: relative;}
._text ._nm {width: 55%; box-sizing: border-box; padding: 70px 80px; color: #fff;}
._text ._nm .h1 { font-size: 36px; font-family: Days; margin-bottom: 15px;}
._text ._nm .but { font-size: 19px;   width: 250px; height: 45px;cursor: pointer; line-height: 40px; font-weight: 600; border: 2px solid #fff; border-radius: 10px; margin-top: 20px; text-align: center;}
._text ._nm .but img {height: 17px; margin-bottom: -2px;}
._text ._nm .but:hover {opacity: 0.6;}
._text ._pc {width:45%; box-sizing: border-box; padding-right: 70px; padding-top: 8px;}
._text ._pc img {width:100%}

.sl .prev {width: 50px; height:50px; background-color: rgb(10,98,166, 0.5); position: absolute; top: 140px; left: 10px; border-radius: 8px; text-align: center; padding-top: 8px; cursor: pointer; z-index: 5;}
.sl .next {width: 50px; height:50px; background-color: rgb(10,98,166, 0.5); position: absolute; top: 140px; right: 10px; border-radius: 8px; text-align: center; padding-top: 8px;cursor: pointer;z-index: 5;}
.sl .prev:hover, .sl .next:hover {background-color: rgba(176, 204, 226, 0.7);}
 
.slpro {width: 100%; margin: 10px 0px;}
.slpro2 {width: 100%; margin: 10px 0px;}
.slpro3 {width: 100%; margin: 10px 0px;}
.procard {width:100%; min-height: 400px;}
.procard .pics {aspect-ratio: 3 / 4; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 11px;}
.procard .pics img {object-fit: cover; width: 100%; height: 100%; position: relative; z-index: 1;}
.procard .price {width: 100%; font-weight: 700; font-size: 16px; margin-bottom: 5px; padding: 0px 5px;}
.procard .name  {
  margin-bottom: 7px;
  font-size: 14px;
  padding: 0px 5px;
  min-height: 55px;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;  overflow-wrap: break-word; /* Перенос слов */
    word-wrap: break-word;     /* Для старых браузеров */
    hyphens: auto;             /* Автоматическое добавление дефиса при переносе */
    -webkit-hyphens: auto;     /* Для Safari */
    -ms-hyphens: auto;         /* Для IE */
}
.procard .adcart {width: 100%; height: 35px; background-color: #447bba; text-align: center; line-height: 35px; color:#fff; border-radius: 10px; font-weight: 600; cursor: pointer;}
.procard .adcart:hover {background-color: #272727;}
.selnav {background-color: rgba(44, 44, 44, 0.4); width: 30%; height: 15px; border-radius: 15px; position: absolute; bottom: 10px; left:35%; z-index: 2; box-sizing: border-box; padding: 2.4px 10px;}
.selnav div {width: 10px; height: 10px; content: ""; background-color: #bababa; border-radius: 15px; cursor: pointer;}
.selnav .active {background-color: #ffffff !important;}
.favor {width: 50px;
  height: 50px;
  z-index: 40;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;}
.favor svg {width: 20px;}
.favor:hover {opacity: 0.5;}

.defavor {width: 50px;
  height: 50px;
  z-index: 40;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;}
.defavor svg {width: 20px;}
.defavor:hover {opacity: 0.5;}
.dfavor {width: 50px;
  height: 50px;
  z-index: 40;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px; }
.dfavor svg {width: 20px;}
.dfavor:hover {opacity: 0.5;}

.bdfavor {width: 50px;
  height: 50px;
  z-index: 40;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px; }
.bdfavor svg {width: 20px;}
.bdfavor:hover {opacity: 0.5;}
.procard .name a {text-decoration: none; color: #000;}
.itog button:hover { background: linear-gradient(173deg, rgb(34, 150, 79) 9%, rgb(61, 172, 70) 57%, rgb(28, 114, 54) 100%);  box-shadow: inset 0px 0px 4px #d4f5c5;
  border: 1px solid #60b873;}
.itog button  {background-color: #3593ca; -moz-transition: all 1s;  -webkit-transition: all 1s;   -o-transition: all 1s;    transition: all 1s; border-radius: 12px; cursor: pointer; background: linear-gradient(173deg, rgb(39, 134, 197) 9%, rgb(53, 147, 202) 57%, rgb(1, 147, 196) 100%); color:#fff; width:240px; font-family: Days; padding: 10px; border:0;font-size: 18px;
  box-shadow: inset 0px 0px 4px #ade0ff;
  border: 1px solid #409ad5;}
.itog button  svg {height: 25px; margin-bottom: -5px;}
.itog .off {background-color: #3593ca; color:#fff;}
.end{background-color: #3593ca; color:#fff;font-family: Days; border-radius:10px;
  font-size: 15px; border:0px; margin-top: 20px; padding: 10px 30px;}
.itog .but input {font-family: Days; border-radius:10px;
  font-size: 14px;}
  .itog .sum{font-family: Days; border-radius:10px;
  font-size: 16px; padding-top: 10px}  
.suma{font-family: Days; border-radius:10px;
  font-size: 16px; padding-top: 10px}
.hidedost {display: none;}

.navasmob {display: none;}

.oporder { padding: 6px 0px; font-size: 14px; font-weight: 600;}
.oporder span {color:#bf0303}
.cirp {width: 500px; height: 40px; border: 1px solid #c0c0c0; box-shadow: inset 1px 1px 5px #d7d7d7; border-radius: 6px; margin: 5px 0px 15px; box-sizing: border-box; padding: 0px 8px; font-size: 15px; 	font-family: 'Montserrat';}
.sirp {width: 500px; height: 40px; border: 1px solid #c0c0c0; box-shadow: inset 1px 1px 5px #d7d7d7; border-radius: 6px; margin: 5px 0px 15px; box-sizing: border-box; padding: 0px 8px;background-color: unset !important; 	font-family: 'Montserrat'; font-size: 15px;}
.tirp {width: 500px; height: 110px; border: 1px solid #c0c0c0; box-shadow: inset 1px 1px 5px #d7d7d7; border-radius: 6px; margin: 5px 0px 15px; box-sizing: border-box; padding: 8px 8px;background-color: unset !important; 	font-family: 'Montserrat'; font-size: 15px;}
.sirp  option{ font-family: Arial;}
#formorder {
  background: rgba(255, 255, 255 );
  width: 400px;
          height: 100%;
          position: fixed;
          top: 0; box-shadow: 1px 0px 10px #c0c0c0;
          left: 0;
          display: none; z-index: 9998;
        }
      
      .okorder {
          width: 90%;
          height: 100%;
          text-align: left;
          padding: 15px 30px;  
          color: #333; overflow-x: auto;
          position: fixed; 
          top: 0; 
          left: 0;
       border-radius:5px;
          margin: auto;
        background-attachment: scroll; 
  background-position: 0 6.5%; margin-top:15px; margin-bottom: 35px;
  background-repeat: no-repeat;
  background-size: cover;  box-sizing: border-box;  z-index: 9999;
        }
   
        .sending .navas { font-size: 16px; font-weight: 600; padding: 5px 0px;}
        .sending .nav { font-size: 16px; padding: 10px 0px; border-bottom:
          1px solid #fff;
            box-shadow: 0px 1px 0px #ebedee;}


            .sending a:hover { background-size: 100% 1px; color:#5babdd !important;}
            .sending a  { text-decoration: none;  
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size .3s;}

            .sending .nav a:hover {color: #5babdd;}
    .closorder {
          display: inline-block;
          width: 20px; height: 20px; 
          padding: 0px;
          margin: 10px;
          text-decoration: none;
          font-size: 21px;
          cursor:pointer;
      position:absolute;
      top: 5px; right: 5px;
        }
      .closorder:before, .closorder:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #000;
  }
  .closorder:before {
  transform: rotate(45deg);
  }
  .closorder:after {
  transform: rotate(-45deg);
  }
        .closorder:hover {opacity:0.5;} 
      .sending select {padding:5px 10px; width: 100%;  box-sizing: border-box;  background:#fff;   
    font-size: 16px; border: 1px solid #c0c0c0; margin: 20px 0px; }
    .selectname {  font-size: 19px; margin-bottom: 10px; font-weight: 700;}
      .sending option {  font-family: Arial;   font-size: 14px; }
    .form_send {background: rgb(18,67,162);
  background: linear-gradient(0deg, rgba(18,67,162,1) 0%, rgba(28,91,212,1) 100%); color:#fff;    font-size: 15px; border:0; width: 100%; padding: 9px 0px; cursor:pointer; border-radius:5px;}
    .form_send:hover {background: linear-gradient(0deg, rgb(23, 53, 111) 0%, rgb(67, 140, 255) 100%); }
    .mobmenus {  background:#3b55d3; width: 100%;  box-sizing: border-box; padding: 30px 10px; display:none;  position:fixed;  z-index:999; top:0px; left:0;}		
  .mobmenus .mam {font-size:21px; width:80%;   padding-bottom:20px; margin-left:10%; margin-bottom:20px;  border-bottom: 1px solid #6176db; box-shadow: 0px 1px 0px #2c42ac;}
  .mobmenus .mamt {font-size:18px; width:80%;  cursor:pointer;  padding-bottom:20px;   margin-left:10%; margin-bottom:20px;   font-family: "MuseoSansCyrl300";border-bottom: 1px solid #6176db; box-shadow: 0px 1px 0px #2c42ac; color:#c4e1ff;}
  .mobmenus .mamt  img {margin-bottom:-5px;}
  .mobmenus .mams {font-size:21px; width:80%;  margin-top:50px;  padding-bottom:20px; margin-left:10%; margin-bottom:20px;    border-bottom: 1px solid #6176db; box-shadow: 0px 1px 0px #2c42ac;}
  .mobmenus .am {color:#fff; text-decoration:none;}		
  .mobmenus .am:hover {color:#d1deff; text-decoration:underline;}		
  .mobmenus .ams {color:#fff881; text-decoration:none;}		
  .mobmenus .ams:hover {color:#d1deff; text-decoration:underline;}	





.listera .owl-nav button.owl-prev { width:35px; height:31px; background:none;  background:url(/img/stt2.png); margin-right:10px;}
.listera .owl-nav button.owl-next { width:35px; height:31px;  background:none;  background:url(/img/stt.png);}
.listera .owl-nav button.owl-prev:hover {opacity:0.6;}

  .listera .owl-nav button.owl-next:hover {opacity:0.6;}

.listera, .listera .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.listera{display:none;width:100%;z-index:1}.listera .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.listera .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.listera .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.listera .owl-item,.listera .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.listera .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.listera .owl-item img{ }.listera .owl-dots.disabled,.listera .owl-nav.disabled{display:none}.no-js .listera,.listera.owl-loaded{display:block}.listera .owl-dot,.listera .owl-nav .owl-next,.listera .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.listera .owl-nav button.owl-next,.listera .owl-nav button.owl-prev,.listera button.owl-dot{ color:inherit;border:none;padding:0!important;font:inherit}.listera.owl-loading{opacity:0;display:block}.listera.owl-hidden{opacity:0}.listera.owl-refresh .owl-item{visibility:hidden}.listera.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.listera.owl-grab{cursor:move;cursor:grab}.listera.owl-rtl{direction:rtl}.listera.owl-rtl .owl-item{float:right}.listera .animated{animation-duration:1s;animation-fill-mode:both}.listera .owl-animated-in{z-index:0}.listera .owl-animated-out{z-index:1}.listera .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.listera .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.listera .owl-item .owl-lazy:not([src]),.listera .owl-item .owl-lazy[src^=""]{max-height:0}.listera .owl-item img.owl-lazy{transform-style:preserve-3d}.listera .owl-video-wrapper{position:relative;height:100%;background:#000}.listera .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.listera .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.listera .owl-video-playing .owl-video-play-icon,.listera .owl-video-playing .owl-video-tn{display:none}.listera .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.listera .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}





.podborlist .owl-nav button.owl-prev { width:35px; height:31px; background:none;  background:url(/img/stt2.png); margin-right:10px;}
.podborlist .owl-nav button.owl-next { width:35px; height:31px;  background:none;  background:url(/img/stt.png);}
.podborlist .owl-nav button.owl-prev:hover {opacity:0.6;}

  .podborlist .owl-nav button.owl-next:hover {opacity:0.6;}

.podborlist, .podborlist .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.podborlist{display:none;width:100%;z-index:1}.podborlist .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.podborlist .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.podborlist .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.podborlist .owl-item,.podborlist .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.podborlist .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.podborlist .owl-item img{ }.podborlist .owl-dots.disabled,.podborlist .owl-nav.disabled{display:none}.no-js .podborlist,.podborlist.owl-loaded{display:block}.podborlist .owl-dot,.podborlist .owl-nav .owl-next,.podborlist .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.podborlist .owl-nav button.owl-next,.podborlist .owl-nav button.owl-prev,.podborlist button.owl-dot{ color:inherit;border:none;padding:0!important;font:inherit}.podborlist.owl-loading{opacity:0;display:block}.podborlist.owl-hidden{opacity:0}.podborlist.owl-refresh .owl-item{visibility:hidden}.podborlist.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.podborlist.owl-grab{cursor:move;cursor:grab}.podborlist.owl-rtl{direction:rtl}.podborlist.owl-rtl .owl-item{float:right}.podborlist .animated{animation-duration:1s;animation-fill-mode:both}.podborlist .owl-animated-in{z-index:0}.podborlist .owl-animated-out{z-index:1}.podborlist .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.podborlist .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.podborlist .owl-item .owl-lazy:not([src]),.podborlist .owl-item .owl-lazy[src^=""]{max-height:0}.podborlist .owl-item img.owl-lazy{transform-style:preserve-3d}.podborlist .owl-video-wrapper{position:relative;height:100%;background:#000}.podborlist .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.podborlist .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.podborlist .owl-video-playing .owl-video-play-icon,.podborlist .owl-video-playing .owl-video-tn{display:none}.podborlist .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.podborlist .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}





.slaiders .owl-nav button.owl-prev { width: 50px;
  height: 50px;
  background: url(/img/prev.png) 50% no-repeat rgb(10,98,166, 0.5);
  position: absolute;
  top: 140px;
  left: 10px;
  border-radius:
8px;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  z-index: 5;}
.slaiders .owl-nav button.owl-next {width: 50px;
  height: 50px;
  background: url(/img/next.png) 50% no-repeat rgb(10,98,166, 0.5);
  position: absolute;
  top: 140px;
  right: 10px;
  border-radius:
8px;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  z-index: 5;  }
.slaiders .owl-nav button.owl-prev:hover {opacity:0.6;}

  .slaiders .owl-nav button.owl-next:hover {opacity:0.6;}

.slaiders, .slaiders .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.slaiders{display:none;width:100%;z-index:1}.slaiders .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.slaiders .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.slaiders .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.slaiders .owl-item,.slaiders .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.slaiders .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.slaiders .owl-item img{ }.slaiders .owl-dots.disabled,.slaiders .owl-nav.disabled{display:block}.no-js .slaiders,.slaiders.owl-loaded{display:block}.slaiders .owl-dot,.slaiders .owl-nav .owl-next,.slaiders .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slaiders .owl-nav button.owl-next,.slaiders .owl-nav button.owl-prev,.slaiders button.owl-dot{ color:inherit;border:none;padding:0!important;font:inherit}.slaiders.owl-loading{opacity:0;display:block}.slaiders.owl-hidden{opacity:0}.slaiders.owl-refresh .owl-item{visibility:hidden}.slaiders.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slaiders.owl-grab{cursor:move;cursor:grab}.slaiders.owl-rtl{direction:rtl}.slaiders.owl-rtl .owl-item{float:right}.slaiders .animated{animation-duration:1s;animation-fill-mode:both}.slaiders .owl-animated-in{z-index:0}.slaiders .owl-animated-out{z-index:1}.slaiders .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.slaiders .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.slaiders .owl-item .owl-lazy:not([src]),.slaiders .owl-item .owl-lazy[src^=""]{max-height:0}.slaiders .owl-item img.owl-lazy{transform-style:preserve-3d}.slaiders .owl-video-wrapper{position:relative;height:100%;background:#000}.slaiders .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.slaiders .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.slaiders .owl-video-playing .owl-video-play-icon,.slaiders .owl-video-playing .owl-video-tn{display:none}.slaiders .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.slaiders .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}






.owl-dots {text-align:center;}
.slaiders .owl-dots {position: relative;
  top: -25px;}
.slaiders button.owl-dot {width: 25px; height:3px; border-radius: 15px; background:#e8faff; margin-right:6px;}
.slaiders button.owl-dot.active {background:#447bba;}



.listsoc .owl-nav button.owl-prev { width:35px; height:31px; background:none;  background:url(/img/stt2.png); margin-right:10px;}
.listsoc .owl-nav button.owl-next { width:35px; height:31px;  background:none;  background:url(/img/stt.png);}
.listsoc .owl-nav button.owl-prev:hover {opacity:0.6;}

  .listsoc .owl-nav button.owl-next:hover {opacity:0.6;}

.listsoc, .listsoc .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.listsoc{display:none;width:100%;z-index:1}.listsoc .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.listsoc .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.listsoc .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.listsoc .owl-item,.listsoc .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.listsoc .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.listsoc .owl-item img{ }.listsoc .owl-dots.disabled,.listsoc .owl-nav.disabled{display:block}.no-js .listsoc,.listsoc.owl-loaded{display:block}.listsoc .owl-dot,.listsoc .owl-nav .owl-next,.listsoc .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.listsoc .owl-nav button.owl-next,.listsoc .owl-nav button.owl-prev,.listsoc button.owl-dot{ color:inherit;border:none;padding:0!important;font:inherit}.listsoc.owl-loading{opacity:0;display:block}.listsoc.owl-hidden{opacity:0}.listsoc.owl-refresh .owl-item{visibility:hidden}.listsoc.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.listsoc.owl-grab{cursor:move;cursor:grab}.listsoc.owl-rtl{direction:rtl}.listsoc.owl-rtl .owl-item{float:right}.listsoc .animated{animation-duration:1s;animation-fill-mode:both}.listsoc .owl-animated-in{z-index:0}.listsoc .owl-animated-out{z-index:1}.listsoc .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.listsoc .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.listsoc .owl-item .owl-lazy:not([src]),.listsoc .owl-item .owl-lazy[src^=""]{max-height:0}.listsoc .owl-item img.owl-lazy{transform-style:preserve-3d}.listsoc .owl-video-wrapper{position:relative;height:100%;background:#000}.listsoc .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.listsoc .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.listsoc .owl-video-playing .owl-video-play-icon,.listsoc .owl-video-playing .owl-video-tn{display:none}.listsoc .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.listsoc .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}








.listsoc button.owl-dot {width: 25px; height:3px; border-radius: 15px; background:#c0c0c0; margin-right:6px;}
.listsoc button.owl-dot.active {background:#447bba;}


.slpro .owl-nav button.owl-prev { width:35px; height:31px; background:none;  background:url(/img/stt2.png); margin-right:10px;}
.slpro .owl-nav button.owl-next { width:35px; height:31px;  background:none;  background:url(/img/stt.png);}
.slpro .owl-nav button.owl-prev:hover {opacity:0.6;}

  .slpro .owl-nav button.owl-next:hover {opacity:0.6;}

.slpro, .slpro .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.slpro{display:none;width:100%;z-index:1}.slpro .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.slpro .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.slpro .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.slpro .owl-item,.slpro .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.slpro .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.slpro .owl-item img{ }.slpro .owl-dots.disabled,.slpro .owl-nav.disabled{display:block}.no-js .slpro,.slpro.owl-loaded{display:block}.slpro .owl-dot,.slpro .owl-nav .owl-next,.slpro .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slpro .owl-nav button.owl-next,.slpro .owl-nav button.owl-prev,.slpro button.owl-dot{ color:inherit;border:none;padding:0!important;font:inherit}.slpro.owl-loading{opacity:0;display:block}.slpro.owl-hidden{opacity:0}.slpro.owl-refresh .owl-item{visibility:hidden}.slpro.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slpro.owl-grab{cursor:move;cursor:grab}.slpro.owl-rtl{direction:rtl}.slpro.owl-rtl .owl-item{float:right}.slpro .animated{animation-duration:1s;animation-fill-mode:both}.slpro .owl-animated-in{z-index:0}.slpro .owl-animated-out{z-index:1}.slpro .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.slpro .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.slpro .owl-item .owl-lazy:not([src]),.slpro .owl-item .owl-lazy[src^=""]{max-height:0}.slpro .owl-item img.owl-lazy{transform-style:preserve-3d}.slpro .owl-video-wrapper{position:relative;height:100%;background:#000}.slpro .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.slpro .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.slpro .owl-video-playing .owl-video-play-icon,.slpro .owl-video-playing .owl-video-tn{display:none}.slpro .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.slpro .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}








.slpro button.owl-dot {width: 25px; height:3px; border-radius: 15px; background:#c0c0c0; margin-right:6px;}
.slpro button.owl-dot.active {background:#447bba;}




.navig {width:80%; margin-left:10%; display:flex; flex-wrap: wrap; justify-content: center;}
.ah {width:38px; height:38px; background:#3693ca; color:#fff; line-height:38px;  margin-right:6px;  font-size:17px; border-radius:10px; text-align:center;  cursor:pointer;}
.ah  a {color:#fff; text-decoration:none;}
.aa  a {color:#fff; text-decoration:none;}
.ah:hover {width:38px; height:38px; background:#3693ca; color:#fff; line-height:38px;  margin-right:6px;  font-size:17px; border-radius:10px; text-align:center;  cursor:pointer;}
.aa {width:38px; height:38px; background:#3c423c; color:#fff; line-height:38px; margin-right:6px;  font-size:17px; border-radius:10px; text-align:center; }




.owl-dots {text-align:center;}
.podborlist button.owl-dot {width: 25px; height:3px; border-radius: 15px; background:#c0c0c0; margin-right:6px;}
.podborlist button.owl-dot.active {background:#447bba;}

.podborlist {width: 100%; margin: 10px 0px;}
.podborlist2 {width: 100%; margin: 10px 0px;}

.podcat {width: 100%; text-align: center;  font-size: 16px; font-weight: 600; text-transform: uppercase;}
.podcat a {color:#000;}
.podcat .img {aspect-ratio: 16 / 9; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 10px;}
.podcat .img img {width: 100%; height: 100%; object-fit: cover;}
.podcat:hover a {color:#328bc2; text-decoration: underline;}
.podcat:hover img {opacity: 0.7;}


.grate {margin-bottom: 25px; font-size: 22px !important; padding-top: 15px; border-top: 5px solid #e9f3f9;}
.grate a .name {color:#2475a4;}
.podborlist2  .podcat {width: 30%; text-align: center; margin-right: 1.5%;  margin-bottom: 30px; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.podborlist2 .podcat a {color:#000; text-decoration: none;}
.podborlist2  .podcat .img {aspect-ratio: 16 / 9; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 10px;}
.podborlist2  .podcat .img img {width: 100%; height: 100%; object-fit: cover;}
.podborlist2  .podcat:hover a {color:#328bc2; text-decoration: underline;}
.podborlist2  .podcat:hover img {opacity: 0.7;}

.hidmen {display: none;}
.catin:hover  .hidmen {display: block; position: absolute; background-color: #0186c4; width: 150px; min-height: 80px;}
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
  background:
rgba(0,0,0,0.03);
  border:
0px solid rgba(0,0,0,0.15) !important;
  border-radius:
50px;
}.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
  padding:
0 !important; 	font-family: 'Montserrat' !important;
  font-size: 15px;
}
.oks path {fill: #000 !important;}
.procard .old { padding-left: 8px;}
.procard .skid { padding-left: 5px; color:#d1446e; font-weight: 700;}
.ap2 {display: none;}
.ya-share2__link {background: unset !important;}
 .slpro3 .procard {width: 24% !important; margin-bottom: 20px;} 
.black {background-color: #419f6e  !important;}
.blacka {background-color: #ccdcf5  !important;}
.catalog .slpro {width: calc(100% - 260px); margin: 0;} 
.catalog .slpro .procard {width: 30% !important; margin-bottom: 20px;} 
.catalog .slpro2 {width: 100%; margin: 0;} 
.catalog .slpro2 .procard {  margin-bottom: 20px; width: 32% !important;
  margin-bottom: 20px;
  margin-right: 1%;} 
.catalog .params  {width: 240px; } 
.catalog .params .blo  {width: 240px; background-color: #f4f4f4; min-height: 400px; border-radius: 10px; position: sticky; top: 10px; box-sizing: border-box; padding: 15px;} 
.komp {line-height: 1.5; width: 90%;}
.blo .nav:hover {background-color: #fff;}
.blo .nav {margin: 11px 0px; padding: 6px; border-radius: 6px;}
.blo .nav a {color:#000; text-decoration: none;  }
.blo .act {font-weight: 600; background-color: #fff;}
.blo .nava {margin: 11px 25px;   border-radius: 6px;}
.nava ul {margin: 0; padding:  0;}
.nava ul li { padding: 6px 0;}
.nava ul a {color:#000; text-decoration: none; font-weight: 600;}
.nava ul a sup {font-weight: 400; padding:  0px 5px; font-size:10px; opacity: 0.6;}
.nava ul a:hover {color: #0186c4; text-decoration: none; font-weight: 600;}
.listsoc {width: 100%; margin: 10px 0px;}
.b_vk {background-color: #fff; width: 160px; height: 35px; border-radius: 9px; padding: 7px 15px;text-align: center; margin-right: 10px;}
.b_vk img {height: 22px;}

.b_you {background-color: #fff; width: 150px; height: 35px; border-radius: 9px; padding: 3px 15px; text-align: center;margin-right: 10px;}
.b_you img {height: 29px;}
.pricet ._name { color:#000; text-decoration: none; font-weight: 600;} 
.pricet { margin-top: 10px; padding: 6px; padding-top: 10px; border-top: 1px solid #e6e6e6;
  
  box-shadow: 0px -1px 0px #fff;}
.pri {margin: 10px 0px 10px; padding-top: 1px; line-height: 35px;}
.pri input {width: 40%; height: 35px; border-radius: 10px; border: 1px solid #c0c0c0; text-align: center;}

.b_ya {background-color: #fff; width: 150px; height: 35px; border-radius: 9px; padding: 7px 15px; text-align: center;margin-right: 10px;}
.b_ya img {height: 22px;}
.sort { margin-top: 10px; padding: 6px; padding-top: 10px; border-top: 1px solid #e6e6e6;
   position: relative;
  box-shadow: 0px -1px 0px #fff;}
  .part {cursor: pointer;}
  .part:hover {opacity: 0.6;}
  .gomet .trimmer {top:20px; padding: 5px;}
  .gomet .trimmer span {color: #0186c4; padding-left:5px;
    font-weight: 500;}

      .nomet .trimmer {top:20px; padding: 5px;}
  .nomet .trimmer span {color: #0186c4; padding-left:5px;
    font-weight: 500;}
.trimmer {position: absolute; z-index: 555; top: 35px; display: none;  width: 100%; padding: 10px; box-sizing: border-box; background-color: #f4f4f4;
  border-radius: 8px;}
  .trimmer div {padding:10px;}
  .sort .par {font-size: 13px; color: #5c5c5c; height: 20px; line-height: 20px;}
  .sort .par span {font-size: 19px;}
  .par svg {height: 13px;  padding-left: 10px; position: relative; top: 2px; opacity: 0.5;}
.b_ru {background-color: #000; width: 150px; height: 35px; border-radius: 9px; padding: 7px 15px; text-align: center;margin-right: 10px;}
.b_ru img {height: 22px;}
.gomet {position: relative;}
.nomet {position: relative;}
.b_tg {background-color: #0186c4; width: 150px; height: 35px; border-radius: 9px; padding: 7px 15px; text-align: center;}
.b_tg img {height: 20px;}

.vipusk {width: 48%;margin-bottom: 25px;}
.vipusk .name {font-size: 15px; font-weight: 600; margin-bottom: 15px;}

.allvip {width: 500px; margin: auto; padding: 15px 0px 5px;}
.allvip img:hover {opacity: 0.6;}
.texter {line-height: 1.5;}



.article {width: 48%;}

.article .pic{width: 100%; height: 300px; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 15px;}
.article .pic img {width: 100%; height: 100%; object-fit: cover;}
.article .name {font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.article .opis {line-height: 1.5;}
.statlist {margin: 15px 0px;}
.article a:hover {color: #0186c4; text-decoration: underline;}

 .mobtel {display: none;}

 .mobsech {display: none;}
 .closmob {display: block;}
@media (max-width:1200px) {
  .wrapper {
    max-width: 96%;
    margin: 0px auto;
    position: relative;
  }

  

  
  .orders {
    font-weight: 600;
    width: 100%;
    margin-top: 1px;
    order: 1;
  }.write {
    font-weight: 600;
    margin-top: 15px;
    order: 3;
  }.nowcity {
    font-weight: 600;
    color: #3593ca;   margin-top: 15px;
    order: 2;
  }
}

.closordera {
  display: none;

}
@media (max-width:1080px) {
  ._text ._nm .h1 {
    font-size: 30px;
    font-family: Days;
    margin-bottom: 15px;
  }

}
.favoss {width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;}
  .favoss   .procard {width: 100% !important;}

.main {
  min-height: 650px;
  padding: 0px 10px;
}
.ording  {text-decoration: none !important; color:#000; padding: 5px;   width: 100%;}
.ording:hover  { background-color: #d5e8f3;}
/*.lirs2 {width: 10%;}*/
/*.lirs {width: 20%;}*/
.uorder div {width: 48%;}
.uorder h2 {font-size: 19px !important;}
.cakes {width: 100% !important;}
.glame {background-color: #edf7fc; padding: 6px 10px; border-radius: 6px; margin-bottom: 10px; width: 100% !important;}
@media (max-width:550px) {

  /*.lirs {*/
  /*  width: 30%;*/
  /*}*/
  .uorder div {
    width: 100%; margin-bottom: 2px;
  }
  .o2 {margin-top: 30px;}
  .uorder .oporder  {margin-bottom: 2px;}
  .slaider {
    margin-top: 0px;
  }
  .blocker ._name {padding: 0px 8px;}
  .blocker2 ._name {padding: 0px 8px;}
  .vipusk .name {padding: 0px 8px;}
.main {
  min-height: 650px;
  padding: 0px 7px;
}.article .name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0px 8px;
}
.closmob {display: none;}
.mobsech {display: flex;}
.cirp {width: 100%; height: 40px; border: 1px solid #c0c0c0; border-radius: 6px; margin: 5px 0px 15px; box-sizing: border-box; padding: 0px 8px; font-size: 15px; 	font-family: 'Montserrat';}
.sirp {width: 100%; height: 40px; border: 1px solid #c0c0c0; border-radius: 6px; margin: 5px 0px 15px; box-sizing: border-box; padding: 0px 8px;background-color: unset !important; 	font-family: 'Montserrat'; font-size: 15px;}
.tirp {width: 100%; height: 110px; border: 1px solid #c0c0c0; border-radius: 6px; margin: 5px 0px 15px; box-sizing: border-box; padding: 8px 8px;background-color: unset !important; 	font-family: 'Montserrat'; font-size: 15px;}
.article .opis, .texter, .breadcrumbs, .makemob { 
  padding: 0px 8px;
} 

.okorder .search input {
  width: calc(100% - 60px);
  height: 45px;
  border:
0px;
  background-color: #f7f7f7;
  padding:
10px;
  box-sizing: border-box;
}
.catin span {display: none;}  .catin svg {
  height: 25px;
  margin-bottom: -9px;
}.search .catin {
  background-color: #d7f0ff;
  width: 60px;}.search .catin2 {
  background-color: #d7f0ff;
  width: 60px;}
.topmenu, .menu, .infos {display: none;}
.seach {
  width: 100%;margin: 15px 15px 5px;
}.logo {
  font-family: Days;
  font-size: 25px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}.logo span {
  color: #3593ca;
  display: unset;
  margin-top: -5px;
}.search input {
  width: calc(100% - 60px);
  height: 45px;
  border: 0px;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  font-size: 15px;
}
.sending .nava {padding-left: 25px; padding-bottom: 15px; border-bottom:
  1px solid #ffff;}
.sending .nava li {padding-top: 7px}
  .wrapper {
    max-width: 100%;
    margin: 0px auto;
    position: relative;
  }
  ._text ._nm {
    width: 95%;
    box-sizing: border-box;
    padding: 20px 10px; position: relative;
    color: #fff; z-index: 3;
  }
  ._text ._nm .h1 {
    font-size: 26px;
    font-family: Days;
    margin-bottom: 15px;
  }

  .otzivs .textor .namer .star {

  width: 100%;
}
.otz {
  font-weight: 600;
  font-size: 13px;
}
.navtab {
  font-weight: 600;
  font-size: 13px;
}.klor {
  width: 100%;
}.otzivs .textor .namer .nam {
  font-weight: 700;
  font-size: 14px;
  width: 100%;
}
   .procard .name {
    margin-bottom: 7px;
    font-size: 14px;
    padding: 0px 5px; 
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto; min-height: unset; height: 55px;
  }
  .head {margin: unset;}
  .sl {
    width: 100%;
    min-height: 200px;
    background: url(img/bgsl].jpg) 40%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: unset; aspect-ratio: 16 / 9;
  }
  .prs {display: none; position: fixed;
    z-index: 999; width: 100%;margin: 0px;
    height: calc(100% - 10px);
    overflow: auto;
    top: 0;}
  .blocker3 {width: 100%;}
  ._text ._pc {
    width: 150px;
    box-sizing: border-box;
    padding-right: 0px;
    padding-top: 8px;
 
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 55px;
  }
  .sl .h2 {
    width: 210px;
    font-size: 13px;
  }

  
 .slaiders .owl-dots.disabled {display: none !important;}
  .procard {
    width: 100%;
    min-height: 250px; margin-bottom: 20px;
  }._name h2 {
    padding: 5px 0px;
    font-size: 19px;
  }
  .okorder .seach {
  width: 95%;
  margin: 30px 0px 15px;
}
  .procard .pics {
 aspect-ratio: 3 / 4;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 11px;
  }._name a {
    padding: 7px 0px;
    text-decoration: unset;
   
    color: #0186c4;
  }
  .molin {border-top: 1px solid #0186c4; padding-top: 10px !important; margin-top: 20px !important; border-radius: unset !important;}
  .sl .prev {
    display: none;
  }
  
.blocker3 { 
  padding: 15px 0px; 
}
._name h1 { 
  width: 90%;
}
.blocker3 .closordera {margin-top: 35px !important;}
.blocker3 .catalog {margin-top: 15px;}
.blocker3 .breadcrumbs  {
    padding: 0px 0px !important;
  }
.blocker3 .fill {margin-top: 8px;}
  .slaiders .owl-nav { display: none !important; }
  #formorder {
    background: rgba(255, 255, 255 );
    width: 100%;
            height: 100%;
            position: fixed;
            top: 0; box-shadow: 1px 0px 10px #c0c0c0;
            left: 0;
            display: none; z-index: 9998;padding-top: 20px;
          }
        
        .okorder {
            width: 100%;
            height: 100%;
            text-align: left;
            padding: 15px 30px;  
            color: #333; overflow-x: auto;
            position: fixed; 
            top: 0; 
            left: 0;
         border-radius:5px;
            margin: auto;
          background-attachment: scroll; 
    background-position: 0 6.5%;
    background-repeat: no-repeat;
    background-size: cover;  box-sizing: border-box;  z-index: 9999;
          }
.navasmob {display: block;}

.podborlist2  .podcat {width: 100%; text-align: center;  margin-bottom: 30px; font-size: 16px; font-weight: 600; text-transform: uppercase;}
  .mobtel {display: flex; padding: 0px 20px; margin:  10px 0px;}
  .mobtel svg {height: 25px;
    margin-top: -4px;}
  .mobtel .m { width: calc(100% - 80px);  font-weight: 700 ; font-size: 16px; }
  .mobtel .m  svg{ height: 15px;  margin-bottom: -2px; margin-right: 2px;}
  .mobtel .m span {color: #0186c4; font-weight: 500;}
  .mobtel .s { width: 80px; text-align: right;  }
  .mobtel .s svg {padding-right: 10px;}
  .sl .next {
   display: none;
  }
  .comto {border:1px solid #c0c0c0;  width: 100%; height: 80px; background-color: unset; margin-bottom: 0px; box-sizing: border-box; padding: 10px; font-family: 'Montserrat';  margin-top: 20px; border-radius: 10px;}

  ._text ._nm .but {
    font-size: 14px;
    width: 200px;
    height: 30px;
    cursor: pointer;
    line-height: 25px;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
  }._text ._nm .but img {
    height: 12px;
    margin-bottom: -2px;
  }
  .listsoc div {
    margin-bottom: 0px;
    width: 100% !important;
    margin-right: 0px !important;
  }
  .forma {width: 90%; margin: auto; margin-top:20px; margin-bottom: 50px;} 
  .selnav {
    background-color: rgba(44, 44, 44, 0.4);
    width:50%;
    height: 10px;
    border-radius: 15px;
    position: absolute;
    bottom: 10px;
    left:25%;
    z-index: 2;
    box-sizing: border-box;
    padding: 2.4px 10px;
  }
  .filtrbg {background: #ebebeb;
  width: 98%;
  height: 35px;
  line-height: 35px;
  border-radius: 9px;
  margin-left: 1%;
  color: #585858;
  text-align: center;
  box-sizing: border-box;}
  .fill svg {height: 18px; margin-bottom: -4px; display: inline-block;}
    .fill svg path {fill: #585858;}
  .fill  {  display: block;}
  .vipusk {
    width: 100%;
  }
#formorder .catin2 svg {
    height: 25px !important;
    margin-bottom: -8px !important;
  }
  .stopscrol {overflow-y: hidden;}
  .okorder {height: calc(100% - 82px); width: 90%; overflow: auto; } 
  .article {
    width: 100%;margin-bottom: 22px;
  }.podpis a {
    display: block;
    height: 30px;
    font-weight: 700;
    width: 160px;
    background-color: #0186c4;
    border-radius: 15px;
    color: #fff;
    line-height: 30px;
    margin: auto; margin-top: 10px;
  }.podpis {
    min-height: 50px;
    width: 100%;
    background: rgb(10,98,166);
    background: linear-gradient(173deg, rgba(10,98,166,1) 9%, rgba(88,186,219,1) 57%, rgba(1,147,196,1) 100%);
    text-align: center;
    font-weight: 300;
    color: #fff;
    box-sizing: border-box;
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
  }.podpis span {
    font-weight: 700;
    display: block;
  }
  
.sr2 {display: block;}
.sr1 {display: none;}



  .closordera {
    display: inline-block;
    width: 20px; height: 20px; 
    padding: 0px;
    margin: 10px;
    text-decoration: none;
    font-size: 21px;
    cursor:pointer;
position:absolute; z-index: 99;
top: 5px; right: 15px;
  }
.closordera:before, .closordera:after {
position: absolute;
left: 10px;
content: ' ';
height: 20px;
width: 2px;
background-color: #000;
}
.closordera:before {
transform: rotate(45deg);
}
.closordera:after {
transform: rotate(-45deg);
}
  .closordera:hover {opacity:0.5;} 

  .params {display: block;
   }
    .catalog .params .blo {
      width: 100%; border-radius: 0px; 
    }

  .cops {
    font-family: Days;
    font-size: 15px;
    color: #000;
    margin-bottom: 20px;
  }.hand {
display: none;
  }.polity {
    margin-top: 20px;
    display: none;
  } .copp {display:none;}.flogo {
    width: 90%;
    font-size: 12px;
    color: #737373;
    margin-left: 5%;
  }.col1 {
    width: 15%;
    display: none;
  }.col2 {
    width: 40%;
    margin-left: 5%;
    margin-top: 0px;
  }.col3 {
    width: 45%;
  }.col4 {
    display: none;
  }.catalog .params {
    width: 100%; display: none;
    order: 1;
  }.catalog .slpro {
    width: 100%;
    margin: 0;
    order: 2;
  }.catalog .slpro .procard {
    width: 49% !important;
    margin-bottom: 20px;
  }
  .catalog .slpro2 .procard {
    width: 49% !important;
    margin-bottom: 20px;margin-right: 1%;
  }
.hvr__sectors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;z-index: 0;
} .cl1 { width:100%; margin-bottom: 15px;}
 .cl2 { width: 100%}
.sort {
  margin-top: 10px;
  padding: 6px;
    padding-top: 6px;
  padding-top: 10px;
  border-top: 0px solid #e6e6e6;
  position: relative;
  box-shadow: 0px -1px 0px #fff;
}
  .slpro3 .procard {
    width: 49% !important;
    margin-bottom: 20px;
  }
  .nomob {display: none;}.podcat {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
  }.slpro {
    width: 100%;
    margin: 10px 0px 0px;
  }.slpro2 {
    width: 100%;
    margin: 10px 0px 0px;
  }.slpro3 {
    width: 100%;
    margin: 10px 0px 0px;
  }
  .blocker {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0px;
    border-radius: 10px;
    margin: 25px 0px 10px;
    min-height: 100px;
    background-color: #fff;
  }.b_vk {
    background-color: #fff;
    width: 140px;
    height: 35px;
    border-radius: 9px;
    padding: 7px 5px;
    text-align: center;
    margin-right: 10px;
  }.allvip {
    width: 500px;
    margin: auto;
    padding: 15px 0px;
    text-align: center;
    justify-content: center;
  } .allvip img {padding-right: 6px; padding-left: 6px;}.selnav div {
    width: 6px;
    height: 6px;
    content: "";
    background-color: #bababa;
    border-radius: 15px;
    cursor: pointer;
  }.catalog .slpro2 {
    width: 100%;
    margin:
  0;
  }
.favor:hover {opacity: unset !important;}
.defavor:hover {opacity: unset !important;}
.sum {width: 100%; margin-top: 8px; text-align: left;}
.itog { padding: 10px; box-sizing: border-box;}
  .top {
    padding: 5px 0px 5px;
    border-bottom: 1px solid #e6e6e6;
    margin: 15px 0px;
    box-shadow: 0px 1px 0px #fff;
  }
  .allvip span {display: block; width: 100%; text-align: center; padding-bottom: 8px;}
  .botmen {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; height: 57px;   will-change: transform, bottom;
    /* Включаем аппаратное ускорение, если это возможно */
    transform: translate3d(0, 0, 0);  font-size: 14px;  background: rgb(0,140,247); z-index: 10000;  background: rgb(68,123,186);
    background: linear-gradient(180deg, rgba(68,123,186,1) 9%, rgba(8,102,168,1) 48%, rgba(18,84,161,1) 100%);   box-sizing: border-box; padding: 10px;}
  .botmen .div {color:#fff !important; text-align: center; width: calc(25% - 4px); cursor: pointer;}
  /*.botmen .div:hover {opacity: 0.5;}*/
  .botmen .mcart svg {height: 31px;position: absolute; top: -5px; left: -5px}
  .botmen .mcat svg {height: 25px; position: absolute; top: -2px; left: 0}
  .botmen a {color:#fff !important;}
  .botmen .mfav svg {height: 22px;position: absolute; top: 0px; left: 0}
  .botmen .mcont  svg {height: 26px;position: absolute; top: -2px; left: 0}
  .botmen .ic {width: 25px; height: 25px; position: relative; margin: auto;}
  .botmen .ate{font-size: 12px;}
  p {padding: 0px 10px;}
  .footer {margin-bottom: 57px; margin-top: 15px;}
.l1 {width: 1px; height: 40px; background-color: #344a7c;
  box-shadow: 1px 0px 0px #689cd6;
}.blocker2 {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  border-radius: 10px;
  margin: 5px 0px;
  min-height: 10px;
}
.blocker2 .flex {justify-content: space-between;}
.listsoc {
  width: 100%;
  margin: 1px 0px;
}.vitrina .carusel {
  width: 100%;
}
  .product .new { display: none;}.product .all {
    width: 100%;
  }.vitrina .carusel .full {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  aspect-ratio: 3 / 4;
  }.vitrina .text {
    width: 100%;
  }.stars {
    color: #555555;
    margin-bottom: 1px;
    font-size: 13px;
  }.buyer {
    width: 100%;
    margin-bottom: 20px;
  }
  .buyer  span{
 display: none;
  }
body, html {overflow-x: hidden;}
.sl {min-height:235px;}
.slaiders .owl-nav button.owl-next { 
  top: 90px;
}

.slaiders .owl-nav button.owl-prev { 
  top: 90px;
}
  .statnamer {
    width: 100%;
    margin: auto;
      margin-top: auto;
      margin-bottom: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
  }
  .sltext {
    width: 100%;
    margin: auto;
    height: 250px;
    position: relative;
    overflow: hidden;
  }.precard {
    width: 100%;
    height: 150px;}

    .favoss {width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 10px;}
    .favoss {
        display: block;
    }
  .favoss   .procard {width: 100% !important;}
}

@media (max-width: 380px) {
  .precard .tx a {
    background-color: #f0f0f0;
    padding: 6px 15px;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    display: block;
    text-align: center;
  }.precard .tx div {
    font-weight: 300;
    margin: 5px 0px 5px;
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  ._text ._nm .h1 {
    font-size: 21px;
    font-family: Days;
    margin-bottom: 10px;
  }
}

.slaiders .owl-nav {display: none !important;}
.slaiders:hover .owl-nav {display: block !important;}


@media(max-width: 800px) {
    .price .old {
        font-size: 12px;
        position: relative;
        left: -10px;
    }
    span.skid {
        position: relative;
        font-size: 12px;
        float: right;
        top: 0px;
        left: 5px;
    }
}






.scroll-wrapper {
                overflow: hidden !important;
                padding: 0 !important;
                position: relative;
            }

            .scroll-wrapper > .scroll-content {
                border: none !important;
                box-sizing: content-box !important;
                height: auto;
                left: 0;
                margin: 0;
                max-height: none;
                max-width: none !important;
                overflow: scroll !important;
                padding: 0;
                position: relative !important;
                top: 0;
                width: auto !important;
            }

            .scroll-wrapper > .scroll-content::-webkit-scrollbar {
                height: 0;
                width: 0;
            }

            .scroll-element {
                display: none;
            }
            .scroll-element, .scroll-element div {
                box-sizing: content-box;
            }

            .scroll-element.scroll-x.scroll-scrollx_visible,
            .scroll-element.scroll-y.scroll-scrolly_visible {
                display: block;
            }

            .scroll-element .scroll-bar,
            .scroll-element .scroll-arrow {
                cursor: default;
            }

            .scroll-textarea {
                border: 1px solid #cccccc;
                border-top-color: #999999;
            }
            .scroll-textarea > .scroll-content {
                overflow: hidden !important;
            }
            .scroll-textarea > .scroll-content > textarea {
                border: none !important;
                box-sizing: border-box;
                height: 100% !important;
                margin: 0;
                max-height: none !important;
                max-width: none !important;
                overflow: scroll !important;
                outline: none;
                padding: 2px;
                position: relative !important;
                top: 0;
                width: 100% !important;
            }
            .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
                height: 0;
                width: 0;
            }
.scrollbar-inner > .scroll-element,
                            .scrollbar-inner > .scroll-element div
                            {
                                border: none;
                                margin: 0;
                                padding: 0;
                                position: absolute;
                                z-index: 10;
                            }

                            .scrollbar-inner > .scroll-element div {
                                display: block;
                                height: 100%;
                                left: 0;
                                top: 0;
                                width: 100%;
                            }

                            .scrollbar-inner > .scroll-element.scroll-x {
                                bottom: 2px;
                                height: 8px;
                                left: 0;
                                width: 100%;
                            }

                            .scrollbar-inner > .scroll-element.scroll-y {
                                height: 100%;
                                right: 2px;
                                top: 0;z-index: 9999;
                                width: 8px;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_outer {
                                overflow: hidden;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_outer,
                            .scrollbar-inner > .scroll-element .scroll-element_track,
                            .scrollbar-inner > .scroll-element .scroll-bar {
                                -webkit-border-radius: 8px;
                                -moz-border-radius: 8px;
                                border-radius: 8px;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_track,
                            .scrollbar-inner > .scroll-element .scroll-bar {
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
                                filter: alpha(opacity=40);
                                opacity: 1;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #dde7f5; }
                            .scrollbar-inner > .scroll-element .scroll-bar { background-color: #3593ca; }
                            .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #3593ca; }
                            .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #3593ca; }

@media(min-width: 1000px) {
    .scroll-wrapper.okorder.scrollbar-inner.list_nish {
        height: 90%;
    }
}
                            /* update scrollbar offset if both scrolls are visible */

                            .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
                            .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


                            .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
                            .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
							


.scrollbar-ino > .scroll-element,
                            .scrollbar-ino > .scroll-element div
                            {
                                border: none;
                                margin: 0;
                                padding: 0;
                                position: absolute;
                                z-index: 10;
                            }

                            .scrollbar-ino > .scroll-element div {
                                display: block;
                                height: 100%;
                                left: 0;
                                top: 0;
                                width: 100%;
                            }

                            .scrollbar-ino > .scroll-element.scroll-x {
                                bottom: 2px;
                                height: 8px;
                                left: 0;
                                width: 100%;
                            }

                            .scrollbar-ino > .scroll-element.scroll-y {
                                height: 100%;
                                right: 2px;
                                top: 0;
                                width: 8px;
                            }

                            .scrollbar-ino > .scroll-element .scroll-element_outer {
                                overflow: hidden;
                            }

                            .scrollbar-ino > .scroll-element .scroll-element_outer,
                            .scrollbar-ino > .scroll-element .scroll-element_track,
                            .scrollbar-ino > .scroll-element .scroll-bar {
                                -webkit-border-radius: 8px;
                                -moz-border-radius: 8px;
                                border-radius: 8px;
                            }

                            .scrollbar-ino > .scroll-element .scroll-element_track,
                            .scrollbar-ino > .scroll-element .scroll-bar {
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
                                filter: alpha(opacity=40);
                                opacity: 0.4;
                            }

                            .scrollbar-ino > .scroll-element .scroll-element_track { background-color: #dedede; }
                            .scrollbar-ino > .scroll-element .scroll-bar { background-color: #cacaca; }
                            .scrollbar-ino > .scroll-element:hover .scroll-bar { background-color: #1b913a; }
                            .scrollbar-ino > .scroll-element.scroll-draggable .scroll-bar { background-color: #1b913a; }


                            /* update scrollbar offset if both scrolls are visible */

                            .scrollbar-ino > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
                            .scrollbar-ino > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


                            .scrollbar-ino > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
                            .scrollbar-ino > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }




._name.flexy {
    align-items: center;
}
._name.flexy a {
    font-weight: bold;
}