@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@100;200;300;400;500;600;700&display=swap");
/*&family=Raleway:wght@300;400;500;600;700*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}


i {
  font-style: normal;
}

div[class*=price] {
  font-family: "Nunito";
}

.mh60 {
  margin: 60px 0;
}

.mb60 {
  margin-bottom: 60px;
}

.mb90 {
  margin-bottom: 90px;
}
@media (max-width: 992px) {
  .mb90 {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .mb90 {
    margin-bottom: 40px;
  }
}

.mt60 {
  margin-top: 60px;
}

:root {
  --blue: #2d96f6;
  --blu2: #0058db;
  --blusub: #003584;
  --blu: #003A91;
  --black: #2c2c2c;
  --grey: #505050;
  --font-size: 1rem;
  --color1: #f0ffff;
  --borderRadius: 1em;
  --yellow: #ffd466;
}

.stock, .stock-1{    text-align:left;font-size: 1.3em;position: relative;}
.stock:before{content: "";background: green;width: 10px;height: 10px;border-radius: 50%;position: absolute;margin-right: 10px;    top: 5px;}
.stock-1:before{content: "";background: orange ;width: 10px;height: 10px;border-radius: 50%;position: absolute;margin-right: 10px;    top: 3px;}
.stock i{font-style: normal;}
.stock span, .stock-1 span{    padding-left: 17px;}


ul {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  margin-bottom: 0;
}

.content ul,
.description ul {
  list-style: initial;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  margin-bottom: 10px;
}
.content ul li::marker,
.description ul li::marker{
  color:var(--blue);
}

a {
  color: var(--black);
  display: inline-block;
}
a:hover, a:focus, a:active {
  color: var(--blue);
  text-decoration: none;
  outline: none;
}

a.blk {
  color: var(--black);
}
a.blk:hover, a.blk:focus, a.blk:active {
  color: var(--blue);
  text-decoration: none;
}
a.blk:hover:after, a.blk:focus:after, a.blk:active:after {
  content: url(../img/ico/max_b.svg);
}
a.blk:after {
  margin-left: 10px;
  content: url(../img/ico/max_bb.svg);
}

a.wh {
  color: #fff;
  line-height: 150%;
  position: relative;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
a.wh:after {
  margin-left: 10px;
  content: url(../img/ico/max.svg);
}
a.wh:hover {
  border-bottom: 1px solid var(--blue);
  color: var(--blue);
}
a.wh:hover:after {
  content: url(../img/ico/max_b.svg);
}

a.blu {
  color: var(--blue);
  line-height: 150%;
  position: relative;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  letter-spacing: -0.3px;
}
@media (max-width: 1600px) {
  a.blu {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  a.blu {
    font-size: 16px;
  }
}
a.blu:after {
  margin-left: 10px;
  content: url(../img/ico/max_b.svg);
}
a.blu:hover {
  border-bottom: 1px solid var(--blue);
  color: var(--blue);
}
a.blu:hover:after {
  content: url(../img/ico/max_b.svg);
}

.a-blue {
  color: var(--blue);
  outline: none;
}
.a-blue:hover, .a-blue:focus, .a-blue:active {
  color: var(--black);
  text-decoration: none;
  outline: none;
}

a.nav-link {
  color: var(--black);
  outline: none;
}
a.nav-link:hover, a.nav-link:focus, a.nav-link:active {
  color: var(--black);
  text-decoration: none;
  outline: none;
}

.dfc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body {
  font-family: "Nunito","sans-serif","arial";
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  width: 100%;
  min-height: 100vh;
}
@media (max-width: 1600px) {
  body {
    font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  body {
    font-size: 16px;
  }
}

main {
  min-height: 35vh;
}

.container-fluid {
  max-width: 1430px;
}

.telf {
  font-family: "Nunito";
}
.active-c{
  filter: brightness(0.1);
}

h1,
.h1 {
  font-family: "Nunito";
  font-weight: 600;
  line-height: 136%;
}
@media (max-width: 1600px) {
  h1,
  .h1 {
    font-size: calc(20px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h1,
  .h1 {
    font-size: 24px;
  }
}

h2,
.h2 {
  font-family: "Nunito";
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1600px) {
  h2,
  .h2 {
    font-size: calc(20px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h2,
  .h2 {
    font-size: 22px;
  }
}

h3,
.h3 {
  font-family: "Nunito";
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1600px) {
  h3,
  .h3 {
    font-size: calc(18px + 2 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}

h4,
.h4 {
  font-family: "Nunito";
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1600px) {
  h4,
  .h4 {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h4,
  .h4 {
    font-size: 18px;
  }
}

.mb30-16 {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .mb30-16 {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .mb30-16 {
    margin-bottom: 16px;
  }
}

.mb60-25 {
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .mb60-25 {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .mb60-25 {
    margin-bottom: 25px;
  }
}

button {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

.button-my {
  border-radius: 5px;
  line-height: 167%;
  padding: 9px 12px 8px;
  position: relative;
  border: 1px solid var(--blue);
  margin-bottom: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-box-shadow: 0 0 2px #777;
          box-shadow: 0 0 2px #777;
}
.button-my:hover {
  -webkit-box-shadow: 0 0 7px #999;
          box-shadow: 0 0 7px #999;
}
.button-my span {
  margin-right: 15px;
}
.button-my:last-child {
  margin-bottom: 0;
}
.button-my.c-blue {
  background: var(--blue);
  color: white;
}
.button-my.c-blue:hover {
  background: var(--blu);
  border-color: var(--blu);
}
.button-my.c-white {
  background: #fff;
  color: var(--blue);
}
.button-my.c-white:hover {
  color: var(--blu);
  border-color: var(--blu);
}
.button-my i:after {
content: "+";
    color: #fff;
    font-style: normal;
    position: absolute;
    bottom: -3px;
    font-size: 15px;
    right: 8px;
}
.button-my img {
  position: relative;
  display: inline-block;
}
.button-my.c-yellow {
  background: var(--yellow);
  border-color: var(--yellow);
  border-radius: 3px;
}
.button-my.c-yellow:hover {
  color: var(--black);
  border-color: #ffc020;
  background: #ffc020;
}

.burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.burger span {
  width: 35px;
  background: #fff;
  padding: 2px;
  display: inline-block;
  border-radius: 2px;
}
.burger.active span {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  top: 6px;
}
.burger.active span:last-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  top: -4px;
}
.burger.active .minus-s {
  display: none;
}

.button-cart {
  background: #2d96f6;
  border-radius: 5px;
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button-cart img {
  width: 26px;
  height: 26px;
}

.breadcrumb,
.brd-crmbs ul {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.75rem 1rem 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}

.breadcrumb li,
.brd-crmbs ul li {
  font-family: "Nunito";
  margin-left: 5px;
}

.breadcrumb li a,
.brd-crmbs ul li a {
  font-family: "Nunito";
  color: #838383;
}

.brd-crmbs ul > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}

@media (max-width: 383px) {
  .button-cart {
    width: 36px;
    height: 36px;
  }
  .button-cart img {
    width: 20px;
    height: 20px;
  }
}
/****************************************************************************/
.my-slider {
  padding: 100px;
  width: 100%;
}
.my-slider .item {
  width: 100px;
  height: 100px;
}
.my-slider img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slider-progress-bar {
  padding: 10px;
  width: 0%;
  /* your progress bar styles here */
}
.slider-progress-bar .progress {
  height: 14px;
  background: red;
  -webkit-animation: sliderProgressBar ease;
          animation: sliderProgressBar ease;
}

@-webkit-keyframes sliderProgressBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

@keyframes sliderProgressBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/***********************/
.container {
 /* width: 30%; */
  margin: 0 auto;
}

.title {
  background: #545965;
  color: #fff;
  padding: 15px;
  float: left;
  position: relative;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.bar-fill span {
  height: 3px;
  display: block;
  background: #45c9a5;
  width: 0;
  border-radius: 8px;
  -webkit-transition: width 0.8s ease;
  -o-transition: width 0.8s ease;
  transition: width 0.8s ease;
  -webkit-animation: progressbar infinite;
          animation: progressbar infinite;
}

.my-slider:hover .bar-fill .progress {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

/* Стандартный синтаксис */
@-webkit-keyframes progressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes progressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/*****************************/
.input_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.input_check span {
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.inpt {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.inpt input {
  opacity: 0;
}

.customCheckbox {
  width: 16px;
  height: 16px;
  border: 1px solid #9fa3a7;
  display: inline-block;
  background: #fff;
  border-radius: 2px;
  position: absolute;
}

.customCheckbox.checkboxAreaChecked {
  background: var(--blue);
  position: relative;
  background: transparent;
  border: none;
}

.customCheckbox.checkboxAreaChecked::before {
  content: "";
  background: url(../img/ico/galka.svg) left top no-repeat;
  background-size: cover;
  padding: 0px 0px 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
  z-index: 100;
}

.filter__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 24px;

}
.filter__title::after {
  content: "";
  background: url(img/ico/str-top.svg) no-repeat;
  position: absolute;
}

.info.list {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.block-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.block-bt .sbros {
  border-bottom: 1px solid #2c2c2c;
}
.block-bt a {
  font-weight: 500;
  font-size: 16px;
}

.color-prod .white,
.color-prod .silver,
.color-prod .space.gray,
.color-prod .midnight,
.color-prod .pink, .color-prod .gold, .color-prod .sierra.blue, .color-prod .pacific.blue, .color-prod .green, .color-prod .alpine.green, .color-prod .purple, .color-prod .deep.purple, .color-prod .red {
  position: relative;
  padding: 2px 0 2px 31px;
}
.color-prod .white::before,
.color-prod .silver::before,
.color-prod .space.gray::before,
.color-prod .midnight::before,
.color-prod .pink::before, .color-prod .gold::before, .color-prod .sierra.blue::before, .color-prod .pacific.blue::before, .color-prod .green::before, .color-prod .alpine.green::before, .color-prod .purple::before, .color-prod .deep.purple::before, .color-prod .red::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: -2px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ededed;
}
.color-prod .white::before {
  background: #fff;
}
.color-prod .silver::before {
  background: #ededed;
}
.color-prod .space.gray::before {
  background: #6E6A67;
}
.color-prod .midnight::before {
  background: #2A3139;
}
.color-prod .pink::before {
  background: #F8DBD5;
}
.color-prod .gold::before {
  background: #FEE4A9;
}
.color-prod .sierra.blue::before {
  background: #97B6D3;
}
.color-prod .pacific.blue::before {
  background: #205D7A;
}
.color-prod .green::before {
  background: #C3E3B6;
}
.color-prod .alpine.green::before {
  background: #33654E;
}
.color-prod .purple::before {
  background: #ECCDFF;
}
.color-prod .deep.purple::before {
  background: #8A6F98;
}
.color-prod .red::before {
  background: #D01629;
}

.header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.header-top .logo {
  display: block;
  padding: 25px 25px 30px 0;
}

.menu-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 68px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.menu-top a {
  padding-left: 2.5%;
  padding-right: 2.5%;
  color: #fff;
  line-height: 68px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  white-space: nowrap;
}
.menu-top a:hover, .menu-top a.active {
  background: #2d96f6;
}
.menu-top a:last-child {
  /*padding-right: 0%;*/
      margin-right: -15px;
}

.menu-blue {
  width: 100%;
  background: #2288e6;
  height: 68px;
}
.menu-blue-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-blue .burger-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 195px;
  gap: 0 20px;
  padding: 0 0 0 16px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  position: relative;
  left: -16px;
  height: 68px;
  margin-right: 30px;
  cursor: pointer;
}
.menu-blue .burger-wrap.active, .menu-blue .burger-wrap:focus {
  background: #2d96f6;
}
.menu-blue .burger-wrap:hover {
  background: var(--blu);
}

.burger-wrap__notat {
  font-size: 16px;
  color: #fff;
  letter-spacing:-0.6px;
}

.telf {
  font-size: 18px;
  margin-right: 20px;
}

.zz {
  padding: 1px 0;

  border-bottom: 1px solid #2288e6;
}

.header-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}

.nav-block {
  display: grid;
  grid-template-columns: 230px 1fr;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  position: absolute;
  z-index: 1100;
  background: #fff;
  width: 100%;
  gap: 0 50px;
  left: 50%;
  max-width: 1430px;
  padding: 0 15px;
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  transition: 0.3s all;
}
.nav-block.active {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  -webkit-box-shadow: 1px 1px 1px #eee;
          box-shadow: 0px 16px 30px #ddd;
}

nav {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

nav,
.menu-open {
  margin: 60px 0;
}

.menu {
  max-width: 230px;
  width: 100%;
  position: relative;
}
.menu > li > a {
  font-family: "Nunito";
  font-weight: 600;
  line-height: 186%;
}
.menu > li > a.actsub{
  color:var(--blue);
}
@media (max-width: 1600px) {
  .menu > li > a {
    font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .menu > li > a {
    font-size: 24px;
  }
}
.menu .submenu {
  display: none;
}
.menu .submenu.active {
  display: block;
  position: absolute;
  left: 270px;
  top: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.mo-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 500px;
  gap: 0 20px;
}
.mo-ul a {
  display: block;
  line-height: 120%;
  padding: 8px 0;
}

.header-cart button,
.header-cart a {
  position: relative;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-cart button:hover,
.header-cart a:hover {
  opacity: 0.6;
}
.header-cart span {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  background: var(--blue);
  color: #fff;
  border-radius: 50%;
  width: 19px;
  display: block;
  position: absolute;
  bottom: -5px;
  right: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-hed-top {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  gap: 20px;
}
.footer-hed-top .burger {
  cursor: pointer;
}
.footer-hed-top .burger:hover {
  opacity: 0.6;
}
.footer-hed-top .burger span {
  background: var(--black);
}
.footer-hed-top .header-cart {
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.dn-block {
  display: none;
}

.menu .submenu.active {
  display: none;
}

.mobi-menu-contact {
  display: none;
}

.top-search {
  position: absolute;
  /*border-bottom: 1px solid #fff;*/
  right: 15px;
  width: calc(100% - 84px);
  display: none;
}
.top-search .id-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-search .id-search input {
  background: var(--blu);
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.top-search .id-search input::-webkit-input-placeholder {
  color: var(--blu);
}
.top-search .id-search input::-moz-placeholder {
  color: var(--blu);
}
.top-search .id-search input:-ms-input-placeholder {
  color: var(--blu);
}
.top-search .id-search input::-ms-input-placeholder {
  color: var(--blu);
}
.top-search .id-search input::placeholder {
  color: var(--blu);
}
.top-search .id-search button {
  background: var(--blu);
}

/*-------------------------------*/
@media (max-width: 940px) {

  main {
    margin-top: 150px;
  }
  .menu-blue-line {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menu-blue-line path {
    fill: #fff;
  }
  .header-cart span {
    background: #fff;
    color: var(--black);
  }
  .burger-wrap__notat {
    display: none;
  }
  .menu-blue .burger-wrap {
    min-width: initial;
    margin-right: initial;
  }
  nav {
    border-right: none;
  }
  nav,
  .menu-open {
    margin: 20px 0;
  }
  .menu-open {
    display: none;
  }
  .menu {
    max-width: 100%;
  }
  .menu > li:last-child > a {
    border-bottom: transparent;
  }
  .menu > li > a {
    width: 100%;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 20px;
    font-weight: 400;
  }
  .menu > li > a i {
    position: absolute;
    right: 0;
    background: url(../img/ico/str-menu.svg) center no-repeat;
    width: 16px;
    height: 16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
  }
  .menu > li > a.actsub {
    border: transparent;
  }
  .menu > li > a.actsub i {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .menu .submenu a {
    padding: 7px 0;
    font-size: 16px;
    font-weight: 200;
  }
  .menu .submenu {
    position: static;
    display: block;
    max-height: 0;
    overflow: hidden;
    margin-left: 16px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    margin: 0 0px 0 -10px;
    padding: 0 15px;
    width: calc(100% + 15px) !important;
  }
  .menu .submenu.active {
    display: block;
    position: static;
    max-height: 1050px;
    background: var(--blusub);
    width: 100%;
  }
  .menu-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: initial;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .menu-top a {
    line-height: 210%;
    color: var(--black);
  }
  /***************/
  .nav-block {
    display: block;
    overflow: hidden;
    width: 100.7%;
    left: 50%;
    -webkit-transform: translate(-50.5%, -0.5px);
        -ms-transform: translate(-50.5%, -0.5px);
            transform: translate(-50.5%, -0.5px);
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
  }
  .nav-block.active {
    background: var(--blu);
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: auto;
    height: calc(100vh - 100px);
  }
  .nav-block.active a {
    color: #fff;
  }
  .menu-blue {
    background: var(--blu);
  }
  .menu-top a {
    color: #fff;
  }
  .mobi-menu-first .menu-top {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 0;
    margin: 10px 0;
  }
  .mobi-menu-first .menu-top a {
    font-size: 14px;
    padding: 0;
  }
  .mobi-menu-contact {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 0;
    color: #fff;
  }
  .mobi-menu-contact .f-tels {
    margin-bottom: 16px;
  }
  .mobi-menu-contact .f-time__item {
    color: #fff;
  }
  .mobi-menu-contact .f-zv {
    margin-bottom: 16px;
  }
  .mobi-menu-contact a {
    color: #fff;
  }
  nav a {
    color: #fff;
    line-height: 184%;
  }
  header {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }
}
@media (max-width: 768px) {
  #input-sort{max-width: 120px;}
}

@media (max-width: 576px) {
  .logo img {
    width: 152px;
  }
  .top-search.active {
    display: block;
  }
  main {
    margin-top: 68px;
  }
  .header-top {
    display: none;
  }
  .footer-hed-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer-hed-top .header-cart span {
    background: var(--blu);
    color: #fff;
  }
  .menu-blue-line .header-cart {
    display: none;
  }
  .dn-block {
    display: block;
  }
  .footer-hed-top {
    position: fixed;
    bottom: 0;
    z-index: 100;
    background: #fff;
    width: 100%;
  }
}
.slider-g .owl-nav {
  right: 3.9%;
  position: absolute;
  bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 90%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.slider-g .owl-dots {
  right: 4.9%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 280%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: #fff;
  font-weight: 100;
}
@media (max-width: 1600px) {
  .slider-g .owl-dots {
    font-size: calc(16px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .slider-g .owl-dots {
    font-size: 22px;
  }
}
.slider-g .owl-dots .active span {
  font-weight: 400;
}
.slider-g .owl-dots span {
  font-family: "Nunito", sans-serif;
  display: block;
}
.slider-g .news-str-left,
.slider-g .news-str-right {
  background: transparent;
}
.slider-g .news-str-left:hover,
.slider-g .news-str-right:hover {
  background: transparent;
}

.row-gr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

 
.garant-white h2,
.garant-white .h2 {
  margin-bottom: 62px;
}

@media (max-width: 1600px) {
  .garant-white h2,
  .garant-white .h2 {
    font-size: calc(25px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .garant-white h2,
  .garant-white .h2 {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .garant-white h2,
  .garant-white .h2 {
    margin-bottom: 41.3333333333px;
  }
}
@media (max-width: 768px) {
  .garant-white h2,
  .garant-white .h2 {
    margin-bottom: 16px;
  }
}
.garant-white p {
  margin-bottom: 30px;
}
.garant-white a {
  margin-bottom: 10px;
  display: inline-block;
}

.advantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.advantage__img {
  margin-bottom: 17px;
}

.h4 {
  margin-bottom: 10px;
}

.mobi-yes-500 {
  display: none;
}

/***/
.search-block {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  background: #fff;
  z-index: 1000;
  width: 100%;
  gap: 0 50px;
  left: 50%;
  max-width: 1430px;
  padding: 0px 15px;
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
}
.search-block #search {
  position: relative;
  max-width: 800px;
}
.search-block.active {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  padding: 35px 15px 10px;
}
.search-block input {
  border: none;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0;
  outline: none !important;
}
.search-block button {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
}

.search:hover, .search.active {
  opacity: 0.5;
}

.popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 30px;
}
.popular a {
  padding: 5px 10px;
  background: #ededed;
  border-radius: 8px;
  font-size: 16px;
  display: block;
}
.popular a:hover {
  background: #f2f2f2;
}

.vnimanie-plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.plus-item {
  width: 168px;
  text-align: center;
  padding: 10px;
}
.plus-item img {
  height: 117px;
}
.plus-item__text {
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  font-family: "Nunito";
  min-height: 86px;
}
.plus-item__price {
  -moz-text-align-last: left;
       text-align-last: left;
  font-weight: 600;
  font-size: 16px;
}

/***/
.nabor-7 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.nabor-7-1 {
  grid-row-start: 1;
  grid-row-end: span 2;
}
.nabor-7__title {
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .nabor-7__title {
    font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .nabor-7__title {
    font-size: 24px;
  }
}
.nabor-7__price {
  font-weight: 600;
  line-height: 150%;
  color: #2d96f6;
  margin-bottom: 20px;
  flex:1;
}
@media (max-width: 1600px) {
  .nabor-7__price {
    font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .nabor-7__price {
    font-size: 24px;
  }
}
.nabor-7__img {
  display: inline-block;
}

.nabor-7__img_100 img{
  height:143px;
  width: auto;
}

.nabor-7-ul {
  margin: 0 auto;
  position: absolute;
  margin: 28% auto 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  overflow: auto;
  max-height: 164px;
}
.nabor-7-ul li {
  text-align: left;
}
.nabor-7-ul a {
  line-height: 165%;
}
@media (max-width: 1600px) {
  .nabor-7-ul a {
    font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .nabor-7-ul a {
    font-size: 18px;
  }
}

.nabor-7-2,
.nabor-7-1 {
  padding: 28px 28px 0 28px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
 /* background: -o-radial-gradient(50% 50%, 134.46% 70.18%, #ffffff 65.1%, #e3f2ff 100%);
  background: radial-gradient(134.46% 70.18% at 50% 50%, #ffffff 65.1%, #e3f2ff 100%);*/
    background:url(../img/b111.jpg) no-repeat;
   background-size:cover;
  border: 1px solid rgba(45, 150, 247, 0.2);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.nabor-7-2:hover,
.nabor-7-1:hover{
   transition: 0.3s all;
   background:url(../img/b15.png) no-repeat;
   background-size:cover;
}

.nabor-7-2 .nabor-7-ul,
.nabor-7-1 .nabor-7-ul {
  display: none;
  opacity:0;
   transition: 0.3s all;
}
.nabor-7-2:hover .nabor-7__img,
.nabor-7-1:hover .nabor-7__img {
 opacity:0;
   transition: 0.5s all;
}
.nabor-7-2:hover .nabor-7-ul,
.nabor-7-1:hover .nabor-7-ul {
  position: absolute;
   display: block;
  opacity:1;
   transition: 0.3s all;
}

.sg-str-left,
.sg-str-right {
  position: absolute;
  top: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.sg-str-left:hover,
.sg-str-right:hover {
  border-color: #2d96f6;
}
.sg-str-left:hover svg path,
.sg-str-right:hover svg path {
  stroke: #2d96f6;
}

.sg-str-left {
  left: -18px;
  padding: 14px 19px 14px 16px;
}

.sg-str-right {
  right: -18px;
  padding: 14px 16px 14px 19px;
}

.bkg-5 {
  background: url(../img/bg.jpg) center no-repeat;
  color: #fff;
}

.bkg-7 {
  background: url(../img/bg1.jpg) center no-repeat;
}

.f-lm {
  font-family: "Nunito";
  height: 440px;
  background-size: cover;
  border-radius: 8px;
  padding: 80px 0 0 65px;
  margin-bottom: 30px;
  border: 1px solid #ddd;
}
.f-lm_white{
  position: relative;
  border:none;
}
.f-lm_white a,
.f-lm_white p,
.f-lm_white .f-lm__title{
  z-index: 10;
  position: relative;
}
.f-lm_white a{
      top:0;
}
.f-lm_white img{
  width: 100%;
  height: 100%;
  object-fit:cover;
  top: 0;
  left: 0;
      border: 1px solid #ccc;
    border-radius: 10px;
}

.f-lm p {
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .f-lm p {
    font-size: calc(14px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .f-lm p {
    font-size: 20px;
  }
}
.f-lm img {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  right: 20px;
}
.f-lm a {
  color: var(--blue);
}
.f-lm__title {
  margin-bottom: 48px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1600px) {
  .f-lm__title {
    font-size: calc(18px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .f-lm__title {
    font-size: 28px;
  }
}

.sl-module2 {
  margin: 25px auto 30px;
  width: calc(100% - 32px);
}

.reviews {
  padding: 50px 0;
  background: url(../img/bg3.jpg) center no-repeat;
  background-size: cover;
}
.reviews .wh1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reviews-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reviews .block-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.reviews .block-line h2 {
  margin: 0;
}
.reviews .block-line a {
  line-height: 0;
}
.reviews .review {
  border-radius: 10px;
  padding: 28px 28px 28px 28px;
  background: #fff;
}
.reviews .review_description {
  position: relative;
  height: 120px;
  overflow: auto;
  padding-left: 20px;
}
.reviews .review_description::before {
  content: "";
  background: url(../img/ico/ic_quote.svg) left no-repeat;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 3px;
  left: 0px;
  z-index: 1;
}
.reviews .review__heder {
  display: grid;
  grid-template-columns: 85px 1fr;
  gap: 20px;
  margin-bottom: 40px;
  padding-left: 20px;
}
.reviews .review-img {
  width: 83px;
  height: 83px;
  overflow: hidden;
  border-radius: 50%;
}
.reviews .review-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews h4 {
  padding: 0;
  margin: 0;
}
.reviews .data {
  margin-bottom: 10px;
}

.rating ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

.galery-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 40px 0;
  gap: 15px;
}
.galery-header__1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 7%;
  gap: 0 60px;
}
.galery-header__1 h2 {
  margin: 0;
  padding: 0;
}
.galery-header__1_1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.galery-header__1_1 a {
  margin-top: 2px;
}

.galery-adr span {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.galery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.galery-ittem {
  overflow: hidden;
  position: relative;
  padding-top: 27.25%;
}
.galery-ittem img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.gi1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 48%;
          flex: 1 48%;
  border-radius: 10px;
}

.gi2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 23%;
          flex: 1 23%;
  border-radius: 10px;
}

.block-foot-lm {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .block-foot-lm {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .block-foot-lm {
    margin-bottom: 16px;
  }
}

.foot-lm {
  max-width: 572px;
}
.foot-lm h3 {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .foot-lm h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .foot-lm h3 {
    margin-bottom: 16px;
  }
}
.foot-lm p {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .foot-lm p {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .foot-lm p {
    margin-bottom: 16px;
  }
}

.foot-lm-foot {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .foot-lm-foot {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .foot-lm-foot {
    margin-bottom: 16px;
  }
}

/********/
footer {
 /* padding-bottom: 68px !important;*/
  background: var(--black);
  padding: 68px 0 0;
  color: #fff;
  line-height: 150%;
}
@media (max-width: 1600px) {
  footer {
    font-size: calc(14px + 0 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  footer {
    font-size: 14px;
  }
}
footer a {
  color: #fff;
  line-height: 150%;
}
@media (max-width: 1600px) {
  footer a {
    font-size: calc(14px + 0 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  footer a {
    font-size: 14px;
  }
}

.footer-bs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 30px;
}

.logo-foot {
  display: inline-block;
  margin-bottom: 36px;
}
@media (max-width: 992px) {
  .logo-foot {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .logo-foot {
    margin-bottom: 36px;
  }
}
.logo-foot img {
  width: 152px;
}

.f-tels {
  margin-bottom: 32px;
  font-family: arial;
}
@media (max-width: 992px) {
  .f-tels {
    margin-bottom: 21.3333333333px;
  }
}
@media (max-width: 768px) {
  .f-tels {
    margin-bottom: 24px;
  }
}
.f-tels a {
  font-weight: 600;
  line-height: 180%;
  display: block;
  text-align: left;
}
@media (max-width: 1600px) {
  .f-tels a {
    font-size: calc(16px + 0 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .f-tels a {
    font-size: 16px;
  }
}

.f-time {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .f-time {
    margin-bottom: 10.6666666667px;
  }
}
@media (max-width: 768px) {
  .f-time {
    margin-bottom: 16px;
  }
}

.f-zv {
  display: inline-block;
  margin-bottom: 27px;
}
@media (max-width: 992px) {
  .f-zv {
    margin-bottom: 18px;
  }
}
@media (max-width: 768px) {
  .f-zv {
    margin-bottom: 27px;
  }
}

.f-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.f-soc img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.f-soc img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.f-menu a {
  padding: 8px 0;
  display: inline-block;
}

.prepostfooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.line-footer {
  background: #212121;
}

.posfooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mb100 {
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  .mb100 {
    margin-bottom: 66.6666666667px;
  }
}
@media (max-width: 768px) {
  .mb100 {
    margin-bottom: 30px;
  }
}

/**/
.mewsl-bar {
  display: none;
  padding: 20px 8px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.mewsl-bar-item {
  cursor: pointer;
  text-align: center;
    /* margin: 0 auto; */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mewsl-bar-item__title {
  font-weight: 700;
  font-size: 13px;
  line-height: 150%;
  text-align: center;
  margin-top: 6px;
}
.mewsl-bar-item .img {
  width: 64px;
  height: 64px;
  border: 1px solid;
  border-color: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: -o-linear-gradient(white, white), -o-linear-gradient(205deg, #615eff, #00d1ff);
  background-image: linear-gradient(white, white), linear-gradient(245deg, #615eff, #00d1ff);
  background-origin: content-box, border-box, border-box, border-box, border-box;
  background-clip: content-box, border-box, border-box, border-box, border-box;
  border-radius: 50%;
}
.mewsl-bar-item .img img {
  width: 70%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
}

.p-news {
  margin-top: 12px;
  padding: 3px 10px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background: -o-linear-gradient(183.1deg, #615eff 33%, #00d1ff 96.06%);
  background: linear-gradient(266.9deg, #615eff 33%, #00d1ff 96.06%);
  display: inline-block;
  color: #fff;
  display: none;
}

/**slider*/
.slider-g .owl-item,
.sl-item {
  border-radius: 8px;
  overflow: hidden;
}

.sl-item-block {
  width: 100%;
  height: 507px;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  grid: 600px auto/698px 1fr;
  grid-gap: 9%;
  grid-template-rows: 1fr;
  -ms-flex-line-pack: end;
      align-content: end;
  justify-self: center;
  color: #fff;
}

@media (max-width: 1280px) {
  .sl-item-block {
     grid-gap: 0;
   }
}
.sl-item-block_l {
  width: 100%;
  height: 507px;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  grid: 600px auto/469px 1fr;
  grid-gap: 0px;
  grid-template-rows: 1fr;
  -ms-flex-line-pack: end;
      align-content: end;
  justify-self: center;
  color: #fff;
}
.sl-item-block__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sl-item-block__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sl-item-block__img2 {
  width: 372px;
  height: 372px;
}
.sl-item-block__name {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 20px;
}
@media (max-width: 1600px) {
  .sl-item-block__name {
    font-size: calc(16px + 24 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .sl-item-block__name {
    font-size: 42px;
  }
}
.sl-item-block__name span {
  font-weight: 600;
  display: block;
  line-height: 1;
  margin-bottom: 40px;
}
@media (max-width: 1600px) {
  .sl-item-block__name span {
    font-size: calc(10px + 14 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .sl-item-block__name span {
    font-size: 24px;
  }
}
.sl-item-block__button {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  border: 1px solid #fff;
  padding: 14px;
  border-radius: 50px;
  opacity: 0.6;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 1600px) {
  .sl-item-block__button {
    font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .sl-item-block__button {
    font-size: 16px;
  }
}
.sl-item-block__button:hover {
  color: #fff;
  opacity: 1;
}
.sl-item-block img {
  width: 100%;
}

.bkgsl-1 {
  background: url(../img/slide/sl1-bkg.jpg) center no-repeat;
  background-size: cover;
}

.bkgsl-2 {
  background: url(../img/slide/bg_slider2.jpg) center no-repeat;
  background-size: cover;
}

.bkgsl-3 {
  background: url(../img/slide/bg_slider3.jpg) center no-repeat;
  background-size: cover;
}
.bkgsl-5 {
  background: url(../img/slide/bkg15pro.jpg) center no-repeat;
  background-size: cover;
}
.bkgsl-5n {
  background: url(../img/slide/bkg15.jpg) center no-repeat;
  background-size: cover;
}
.bkgsl-6 {
  background: url(../img/slide/sln5-n.jpg) center no-repeat;
  background-size: cover;
}
.sl-6-block{
  display: flex;
  flex-direction:column;
  /*align-items: center;*/
  justify-content:center;
  gap:10px;
  margin-left: 40px;
}
.b15pro-pr .bk11{
  margin: 16px 0  ;
  background-color:#4A3AFF;
  font-size:134%;
}
.sl-6-t{
  font-size: 42px;
  margin-bottom: 10px;
}
.sl-6-tp{}
.sl-6-sm{
    margin-bottom:  45px;
}

.blok-sl-kn.cblack.posa{
    position: absolute;
    left: 50%;
    bottom: 8%;
    transform: translate(calc(50% / 0.6), 4%);
}
@media(max-width:1080px){
  .blok-sl-kn.cblack.posa{ transform: translate(calc(50% / 0.8), 4%);  }
}
@media(max-width:700px){
  .blok-sl-kn.cblack.posa{ transform: translate(calc(50% / 1.2), 4%);  }
}@media(max-width:570px){
  .blok-sl-kn.cblack.posa{
    left:initial;
    right: 20%;
   /* transform: translate(calc(50% / 1.2), 4%); */

 }
 .b15pro-all{
    position: static;
 }
}

.bkgsl-55{
  background: url(../img/sl1/16-pro-a.jpg) left no-repeat;
  background-size: cover;

}
.bkgsl-57{
  background: url(../img/sl1/b16.jpg) left no-repeat;
  background-size: cover;
}
.bkgsl-59{
    background: url(../img/sl1/watch.png) left no-repeat;
    background-size: cover;
}
.bkgsl-59-text{
    position: absolute; top: 20px; left: 7%;
}
.bkgsl-67{
  background: url(../img/sl1/b2025-1.jpg) center no-repeat;
  background-size: cover;
}
.bkgsl-75{
  background: url(../img/sl1/17pro.jpg) left no-repeat;
  background-size: cover;
}
.bkgsl-76{
  background: url(../img/sl1/17.jpg) center no-repeat;
  background-size: cover;
}
.bkgsl-77{
  background: url(../img/sl1/17air.jpg) center no-repeat;
  background-size: cover;
}
.bkgsl-78{
    background: url(../img/sl1/watch11.jpg) left no-repeat;
    background-size: cover;
}




.komu{
  background-color: #000;
  background-size: cover;
  display: inline-block;
  padding: 2px 17px;
  border-radius: 6px;
  margin-bottom: 12px;
}
.bkgsl-59-text.c-f4934f1{
    top: initial;
    left: 9% !important;
    bottom: 22%;
}
.komu-blue{
  color:#0075FF;
}
.bkgsl-59-text a{
   color:#000;
   border-color: #000 !important;
   margin-top: 16px;
}
.bkgsl-59-text a:hover{
     color:#000;
   border-color: #000;
   opacity: 1;
}

.text-center{text-align: center;}
.block-kn-49{
  position: absolute; bottom: 50px; left: 7%;
  display: flex; justify-content: center; 
  gap:1rem
}

.block-kn-67{
  position: absolute; 
 /* bottom: 134px; 
  right: 30%;*/
  left:50%;
  top:50%;
  transform:translate(90%,117%);
  display: flex; justify-content: center; 
  gap:1rem
}
.c-f4934f a{
  border-color:#f4934f;
}
@media(max-width:1320px){

}

@media(max-width:1200px){
    .sl-6-t{  font-size: 36px;}
    .sl-6-sm{    margin-bottom:  10px;}
    .b15pro-pr .bk11{ margin:0;font-size:100%;}

}
@media(max-width:900px){
  .bkgsl-55{
    background: url(../img/sl1/16-pro-a1.jpg) left no-repeat;
    background-size: cover;
  }
}

@media(max-width:768px){
    .sl-6-t{  font-size: 26px; margin:0; }
    .block-kn-49 {
      bottom: 10px;
    }
      .bkgsl-55{
    background: url(../img/sl1/16-pro-a.jpg) left no-repeat;
    background-size: cover;
  }
  .bkgsl-59{
      background: url(../img/sl1/watch.png) left no-repeat;
      background-size: cover;
  }

}
.c-f4934f i{display: none;}
@media(max-width:576px){
    .sl-6-t{  font-size: 18px; margin-bottom:0; }
    .sl-6-block{margin-left:16px; }
    .b15pro-pr .bk11{ margin:0;font-size:83%;}
    .c-f4934f{
        gap: 6px;
        font-size: 13px;
        flex-direction: row !important;
        line-height: 1.3;
        align-items: center !important;
    }
    .c-f4934f i{
      text-align: right;
      display: block;
    }
    .block-kn-49{
      display: flex;
      justify-content: space-between;
      width: 90%;
      bottom: 3px;
    }

}

@media(max-width:446px){
    .sl-item-block{
      min-height:225px ;
    }
    .bkgsl-55{
        background: url(../img/sl1/16-pro-s.jpg) top no-repeat;
        background-size: cover;
    }
    .bkgsl-59{
        background: url(../img/sl1/watch2.png) bottom no-repeat;
        background-size: cover;
                height: 238px !important;
    }
    .bkgsl-59-text {
        text-align: right !important;
    }
    .bkgsl-59-text {
        position: absolute;
        top: 20px;
        right: 3%;
        left: auto !important;
    }
    .bkgsl-59-text .blok-sl-kn{
        margin-top: 7px;
    }
    .block-kn-49{
      display: flex;
      justify-content: space-between;
      width: 85%;
      bottom: 10px;
    }
   .komu{
       margin-bottom: 7px; 
   }
}

@media(max-width:383px){
    .bkgsl-6{   background-position: -89px;}
}

.block-sl-kn-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
/*  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;*/
}

.blok-sl-kn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sl-dop-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sl-item-block__img3 {
  width: 482px;
}
.fcentr{
  display: flex;
  align-items: center;
  justify-content:center;
}
.fl-end{
  align-items: end;
}
.img-bl-5{
 max-height:400px;
 height:100%;
}
.b15pro-pr{

}
.b15pro-pr p{
    margin: 0 0 10px;
    background: #5666FF;
    display: inline-block;
    border-radius: 7px;
    padding: 5px 15px;
    font-size: 19px;
}
.b15pro-pr p.cvts{
   background: url(../img/sl1/polosa16.png) no-repeat;
   background-size: cover;
}
.cblack,.cblack a{
  color:#000;
}
.cblack a{
  color:#000;
  border: 1px solid #000;
}
.cblack a:hover{
  color:#000;
  opacity: 1;

}
.font-black .sl-item-block{
  color:#333;
}
.font-black .sl-item-block__button{
    color:#000;
    border-color:#333;
}
.font-black .b15pro-pr p{background:#D7FFC5;letter-spacing:-0.5px}

@media(max-width:992px){
    .fcentr{
      max-height:85%;
      margin-top: 8%;  
    }
    .font-black .fcentr{
      margin-top: 11%; 
    }
    .b15pro-all{
      gap:3%;
      margin-top: -20px;
    }
    .b15pro-all .sl-item-block__name{
      margin-bottom: 10px;
    }
    .b15pro-pr p{
      font-size: 14px;
    }
}

@media(max-width:768px){
  .b15pro-s .bkgsl-5{
    grid: 331px auto/404px 1fr;
  }
}
@media(max-width:700px){
  .b15pro-s .bkgsl-5 {
      grid: 231px auto/304px 1fr;
  }
  .b15pro-pr p{
    padding: 3px 10px;
    margin: 0 0 5px;
  } 
      .b15pro-all .sl-item-block__name{
      margin-bottom: 5px;
      font-size: 15px;
      letter-spacing:-0.7px;
    }
}

@media(max-width:570px){
  .b15pro-s .bkgsl-5 {
      grid: 193px auto/246px 1fr;
  }
  .b15pro-all{ /* position:relative */ }
  .b15pro-pr p{font-size:12px;letter-spacing: -0.2px;}
  .font-black .fcentr{margin-top: 22%; }

}

@media(max-width:370px){

}

@media(max-width:440px){
  .b15pro-all{
     text-align: right;
     align-items: end !important;
    margin-right: 10px;

  }
  .fcentr{
      max-height:90%;
      margin-top: 8%;  
  }
  .b15pro-s .bkgsl-5 {
   grid: 77% auto/53% 1fr;
    align-content: center;
  }
  .b15pro-all {
      margin-top: 10px;
  }
  .b15pro-all .blok-sl-kn{
  /* display: grid; */
  /* grid-template-columns: 1fr 40%; */
  /* width: 95%; */
  /* justify-items: right; */
  /* max-width: 120px; */
  /* margin-bottom: 10px; */
  }
  .b15pro-pr p {
      padding: 2px 5px;
      margin: 0 0 5px;
      font-size: 11px;
      letter-spacing: -0.3px;

  }
  .font-black .fcentr{margin-top: 22%; }
  .font-black .sl-item-block {
        grid: 196px auto/161px 1fr;
  }
  .font-black .img-bl-5{position: relative;}
  .owl-carousel .owl-item .font-black img {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: -8px;
    left: -75px;
    height: 189px;
    width: 211px;
    }

}

.bkgsl-2-t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 0 15%;
}
.bkgsl-2-t__new {
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 27px;
}
@media (max-width: 1600px) {
  .bkgsl-2-t__new {
    font-size: calc(12px + 12 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .bkgsl-2-t__new {
    font-size: 24px;
  }
}
.bkgsl-2-t__title {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1600px) {
  .bkgsl-2-t__title {
    font-size: calc(16px + 26 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .bkgsl-2-t__title {
    font-size: 42px;
  }
}
.bkgsl-2-t__chip {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  background: #2288E5;
  padding: 4px 16px;
  margin-bottom: 68px;
  margin-top: 10px;
  display: inline-block;
  margin-left: 0;
}
@media (max-width: 1600px) {
  .bkgsl-2-t__chip {
    font-size: calc(10px + 14 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .bkgsl-2-t__chip {
    font-size: 24px;
  }
}

@media (max-width: 1200px) {
  .block-sl-kn-all {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .sl-item-block_l {
    grid: 527px auto/269px 1fr;
  }
}
@media (max-width: 1080px) {
  .sl-item-block, .sl-item-block_l {
    height: 370px;
  }
  .block-kn-67{
    transform:translate(72%,117%);
  }
  .sl-item-block_l {
    grid: 339px auto/219px 1fr;
  }
  .bkgsl-2-t__chip {
    margin-bottom: 47px;
  }
  .sl-item-block__img3 {
    width: 325px;
  }
  .sl-item-block {
    grid: 339px auto/466px 1fr;
  }
  .sl-item-block__img2 {
    width: 271px;
  }
}



@media (max-width: 700px) {
  .sl-item-block, .sl-item-block_l {
    height: 260px;
  }
    .block-kn-67{
    transform:translate(44%,70%);
  }
  .sl-item-block {
    grid: 223px auto/319px 1fr;
  }
  .sl-item-block__img2 {
    width: 200px;
  }
  .sl-item-block_l {
    grid: 247px auto/219px 1fr;
  }
  .sl-item-block_l.bkgsl-59 {
    grid: 247px auto/219px 1fr;
  }
  .bkgsl-2-t__chip {
    margin-bottom: 30px;
    margin-left: 0;
  }
  .sl-item-block__img3 {
    width: 250px;
  }
  .bkgsl-59-text{
    text-align: left;
  }

  .bkgsl-59-text a{
    margin-top: 0;
  }
  .bkgsl-59-text i{
    color:#000;
  }
  .komu-blue{display: none;}
}
@media (max-width: 570px) {
      .sl-item-block, .sl-item-block_l {
       height: 200px;
      }
      .sl-item-block {
        grid: 194px auto/270px 1fr;
      }
      .bkgsl-1 .sl-item-block__img {
        margin-top: 45px;
      }
      .sl-item-block__img2 {
        width: 160px;
      }
      .sl-item-block__img3 {
        width: 203px;
      }
      .sl-item-block_l {
        grid: 184px auto/120px 1fr;
      }
      .bkgsl-2-t {
        padding: 0 0 0 20px;
      }
      .bkgsl-2-t__new {
        margin-bottom: 8px;
      }
      .bkgsl-2-t__chip {
        margin-bottom: 19px;
        margin-left: 0;
        padding: 5px 10px;
      }
      .sl-item-block__button {
        font-size: 0;
        padding: 10px 16px;
        position: relative;
        max-width:30px;
      }
      .sl-item-block__button::after {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-16%, -50%);
            -ms-transform: translate(-16%, -50%);
                transform: translate(-16%, -50%);
        content: "";
        position: relative;
        font-size: 17px;
        position: absolute;
        width: 10px;
        height: 10px;
        background: url(../img/ico/right-small.png) no-repeat;
      }
      .cblack a::after{
        width: 110px;
        background: url(../img/sl1/str.svg) no-repeat;
      }
    
      .font-black .sl-item-block__button::after {
        background: url(../img/ico/left-bl.png) no-repeat;
        width: 109px;
      }
        .komu-blue{
          display: block;
        letter-spacing: -0.9px;
        max-width: 200px;
        line-height: 1;
      }
      .bkgsl-59-text .sl-item-block__name{
        display: none;
      }
        .bkgsl-67{
       background: url(../img/sl1/b2025-1sm.jpg) center no-repeat;
       background-size: cover;
     }
     .block-kn-67 {
        transform: translate(0, 186%);
        left:30px;
     }
     .bt-67.sl-item-block__button{
         opacity:1;
         font-size:inherit;
         color:#555;
         border: 1px solid #333;
         max-width: 160px;
         padding:7px 3px;
         background: #f3f3f3;
        opacity: 0.7;
     }
     .bt-67.sl-item-block__button::after{
       content:none;
           /*background: url(../img/sl1/str.svg) no-repeat;
                   width: 42px;
                           transform: translate(-43%, -61%);*/
     }


}


.blok-sl-kn.cblack1.posa{
  position: absolute;
  left: 56%;
  bottom: 8%;
  transform: translate(calc(50% / 1.2), 4%);
  }
  .cblack1 a {
      color: #000;
      border: 1px solid #000;
  }
  .block49mobi{display: none;}

@media(max-width: 570px){
  .block49mobi{
      display: block;
      .sl-item-block__button::after{
            background: url(../img/ico/right-small.png) 14px no-repeat;
      }
      .top10{
        bottom: 73px !important;
      }
  }
  .b49m2{
      .sl-item-block__button::after{
            background: url(../img/sl1/str.svg) no-repeat;
      }
      
  }
  .bkgsl-59-text.c-f4934f1{
    display: none;
  }

  .sl-item-block, .sl-item-block_l {
        height: 57vw;
    }
  .bkgsl-75{
        background: url(../img/sl1/17promin.jpg) center no-repeat;
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
  }  
  .block-kn-49{display:none;} 
  .bkgsl-76{
        background: url(../img/sl1/17min.jpg) center no-repeat;
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
  }  
  .bkgsl-77{
        background: url(../img/sl1/17airmin.jpg) center bottom no-repeat;
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
  }
  .bkgsl-78 {
    background: url(../img/sl1/watch11min.jpg) left no-repeat;
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
 }
  .sl-item-block__button {
        padding: 15px 25px;
  }

 .blok-sl-kn.cblack1.posa{
        position: absolute;
        right: 10px;
        left: initial;
        bottom: 20px;
        transform: translate(0, 0);
  }
  .cblack1 a {
    color: #2D96F6;
    border: 1px solid #2D96F6;
    padding: 17px calc(7vw);
  }
  .cblue a::after {
    width: 110px;
    background: url(../img/sl1/str.svg) no-repeat;
  } 

/**/


}

@media (max-width: 512px) {
  .bkgsl-57{
    grid: 194px auto / 218px 1fr;
  }
}
@media (max-width:430px) {
  .bkgsl-57 .fcentr{
       position: absolute; /**/
       /* height: 194px;*/
       width: 60%;
        left: 0px;
        right: inherit;
   }
      .bkgsl-57 {
        grid:initial;
        grid-template-columns:1fr;
        position: relative;
        display:flex;
        justify-content: end;
      }
        .b15pro-all {
        height: 200px;
    }

     .bkgsl-67{
       background: url(../img/sl1/b2025-1sm.jpg) center no-repeat;
       background-size: cover;
     }
     .block-kn-67 {
        transform: translate(0, 206%);
        left:25px;
     }
     .bt-67.sl-item-block__button{
         opacity:1;
         font-size:inherit;
         color:#555;
         border: 1px solid #333;
         max-width: 160px;
         padding:7px 3px;
     }
     .bt-67.sl-item-block__button::after{
       content:none;
           /*background: url(../img/sl1/str.svg) no-repeat;
                   width: 42px;
                           transform: translate(-43%, -61%);*/
     }

}

@media (max-width:370px) {
  .bkgsl-67{
    background: url(../img/sl1/b2025-1sm.jpg) left no-repeat;
    background-size: cover;
  }
  .block-kn-67 {
     transform: translate(0, 206%);
     left:20px;
  }
  .bt-67.sl-item-block__button{
      opacity:1;
      font-size:inherit;
      color:#555;
      border: 1px solid #333;
      max-width: 160px;
      padding:7px 3px;
  }
}

@media (max-width: 900px) {
  .sl-item-block__button {
    padding: 10px 20px;
  }
  .sl-item-block__name {
    line-height: 120%;
    margin-bottom: 9px;
  }
}
/****/
@media (max-width: 1200px) {
  .nabor-7 {
    grid-template-columns: repeat(3, 1fr);
  }
  .reviews .review {
    padding: 28px 21px 28px 20px;
  }
}
@media (max-width: 940px) {
  .nabor-7 {
    grid-template-columns: repeat(2, 1fr);
  }
  .nabor-7-2:hover .nabor-7__img,
  .nabor-7-1:hover .nabor-7__img {
    display: block;
  }
  .nabor-7-2:hover .nabor-7__img img,
  .nabor-7-1:hover .nabor-7__img img {
    opacity: 0;
  }
}
@media (max-width: 768px) {
  .sg-str-left,
  .sg-str-right {
    top: -61px;
  }
  .sg-str-left {
    right: 52px;
    left: initial;
    padding: 14px 19px 14px 16px;
  }
  .sg-str-right {
    right: 0px;
    padding: 14px 16px 14px 19px;
  }
  .sl-module2 {
    width: 100%;
  }
  .galery-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 10px;
  }
  .galery-header__1_1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .slider-g .owl-nav {
    right: initial;
    position: absolute;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    top: initial;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .slider-g .owl-dots {
    right: initial;
    position: absolute;
    bottom: -10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    top: initial;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #ccc;
    font-weight: 100;
    left: 50%;
    gap:10px;
  }
  .slider-g .owl-dots .active span {
    background: var(--blue);
    font-weight: 400;
  }
  .slider-g .owl-dots span {
    font-size: 0;
    letter-spacing: 0;
    height: 3px;
    width: 70px;
    background: #ccc;
    font-family: "Nunito", sans-serif;
    display: block;
  }
  .footer-bs {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__block_mobi {
    grid-column-start: 1;
    grid-column-end: span 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 20px;
    border-bottom: 1px solid #595959;
    padding: 0 0 0px 0;
  }
  .f-zv {
    grid-column: 2;
    grid-row: 2;
  }
  .f-zv,
  .pr-b3,
  .f-adr p {
    margin: 0;
    -ms-flex-item-align: self-end;
        align-self: self-end;
  }
  .f-tels,
  .f-zv {
    justify-self: center;
    margin-bottom: 0;
  }
  .pr-b3,
  .f-time {
    justify-self: end;
  }
}

  .nabor-7__img_spec{
    max-height: initial;
    position: absolute;
    z-index: 0;
    width: 146px;
    bottom: -35%;
    left: 50%;
    transform: translateX(-50%);
  }

  .nabor-7__img_spec2{
    width: 100%;
  }


@media (max-width: 576px) {
  .search-block {
    position: fixed;
  }
    .nabor-7__img_spec{
      width: 132px;
      width: 57%;
    }
  .footer__block_mobi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
  }
    .nabor-7-watch{}
  .nabor-7-watch2{max-height:147px;}
    .slider-g .owl-dots span{
      width: 45px;  
  }
  .f-zv,
  .pr-b3,
  .f-adr p {
    -ms-flex-item-align: initial;
        align-self: initial;
  }
  .f-tels,
  .f-zv,
  .f-adr,
  .f-studio {
    margin-bottom: 30px;
  }
  .footer__block_567 {
    display: none;
  }
  .prepostfooter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .line-footer {
    display: none;
  }
  .mt60 {
    margin-top: 20px;
  }
  .galery-header {
    gap: 5px;
    margin: 20px 0;
  }
  .galery {
    gap: 8px;
  }
  .galery-ittem img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .f-lm {
    height: 281px;
    padding: 40px 0 0 40px;
  }
  .f-lm img {
    width: 269px;
  }
  .f-lm_white img{width: 100%;}
  .f-lm_white a{top:-30px;}
  .nabor-7 {
    gap: 8px;
  }
  .nabor-7__title {
    margin-bottom: 0;
  }
  .nabor-7-1 {
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .nabor-7-1 img {
    max-width: 49% !important;
  }
  .nabor-7-2,
  .nabor-7-1 {
    padding: 10px 15px 0px 16px;
  }

  .nabor-7-2:hover, .nabor-7-1:hover {

  }
  .nabor-7-2 img,
  .nabor-7-1 img {
    max-width: 100%;
   /* height:100%; */
  }
  .nabor-7__img_spec{
    /* max-height:138px; */
  }
  .nabor-7-2:hover .nabor-7__img,
  .nabor-7-1:hover .nabor-7__img {
    display: block;
     opacity:1;
  }
  .nabor-7-2:hover .nabor-7__img img,
  .nabor-7-1:hover .nabor-7__img img {
    opacity: 1;
  }
  .nabor-7-2:hover .nabor-7-ul,
  .nabor-7-1:hover .nabor-7-ul {
    position: static;
    display: none;
  }
  #n-7-acc {
    grid-column: 1/3;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  #n-7-acc .c-7-acc {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .nabor-7-ul {
    margin: 30% auto 0;
    padding-bottom: 10px;
    max-height: 125px;
    overflow: auto;
    width: 90%;
  }
  .nabor-7-ul li {
    text-align: center;
  }
  .nabor-7-ul a {
    line-height: 165%;
  }
  .sl-module .cart__ablock img {
    width: initial;
  }
  .nabor-7__img_100 img {
    height: auto;
    width: auto;
  }
}
@media (max-width: 450px) {
  .nabor-7-watch2{max-height:120px;}
  .p-news {
    display: inline-block;
  }
  .mewsl-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 500px) {
  .mobi-no-500 {
    display: none;
  }
  .mobi-yes-500 {
    display: block;
  }
  .row-gr {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .advantage {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    border: 1px solid rgba(45, 150, 246, 0.2);
    border-radius: 10px;
    padding: 7px 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .advantage__img {
    margin-bottom: 0;
  }
  .advantage img {
    width: 64px;
  }
  .df-blue {
    background: var(--blue);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 10px;
    padding: 14px 24px;
    margin-bottom: 16px;
  }
  .df-blue__text {
    color: #fff;
    font-size: 18px;
    line-height: 160%;
  }

}
@media (max-width: 400px) {
   .nabor-7__img_100 img {
    /* height: 100%; */
    width: auto;
  }
  .nabor-7-watch img{
    height: 90px;
  }

  .f-lm {
    height: 245px;
    padding: 20px 0 0 20px;
  }
  .f-lm img {
    width: 189px;
  }
  .f-lm_white img{width: 100%;}
}


@media (max-width: 319px) {
  .nabor-7-watch2{    max-height: 100%;}
  .nabor-7-2{
    height:239px;
  }

  .nabor-7 {
    grid-template-columns:  1fr;
/*    display: flex;
    flex-wrap:wrap;
    justify-content:center;*/
  }
  .nabor-7__img_spec{
    max-height:176px;
    width: 49%;
    bottom:0;
  }
}

.cub {
  --s: 250px; /* cube size */
  display: grid;
  width: var(--s);
  aspect-ratio: 1;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  --_p: perspective(calc(2.5*var(--s)));
  -webkit-animation: r 9s infinite cubic-bezier(0.5, -0.5, 0.5, 1.5);
          animation: r 9s infinite cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

.cub .cub_rt {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: var(--_t, ) translateZ(calc(var(--s) / 2));
          transform: var(--_t, ) translateZ(calc(var(--s) / 2));
  background: #fff;
}

.cub .cub_rt:nth-child(2) {
  --_t: rotateX(-90deg);
}

.cub .cub_rt:nth-child(3) {
  --_t: rotateY( 90deg) rotate(-90deg);
}

.cub .cub_rt:nth-child(4) {
  --_t: rotateX(180deg) rotate( 90deg);
}

.cub .cub_rt:nth-child(5) {
  --_t: rotateX( 90deg) rotate( 90deg);
}

.cub .cub_rt:nth-child(6) {
  --_t: rotateY(-90deg);
}

@-webkit-keyframes r {
  0%, 3% {
    -webkit-transform: var(--_p) rotateX(0deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(0deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  14%, 19% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  31%, 36% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  47%, 52% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  64%, 69% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(0deg) rotateY(0deg);
  }
  81%, 86% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(0deg);
  }
  97%, to {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(-90deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(-90deg);
  }
}

@keyframes r {
  0%, 3% {
    -webkit-transform: var(--_p) rotateX(0deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(0deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  14%, 19% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(0deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  31%, 36% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(0deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  47%, 52% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(0deg) rotate(0deg) rotateY(0deg);
  }
  64%, 69% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(0deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(0deg) rotateY(0deg);
  }
  81%, 86% {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(0deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(0deg);
  }
  97%, to {
    -webkit-transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(-90deg);
            transform: var(--_p) rotateX(90deg) rotate(90deg) rotateY(-90deg) rotateX(90deg) rotate(90deg) rotateY(-90deg);
  }
}
.fb-s {
  clear: both;
}

.block-slide {
  max-width: calc(100% - 20px);
  margin: 30px auto 0;
}

.cart {
  max-width: 450px;
  position: relative;
  max-height: 440px;
  border: 1px solid transparent;
}
.cart .cart-item {
  background: #fff;
  border: 1px solid #ededed;
  padding: 30px 22px;
  border-radius: 10px;
}
.cart .cart-item a{
  width: 100%;
}
.line-tovar .cart .cart-item a{
  width:initial;
}
.cart__img {
  max-height: 270px;
  max-width: 155px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 40px;
  overflow: hidden;
}
.cart__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.cart__img img:hover {
  opacity: 0.8;
}
.cart__title {
  font-family: "Nunito";
  font-weight: 600;
  line-height: 150%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 80px;
  display: inline-block;
}
@media (max-width: 1600px) {
  .cart__title {
    font-size: calc(14px + 6 * ((100vw - 320px) / 1600));
    letter-spacing: -0.5px;
  }
}
@media (min-width: 1600px) {
  .cart__title {
    font-size: 18px;
  }
}
.cart__ablock {
  position: absolute;
  right: 22px;
  top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  align-items: center;
}
.cart__ablock button:last-child img{
  max-width:15px;
}
.cart__ablock button:hover {
  -webkit-filter: contrast(0);
          filter: contrast(0);
}
.cart-footer {
  display: grid;
  grid-template-columns: 1fr 145px;
  min-height: 60px;
  flex:1;
}
.cart-price {
  -webkit-box-flex: 1;
      -ms-flex: 1 30%;
          flex: 1 30%;
  letter-spacing: -0.5px;
}
.cart .c-blue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cart .button-my span {
  display: none;
}
.cart .button-my.c-white {
  display: none;
  letter-spacing: -0.4px;
}
.cart-button {
  text-align: right;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  line-height: 150%;
}
.m0a .cart-button button{
  /* width: 100%; */
}
@media (max-width: 992px) {
  .m0a .cart-button button{
    max-width: 118px;
  }
}
@media (max-width: 576px) {
  .m0a .cart-button button{
    max-width: initial;
    width: initial;
  }
  .cart .cart-item {position: relative;}
}
.cart.m0a{
  margin-bottom:0;
}
@media (max-width: 1600px) {
  .cart-button {
    font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-button {
    font-size: 16px;
  }
}
#up{
  z-index: 1000;
}
.search .button-my.c-blue{
  padding: 4px 24px;
  line-height: 167%;
  height: 34px;
}

.cart-button:hover span {
  display: inline-block;
}
.cart-button:hover .button-my.c-white {
  display: inline-block;
}
.cart.yes {
  z-index: 10;
}
.cart.yes .cart-item {
  border-color: var(--blue);
}
.price-blue{
  color:var(--blue);
}
.cart.yes .c-blue {
  position: relative;
  z-index: 11;
}

.item-price-old {
  font-size: initial;
    font-weight: initial;
  text-decoration: line-through;
  text-decoration-color: #999;
      color: #999;
}
.item-price-old-compare{
  position: absolute;
  margin-top:-30px ;
}

.item-price {
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .item-price {
    font-size: calc(12px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .item-price {
    font-size: 20px;
  }
}

.test {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

.cart-link {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.cart-link .link-ico {
  cursor: pointer;
  display: block;
}

/*************************/
.category{
   /* margin-bottom: 30px; */
}
.category_item{
  margin:0px 1px 30px; 
  border:1px solid #eee;
  text-align:center;
  padding: 10px;  
  transition: 0.3s all;
}
.category_item img{transition: 0.3s all;
}
.category_item:hover{
    border:1px solid #ccc;
}
.category_item:hover img{
  /*transform:scale(1.01);*/
}

.catalog-items-plus .category_item{
  border-radius:10px;
}

.catalog {
  display: grid;
  /* grid-template-columns: 250px 1fr; //-- */
  grid-template-columns: 1fr;
  gap: 60px;
}
.catalog-left{
  display: none; /* -- */
}
.catalog-heder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.catalog-heder h1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.catalog-heder-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

.post-heder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 27px;
  margin-bottom: 30px;
}

.catalog-items-plus img{
  max-width:295px;
  width:100%;
}

.catalog-kn {
  border: 2px solid #2d96f6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  padding: 20px;
  max-width: 450px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-box-shadow: 0 0 2px #777;
          box-shadow: 0 0 2px #777;
}
.catalog-kn:hover {
 /* background: rgba(45, 150, 246, 0.1);
  -webkit-box-shadow: 0 0 7px #999;
          box-shadow: 0 0 7px #999;*/
}
.catalog-kn img {
  width: 32px;
}
.catalog-kn__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  line-height: 33px;
  color: var(--blue);
  text-align: left;
}
@media (max-width: 1600px) {
  .catalog-kn__title {
    font-size: calc(12px + 12 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .catalog-kn__title {
    font-size: 24px;
  }
}

.cataliog-kn__btn svg {
  height: 8px;
  margin-left: 10px;
  opacity: 0.6;
}

.catalog-tovar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.catalog-tovar-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}

.chr-sort-title,
.chr-sort-select {
  margin-right: 20px;
}

.chr-sort-select {
  border: transparent;
}

.view-dalee {
  /* display: inline-block; */
  display: none;
  margin-bottom: 40px;
}

.pagination > ul {
  font-family: "Nunito";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination > ul a {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ededed;
  border-radius: 2px;
}
@media (max-width: 1200px) {
  .catalog-tovar-block {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1600px) {
  .pagination > ul a {
    font-size: calc(14px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .pagination > ul a {
    font-size: 20px;
  }
}
.pagination > ul li.active {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  border: 1px solid #2d96f6;
  border-radius: 2px;
}
@media (max-width: 1600px) {
  .pagination > ul li.active {
    font-size: calc(14px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .pagination > ul li.active {
    font-size: 20px;
  }
}
.pagination > ul .st-rt {
  -webkit-transform: matrix(-1, -1, -1, 1, 2, 0);
      -ms-transform: matrix(-1, -1, -1, 1, 2, 0);
          transform: matrix(-1, -1, -1, 1, 2, 0);
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #6e6e6e;
  border-left: none;
  border-right: 1px solid #6e6e6e;
  border-top: none;
  display: block;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.pagination > ul .st-lt {
  -webkit-transform: matrix(-1, -1, -1, 1, -2, 0);
      -ms-transform: matrix(-1, -1, -1, 1, -2, 0);
          transform: matrix(-1, -1, -1, 1, -2, 0);
  width: 7px;
  height: 7px;
  border-bottom: none;
  border-left: 1px solid #6e6e6e;
  border-right: none;
  border-top: 1px solid #6e6e6e;
  display: block;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.pagination > ul .crc {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  border: 1px solid #eee;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.pagination > ul .crc:hover {
  background: var(--blue);
}
.pagination > ul .crc:hover .st-lt,
.pagination > ul .crc:hover .st-rt {
  border-color: #fff;
}

@media (max-width: 576px) {

  .top-search{border:none;}
  .pagination > ul a {
    width: 28px;
    height: 28px;
  }
  .pagination > ul li.active {
    width: 28px;
    height: 28px;
  }
  .pagination > ul .st-rt {
    width: 5px;
    height: 5px;
  }
  .pagination > ul .st-lt {
    width: 5px;
    height: 5px;
  }
  .pagination > ul .crc {
    width: 36px;
    height: 36px;
  }
}
/*---*/
.catalog-tovar-block.line-tovar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  z-index: 10;
}
.catalog-tovar-block.line-tovar .mb60 {
  margin-bottom: 0;
}
.catalog-tovar-block.line-tovar .cart {
  max-width: 100%;
  max-height: initial;
}
.catalog-tovar-block.line-tovar .cart__img {
  max-height: 125px;
  margin-bottom: 30px;
}
.catalog-tovar-block.line-tovar .cart-button span {
  display: inline-block;
}
.catalog-tovar-block.line-tovar .cart-button .button-my.c-white {
  display: inline-block;
}
.catalog-tovar-block.line-tovar .cart .cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none;
  border-bottom: 1px dashed #d3d3d3;
  padding: 30px 22px 0;
}
.catalog-tovar-block.line-tovar .c-blue {
  position: relative;
  z-index: 11;
}
.catalog-tovar-block.line-tovar .cart__ablock {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  bottom: 50px;
  top: initial;
  right: initial;
  left: 207px;
}

.sort-mobi {
  display: none;
}

#openfilter {
  display: none;
}


.filter {
  margin: 23px 0;
  /*заблокировал фильтр*/
  pointer-events:none;
  opacity:0.5;
}
.filter .close-fi{
  display: none;
}
.filter .button-my.c-blue {
  width: 100%;
  text-align: center;
}

.filter-title {
  font-weight: 600;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1600px) {
  .filter-title {
    font-size: calc(18px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .filter-title {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .filter-title {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .filter-title {
    margin-bottom: 25px;
  }
}
.filter-title img {
  width: 12px;
}

.close-fi {
  padding: 0 5px 5px;
}

/***/
.catalog-left .title_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accordion_item .title_block {
  position: relative;
}
.accordion_item ._title_img {
  position: absolute;
  width: 12px;
  height: 6px;
  right: 10px;
  top: 10px;
  background: url(../img/ico/str-top.svg) center no-repeat;
  z-index: 1;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
      -ms-transform: matrix(1, 0, 0, -1, 0, 0);
          transform: matrix(1, 0, 0, -1, 0, 0);
}
.accordion_item.active_block ._title_img {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
          transform: matrix(-1, 0, 0, 1, 0, 0);
}

main {
  position: relative;
}

.teni.active {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
}

#nonlinear {
  padding: 0 0 0 16px;
}

.noUi-connects {
  position: static;
}

.noUi-connect {
  background: var(--blue);
}

.noUi-handle.noUi-handle-lower,
.noUi-handle.noUi-handle-upper {
  border-radius: 50%;
}
.noUi-handle.noUi-handle-lower::before, .noUi-handle.noUi-handle-lower::after,
.noUi-handle.noUi-handle-upper::before,
.noUi-handle.noUi-handle-upper::after {
  content: none;
}

.noUi-horizontal {
  height: 7px;
}

.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -9px;
  right: -8px !important;
  border: 5px solid #333;
}

.mb36 {
  margin-bottom: 36px;
}

.scroler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  gap: 20px;
  width: 100%;
}
.scroler__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scroler input {
  font-family: Nunito, arial, serif;
  width: 100%;
}
.scroler__titl {
  padding-right: 5px;
}
@media (max-width: 1600px) {
  .scroler__titl {
    font-size: calc(11px + 3 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .scroler__titl {
    font-size: 14px;
  }
}
.scroler__zn {
  border: 1px solid #ededed;
  width: 100%;
  border-radius: 5px;
}
@media (max-width: 1600px) {
  .scroler__zn {
    font-size: calc(11px + 3 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .scroler__zn {
    font-size: 14px;
  }
}

.row-s{
  display: grid;
  grid-template-columns: 1fr 1fr 267px;
  gap: 20px;
  margin-bottom: 20px;
}
#input-sort.spbd{max-width:100%}

.catalog-tovar-block.block4{
      grid-template-columns: repeat(4, 1fr);
}

@media(max-width:992px){
  .catalog-tovar-block.block4{grid-template-columns: repeat(3, 1fr);}
}

@media(max-width:768px){
  .catalog-tovar-block.block4{grid-template-columns: repeat(2, 1fr);}
   .row-s{
       grid-template-columns: 1fr auto 206px;
   } 
}

@media(max-width:567px){
   .row-s{
       grid-template-columns: 1fr auto;
   } 
}

.cart-elem-plus {
  position: absolute;
  color: #fff;
  max-width: 51px;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cart-elem-plus{

}

.t-new {
  border-radius: 3px;
  background: #505050;
  padding: 1px 5px;
  font-size: 10px;
}

.t-discont {
  border-radius: 3px;
  background: #2D96F6;
  padding: 1px 5px;
}

.cart-elem-tovar {
  right: 12px;
  top: 12px;
  z-index: 10;
}

/***/
.cart__ablock img {
  filter: brightness(0.5);
}

@media (max-width: 1200px) {
  .filter .close-fi{
    display: block;
  }
  #openfilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 7px;
  }
  .post-heder {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .catalog {
    grid-template-columns: 1fr;
  }
  .catalog-left {
    width: 320px;
    position: absolute;
    background: #fff;
    /*-webkit-box-shadow: 1px 1px 10px #ccc;
            box-shadow: 1px 1px 10px #ccc;*/
    left: 0;
    top: 0;
    padding: 15px;
    left: -100%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 1000;
  }
  .catalog-left.active {
    left: 0;
  }
  .catalog-tovar-block.line-tovar .cart .cart-item {
    gap: 2%;
  }
  .cart__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 58%;
            flex: 1 58%;
  }
  .button-my i:after {
       right: 5px;
    font-size: 12px;
    bottom: -1px;
  }
  .cart-footer {
    -webkit-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%;
  }
  .button-my {
    border-radius: 4px;
    line-height: 143%;
    padding: 7px 9px 7px;
  }
  .cart {
    max-height: 405px;
  }
  .cart__ablock {
    right: 6px;
    top: 24px;
  }
  .cart__ablock img {
    height: 18px;
  }
  .cart .cart-item {
    padding: 20px 16px;
  }
  .cart .c-blue img {
    width: 16px;
  }
  .cart .button-my span {
    margin-right: 8px;
  }
  .cart .button-my.c-white {
    letter-spacing: -0.7px;
  }
  #openfilter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #openfilter .catalog-kn__title {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}
@media (max-width: 992px) {
  .catalog-kn img {
    width: 16px;
  }
  .catalog-kn {
    padding: 8px 16px;
    border: 1px solid #2d96f6;
  }
  .cart__img img {
    max-height: 200px;
  }
  .cart-footer {
    grid-template-columns: 1fr;
  }
  .cart-price {
    position: absolute;
  }
  .cart-button {
    width: 100%;
  }
  .cart .button-my.c-white {
    letter-spacing: -0.4px;
  }
}
@media (max-width: 880px) {
  .cataliog-kn__btn {
    display: none;
  }
  .krd, .trd, #openfilter, .product {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .krd .catalog-kn__title, .trd .catalog-kn__title, #openfilter .catalog-kn__title, .product .catalog-kn__title {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}
@media (max-width: 768px) {
  .catalog-heder h1{
    margin: 0 0 16px 0;
  }
  .catalog-kn {
    padding: 4px 10px 4px 10px;
  }
  .catalog-tovar-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .block-slide {
    max-width: 99%;
    margin: 25px auto 0;
  }
}
@media (max-width: 576px) {
  .sort-mobi {
    display: block;
  }
  .catalog-left {
    top: 0;
  }
  .catalog-tovar-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .block-slide {
    max-width: 100%;
  }
  .post-heder {
    grid-template-columns: 1fr 1fr;
  }
  .chr-sort-title, .chr-sort-select {
    display: none;
  }
  .catalog-heder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sort-mobi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cart-elem-plus {
    position: absolute;
    color: #fff;
    max-width: max-content;
    width: 100%;
    text-align: center;
    /*display: flex;*/
    gap: 5px;
    /* flex-direction: row;*/
    top: 5px;
    left: 5px;
  }
  .cart-elem-tovar {
    left: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 51px;
  }
  .t-new {
    border-radius: 3px;
    background: #505050;
    padding: 1px 5px;
  }
  .t-discont {
    border-radius: 3px;
    background: #2D96F6;
    padding: 1px 5px;
  }
  .chr-sort-select {
    letter-spacing: -0.3px;
    position: absolute;
    bottom: -36px;
    right: -14px;
    opacity: 0;
    display: none;
    -webkit-transition: 0.7s all;
    -o-transition: 0.7s all;
    transition: 0.7s all;
  }
  .chr-sort-select.active {
    display: block;
    opacity: 1;
    padding: 5px;
    -webkit-transition: 0.7s all;
    -o-transition: 0.7s all;
    transition: 0.7s all;
    background: #fff;
    -webkit-box-shadow: 0 0 5px #ccc;
            box-shadow: 0 0 5px #ccc;
    padding:5px;
    margin: 0 12px -12px 0;
    height: 50px;
  }
  .cart {
    max-height: 449px;
  }
  .cart-price {
    position: static;
    text-align: center;
    margin-bottom: 16px;
  }
  .cart-price .item-price {
    font-size: 18px;
   /* text-align: right;*/
  }
  #openfilter {
    display: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 7px;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    background: transparent;
    opacity: 0.5;
  }
  #openfilter.active {
    opacity: 1;
  }
  #opensort {
    opacity: 1;
    padding: 5px 7px;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    background: transparent;
    opacity: 0.5;
  }
  #opensort.active {
    opacity: 1;
  }
  .catalog-heder .catalog-kn img {
    width: 21px;
  }
  .sort-mobi {
    position: relative;
  }
  .view-dalee {
    margin-bottom: 10px;
  }
  .cart__ablock {
    right: initial;
    top: initial;
    left: 16px;
    bottom: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    z-index: 1;
    width: calc(100% - 72px);
  }
  .cart__ablock button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
  .cart__title {
    min-height: 60px;
  }
  .catalog-kn {
    gap: 10px;
  }
  .catalog-kn._dynamic_adapt_ {
    border-color: transparent;
  }
  .catalog-kn._dynamic_adapt_ .catalog-kn__title {
    display: none;
  }
  #opensort {
    border-color: transparent;
  }
  .cart-button:hover span {
    display: none;
  }
  .cart-button:hover .button-my.c-white {
    display: none;
  }
  .cart .cart-price .mob-oneclick {
    display: inline-block;
    margin: 5px 0 5px;
    font-size: 1.3rem;  
  }
  .cart-button .button-my {
    margin-bottom: 0;
  }
  .mb60 {
    margin-bottom: 30px;
  }
  .catalog-heder .sort-mobi img {
    max-height: 21px;
  }
  .catalog-tovar-block.line-tovar .button-my.c-white.mob-oneclick {
    display: none;
  }
  .catalog-tovar-block.line-tovar .cart__ablock {
    bottom: 22px;
    left: 7%;
    width: 80px;
  }
  .catalog-tovar-block.line-tovar .cart__ablock button {
    top: 17px;
  }
  .catalog-tovar-block.line-tovar .cart__img {
    max-height: 106px;
    margin-bottom: 50px;
  }
  .catalog-tovar-block.line-tovar .cart .cart-item {
    padding: 10px 18px 0px;
  }
  .catalog-tovar-block.line-tovar .cart-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .catalog-tovar-block.line-tovar .cart-button .c-blue {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .catalog-tovar-block.line-tovar .cart-button .c-blue span {
    display: none;
  }
  .catalog-tovar-block.line-tovar .cart-button .c-white {
    white-space: nowrap;
  }
}




@media (max-width: 500px) {
  .catalog-tovar-block.line-tovar .cart-footer {
    position: absolute;
    right: 0;
    bottom: 10px;
  }
}
.catalog-tab {
  opacity: 0.3;
}

.catalog-tab.fixle {
  opacity: 0.8;
}

.catalog-row.fixle {
  -webkit-filter: contrast(0);
          filter: contrast(0);
}

.product {
  display: grid;
  grid-template-columns: 1.33fr 0.67fr;
  margin-bottom: 60px;
  gap: 60px;
}
@media (max-width: 992px) {
  .product {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .product {
    margin-bottom: 40px;
  }
}
.product h1 {
  max-width: 95%;
}
.product .catalog-kn {
  padding: 12px 16px 12px 22px;
}
.product .post-heder-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}

.product .cataliog-kn__btn, .trd .cataliog-kn__btn, .krd .cataliog-kn__btn {
  color: var(--blue);
  border-bottom: 1px solid transparent;
  line-height: 120%;
  display: none;
}
@media (max-width: 1600px) {
  .product .cataliog-kn__btn, .trd .cataliog-kn__btn, .krd .cataliog-kn__btn {
    font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .product .cataliog-kn__btn, .trd .cataliog-kn__btn, .krd .cataliog-kn__btn {
    font-size: 18px;
  }
}
.product .cataliog-kn__btn:hover, .trd .cataliog-kn__btn:hover, .krd .cataliog-kn__btn:hover {
  border-bottom: 1px solid hsla(209, 92%, 57%, 0.8);
}

.img-menu {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  background: #eee;
}
.img-menu li {
  padding: 10px 10px 7px;
}
.img-menu li a {
  border-bottom: 3px solid transparent;
  font-weight: 600;
  opacity: 0.8;
}
.img-menu li a:hover {
  color: #000;
  opacity: 1;
  border-bottom: 3px solid var(--blue);
}

.product-left {
  width: 100%;
  overflow: hidden;
}

.nav-link.rbs {
  border-bottom: 2px solid var(--blue);
}

.product-block-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .product-block-img {
    margin-bottom: 33.3333333333px;
  }
}
@media (max-width: 768px) {
  .product-block-img {
    margin-bottom: 30px;
  }
}

.product-img {
  padding: 100px 0;
  width: 100%;
  text-align: center;
  border: 1px solid #DDD;
}
.product-img img{
  max-width:400px;
}

.product-img-plus {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  text-align: center;
  width: 100%;
}
.product-img-plus a {
  max-height: 300px;
  padding: 40px 0;
  display: inline-block;
  text-align: center;
  border: 1px solid #DDD;
}
.product-img-plus a:first-child {
  border-top: transparent;
}
.product-img-plus a:last-child {
  border-top: transparent;
  /* border-left: transparent; */
}
.product-img-plus img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  max-height: 300px;
  max-width: 300px;
  display: inline-block;
}

.karta-sm {
  max-width: 700px;
}

.contact5 {
  grid-template-columns: 1fr !important;
}
.contact5 .contact-p {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contact5 .contact-left-mb {
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  .product {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    margin-bottom: 60px;
    gap: 20px;
  }
  .product .item-price{
    position: absolute;
  }
}
.s-tovarom .cat-item {
  margin: 10px;
}

.product-block-option ul,
.product-block-option p {
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .product-color {
    margin-bottom: 33.3333333333px;
  }
    .product .item-price{
    position: static;
  }
}
@media (max-width: 768px) {
  .product-color {
    margin-bottom: 40px;
  }
}
.product-color a:hover {
  border: 2px solid var(--blue);
}
.product-color ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0rem;
}
.product-color li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 2px;
  border-bottom: 4px solid transparent;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  margin-right: 10px;
  margin-bottom: 6px;
}
.product-color li:hover{
  /*transform:scale(1.05);*/
}
.product-color li:hover, .product-color li.active {
  border-bottom: 4px solid #2D96F6;
  border-width: 80%;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
     
    margin-bottom: 6px;
   
}
.product-color li.active a{
   /*box-shadow:-1px -1px 5px #777;*/
}
.product-color a {
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.product-color .red {  background: red;}
.product-color .black {  background: black;}
.product-color .blue {  background: blue;}
.product-color .space.gray {   background: #616161;}
.product-color .gold {  background: rgb(253, 225, 9);}
.product-color .silver {  background: rgb(202, 202, 200);}
.product-color .yellow {  background: RGB(239, 184, 43);}
.product-color .red {  background: RGB(174, 16);}
.product-color .coral {  background: RGB(193, 65, 43);}
.product-color .black {  background: RGB(28, 33, 41);}
.product-color .blue {  background: rgb(116 192 215);}
.product-color .white {  background: #eee;}
.product-color .pink {  background: #fd6;}
.product-color .starlight {  background: #f7f4ef;}
.product-color .midnight {  background: #262c34;}
.product-color .deep.purple {  background: #786e82;}
.product-color .purple {  background: #e6dfec;}
.product-color .graphite {  background: #62615d;}
.product-color .green {  background: rgb(155, 241, 148);}
.product-color .orange {  background: #d8551d;}
.product-color .rose.gold {  background: #eccac1;}
.product-color .pink {    background: #f47e90;}
.product-color .blue-alpine-loop{   background: #6f7182;}

.product-color .blue-ocean-band{   background: #465569;}
.product-color .indigo-alpine-loop{   background: #776873;}
.product-color .olive-alpine-loop{   background: #a49d8b;}
.product-color .natural-titanium{background:#b2aca2;}
.product-color .blue-titanium{background:#606478;}
.product-color .desert{background:#fcf2e6;}
.product-color .natural.titanium{background:#dfdbd2;}
.product-color .ultramarine{background:#9eaff7;}
.product-color .teal{background:#b4d4d2;}
.product-color .navy{background:#535663;}
.product-color .navy.alpine{background:#535663;}
.product-color .tan{background:#b9a385;}
.product-color .gold.titanium{background:RGB(238,217,193);}
.product-color .slate.titanium{background:RGB(156,148,145);}
.product-color .terra.cotta{background:RGB(205,110,64);}
.product-color .blue.ocean{background:rgb(85 117 153);}
.product-color .black.ocean{background: rgb(69 69 69);}
.product-color .sage{background: RGB(198,207,170);}
.product-color .lavender{background: RGB(236,224,241);}

.product-color .blue.trail{
  background:#b9a385;
   background: linear-gradient(90deg, rgba(43,49,77, 0.9) 0%, rgba(43,49,77, 0.9) 14%, rgba(40,47,70, 1) 20%, rgba(40,47,70, 1) 78%, rgba(43,49,77, 0.9) 85%, rgba(43,49,77,0.9) 99%);
}

.product-color .blueblacktrailloop{  
 background: #6d6664;
   background: linear-gradient(90deg, rgba(92,91,99, 0.9) 0%, rgba(92,91,99, 0.9) 14%, rgba(62,55,53, 0.9) 20%, rgba(62,55,53, 0.9) 78%, rgba(92,91,99, 0.9) 85%, rgba(92,91,99,0.9) 99%);
}
.product-color .black.trail{
  background: rgb(46,48,47);
background: linear-gradient(90deg, rgba(60,60,60, 1) 0%, rgba(60,60,60, 1) 14%, rgba(29,31,28, 1) 20%, rgba(29,31,28, 1) 78%, rgba(60,60,60, 1) 85%, rgba(60,60,60, 1) 99%);
}
.product-color .orange-beige-trail-loop{
   background: rgb(111,125,143);
   background: linear-gradient(90deg, rgba(111,125,143,1) 0%, rgba(117,130,146,1) 22%, rgba(238,224,208,1) 23%, rgba(238,222,205,1) 76%, rgba(246,159,117,1) 77%, rgba(246,159,117,1) 99%);
}
.product-color .green-gray-trail-loop{
  background: rgb(241,240,236);
 background:linear-gradient(90deg, rgba(241,240,236,1) 0%, rgba(241,240,236,1) 19%, rgba(183,179,184,1) 20%, rgba(183,179,184,1) 78%, rgba(140,139,127,1) 79%, rgba(140,139,127,1) 99%);
}
.product-color .green.neon.trail{
  background: rgb(241,240,236);
 background: linear-gradient(90deg, rgb(141 249 0) 0%, rgba(255,255,255, 1) 10%, rgb(49 85 31) 20%, rgb(56 81 44) 78%, rgba(255,255,255, 1) 89%, rgb(141 249 0) 99%);
}
.product-color .blue.bright.blue{
  background: rgb(116 192 215);
  background: linear-gradient(90deg, rgb(0 180 249) 0%, rgba(255, 255, 255, 1) 10%, rgb(64 107 163) 20%, rgb(71 133 125) 78%, rgba(255, 255, 255, 1) 89%, rgb(0 178 249) 99%);
}
.product-wi{
   display:flex;
   width:100% !important;
   margin-bottom: 20px;
}

.product-wi a {
  font-family: "Nunito";
  display: inline-block;
  padding: 3px 10px;
  border-radius: 7px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  font-weight: 600;
  font-size: 15.6647px;
  line-height: 161.9%;
  border: 2px solid transparent;
  color: #333;
}


.product-mb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin: 38px 0 21px;
}
.product-mb ul,.product-wi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.product-mb a{
  font-family: "Nunito";
  display: inline-block;
  padding: 3px 10px;
  border-radius: 7px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  font-weight: 600;
  font-size: 15.6647px;
  line-height: 161.9%;
  border: 2px solid transparent;
  color: #333;
}
.product-mb a:hover{
  /*transform:scale(1.03);*/
}
.product-mb a:hover,
.product-mb a.active,
.product-wi a:hover,
.product-wi a.act
 {
  border: 2px solid #2D96F6;
}

.product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-bottom: 18px;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .product-price {
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) {
  .product-price {
    margin-bottom: 18px;
  }
}
.product-price img {
  -webkit-filter: contrast(0.1);
          filter: contrast(0.1);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.product-price img:hover {
  -webkit-filter: contrast(0.7);
          filter: contrast(0.7);
}
.product-price .price {
  font-weight: 600;
  font-size: 28px;
  line-height: 150%;
}
.product-price .price-old {
  font-weight: 600;
  font-size: 19px;
  line-height: 150%;
  opacity: 0.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product-but {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 992px) {
  .product-but {
    margin-bottom: 37.3333333333px;
  }
}
@media (max-width: 768px) {
  .product-but {
    margin-bottom: 30px;
  }
  .product-but .button-my {
      line-height:184%;
  }
}
.product-but .button-my {
  width: 100%;
  text-align: center;
  margin: 0;
}
.product-but .button-my img {
  margin-top: -5px;
}
.product-but i {
  position: relative;
  margin-left: 15px;
}
.product-but i::after {
  content: "+";
  color: #fff;
  font-style: normal;
  position: absolute;
bottom: -11px;
    font-size: 15px;
    right: -4px;
}

@media(max-width:576px){
  .product-but i::after {
    content: "+";
    color: #fff;
    font-style: normal;
    position: absolute;
    bottom: -13px;
    font-size: 15px;
    right: -3px;
  }
}

.product-usl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.product-block-img-mobi {
  display: none;
}

.m-dop-usl {
  margin-bottom: 67px;
}
.m-dop-usl li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #ededed;
  padding: 6.5px 5px 6.5px 17px;
  font-size: 14px;
  line-height: 150%;
  border-bottom: transparent;
}
.m-dop-usl li:last-child {
  border: 1px solid #ededed;
}
.m-dop-usl i {
  font-style: normal;
  font-weight: 400;
}
.m-dop-usl span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
  text-align: left;
}

.owl-mwnu {
  margin: 20px 0 30px;
}
.owl-mwnu a{
  white-space:nowrap;
}
.owl-mwnu .owl-stage{
  width:2000px  !important;
}

.owl-mwnu .owl-prev,
.owl-mwnu .owl-next {
  position: absolute;
  top: -2px;
  opacity: 0.7;
}
.owl-mwnu .owl-prev i,
.owl-mwnu .owl-next i {
  width: 10px;
  height: 10px;
}
.owl-mwnu .owl-prev img,
.owl-mwnu .owl-next img {
    height: 22px;
    padding: 2px 6px;
    margin-left: 2px;
    border: 1px solid #000;
    border-radius: 50%;
}
.owl-mwnu .owl-prev img:hover ,
.owl-mwnu .owl-next img:hover{
   border: 1px solid var(--blue);
}
.owl-mwnu .owl-prev {
  left: -30px;
}
.owl-mwnu .owl-next {
  right: -30px;
}
.owl-mwnu .owl-item {
  text-align: center;
}

.atrb {
  width: 100%;
}
.atrb li {
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 10px;
}
.atrb li span {
  font-weight: 400;
  font-size: 14px;
}
.atrb li i {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}

@media (max-width: 475px) {
  .owl-mwnu {
    margin: 16px 0 16px;
  }
  .atrb li {
    grid-template-columns: 50% 50%;
  }
  #pa5, #pa7 {
    padding: 0;
    border: none;
  }
}
@media (max-width: 1024px) {
  .ts1{
    position: relative;
  }
  .product {
    display: block;
  }
  .product-block-img {
    display: none;
  }
  .product-block-img-mobi {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .tovar-sl .ts1__img {
    height: 100%;
    display: block;
  }
  .tovar-sl .ts1__img img {
    height: 100%;
    max-height: 347px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    display: inline-block;
  }
  .tovar-sl-item__img {
    max-width: 370px;
  }
}
.m-characteristic {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .m-characteristic {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .m-characteristic {
    margin-bottom: 40px;
  }
}
.m-characteristic ul {
  margin: 0% 0;
  padding: 0;
  list-style: none;
}
.m-characteristic li {
  padding: 5px 16px;
  background: #f3f2f2;
  border-radius: 6px;
  margin-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 992px) {
  .m-characteristic li {
    padding: 3.3333333333px 10.6666666667px;
  }
}
@media (max-width: 768px) {
  .m-characteristic li {
    padding: 16px 16px;
  }
}
.m-characteristic span {
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 1600px) {
  .m-characteristic span {
    font-size: calc(10px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .m-characteristic span {
    font-size: 20px;
  }
}
.m-characteristic i {
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 1600px) {
  .m-characteristic i {
    font-size: calc(10px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .m-characteristic i {
    font-size: 20px;
  }
}

/***/
.pref-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px 38px;
  margin-bottom: 30px;
}
.pref-tab li.active {
  border-bottom: 2px solid #2D96F6;
}
.pref-tab li a {
  padding: 3px 0;
  font-weight: 600;
}
@media (max-width: 1600px) {
  .pref-tab li a {
    font-size: calc(11px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .pref-tab li a {
    font-size: 18px;
  }
}

@media (max-width: 450px) {
  .pref-tab {
    gap: 3px 17px;
  }
  .pref-tab a {
    letter-spacing: -0.5px;
  }
}
.news-str-left,
.news-str-right {
  width: 56px;
  height: 56px;
  background: var(--blue);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.news-str-left:hover,
.news-str-right:hover {
  background: var(--black);
}

.news-str-left img {
  margin-right: 5px;
}

.news-str-right img {
  margin-left: 5px;
}

.tab-text .s-tovarom-2,
.s-tovarom {
  max-width: 1050px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .tab-text .s-tovarom-2,
  .s-tovarom {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .tab-text .s-tovarom-2,
  .s-tovarom {
    margin-bottom: 30px;
  }
}
.tab-text .s-tovarom-2 .owl-stage-outer,
.s-tovarom .owl-stage-outer {
  overflow: visible;
}
.tab-text .s-tovarom-2 .owl-item,
.s-tovarom .owl-item {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.tab-text .s-tovarom-2 .owl-item.active,
.s-tovarom .owl-item.active {
  opacity: 1;
}
.tab-text .s-tovarom-2 .owl-prev,
.s-tovarom .owl-prev {
  position: absolute;
  top: 41%;
  left: -12%;
}
.tab-text .s-tovarom-2 .owl-next,
.s-tovarom .owl-next {
  position: absolute;
  top: 41%;
  right: -12%;
}

.xxx {
  width: 100%;
  overflow: hidden;
}

.owl-item .cat-item__img {
  width: 80%;
  max-width: 200px;
  max-height: 275px;
  margin: 0 auto;
  margin-bottom: 48px;
}

.product-description-block {
  margin-bottom: 50px;
  background: #fdfdfd;
  border: 1px solid #ededed;
  border-radius: 8px;
  padding: 32px;
  text-align: left;
}
@media (max-width: 992px) {
  .product-description-block {
    margin-bottom: 33.3333333333px;
  }
}
@media (max-width: 768px) {
  .product-description-block {
    margin-bottom: 16px;
  }
}
.product-description-block .product-description,.ttx {
  max-height: 350px;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.product-description-block .product-description.active, .ttx.active {
  max-height: 100%;
  display: block;
}

.fl-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fl-5 .it-5 {
  width: 200px;
  margin: 27px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 10px;
  height: 200px;
}

.fl-5 .it-5 p {
  margin-top: 20px;
}

.tab-content {
  text-align: left;
}

.row-gr-ht {
  max-width: 450px;
  text-align: left;
}
.row-gr-ht .df-blue {
  background: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 10px;
  padding: 14px 24px;
  margin-bottom: 16px;
}
.row-gr-ht .df-blue__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 22%;
          flex: 0 22%;
}
.row-gr-ht .df-blue__text {
  color: #fff;
  font-size: 18px;
  line-height: 150%;
}
.row-gr-ht .advantage {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
  border: 1px solid rgba(45, 150, 246, 0.2);
  border-radius: 10px;
  padding: 10px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.row-gr-ht .advantage p {
  font-size: 14px;
  line-height: 110%;
}
.row-gr-ht .advantage__img {
  margin-bottom: 0;
}
.row-gr-ht .advantage img {
  width: 64px;
}
.row-gr-ht .h4 {
  font-size: 16px;
  margin: 0 0 10px 0;
}

.mb50 {
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .mb50 {
    margin-bottom: 33.3333333333px;
  }
}
@media (max-width: 768px) {
  .mb50 {
    margin-bottom: 30px;
  }
}

.dfsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.contact-left-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: baseline;
}

.fix-cena {
  position: sticky;
  top: 0;
  background: #fff;
  width: 101%;
  padding: 20px 2px 0 0;
  z-index: 10;
  margin-left: -1px;
}

.fix-but-cena {
  position: sticky;
  top: 61px;
  background: #fff;
  width: 101%;
  padding: 20px 2px 30px 0;
  z-index: 10;
  margin-left: -1px;
}

@media (max-width: 1350px) {
  .xxx {
    overflow: initial;
  }
  .news-str-left,
  .news-str-right {
    width: 32px;
    height: 32px;
    background: var(--blue);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
  }
  .s-tovarom .owl-prev {
    position: absolute;
    top: -58px;
    left: initial;
    right: 59px;
  }
  .s-tovarom .owl-prev img {
    width: 27%;
  }
  .s-tovarom .owl-next {
    position: absolute;
    top: -58px;
    right: 16px;
  }
  .s-tovarom .owl-next img {
    width: 27%;
  }
}
@media (max-width: 1340px) {
  .tab-text .s-tovarom-2 .owl-prev {
    left: -8%;
  }
  .tab-text .s-tovarom-2 .owl-next {
    right: -8%;
  }
}
@media (max-width: 1240px) {
  .tab-text .s-tovarom-2 .owl-prev {
    display: none;
  }
  .tab-text .s-tovarom-2 .owl-next {
    display: none;
  }
}
@media (max-width: 1024px) {
  .product {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
  .product h1 {
    text-align: center;
  }
  .product-p {
    margin-bottom: 60px;
  }
  .tovar-sl-item__img {
    width: 100%;
    max-width: 376px;
  }
  .tovar-sl-item__img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .tovar-sl .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 68px 0;
  }
  .tovar-sl .owl-dots button.owl-dot {
    border: 4.15919px solid #30d5c8;
    padding: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }
  .tovar-sl .owl-dots button.owl-dot.active {
    background-color: #30d5c8;
  }
  .product-but .button-my.b-bl {
    width: 49%;
  }
  .cat-item {
    max-width: 333px;
    padding: 56px 23px 25px;
    position: relative;
  }
  .fix-cena, .fix-but-cena {
    width: initial;
    position: static;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .s-tovarom .owl-prev {
    top: -40px;
  }
  .s-tovarom .owl-next {
    top: -40px;
  }
  .dfsb {
    position: relative;
  }
  .dfsb a {
    position: absolute;
    left: 2px;
    top: -16px;
  }
  .dfsb h2 {
    margin-bottom: 0;
  }
  .cat-item {
    padding: 25px 12px;
  }
  .cat-item__img {
    width: 100%;
    width: initial;
    height: initial;
    margin-bottom: 25px;
  }
  .cat-item {
    padding: 48px 12px 20px;
  }
  .cat-item .podarok {
    width: 28px;
    height: 28px;
    border-radius: 4px;
  }
  .cat-item .podarok img {
    width: 14px;
  }
  .cart .cat-item__knop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cat-item__kard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .product-block-option .product-check.cat-item__knop {
    gap: 30px;
  }
  .product-block-option .product-check.cat-item__knop .no-button {
    font-size: 14px;
  }
  .s-tovarom .cat-item {
    margin: 2px;
  }
}
@media (max-width: 576px) {
  .product-p {
    margin-bottom: 30px;
  }
  .tovar-sl .owl-dots {
    gap: 4px;
    padding: 30px 0;
  }
  .tovar-sl .owl-dots button.owl-dot {
    border: 2.15919px solid #30d5c8;
    width: 8px;
    height: 8px;
  }
  .tovar-sl .owl-dots button.owl-dot.active {
    background-color: #30d5c8;
  }
  .product-color a {
    width: 28px;
    height: 28px;
    border: 1px solid #ccc;
  }
  .product-mb a {
    font-size: 12px;
    padding: 4px 7px;
  }
  .product-color {
    margin-bottom: 20px;
  }
  .product-mb {
    margin-bottom: 35px;
  }
  .product-price .price {
    font-size: 22px;
  }
  .product-price .price-old {
    font-size: 17px;
  }
  .product-usl {
    display: none;
  }
  .product-but .button-my.b-bl {
    font-size: 14px;
    padding: 10px 10px;
    margin-bottom: 10px;
    width: 49%;
  }
  .product-but {
    margin-bottom: 10px;
    gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .s-tovarom .owl-prev {
    right: 18px;
  }
  .s-tovarom .owl-next {
    right: -9px;
  }
  .news-str-left,
  .news-str-right {
    width: 22px;
    height: 22px;
  }
  #pa8{
    margin-bottom: 50px;
  }
  .product-description-block {
    padding: 25px;
  }
}
.v-akcesuary {
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .v-akcesuary {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 768px) {
  .v-akcesuary {
    margin-bottom: 30px;
  }
}

@media (max-width: 390px) {
  .tabs > .nav > li > a {
    padding: 5px 5px;
  }
}
.nav-tabs1 {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .nav-tabs1 {
    margin-bottom: 13.3333333333px;
  }
}
@media (max-width: 768px) {
  .nav-tabs1 {
    margin-bottom: 20px;
  }
}

.otzyvy {
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .otzyvy {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 768px) {
  .otzyvy {
    margin-bottom: 30px;
  }
}

.otzyv-item {
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .otzyv-item {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 768px) {
  .otzyv-item {
    margin-bottom: 30px;
  }
}
.otzyv-item__title {
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 8px;
}
@media (max-width: 1600px) {
  .otzyv-item__title {
    font-size: calc(14px + 15 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .otzyv-item__title {
    font-size: 29px;
  }
}
.otzyv-item__date {
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 32px;
}
@media (max-width: 1600px) {
  .otzyv-item__date {
    font-size: calc(11px + 12 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .otzyv-item__date {
    font-size: 23px;
  }
}
@media (max-width: 992px) {
  .otzyv-item__date {
    margin-bottom: 21.3333333333px;
  }
}
@media (max-width: 768px) {
  .otzyv-item__date {
    margin-bottom: 18px;
  }
}
.otzyv-item__zv ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  max-width: 45%;
}
@media (max-width: 992px) {
  .otzyv-item__zv ul {
    margin-bottom: 21.3333333333px;
  }
}
@media (max-width: 768px) {
  .otzyv-item__zv ul {
    margin-bottom: 18px;
  }
}
.otzyv-item__zv ul img {
  max-width: 100%;
}
.otzyv-item__descr {
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .otzyv-item__descr {
    font-size: calc(12px + 13 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .otzyv-item__descr {
    font-size: 25px;
  }
}

.modal-cal {
  position: fixed;
  top: 0px;
  width: 100%;
  background: #ededed;
  height: 100vh;
  max-height: 1700px;
  z-index: 120;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 476px;
  margin: 0 auto;
  left: initial;
  right: 0;
  display: none;
 overflow:auto;
}
.modal-cal.active {
  display: block;
}

#my-form {
  max-width: 100%;
  margin: 0 auto;
  width: calc(100% - 80px);
}
#my-form .button-my {
  width: 100%;
  text-align: center;
  padding: 12px;
  margin-top: 12px;
   margin-bottom: 15px;
}

.close-black {
  position: absolute;
  top: 20px;
  left: 20px;
}

.telf-form {
  text-align: center;
  margin-top: 60px;
}

.f-tel {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  display: block;
}

.adr-form {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #7c7c7c;
  margin-bottom: 48px;
}

.form-groupmy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-groupmy input {
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  padding: 10px;
  width: 100%;
  /* margin-bottom: 16px; */
}

@media (max-width: 576px) {
  .modal-cal {
    top: 68px;
    height: calc(100vh - 119px);
  }
}
@media (max-width: 476px) {
  .modal-cal {
    position: fixed;
    top: 0px;
    width: 100%;
    background: #ededed;
    height: calc(100vh - 50px);
    max-height: 1700px;
    z-index: 120;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 476px;
    margin: 0 auto;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    left: 50%;
     overflow: auto;
    display: none;
  }
  .modal-cal.active {
    display: block;
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: 1;
}
#modal-container.one {
  -webkit-transform: scaleY(0.01) scaleX(0);
      -ms-transform: scaleY(0.01) scaleX(0);
          transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one .modal-background .modal {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out .modal-background .modal {
  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#modal-container.two .modal-background {
  background: rgba(0, 0, 0, 0);
  -webkit-animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two .modal-background .modal {
  opacity: 0;
  -webkit-animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two + .content {
  -webkit-animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out {
  -webkit-animation: quickScaleDown 0s 0.5s linear forwards;
          animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.two.out .modal-background {
  -webkit-animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out .modal-background .modal {
  -webkit-animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out + .content {
  -webkit-animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three {
  z-index: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#modal-container.three .modal-background {
  background: rgba(0, 0, 0, 0.6);
}
#modal-container.three .modal-background .modal {
  -webkit-animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three + .content {
  z-index: 1;
  -webkit-animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out .modal-background .modal {
  -webkit-animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out + .content {
  -webkit-animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four {
  z-index: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#modal-container.four .modal-background {
  background: rgba(0, 0, 0, 0.7);
}
#modal-container.four .modal-background .modal {
  -webkit-animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four + .content {
  z-index: 1;
  -webkit-animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out .modal-background .modal {
  -webkit-animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out + .content {
  -webkit-animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#modal-container.five .modal-background {
  background: rgba(0, 0, 0, 0);
  -webkit-animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five .modal-background .modal {
  -webkit-transform: translateX(-1500px);
      -ms-transform: translateX(-1500px);
          transform: translateX(-1500px);
  -webkit-animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out {
  -webkit-animation: quickScaleDown 0s 0.5s linear forwards;
          animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.five.out .modal-background {
  -webkit-animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out .modal-background .modal {
  -webkit-animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#modal-container.six .modal-background {
  background: rgba(0, 0, 0, 0);
  -webkit-animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal {
  background-color: transparent;
  -webkit-animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p {
  opacity: 0;
  position: relative;
  -webkit-animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal .modal-svg rect {
  -webkit-animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out {
  -webkit-animation: quickScaleDown 0s 0.5s linear forwards;
          animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.six.out .modal-background {
  -webkit-animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal {
  -webkit-animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal h2, #modal-container.six.out .modal-background .modal p {
  -webkit-animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal .modal-svg rect {
  -webkit-animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#modal-container.seven .modal-background {
  background: rgba(0, 0, 0, 0);
  -webkit-animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven .modal-background .modal {
  height: 75px;
  width: 75px;
  border-radius: 75px;
  overflow: hidden;
  -webkit-animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven .modal-background .modal h2, #modal-container.seven .modal-background .modal p {
  opacity: 0;
  position: relative;
  -webkit-animation: modalContentFadeIn 0.5s 1.4s linear forwards;
          animation: modalContentFadeIn 0.5s 1.4s linear forwards;
}
#modal-container.seven.out {
  -webkit-animation: slowFade 0.5s 1.5s linear forwards;
          animation: slowFade 0.5s 1.5s linear forwards;
}
#modal-container.seven.out .modal-background {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-animation: fadeToRed 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fadeToRed 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven.out .modal-background .modal {
  border-radius: 3px;
  height: 162px;
  width: 227px;
  -webkit-animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven.out .modal-background .modal h2, #modal-container.seven.out .modal-background .modal p {
  -webkit-animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
#modal-container .modal-background .modal {
  background: white;
  padding: 50px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 300;
  position: relative;
}
#modal-container .modal-background .modal h2 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 15px;
}
#modal-container .modal-background .modal p {
  font-size: 18px;
  line-height: 22px;
}
#modal-container .modal-background .modal .modal-svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
#modal-container .modal-background .modal .modal-svg rect {
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 778;
  stroke-dashoffset: 778;
}

.content {
  min-height: 100%;
  height: 100%;
  background: white;
  position: relative;
  z-index: 0;
}
.content h1 {
  padding: 75px 0 30px 0;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}
.content .buttons {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.content .buttons .button {
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  margin: 10px;
  background: red;
  font-size: 18px;
  background-color: #efefef;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.content .buttons .button:hover {
  color: white;
  background: #009bd5;
}

@-webkit-keyframes unfoldIn {
  0% {
    -webkit-transform: scaleY(0.005) scaleX(0);
            transform: scaleY(0.005) scaleX(0);
  }
  50% {
    -webkit-transform: scaleY(0.005) scaleX(1);
            transform: scaleY(0.005) scaleX(1);
  }
  100% {
    -webkit-transform: scaleY(1) scaleX(1);
            transform: scaleY(1) scaleX(1);
  }
}

@keyframes unfoldIn {
  0% {
    -webkit-transform: scaleY(0.005) scaleX(0);
            transform: scaleY(0.005) scaleX(0);
  }
  50% {
    -webkit-transform: scaleY(0.005) scaleX(1);
            transform: scaleY(0.005) scaleX(1);
  }
  100% {
    -webkit-transform: scaleY(1) scaleX(1);
            transform: scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes unfoldOut {
  0% {
    -webkit-transform: scaleY(1) scaleX(1);
            transform: scaleY(1) scaleX(1);
  }
  50% {
    -webkit-transform: scaleY(0.005) scaleX(1);
            transform: scaleY(0.005) scaleX(1);
  }
  100% {
    -webkit-transform: scaleY(0.005) scaleX(0);
            transform: scaleY(0.005) scaleX(0);
  }
}
@keyframes unfoldOut {
  0% {
    -webkit-transform: scaleY(1) scaleX(1);
            transform: scaleY(1) scaleX(1);
  }
  50% {
    -webkit-transform: scaleY(0.005) scaleX(1);
            transform: scaleY(0.005) scaleX(1);
  }
  100% {
    -webkit-transform: scaleY(0.005) scaleX(0);
            transform: scaleY(0.005) scaleX(0);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.7);
  }
}
@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.7);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(0.8) translateY(1000px);
            transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
@keyframes scaleUp {
  0% {
    -webkit-transform: scale(0.8) translateY(1000px);
            transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(1000px);
            transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
}
@keyframes scaleDown {
  0% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(1000px);
            transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
}
@-webkit-keyframes scaleBack {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}
@keyframes scaleBack {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}
@-webkit-keyframes scaleForward {
  0% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleForward {
  0% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes quickScaleDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  99.9% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes quickScaleDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  99.9% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes slideUpLarge {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes slideUpLarge {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes slideDownLarge {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes slideDownLarge {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes moveUp {
  0% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes moveDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
}
@keyframes moveDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
}
@-webkit-keyframes blowUpContent {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  99.9% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes blowUpContent {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  99.9% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes blowUpContentTwo {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes blowUpContentTwo {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes blowUpModal {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes blowUpModal {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes blowUpModalTwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@keyframes blowUpModalTwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes roadRunnerIn {
  0% {
    -webkit-transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
            transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
  }
  70% {
    -webkit-transform: translateX(30px) skewX(0deg) scaleX(0.9);
            transform: translateX(30px) skewX(0deg) scaleX(0.9);
  }
  100% {
    -webkit-transform: translateX(0px) skewX(0deg) scaleX(1);
            transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}
@keyframes roadRunnerIn {
  0% {
    -webkit-transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
            transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
  }
  70% {
    -webkit-transform: translateX(30px) skewX(0deg) scaleX(0.9);
            transform: translateX(30px) skewX(0deg) scaleX(0.9);
  }
  100% {
    -webkit-transform: translateX(0px) skewX(0deg) scaleX(1);
            transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}
@-webkit-keyframes roadRunnerOut {
  0% {
    -webkit-transform: translateX(0px) skewX(0deg) scaleX(1);
            transform: translateX(0px) skewX(0deg) scaleX(1);
  }
  30% {
    -webkit-transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
            transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
  }
  100% {
    -webkit-transform: translateX(1500px) skewX(30deg) scaleX(1.3);
            transform: translateX(1500px) skewX(30deg) scaleX(1.3);
  }
}
@keyframes roadRunnerOut {
  0% {
    -webkit-transform: translateX(0px) skewX(0deg) scaleX(1);
            transform: translateX(0px) skewX(0deg) scaleX(1);
  }
  30% {
    -webkit-transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
            transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
  }
  100% {
    -webkit-transform: translateX(1500px) skewX(30deg) scaleX(1.3);
            transform: translateX(1500px) skewX(30deg) scaleX(1.3);
  }
}
@-webkit-keyframes sketchIn {
  0% {
    stroke-dashoffset: 778;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes sketchIn {
  0% {
    stroke-dashoffset: 778;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes sketchOut {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 778;
  }
}
@keyframes sketchOut {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 778;
  }
}
@-webkit-keyframes modalFadeIn {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: white;
  }
}
@keyframes modalFadeIn {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: white;
  }
}
@-webkit-keyframes modalFadeOut {
  0% {
    background-color: white;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes modalFadeOut {
  0% {
    background-color: white;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes modalContentFadeIn {
  0% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes modalContentFadeIn {
  0% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes modalContentFadeOut {
  0% {
    opacity: 1;
    top: 0px;
  }
  100% {
    opacity: 0;
    top: -20px;
  }
}
@keyframes modalContentFadeOut {
  0% {
    opacity: 1;
    top: 0px;
  }
  100% {
    opacity: 0;
    top: -20px;
  }
}
@-webkit-keyframes bondJamesBond {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  80% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    border-radius: 75px;
    height: 75px;
    width: 75px;
  }
  90% {
    border-radius: 3px;
    height: 182px;
    width: 247px;
  }
  100% {
    border-radius: 3px;
    height: 162px;
    width: 227px;
  }
}
@keyframes bondJamesBond {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  80% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    border-radius: 75px;
    height: 75px;
    width: 75px;
  }
  90% {
    border-radius: 3px;
    height: 182px;
    width: 247px;
  }
  100% {
    border-radius: 3px;
    height: 162px;
    width: 227px;
  }
}
@-webkit-keyframes killShot {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(300px) rotate(45deg);
            transform: translateY(300px) rotate(45deg);
    opacity: 0;
  }
}
@keyframes killShot {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(300px) rotate(45deg);
            transform: translateY(300px) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes fadeToRed {
  0% {
    background-color: rgba(0, 0, 0, 0.6);
  }
  100% {
    background-color: rgba(255, 0, 0, 0.8);
  }
}
@keyframes fadeToRed {
  0% {
    background-color: rgba(0, 0, 0, 0.6);
  }
  100% {
    background-color: rgba(255, 0, 0, 0.8);
  }
}
@-webkit-keyframes slowFade {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes slowFade {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
/***/
.contact {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.dv-img {
  width: 23px;
}

.contact-left-mb {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .contact-left-mb {
    margin-bottom: 33.3333333333px;
  }
}
@media (max-width: 768px) {
  .contact-left-mb {
    margin-bottom: 16px;
  }
}

.contact-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.contact-phone {
  font-family: "Nunito";
  font-weight: 600;
  font-size: 16px;
}

.r-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}

.r-time-block span {
  display: block;
  margin-bottom: 0px;
}

.c-eml {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.c-eml a {
  font-weight: 600;
}

.c-geo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.c-geo span {
  font-weight: 600;
}

.mb25 {
  margin-bottom: 25px;
}

.soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.soc img {
  display: inline-block;
  margin-right: 16px;
}
.soc span {
  font-weight: 600;
}

.soc-text {
  max-width: 330px;
}

.karta {
  margin-bottom: 90px;
}
@media (max-width: 992px) {
  .karta {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .karta {
    margin-bottom: 30px;
  }
}
.karta img {
  width: 100%;
}

.contact-p-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}

@media (max-width: 1024px) {
  .contact {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
}
@media (max-width: 567px) {
  .contact-p-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .soc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 16px;
  }
}
.compare-list-menu {
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .compare-list-menu {
    margin-bottom: 21.3333333333px;
  }
}
@media (max-width: 768px) {
  .compare-list-menu {
    margin-bottom: 16px;
  }
}

.compare-p {
  margin-bottom: 72px;
}
@media (max-width: 992px) {
  .compare-p {
    margin-bottom: 48px;
  }
}
@media (max-width: 768px) {
  .compare-p {
    margin-bottom: 32px;
  }
}

.cart-item-block .cat-item {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 64px;
  max-width: initial;
}
@media (max-width: 992px) {
  .cart-item-block .cat-item {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 768px) {
  .cart-item-block .cat-item {
    margin-bottom: 32px;
  }
}
.cart-item-block .cat-item__img {
  height: initial;
  padding: 0 7%;
}
.cart-item-block .cat-item__name {
  min-height: 54px;
}
@media (max-width: 1600px) {
  .cart-item-block .cat-item__name {
    font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-block .cat-item__name {
    font-size: 18px;
  }
}
.cart-item-block .cat-item__price {
  font-weight: 600;
  margin: 16px 0;
}
@media (max-width: 1600px) {
  .cart-item-block .cat-item__price {
    font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-block .cat-item__price {
    font-size: 24px;
  }
}
.cart-item-block .cat-item__kard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tk-r {
  display: block;
  padding: 16px 0;
}

.part-1 ul li {
  gap: 16px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 16px;
  display: block;
}
.part-1 ul li i {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  opacity: 0.6;
  font-size: 12px;
  margin-bottom: 5px;
}
.part-1 ul li span {
  display: block;
  /*height: 43px;*/
  height: 100px;
  overflow: auto;
  line-height:1.2;
}

.s-compare .cart .owl-nav {
  position: absolute;
  top: -68px;
  right: 8px;
}
.s-compare .cart i {
  width: 32px;
  height: 32px;
  display: block;
}
.s-compare .cart i img {
  width: 9px;
}

.s-compare .owl-nav button {
  position: absolute;
  top: -35px;
}

.s-compare .owl-nav .owl-next {
  right: 0px;
}

.s-compare .owl-nav .owl-prev {
  right: 30px;
}

.ico-by {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  opacity: 0.6;
}
.ico-by span {
  color: #333;
}
.ico-by:hover {
  opacity: 1;
}
.ico-by img {
  height: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 992px) {
  .cart-item-block .cat-item__img {
    padding: 0 15%;
  }
  .ico-by span {
    display: none;
  }
  .ico-by {
    position: relative;
    background: #EDEDED;
    border-radius: 4px;
    width: 24px;
    height: 24px;
  }
  .ico-by:hover {
    background: #ccc;
  }
  .ico-by img {
    position: absolute;
    height: 20px;
    width: 20px !important;
    padding: 2px;
    left: 2px;
  }
  .compare-list .cart {
    max-height: initial;
  }
  .cart-item-block .cat-item__kard {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .s-compare .cat-item__kard {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .input_check span {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .s-compare .cat-item {
    padding: 10px 7px;
  }
}
.shop-cart {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .shop-cart {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .shop-cart {
    margin-bottom: 30px;
  }
}
.shop-cart .cart__ablock {
  gap: 30px;
}
.shop-cart .cart-item {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}
.shop-cart .link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-cart .link-ico img {
  display: inline-block;
  margin-right: 10px;
}
.shop-cart .link-ico:hover {
  opacity: 0.6;
}

.s-cart {
  border-bottom: 1px dashed #ccc;
}
.s-cart_desc {
  display: none;
}
.s-cart__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  font-weight: 600;
  line-height: 27px;
}
.s-cart-sum{
  position: relative;
}
.s-cart-sum::before{
   content:"Сумма:";
   position: absolute;
   top:-20px;
   left:0;
}

@media (max-width: 1600px) {
  .s-cart__title {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .s-cart__title {
    font-size: 20px;
  }
}
.s-cart__ablock {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.s-cart__ablock a {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1600px) {
  .s-cart .item-price {
    font-size: calc(18px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .s-cart .item-price {
    font-size: 24px;
  }
}
@media (max-width: 1600px) {
  .s-cart .item-price-old {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .s-cart .item-price-old {
    font-size: 20px;
  }
}

.s-cart-item-wrap {
  border-bottom: 1px dashed #ccc;
  padding: 40px 0;
}

.s-cart-item {
  display: grid;
  grid-template-columns: 100px 1fr;
}


.s-cart-item-block-1-2 {
  display: grid;
  grid-template-columns: 63% 1fr;
}

.s-cart-item-block-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}



.s-cart-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.plusminus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d3d3d3;
  border-radius: 24px;
}
.quantity i {
  font-size: 24px;
  cursor: pointer;
  line-height: 24px;
  padding: 0 15px;
}

.center {
  text-align: center;
}

.quantity-num {
  width: 48px;
  background: #ededed;
  border: transparent;
  padding: 10px 0;
  font-family: "Nunito", sans-serif, Arial, Helvetica;
}

.simplecheckout-cart .quantity{min-width:90px;}
.simplecheckout-cart .quantity-num{   width: 48px !important;}
.simplecheckout-cart .quantity i {    font-size: 23px;    cursor: pointer;    line-height: 20px;    padding: 0 4px;}
.spec-del-cl{display: none;}
.simplecheckout-cart th.model,.simplecheckout-cart td.model{    display: table-cell;}


@media (max-width: 640px) {
  .simplecheckout-cart .quantity{min-width:90px;}
  .simplecheckout-cart .quantity i {      font-size: 16px;      cursor: pointer;      line-height: 16px;      padding: 0 4px;  }
  .simplecheckout-cart .quantity-num{     width: 24px !important;  }
  .simplecheckout-cart td.quantity [data-onclick*=decrease],
  .simplecheckout-cart td.quantity [data-onclick*=increase] {   display: inline-block !important;}
  .spec-del-cl{display: inline-block;}

}


@media (max-width: 1600px) {
  .quantity-num {
    font-size: calc(16px + 0 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .quantity-num {
    font-size: 16px;
  }
}

.s-cart-foot {
  text-align: right;
}

.s-sum {
  margin: 50px 0;
}
.s-sum__all {
  font-family: "Nunito";
  font-weight: 600;
  font-size: 18px;
  text-align: right;
  color: #7c7c7c;
  margin-bottom: 10px;
}
.s-sum__skid {
  font-family: "Nunito";
  font-weight: 600;
  font-size: 18px;
  text-align: right;
  color: #2d96f6;
  margin-bottom: 10px;
}
.s-sum__itog {
  font-family: "Nunito";
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: right;
  color: #000000;
}
.s-sum__itog span {
  font-weight: 600;
  font-size: 24px;
}

@media (max-width:1200px){
  .s-cart__ablock {
     grid-template-columns:auto auto auto;
  }
  .s-cart-item-block-1-2{
    grid-template-columns: 54% 1fr;
  }
}

@media (max-width:992px){
  .s-cart-item-block-1-2 {
    grid-template-columns: 1fr;
    gap:10px;
  }

  .s-cart-sum::before{
    top: 7px;
    left: -53px;
  }
}
@media (max-width:576px){
  .s-cart-item-block-1-2 {
    gap: 5px;
  }
  .s-cart-footer{
    flex-wrap: wrap;
    gap: 20px 15%;
  }
  .s-cart-footer .plusminus{
    flex:1 100%;
  }
  .s-cart-sum::before{
    top: -12px;
    left: 0px;
  }
}

@media (max-width: 992px) {
  .s-cart__ablock {
    margin: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 8px;
  }
}
@media (max-width: 650px) {
  .s-cart__ablock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .s-cart__ablock .blu {
    font-size: 16px;
  }
}
.mob-ablock-1 {
  display: none;
}

@media (max-width: 500px) {
  .mob-ablock-1 {
    display: block;
  }
  .s-cart-item-block-1-2 {
    gap: 15px;
  }
  .cart__img {
    height: 160px;
  }
  .s-cart-item-block-2 .s-cart__ablock {
    display: none;
  }
  .s-cart-item {
    grid-template-columns: 125px 1fr;
  }
  .s-cart-item img {
    width: 100%;
  }
  .quantity i {
    padding: 0 10px;
  }
  .quantity-num {
    width: 36px;
  }
  .s-cart__ablock {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .s-cart__ablock .blu {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .s-cart__ablock .blu:hover {
    border-bottom: none;
  }
  .s-cart__ablock span {
    display: none;
  }
}
.b-reviews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10%;
}
.b-reviews__2 img {
  width: 100%;
}

.b-review-item {
  border: 1px solid #EDEDED;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 2rem;
}

.b-review-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding-left: 22px;
}
.b-review-top__img {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
}
.b-review-top__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bt-title {
  font-weight: 500;
  margin-bottom: 6px;
}

.bt-data {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  opacity: 0.8;
  margin-bottom: 18px;
}

.bt-raiting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.b-review-2 p {
  position: relative;
  padding-left: 0;
}
.b-review-2 p::before {
  content: "";
  background: url(../img/ico/ic_quote.svg) no-repeat;
  position: absolute;
  left: -22px;
  top: 0;
  width: 16px;
  height: 16px;
}

@media (max-width: 992px) {
  .b-reviews {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.bkg-onas {
  position: relative;
  padding: 30px 0;
}

.bkg-onas::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 79px);
  position: absolute;
  top:-79px;
  left: 0px;
  background: transparent;
  background: url(../img/bg-onas.png) top left no-repeat;
  background-size: cover;
  opacity: 1;
  z-index: -1;
}

.o-nas-top,.o-nas-top2 {
  display: grid;
  grid-template-columns:50% 1fr;
  gap: 30px;
}
.o-nas-top2 {padding-bottom: 30px;}

.o-nas-titl {
  max-width: 397px;
}
.o-nas-titl img {
  width: 100%;
}

.o-nas-text p {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .o-nas-top2 {grid-template-columns: 1fr;}
}

.nw-b{
    border: none;
    font-size: 23px;
    margin-top: 0px;
}
.product-cart__ablock{
    display: flex;
    align-items: center;
    gap: 10px;
}

.link-ico.active-c {
    position:relative;
    filter: invert(0);
  }
  .link-ico.active-c >img{
     opacity:0;
  }

  .link-ico.active-c::before{
    content:"";
    position:absolute;
    background:url(../img/compare-act.png) center no-repeat;
    top:0px;
    left:5px;
    height:25px;
    width:25px;
    z-index:10;
  }

@media (max-width: 576px) {

  .link-ico.active-c::before{
    top:4px;
    left:5px;
  }


 .search-block .popular,.search-block .vnimanie-plus,.search-block .h3{display: none;}
 .search-block{
   top:initial;
   bottom: 55px;
 }
  
  .o-nas-top {
    grid-template-columns: 1fr;
    margin-bottom: 16px;
  }
  .o-nas-text {
    font-size: 14px;
    line-height: 150%;
    max-height: 309px;
    overflow: hidden;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
  }
  .o-nas-text.active {
    max-height: initial;
  }
  #dalee {
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #00d1ff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: relative;
    z-index: 1;
  }
  .m576b40 {
    margin-bottom: 40px;
  }
  .galery-header__1 {
    margin-bottom: 10px;
  }
}
.timeline-item {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  height: 100%;
  margin-right: 6px;
  overflow: hidden;
  position: relative;
  width: 90%;
  z-index: 103;
}

.timeline-item-fill {
  background: #000;
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.js-timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3px;
  padding: 0 24px;
  position: absolute;
  top: 2.704vh;
  width: 100%;
}

/***/
.mbd-top {
  display: grid;
  grid-template-columns: 1fr 50px;
  gap: 20px;
}
.mbd-top__a {
  position: absolute;
  z-index: 103;
  right: 0;
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);
  margin: 5px;
  border-radius: 5px;
}

.psmy {
  position: relative;
  bottom: 173px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 103;
}

.mewsl-bar-descript {
  position: relative;
  width: 100%;
}

.mbd-content .psmy {
  font-size: 16px;
}

.mbd-item {
  position: absolute;
  width: 100%;
  height: calc(100vh - 68px);
  z-index: 100;
  opacity: 0.5;
}
.mbd-item:first-child {
  z-index: 101;
  opacity: 1;
}
.mbd-item.active {
  z-index: 102;
  opacity: 1;
}
.mbd-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fnt12 {
  line-height: 150%;
}

.line-tovar .a-block-cart{
  display: flex;
}
.line-tovar .cart-price{
  margin: 0 auto;
}

@media (max-width: 1600px) {
  .fnt12 {
    font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .fnt12 {
    font-size: 18px;
  }
}

.k-h2 {
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  display: block;
  color: #2d96f6;
  margin-bottom: 40px;
}
@media (max-width: 1600px) {
  .k-h2 {
    font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .k-h2 {
    font-size: 24px;
  }
}

/******poddergka*******/
.deliver {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10%;
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .deliver {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .deliver {
    margin-bottom: 30px;
  }
}
.deliver span {
  display: inline-block;
}
.deliver strong {
  display: inline-block;
  margin-bottom: 16px;
}
.deliver p {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .deliver p {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .deliver p {
    margin-bottom: 16px;
  }
}

.block-75 {
  position: relative;
  padding: 60px 59px 60px 110px;
  background: url(../img/bg.png) no-repeat;
  background-size: cover;
}
.block-75 img {
  display: inline-block;
  margin-bottom: 26px;
}

.top-minus {
  background: url(../img/bg.png) no-repeat;
  background-size: cover;
  padding: 60px;
  position: relative;
  top: -120px;
}

.line-dash {
  border-bottom: 1px dashed #ccc;
  width: 100%;
  font-size: 1px;
  margin-bottom: 30px;
}

.deliv-footer {
  background: #ededed;
  margin-bottom: 30px;
}

.deliv-footer-block {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}

.fnt12 {
  max-width: 700px;
  display: inline-block;
  text-align: left;
}

.deliver-block-ul {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}
.deliver-block-ul strong {
  display: block;
}
.deliver-block-ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.deliver-block img {
  display: inline-block;
  margin-right: 10px;
}

.open-text {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  cursor:pointer;
}

/*********************/
.fl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fl li {
  max-width: 296px;
}

.bg-3 {
  background: url(../img/bg-3.jpg) no-repeat;
  background-size: cover;
  padding: 20px 0 30px;
  margin-bottom: 30px;
}
.bg-3 p {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .bg-3 p {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .bg-3 p {
    margin-bottom: 16px;
  }
}

.p30 p {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .p30 p {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .p30 p {
    margin-bottom: 16px;
  }
}

h3 {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  h3 {
    margin-bottom: 16px;
  }
}

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

.str-blue {
  font-weight: 600;
  color: #2d96f6;
}
@media (max-width: 1600px) {
  .str-blue {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .str-blue {
    font-size: 20px;
  }
}

.cif-larg__1 {
  font-family: Arial, Helvetica, sans-serifserif;
  font-weight: 600;
  color: #2d96f6;
  margin-right: 10px;
}
@media (max-width: 1600px) {
  .cif-larg__1 {
    font-size: calc(18px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cif-larg__1 {
    font-size: 28px;
  }
}

.obslug {
  margin-bottom: 30px;
  display: inline-block;
}
#cart{
  position: relative;
}
#cart >.dropdown-menu{
  width: 350px;
  margin: 11px 0 0;
} 


@media (max-width: 992px) {
  .obslug {
    margin-bottom: 20px;
  }
  .ts1 img{
    width: 100%;
    max-width:350px;
  }
}
@media (max-width: 768px) {
  .obslug {
    margin-bottom: 16px;
  }
}

@media (max-width: 940px) {
  .deliver {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .block-75 {
    padding: 30px;
  }
  .top-minus {
    padding: 0 30px 30px 30px;
    top: 0;
  }
}

  #up{
    position: fixed;
      bottom: 58px;
      right: 0px;
        max-width:63px;
  }

@media (max-width: 640px) {
  .rw {
    grid-template-columns: 1fr;
  }
  .ts1 img{
    max-width:310px;
  }
    #up{
        max-width:53px;
  }
}

.hed-cart-mini{
  padding: 5px 15px;
  position: relative;
}
.hed-cart-mini span{
  display: flex;
  justify-content: space-between;
  padding: 2px 7px;
  top: 1px;
  bottom: initial;
  right: 10px;
  right: 4px;
  left: initial;
  width: 22px;
  cursor: pointer;
  background: var(--blu);
    color: #fff;

}

@media (max-width: 576px) {
  .catalog-left {
    width: 100%;
  }
  .cart__ablock {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .cart__ablock img {
    height: 25px;
  }
  .cart__ablock button {
    height: 35px;
    background: #ededed;
    margin: 4px;
    position: relative;
    top: 15px;
    border-radius: 7px;
    width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sl-module .cart__ablock img {
    height: 23px;
    width: 23px;
  }
  .sl-module .cart__ablock img:hover {
    -webkit-filter: contrast(0);
            filter: contrast(0);
  }
  .cart__ablock button:hover {
    /* -webkit-filter: contrast(0); */
    -webkit-filter: contrast(1);
            filter: contrast(1);
  }
  .bottom-cart .dropdown-menu{
  top:initial;
  bottom: 37px;

  }
  .cart__ablock{
    bottom: 30px;
  }

}
@media (max-width: 500px) {


}

@media (max-width: 400px) {
  #cart >.dropdown-menu {
    width: 296px;
  }
}



.zkz{font-size: 1.7em;}
.tablex{display: flex;gap:30px;margin-bottom: 20px;}
.tablex-item span{
  font-weight: 600;
}
.tablex-item{
  font-weight: 600;
}


/*********скидки************************/
        .skid-titl {
            border-radius: 6px;
            opacity: 1;
            background: rgba(45, 150, 246, 0.15);
            padding: 10px 16px;
            margin: 0 0 30px;
            display: flex;
            align-items: center;
        }

        .skid-titl__h2 {
            margin-left: 16px;
            font-size: 28px;
            font-weight: 600;
            line-height: 120%;
            padding-right: 74px;
        }

        .skid-p {
            margin-bottom: 48px;
        }

        .skid-ba {
            margin: 20px 0 42px;
        }

        .skid-ba {
            width: 100%;
            height: 100%;
        }

        .skid-ba-img {
            width: 100%;
            height: 220px;
            background-size: cover;
            background: url(../img/b-3x1.jpg) center no-repeat;
            background-size: cover;
        }

        .skid-bax img {
            width: 100%;
            margin: 15px 0 40px;
                display: block;
        }

       .b1div{display: none;}

.product .post-heder-product{
  max-width:450px;
}       

.gar-nl2{
  position:relative;
  opacity:0.8;
  width: 100%;
  transition:0.3s all;
  img{
    width: 100%;
  }
}
.gar-nl2:hover{
  opacity: 1;
}

.gar-nl2 span{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 70%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    text-align: center;
        color: #fff;
    b{text-transform: uppercase;}    
}



      @media(max-width:768px) {
            .skid-titl{
               margin:0 0 -12px;
            }

            .imgb1{
                width: 100%;
                object-fit: cover;
                height: 100%;

            } 
            .b1divb{
              height:49px;
              border-radius: 6px;
              overflow:hidden;
              margin-bottom: 16px;
            }
            .owl-mwnu .owl-prev{
                left: -25px;
            }
            .owl-mwnu .owl-next {
              right: -25px;
            }

      }

        @media(max-width:576px) {
          .b1divb{ display: none; }
          .b1div{display: block;}
            .skid-ba-img {
                width: 100%;
                height: 502px;
                background: url(../img/b-3x1m.jpg) center no-repeat;
                background-size: cover;
                border-radius: 7px;
             }

            .skid-bax img {
                width: 100%;
                max-width: 375px;
                margin: 15px auto 30px;
                
            }

        }

        @media(max-width:375px) {
            .sg-str-right {
               right: -12px;
               padding: 8px 10px 8px 13px;
            }
            .sg-str-left {
               left: -12px;
               padding: 8px 12px 8px 9px;
               right: initial;
            }
            .sg-str-left, .sg-str-right{
                top: 38%;
            }


        }

        @media(max-width:365px){
            .catalog-tovar-block {
                 grid-template-columns: 1fr;
             }
        }

@media (max-width:320px) {
  .owl-carousel.owl-loaded{
      display: none;  
  }
  .mewsl-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
  }
  .burger{ gap: 8px; }
   .f-tel{
      font-size: 14px;
   } 
   .logo img{
      width: 116px;
   }
   .burger span{
      width: 24px;
      padding: 1px;
   }
   .footer-hed-top{
    gap: 12px;
   }
   .header-cart{
      gap: 1rem;

   }
   .cart .button-my.c-white{
      max-width: 138px;
      overflow: hidden;
   }
   .catalog-tovar-block.line-tovar .cart .button-my.c-white{
        max-width: 47px;
      overflow: hidden;
   }
   .catalog-heder{
      flex-direction:column;
      margin-bottom: 10px;  

   }
   .catalog-heder h1{
    margin: 0 0 10px 0;
   }
   .cart__title{
      font-size: 12px;  
   }
   .product-price{
flex-wrap:wrap;
   }
   .product-but i{
      margin:0 15px; 
   }
   .row-gr-ht .advantage{
flex-direction:column;
   }
   .atrb li{
      grid-template-columns: 100%;
   }

     .owl-mwnu .owl-prev{
                left: -22px;
            }
            .owl-mwnu .owl-next {
              right: -22px;
            }

  .deliver-block-ul li{
      flex-wrap:wrap;
  }

  .top-minus{
      padding: 10px;  
  }
  .mewsl-bar{
  gap: 0; 
  }
  .advantage{
      flex-wrap:wrap;
  }

/** снежинки */
#snow-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

.snowflake {
  position: absolute;
  color: white;
  font-size: 16px;
  opacity: 0.8;
  user-select: none;
  animation: fall linear infinite;
}

@keyframes fall {
  to {
    transform: translateY(100vh) rotate(360deg);
  }
}

/** /снежинки */

/* === MyApple61 safe polish patch — added by ChatGPT, 2026-05-12 === */
/* Доступность: возвращаем заметный фокус без старого глобального outline:none */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
  border-radius: 8px;
}

/* Мягче и современнее клики/hover без изменения HTML */
.button-my {
  border-radius: 12px;
  font-weight: 700;
  box-shadow: 0 8px 22px rgba(45, 150, 246, 0.14);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.button-my:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(45, 150, 246, 0.22);
}

/* Карточки товара: чуть более премиальное ощущение, без изменения сетки */
.cart .cart-item,
.cart-item-block .cat-item,
.s-tovarom .cat-item {
  border-radius: 18px;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.cart .cart-item:hover,
.cart-item-block .cat-item:hover,
.s-tovarom .cat-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.09);
}

/* Меню и поиск: управление без !important, чтобы JS/классы не дрались со стилями */
.top-search {
  display: none;
}

.top-search.active {
  display: block;
}

/* Слайдер: аккуратный hover у CTA */
.sl-item-block__button {
  transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.sl-item-block__button:hover {
  transform: translateY(-1px);
}

/* Уважение к пользователям с отключенной анимацией */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Небольшая защита нижней мобильной панели от прилипания к краю iPhone */
@media (max-width: 576px) {
  .footer-hed-top {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
}