@charset "UTF-8";
@import "../fonts/stylesheet.css";
:root {
  --blue: #30d5c8;
  --black: #171717;
  --grey: #f3f2f2;
  --font-size: 1rem;
  --color1: #f0ffff;
  --borderRadius: 1em;
  --blue1: #1ea99e;
}

* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

h1,
.h1 {
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.01em;
  margin-bottom: 24px;
}
@media (max-width: 1600px) {
  h1,
  .h1 {
    font-size: calc(14px + 16 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h1,
  .h1 {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  h1,
  .h1 {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  h1,
  .h1 {
    margin-bottom: 16px;
  }
}

h2,
.h2 {
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
@media (max-width: 1600px) {
  h2,
  .h2 {
    font-size: calc(14px + 16 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h2,
  .h2 {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  h2,
  .h2 {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  h2,
  .h2 {
    margin-bottom: 16px;
  }
}

h3,
.h3 {
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
@media (max-width: 1600px) {
  h3,
  .h3 {
    font-size: calc(14px + 16 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  h3,
  .h3 {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  h3,
  .h3 {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  h3,
  .h3 {
    margin-bottom: 16px;
  }
}

.button-my {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14);
  border-radius: 3.72727px;
  padding: 11px 39px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: var(--black);
  background: var(--blue);
  transition: all 0.3s;
  border: none;
  display: inline-block;
}
.button-my:active, .button-my:hover, .button-my:focus {
  text-decoration: none;
  background: var(--blue1);
  color:#fff;
}
.button-my.b-w {
  background: #fff;
}
.button-my.b-w:hover {
  text-decoration: none;
  color: #fff;
  background: var(--blue);
}
.button-my.b-w:active {
  color: #fff;
  background: var(--blue);
}
.button-my.b-wh:hover {
  text-decoration: none;
  background: #fff;
  color:#333;
}
.button-my.b-wh:active {
  color: var(--blue);
  background: #fff;
}
.button-my.b-bl:hover {
  text-decoration: none;
  color: var(--blue);
  background: var(--black);
}
.button-my.b-bl:active {
  color: #fff;
  background: var(--black);
}
.button-my.b-ho {
  background: transparent;
  border: 1px solid var(--blue);
}
.button-my.b-ho:hover, .button-my.b-ho.active {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.45);
  border: 1px solid #ccc;
}
.button-my.b-hog {
  background: transparent;
  border: 1px solid #ccc;
}
.button-my.b-hog:hover, .button-my.b-hog.active {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.45);
  border: 1px solid #ccc;
}
.button-my.b-fi {
  background: #f3f2f2;
}
.button-my.b-fi:hover {
  text-decoration: none;
  background: var(--blue);
}
.button-my.b-fi.active {
  background: var(--blue);
}

.btn-primary {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14) !important;
  border-radius: 3.72727px;
  padding: 11px 39px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: var(--black);
  background: var(--blue) !important;
  transition: all 0.3s;
  border: none;
  display: inline-block;
  outline: none !important;
}
.btn-primary:active, .btn-primary:hover, .btn-primary:focus {
  text-decoration: none;
  outline: none !important;
}
.btn-primary:hover {
 /* text-decoration: none;
  background: #fff !important;
  color: var(--blue) !important;
  outline: none !important;*/
}
.btn-primary:active {
  color: var(--blue);
  background: #fff;
  outline: none !important;
}

.btn-default {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14) !important;
  border-radius: 3.72727px;
  padding: 11px 39px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: var(--black);
  background: var(--blue);
  transition: all 0.3s;
  border: none;
  display: inline-block;
  outline: none;
  background: #f3f2f2;
}
.btn-default:active, .btn-default:hover, .btn-default:focus {
  text-decoration: none;
  outline: none;
}
.btn-default:hover {
  text-decoration: none;
  background: var(--blue);
}
.btn-default.active {
  background: var(--blue);
}

.container-fluid:before {
  content: none;
  outline: none;
}
.container-fluid:after {
  content: none;
  outline: none;
}

.breadcrumb,
.brd-crmbs ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem 0.75rem 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}
.breadcrumb li,
.brd-crmbs ul li {
  margin-left: 5px;
}
.breadcrumb li a,
.brd-crmbs ul li a {
  color: #838383;
}
@media (max-width: 1600px) {
  .breadcrumb,
  .brd-crmbs ul {
    font-size: calc(14px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .breadcrumb,
  .brd-crmbs ul {
    font-size: 16px;
  }
}

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

a {
  display: inline-block;
}

[data-title] {
  position: relative;
}

[data-title]:after {
  content: attr(data-title);
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  position: absolute;
  top: 3rem;
  right: 0%;
  padding: 5px 20px;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 3px;
  background: var(--blue);
  color: #000;
}

[data-title]:before {
  content: "";
  opacity: 0;
  visibility: hidden;
  width: 12px;
  height: 12px;
  background: var(--blue);
  position: absolute;
  z-index: 1000;
  top: 2.5rem;
  right: 17%;
  transform: rotate(-45deg);
}

[data-title]:hover:after {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-out 0.5s;
}

[data-title]:hover::before {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out 0.6s;
}

.block404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 120px;
  padding: 40px 40px;
  text-align: center;
}
@media (max-width: 992px) {
  .block404 {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .block404 {
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .block404 {
    padding: 26.6666666667px 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .block404 {
    padding: 120px 0px;
  }
}
.block404__title {
  font-weight: 500;
  line-height: 150%;
  color: var(--blue);
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .block404__title {
    font-size: calc(40px + 71 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .block404__title {
    font-size: 111px;
  }
}
@media (max-width: 992px) {
  .block404__title {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .block404__title {
    margin-bottom: 40px;
  }
}
.block404__text {
  font-weight: 400;
  line-height: 150%;
  max-width: 632px;
  margin-bottom: 80px;
}
@media (max-width: 1600px) {
  .block404__text {
    font-size: calc(14px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .block404__text {
    font-size: 21px;
  }
}
@media (max-width: 992px) {
  .block404__text {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .block404__text {
    margin-bottom: 30px;
  }
}

.help-block {
  font-size: 84%;
}

body {
 /* font-family: "SF Pro Display";*/
 font-family: sans-serif,"Arial";
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing:0.3px;
  color: var(--back);
}
@media (max-width: 1600px) {
  body {
    font-size: calc(14px + 7 * ((100vw - 320px) / 1600)); /* не 7 a 5 */
  }
}
@media (min-width: 1600px) {
  body {
    font-size: 21px; /*19 было*/
  }
}

a {
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  text-decoration: none;
}

.container-fluid {
  max-width: 1396px;
  width: 100%;
  margin: 0 auto;
}

.cart {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}
@media (max-width: 992px) {
  .cart {
    border-radius: 8px;
  }
}
@media (max-width: 768px) {
  .cart {
    border-radius: 3px;
  }
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
  max-width:1400px;
  margin:   0 auto 30px;
  //padding-bottom: 26.25%; 
}
.thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 50%;
   /* max-width: 1200px;*/
    /*max-height: 500px;*/
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
    border-radius: 10px;
    transform: translateX(-50%);
}

.content {
  line-height: 1.7;
  margin-bottom: 120px;
}
@media (max-width: 1600px) {
  .content {
    // font-size: calc(9px + 14 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .content {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .content {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .content {
    margin-bottom: 40px;
  }
}
.content h3, .content h2, .content h1 {
  color: #30D5C8;
  line-height: 161.9%;
  margin-bottom: 16px;
  margin-top: 8px;
}
@media (max-width: 1600px) {
  .content h3, .content h2, .content h1 {
    font-size: calc(14px + 16 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .content h3, .content h2, .content h1 {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .content h3, .content h2, .content h1 {
    margin-bottom: 10.6666666667px;
  }
}
@media (max-width: 768px) {
  .content h3, .content h2, .content h1 {
    margin-bottom: 8px;
  }
}
.content p {
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .content p {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .content p {
    margin-bottom: 16px;
  }
}
.content ul {
  list-style-image: url(../img/ico/circle.svg);
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
}
.content li {
  list-style: none;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .content li {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .content li {
    margin-bottom: 14px;
  }
}
.content li::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url(../img/ico/circle.svg);
  background-size: cover;
  margin: 0 14px 0 -25px;
  padding: 6px;
}

.max-w-1048 {
  max-width: 1048px !important;
  width: 100%;
}

@media (max-width: 576px) {
  .mh-110 {
    height: 110px;
  }
}
.alert {
  max-width: 1362px;
  margin: 15px auto;
}

.aifs {
  align-items: flex-start;
}

.mb16 {
  margin-bottom: 16px;
}

.m30-20 {
  margin: 30px;
}

@media (max-width: 1080px) {
  .m30-20 {
    margin: 30px 20px 20px;
  }
}
.form-horizontal .control-label {
  text-align: left !important;
}

/***/
.cart-totalx,
#compare-total,
#wishlist-total {
  font-size: 12px;
  position: absolute;
  bottom: -3px;
  right: 3px;
  color: #fff;
  /* width: auto; */
  background: var(--blue);
  border-radius: 50%;
  line-height: 11px;
  padding: 0px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
}

header {
  background: #262626;
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
}

.header-block {
  display: flex;
  align-items: center;
}

.header-logo {
  margin-right: 15px;
}
.header-logo img {
  width: 226px;
}

.header-menu {
  flex: 1;
}
.header-menu ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}
.header-menu ul li a {
  color: #fff;
  white-space: nowrap;
  margin-right: 3rem;
  font-size: 15px;
}
.header-menu ul li a:hover {
  color: var(--blue);
}

.header-telf a {
  font-size: 16px;
  color: #30D5C8;
  display: block;
  padding: 4px 0 6px;
}
.header-telf a:hover {
  color: #fff;
}

.header-cart {
  text-align: right;
  flex: 0 11%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-left: 1rem;
}
.header-cart button {
  background: transparent;
  border: none;
  position: relative;
}
.header-cart span {
  position: absolute;
  background: var(--blue);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  bottom: -2px;
  right: 1px;
  z-index: 5;
}

/*********modal***********/
.one-click {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 45px 88px;
  max-width: 585px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 22px;
  filter: drop-shadow(0px 11px 26px rgba(0, 0, 0, 0.25));
  width: 94%;
}
.ova{
  overflow: auto;
  max-height:80vh ;
}

#modal-two.one-click{
    top: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 992px) {
  .one-click {
    padding: 58.6666666667px 58.6666666667px;
  }
}
@media (max-width: 768px) {
  .one-click {
    padding: 25px 25px;
  }
}
@media (max-width: 992px) {
  .one-click {
    border-radius: 14.6666666667px;
  }
}
@media (max-width: 768px) {
  .one-click {
    border-radius: 3px;
  }
}
.one-click.active {
  display: block;
}
.one-click__title {
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 16px;
}
@media (max-width: 1600px) {
  .one-click__title {
    font-size: calc(14px + 9 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .one-click__title {
    font-size: 23px;
  }
}
@media (max-width: 992px) {
  .one-click__title {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .one-click__title {
    margin-bottom: 20px;
  }
}
.one-click__label {
  font-weight: 400;
  line-height: 150%;
  opacity: 0.6;
}
@media (max-width: 1600px) {
  .one-click__label {
    font-size: calc(12px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .one-click__label {
    font-size: 19px;
  }
}
.one-click__text {
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .one-click__text {
    font-size: calc(12px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .one-click__text {
    font-size: 19px;
  }
}
.one-click .form-group {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .one-click .form-group {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .one-click .form-group {
    margin-bottom: 5px;
  }
}
.one-click .close-x {
  position: absolute;
  right: 32px;
  top: 32px;
  padding: 4px 12px;
  box-shadow: 1px 1px 2em #ccc;
  border-radius: 4px;
  z-index: 100;
}
.one-click .close-x:hover {
  box-shadow: 1px 1px 10px #ccc;
}

.one-click-b {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .one-click-b {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .one-click-b {
    margin-bottom: 20px;
  }
}

.form-group1 {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
}
.form-group1 input {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.form-group1 label {
  font-weight: 400;
  line-height: 135%;
}
@media (max-width: 1600px) {
  .form-group1 label {
    font-size: calc(11px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .form-group1 label {
    font-size: 17px;
  }
}

@media (max-width: 1080px) {
  .form-group1 {
    margin-top: 20px;
  }
}
nav {
  background: transparent;
  text-align: center;
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 16px;
}

nav a {
  text-decoration: none;
  display: block;
  transition: 0.3s linear;
}

nav > ul {
  display: flex;
  justify-content: center;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.topmenu > li {
  /* display: inline-block;
  position: relative;*/
  flex: 1;
}

.topmenu > li:last-child {
  /*border-right: 1px solid #ECF1F2;*/
}

.topmenu > li {
  margin-right: 8px;
}

.topmenu > li > a {
  display: inline-block;
  padding: 12px;
  background: #f3f2f2;
  border-radius: 4px;
  font-size: 16px;
  color: #1c1c1c;
  width: 100%;
}

.topmenu > li:last-child {
  margin-right: 0;
}

.topmenu .active:after,
.topmenu .submenu-link:after,
.topmenu .sbm::after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  color: inherit;
  margin-left: 6px;
}

.topmenu .active,
.topmenu > li > a:hover,
.submenu li a:hover {
  color: var(--black);
  background: var(--blue);
}

.submenu {
  position: absolute;
  font-size: 12px;
  /*left: -1px;*/
  z-index: 5;
  max-width: -moz-max-content;
  max-width: max-content;
  border-bottom: 1px solid #ecf1f2;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.3s ease-in-out;
  background: #fff;
  overflow: auto;
  max-height: 72vh;
  height: -moz-max-content;
  height: max-content;
  /* width: 100%;*/
}

.submenu li {
  position: relative;
}

.submenu a {
  background: white;
  /* border-top: 1px solid #ecf1f2;*/
  border-right: 1px solid #ecf1f2;
  border-left: 1px solid #ecf1f2;
  color: #1c1c1c;
  text-align: left;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1px;
  padding: 7px 20px;
}

.submenu .submenu {
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  left: -webkit-calc(100% - 1px);
  width: 100%;
}

nav li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  filter: drop-shadow(0px 5px 17px rgba(0, 0, 0, 0.1));
}

.submenu .left-m-y {
  margin: 5px;
  position: absolute;
  top: -5px;
  left: -100%;
  z-index: 1005;
}

/***************test******************************/
.container7 {
  height: 700px;
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto;
  /* Автоматическое размещение в колонку */
  grid-auto-flow: column;
  gap: 20px;
}
.container7::before {
  display: none;
}
.container7::after {
  display: none;
}

.itc {
  position: relative;
  height: auto;
  background: green;
  border: 1px solid #f00;
}

.itc .mosaic-itemx__img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: calc(10vw - 17% + 126px);
}
.itc .mosaic-itemx__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item1 {
  grid-row: span 2;
}

.burger {
  font-size: var(--font-size);
  cursor: pointer;
  padding: 1em 0em;
}
.burger.showHitArea {
  border: 1px solid olive;
}
.burger > div {
  width: calc(3.5em + 0.6vw);
  height: 0.5em;
  border-radius: var(--borderRadius);
  background: var(--color1);
}
.burger > div::before, .burger > div::after {
  transition: font-size 0s;
  content: "";
  display: block;
  position: absolute;
  width: calc(3.5em + 0.6vw);
  height: 0.5em;
  background: var(--color1);
  border-radius: var(--borderRadius);
}
.burger > div::before {
  margin-top: -1.5em;
}
.burger > div::after {
  margin-top: 1.5em;
}

.burger2 > div {
  transition: background 0.4s, font-size 0s;
}
.burger2 > div::before, .burger2 > div::after {
  transition: font-size 0s;
  transform-origin: center center;
}
.burger2.toggled > div::before {
  animation: burg2top 0.4s linear forwards;
}
.burger2.toggled > div {
  background: transparent;
}
.burger2.toggled > div::after {
  animation: burg2bottom 0.4s linear forwards;
}
.burger2.unToggled > div::before {
  animation: burg2topReset 0.4s linear forwards;
}
.burger2.unToggled > div {
  background: var(--color1);
}
.burger2.unToggled > div::after {
  animation: burg2bottomReset 0.4s linear forwards;
}
@keyframes burg2top {
  20% {
    margin-top: 0em;
    transform: rotate(0deg);
  }
  60% {
    margin-top: 0em;
    transform: rotate(55deg);
  }
  100% {
    margin-top: 0em;
    transform: rotate(45deg);
  }
}
@keyframes burg2bottom {
  20% {
    margin-top: 0em;
    transform: rotate(0deg);
  }
  60% {
    margin-top: 0em;
    transform: rotate(-55deg);
  }
  100% {
    margin-top: 0em;
    transform: rotate(-45deg);
  }
}
@keyframes burg2topReset {
  0% {
    margin-top: 0em;
    transform: rotate(45deg);
  }
  20% {
    transform: rotate(0deg);
  }
  60% {
    margin-top: 1.7em;
    transform: rotate(0deg);
  }
  100% {
    margin-top: 1.1em;
    transform: rotate(0deg);
  }
}
@keyframes burg2bottomReset {
  0% {
    margin-top: 0em;
    transform: rotate(-45deg);
  }
  20% {
    transform: rotate(0deg);
  }
  60% {
    margin-top: -1.7em;
    transform: rotate(0deg);
  }
  100% {
    margin-top: -1.1em;
    transform: rotate(0deg);
  }
}

header .mobi {
  display: none;
}

.dop-topmenu {
  display: none;
}

@media (max-width: 1260px) {
  .header-menu ul li a {
    margin-right: 2rem;
  }
}
@media (max-width: 1080px) {
  header {
    height: 98px;
    position:fixed;
    z-index:1000;
    top:0;

  }
  main{
      margin-top: 120px; 
  }
  
  header .mobi {
    display: block;
  }
  .header-block .large {
    display: none;
  }
  .header-block {
    justify-content: space-between;
  }
  .header-logo {
    margin: 0;
    margin-bottom: 16px;
    display: block;
  }
  /*****/
}
@media (max-width: 1080px) and (max-width: 992px) {
  .header-logo {
    margin-bottom: 10.6666666667px;
  }
}
@media (max-width: 1080px) and (max-width: 768px) {
  .header-logo {
    margin-bottom: 10px;
  }
}
@media (max-width: 1080px) {
  .header-cart {
    flex: initial;
    margin: 0;
  }
}
@media (max-width: 1080px) {
  .block-logo {
    text-align: center;
  }
}
@media (max-width: 1080px) {
  .telf-mobi a {
    padding: 0 7px;
    color: var(--blue);
  }
}
@media (max-width: 1080px) and (max-width: 1600px) {
  .telf-mobi a {
    font-size: calc(12px + 26 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 1080px) and (min-width: 1600px) {
  .telf-mobi a {
    font-size: 36px;
  }
}
@media (max-width: 1080px) {
  .header-logo img {
    width: 55%;
  }
}
@media (max-width: 1080px) {
  .mobi-plus {
    background: #262626;
    padding: 0px 0;
    max-height: 0;
    transition: 0.3s all;
    overflow: auto;
    position: fixed;
    z-index: 1000;
    height: 90%;
    top:98px;
  }

  .mobi-plus.active {
    padding: 0px 0;
    max-height: 5000px;
    //min-height: 100vh;
    width: 100%;
  }
  .mobi-plus .dop-topmenu {
    display: block;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
  }
  .mobi-plus .dop-topmenu a {
    padding: 10px;
  }
  .mobi-plus .topmenu li,
  .mobi-plus .dop-topmenu li {
    width: 100%;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  }
  .mobi-plus .topmenu li:last-child,
  .mobi-plus .dop-topmenu li:last-child {
    border-bottom: 2px solid rgba(255, 255, 255, 0);
  }
  .mobi-plus .topmenu li a,
  .mobi-plus .dop-topmenu li a {
    color: #fff;
    background: transparent;
    font-weight: 300;
    position: relative;
  }
}
@media (max-width: 1080px) and (max-width: 1600px) {
  .mobi-plus .topmenu li a,
  .mobi-plus .dop-topmenu li a {
    font-size: calc(16px + 27 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 1080px) and (min-width: 1600px) {
  .mobi-plus .topmenu li a,
  .mobi-plus .dop-topmenu li a {
    font-size: 43px;
  }
}
@media (max-width: 1080px) {
  .mobi-plus .topmenu li a.m-active::after,
  .mobi-plus .dop-topmenu li a.m-active::after {
    transform: rotate(90deg);
  }
}
@media (max-width: 1080px) {
  .mobi-plus > ul {
    flex-direction: column;
    align-items: start;
    text-align: left;
  }
}
@media (max-width: 1080px) {
  .mobi-plus .submenu {
    background: transparent;
    transform: none;
    position: initial;
    visibility: visible;
    opacity: 1;
    border: none;
    padding: 0px 20px 0px 10px;
    overflow: hidden;
    max-height: 0;
    height: auto;
  }
  .mobi-plus .submenu.m-active {
    max-height: 1700px;
  }
  .mobi-plus .submenu a {
    border: none;
    font-weight: 300;
  }
}
@media (max-width: 1080px) and (max-width: 1600px) {
  .mobi-plus .submenu a {
    font-size: calc(16px + 27 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 1080px) and (min-width: 1600px) {
  .mobi-plus .submenu a {
    font-size: 43px;
  }
}
@media (max-width: 1080px) {
  .mobi-plus__ico {
    display: flex;
    align-items: center;
    padding-left: 11px;
  }
}
@media (max-width: 1080px) {
  .topmenu .active:after,
  .topmenu .submenu-link:after,
  .topmenu .sbm::after {
    right: 1.5rem;
  }
}
@media (max-width: 768px) {
    .mobi-plus{
    height: 100%;
        top: 80px;
  }
  .header-logo img {
    width: 80%;
    max-width: 226px;
  }
}
@media (max-width: 576px) {

  header {
    height: 85px;
  }
  main {
    margin-top: 100px;
  }
  .burger > div {
    width: calc(2.5em + 0.6vw);
    height: 0.3em;
  }
  .burger > div::before, .burger > div::after {
    width: calc(2.5em + 0.6vw);
    height: 0.3em;
  }
  .burger > div::before {
    margin-top: -1em;
  }
  .burger > div::after {
    margin-top: 1em;
  }
  @keyframes burg2topReset {
    0% {
      margin-top: 0em;
      transform: rotate(45deg);
    }
    20% {
      transform: rotate(0deg);
    }
    60% {
      margin-top: 1.1em;
      transform: rotate(0deg);
    }
    100% {
      margin-top: 0.8em;
      transform: rotate(0deg);
    }
  }
  @keyframes burg2bottomReset {
    0% {
      margin-top: 0em;
      transform: rotate(-45deg);
    }
    20% {
      transform: rotate(0deg);
    }
    60% {
      margin-top: -1.1em;
      transform: rotate(0deg);
    }
    100% {
      margin-top: -0.8em;
      transform: rotate(0deg);
    }
  }
}
@media (max-width: 384px) {
  .burger > div {
    width: calc(2.5em + 0.6vw);
    height: 0.3em;
  }
  .burger > div::before, .burger > div::after {
    width: calc(2.5em + 0.6vw);
    height: 0.3em;
  }
  header .mobi {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.mosaic {
  margin-bottom: 120px;
  display: flex;
  gap: 16px;
}
@media (max-width: 992px) {
  .mosaic {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .mosaic {
    margin-bottom: 40px;
  }
}
.mosaic .first {
  max-width: 100%;
  flex: 0 46%;
  background: #f3f2f2;
  box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
  //color: var(--black);
  min-width: 432px;
}
@media (max-width: 992px) {
  .mosaic .first {
    border-radius: 8px;
  }
}
@media (max-width: 768px) {
  .mosaic .first {
    border-radius: 3px;
  }
}
.mosaic .first a, .mosaic .first span {
  display: inline-flex;
  position: absolute;
  left: initial;
  bottom: initial;
  right: 48px;
  top: 48px;
}
.mosaic .first__af a, .mosaic .first__af span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.mosaic .first__af a:hover, .mosaic .first__af span:hover {
  background: var(--black);
}
.mosaic .first__af a img, .mosaic .first__af span img {
  display: block;
  padding-left: 2px;
}

.mosaic-item {
  position: relative;
  padding: 48px;
}
.mosaic-item__first_img {
  position: absolute;
  bottom: 0;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 52px);
}
.mosaic-item__first_img img {
  width: 100%;
}
.mosaic-item_a {
  display: inline-flex;
  position: absolute;
  left: 48px;
  bottom: 48px;
}
.mosaic-item_a a, .mosaic-item_a span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.mosaic-item_a a:hover, .mosaic-item_a span:hover {
  background: var(--black);
}
.mosaic-item_a a img, .mosaic-item_a span img {
  display: block;
  padding-left: 3px;
}
.mosaic-item__img {
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mosaic-item__img img {
  width: 100%;
}
.mosaic-item__title {
  font-weight: 500;
  line-height: 148.9%;
  margin-bottom: 8px;
  color:#000;
}
@media (max-width: 1600px) {
  .mosaic-item__title {
    font-size: calc(12px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .mosaic-item__title {
    font-size: 22px;
  }
}
.mosaic-item__text {
  line-height: 161.9%;
  max-width: 50%;
  color:#333;
}
@media (max-width: 1600px) {
  .mosaic-item__text {
    font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .mosaic-item__text {
    font-size: 16px;
  }
}

.mosaic-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 16px;
}
.mosaic-block .mosaic-item {
  background: #f3f2f2;
  box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  height: 330px;
  flex: 0 48%;
  overflow: hidden;
}
.compare.large img{
  width: 18px;
  height:19px;
}
@media (max-width: 992px) {
  .mosaic-block .mosaic-item {
    border-radius: 8px;
  }
}
@media (max-width: 768px) {
  .mosaic-block .mosaic-item {
    border-radius: 3px;
  }
}

.blok-o-nas {
    margin-bottom: 60px;
    font-weight: 400;
    line-height: 1.4;
}
@media (max-width: 992px) {
  .blok-o-nas {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .blok-o-nas {
    margin-bottom: 40px;
  }
}
@media (max-width: 1600px) {
  .blok-o-nas {
    font-size: calc(13px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .blok-o-nas {
    font-size: 16px;
  }
}
.blok-o-nas__937 {
  max-width: 937px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 992px) {
  .blok-o-nas__937 {
    margin-bottom: 66.6666666667px;
  }
}
@media (max-width: 768px) {
  .blok-o-nas__937 {
    margin-bottom: 30px;
  }
}
.blok-o-nas .blok-tel {
  display: flex;
  max-width: 600px;
  gap: 1rem;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 992px) {
  .blok-o-nas .blok-tel {
    margin-bottom: 66.6666666667px;
  }
}
@media (max-width: 768px) {
  .blok-o-nas .blok-tel {
    margin-bottom: 30px;
  }
}
.blok-o-nas a {
  line-height: 240%;
  border: 1px solid var(--blue);
  color: #333;
  border-radius: 5px;
  flex: 1;
}
@media (max-width: 1600px) {
  .blok-o-nas a {
    font-size: calc(12px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .blok-o-nas a {
    font-size: 17px;
  }
}
.blok-o-nas a:hover {
  color: #ccc;
  border-color: #ccc;
}

.advantage {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .advantage {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .advantage {
    margin-bottom: 40px;
  }
}

.adv-item {
  padding: 45px;
  text-align: center;
}
.adv-item .adv-item__img {
  margin-bottom: 32px;
  width: 51px;
  height: 51px;
  margin: 0 auto 30px;
}
.adv-item .adv-item__img img {
  width: 100%;
  height: 100%;
}
.adv-item .adv-item_title {
  margin-bottom: 2rem;
}
@media (max-width: 1600px) {
  .adv-item .adv-item_title {
    font-size: calc(14px + 11 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .adv-item .adv-item_title {
    font-size: 23px;
  }
}
.adv-item .adv-item_text {
  max-width:345px;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .adv-item .adv-item_text {
    font-size: calc(12px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .adv-item .adv-item_text {
    font-size: 15px;
  }
}

/**/
.b-n-img {
  position: relative;
  overflow: hidden;
  background: #000;
  border-radius: 19px;
  top: 0;
  bottom: 0;
  box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.2);
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .b-n-img {
    border-radius: 12.6666666667px;
  }
}
@media (max-width: 768px) {
  .b-n-img {
    border-radius: 3px;
  }
}
@media (max-width: 992px) {
  .b-n-img {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .b-n-img {
    margin-bottom: 40px;
  }
}
.b-n-img img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 360px;
  height: 45vw;
}
.b-n-img__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-n-img__text_1 {
  max-width: 500px;
  font-weight: 500;
  line-height: 148.9%;
  color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 1600px) {
  .b-n-img__text_1 {
    font-size: calc(12px + 19 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .b-n-img__text_1 {
    font-size: 29px;
  }
}
@media (max-width: 992px) {
  .b-n-img__text_1 {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .b-n-img__text_1 {
    margin-bottom: 8px;
  }
}
@media (max-width: 1600px) {
  .b-n-img .button-my {
    font-size: calc(10px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .b-n-img .button-my {
    font-size: 15px;
  }
}

.content .b-n-img img {
  height: 100%;
}

.max-w-1048 {
  max-width: 1048px !important;
  width: 100%;
  padding: 0 60px;
}

/***/
.slider-g {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .slider-g {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .slider-g {
    margin-bottom: 24px;
  }
}
.slider-g a {
  overflow: hidden;
  border-radius: 16px;
  display: block;
}
@media (max-width: 992px) {
  .slider-g a {
    border-radius: 13.3333333333px;
  }
}
@media (max-width: 768px) {
  .slider-g a {
    border-radius: 3px;
  }
}
.slider-g .sl-item img {
  width: 100%;
}
.slider-g .news-str-left,
.slider-g .news-str-right {
  width: 32px;
  height: 32px;
}
.slider-g .news-str-left img,
.slider-g .news-str-right img {
  width: 8px;
}
.slider-g .owl-nav .owl-next, .slider-g .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
}
.slider-g .owl-nav .owl-next {
  right: 50px;
}
.slider-g .owl-nav .owl-prev {
  left: 50px;
}

@media (max-width: 768px) {
  .slider-g .owl-nav .owl-next {
    right: 0px;
  }
  .slider-g .owl-nav .owl-prev {
    left: 0px;
  }
}

@media (max-width: 500px) {
  .slider-g .owl-nav .owl-next {
    right: -11px;
  }
  .slider-g .owl-nav .owl-prev {
    left: -11px;
  }
  .slider-g .news-str-left, .slider-g .news-str-right {
      width: 23px;
      height: 23px;
  }
}

/**search***/
.input-group-btn:last-child > .btn {
  /*background: var(--blue);*/
  border-radius: 7px;
 /* border-color: var(--blue);*/
  box-shadow: none;
  opacity:0.9;
}
.input-group-btn:last-child > .btn:hover {
  /*background: #f3f2f2;*/
  /*border-color: #f3f2f2;*/
   opacity:1;
}
.input-group-btn:last-child > .btn:focus {
  outline: none;
}

#search .input-group-btn:last-child > .btn {
  padding: 16.5px 35px;
}
#search .fa-search:before {
  font-size: 20px;
  opacity: 0.7;
}

.zz {
  position: relative;
  overflow: hidden;
  right: 0;
  width: 100%;
}

.search-modal {
  right: -100%;
  position: absolute;
  z-index: 10;
  top: 178px;
  background: #ffffff;
  box-shadow: 0px 11px 26px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  padding: 24px;
  max-width: 533px;
  transition: 0.3s all;
  display: none;
}
.search-modal.active {
  right: 1rem;
  display: initial;
}
.search-modal ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.search-modal ul a {
  padding: 11px 20px;
}
@media (max-width: 1600px) {
  .search-modal ul a {
    font-size: calc(11px + 3 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .search-modal ul a {
    font-size: 14px;
  }
}
.search-modal .input-group .form-control {
  width: 98%;
  border-radius: 7px;
}
@media (max-width: 1600px) {
  .search-modal .input-group .form-control {
    font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .search-modal .input-group .form-control {
    font-size: 18px;
  }
}
.search-modal .btn-lg {
  padding: 10px 35px;
}

.s-rch {
  margin-bottom: 24px;
}
.s-rch__title {
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 1rem;
}
@media (max-width: 1600px) {
  .s-rch__title {
    font-size: calc(14px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .s-rch__title {
    font-size: 24px;
  }
}

/*
.b-n-img{
    overflow: hidden;;
    background: #000;
    border-radius: 19px;
    box-shadow: 0px 5px 17px rgb(0 0 0 / 20%);
    @include mb(120,40);

    display: grid;
    grid-template-areas: "stack";
    place-items: center;
    img{
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    &__text_1{
        max-width:500px;
        min-height: 135px;
        font-weight: 500;
        @include font(29,10);
        line-height: 148.9%;
        color:#fff; 
        @include mb(40,8)
    }
    .button-my{
        @include font(15,10);
    }
}

.b-n-img > *{
    grid-area: stack;
}*/
@media (max-width: 1200px) {
  .mosaic-item__img {
    height: 223px;
    width: 61%;
  }
  .mosaic-item__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mosaic .first {
    min-width: 400px;
  }
  .mosaic-block .mosaic-item {
    height: 275px;
    padding: 10px 20px;
  }
}
@media (max-width: 1080px) {
  .slider-g {
    margin-top: 40px;
  }
  .search-modal.active {
    right: 0rem;
    display: block;
  }
  .search-modal {
    top: 121px;
    width: 100%;
    max-width: 100%;
    display: none;
  }
}
@media (max-width: 992px) {
  .mosaic .first {
    display: grid;
    padding: 15px 20px;
    flex: 1 274px;
    width: 100%;
    align-items: baseline;
    justify-content: end;
    flex-direction: column;
    padding-left: 52%;
    box-shadow: none;
  }
  .mosaic-item__first_img {
    width: 40%;
    left: 20px;
    top: 11px;
    transform: translateX(0);
    flex: 1;
    bottom: auto;
  }
  .mosaic-item__first_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mosaic .first__af a {
    width: 24px;
    height: 24px;
  }
  .mosaic {
    flex-direction: column;
  }
  .mosaic-block .mosaic-item {
    height: 277px;
    flex: 1 48%;
    box-shadow: none;
  }
  .mosaic-item__title {
    font-weight: 500;
    font-size: 25px;
    line-height: 148.9%;
    margin-bottom: 8px;
  }
  .mosaic-item__text {
    font-size: 19px;
    line-height: 161.9%;
    max-width: 50%;
  }
  .mosaic-item__img {
    height: 100%;
    /*width: 109px;*/
    width: 58%;
  }
  .mosaic-item_a {
    left: 20px;
    bottom: 15px;
  }
  .mosaic-item_a a {
    width: 24px;
    height: 24px;
  }
  .mosaic-item__text {
    max-width: 58%;
  }
  .first__af {
   // position: relative;
  }
  .mosaic .first a {
    right: initial;
    top: initial;
  }
  .cart {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 900px) {
  .mosaic-item__img {
    height: 82%;
    width: 48%;
  }
  .mosaic-item__first_img {
    width: 35%;
  }
}
@media (max-width: 900px) and (max-width: 1600px) {
  .mosaic-item__title {
    font-size: calc(12px + 28 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 900px) and (min-width: 1600px) {
  .mosaic-item__title {
    font-size: 40px;
  }
}
@media (max-width: 900px) {
  .mosaic-item__text {
    line-height: 130%;
  }
}
@media (max-width: 900px) and (max-width: 1600px) {
  .mosaic-item__text {
    font-size: calc(12px + 25 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 900px) and (min-width: 1600px) {
  .mosaic-item__text {
    font-size: 35px;
  }
}
@media (max-width: 900px) {
  .slider-g {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .button-my {
    padding: 7px 27px;
    font-weight: 400;
  }
  .mosaic,
  .mosaic-block {
    gap: 10px;
  }
  .advantage {
    grid-template-columns: 1fr 1fr;
  }
  .b-n-img__text_1 {
    max-width: 267px;
  }
  .mosaic .first {
    flex: 0 165px;
  }
  .mosaic-block .mosaic-item {
    height: 165px;
    flex: 1 48%;
  }
  .mosaic-item__text {
    line-height: 130%;
  }
  .mosaic-item__img {
    height: 25vw;
    width: 20vw;
  }
  .max-w-1048 {
    padding: 0 20px;
  }
}
@media (max-width: 576px) {
  .max-w-1048 {
    padding: 0 10px;
  }
  .adv-item {
    padding: 16px 48px;
  }
  .search-modal {
    top: 86px;
    padding: 16px 16px;
  }
  .search-modal .input-group .form-control {
    height: 37px;
  }
  .search-modal .btn-lg {
    padding: 5px 20px;
  }
  .search-modal ul a {
    padding: 7px 10px;
  }
}
@media (max-width: 500px) {
  .mosaic .first {
    flex: 1 138px;
    min-width: 270px;
    display: block;
    padding: 15px 15px 0;
  }
  .mosaic-item__first_img {
    position: static;
    display: block;
    margin: 0 25px 0 0;
  }
  .mosaic-item__first_img {
    width: 119px;
    height: 122px;
    float: left;
  }
  .first .mosaic-item__text {
    max-width: 100%;
    margin: 10px 0 10px;
  }
  .mosaic-item__text {
    max-width: 67%;
  }
  .mosaic .first a {
    position: static;
  }
  .mosaic .first span{
    top:initial;
    bottom: 18px;
  }
  .adv-item {
    padding: 16px;
  }
  .advantage {
    grid-template-columns: 1fr 1fr;
  }
  .adv-item .adv-item__img {
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
  }
  .button-my {
    padding: 5px 17px;
  }
}
@media (max-width: 410px) {
  .mosaic-item__text {
    line-height: 123%;
    max-width: 83%;
  }
  .adv-item .adv-item_title {
    margin-bottom: 1rem;
  }
  .mosaic .first {
    flex: 0 135px;
  }
  .mosaic-block .mosaic-item {
    height: 148px;
    flex: 1 48%;
  }
  .mosaic-item__text {
    line-height: 130%;
  }
  .mosaic-item__img {
    height: 25vw;
    width: 19vw;
  }
}
/***/
.karta {
  border-radius: 29px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .karta {
    border-radius: 19.3333333333px;
  }
}
@media (max-width: 768px) {
  .karta {
    border-radius: 3px;
  }
}

.catalog {
  display: grid;
  grid-template-columns: 281px 1fr;
 // grid-template-columns:  1fr; 
  gap: 30px;
  margin-bottom: 64px;
}

/*.catalog-2{
      margin: 0 0 40px 0;
    display: inline-block;
}*/

.catalog-2 {
    margin: 0 0 40px 0;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 40px;
}

.catalog-2 .item_cat {
  text-align: center;
  margin-bottom: 00px;
  min-height:300px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

.iteml{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 35px 0 10px;
     transition: 0.3s all;
     gap:20px;
}

.catalog-2 img{
   height:200px;
   margin: 0 auto;
   transition: 0.3s all;
}

.iteml:hover img{
  transform:scale(1.05);
  transition: 0.3s all;
}

.iteml:hover span {
  background: #333;
  transition: 0.3s all;
}

.iteml .block-c{
  margin: 0;
  padding: 0 10px;
  flex-wrap:wrap;
  justify-content: center;
}
.iteml .c-plate-item__title {
    font-size: 18px;
}
.iteml .first__af img{
  height:initial;
}

@media (max-width: 1200px) {

  .catalog-2 {
      grid-template-columns:repeat(3, 1fr);
      gap: 20px;
  }
    .catalog-2 .item_cat {
      margin-bottom: 15px;
      min-height: 240px;
    }
  .catalog-2 .item_cat img{
      /*width:80%;*/
  }

  .iteml .block-c{
    flex-direction:row;
  }
}
@media (max-width: 900px) {
  .catalog-2 {
      grid-template-columns:repeat(2, 1fr);
      gap: 20px;
  }
}
@media (max-width: 600px) {
  .iteml .c-plate-item__title {
      font-size: 15px;
      letter-spacing: -0.5px;
  }
  .iteml .block-c{
    gap:7px;
  } 
 .iteml .first__af span {
    width: 24px;height: 24px;
  }
}

@media (max-width: 567px) {
  .catalog-2 img{
    max-height:116px;
  }
  .catalog-2 .item_cat{
      padding:7px;
  }
  .iteml .block-c{
    gap:7px;
    flex-direction:column;
  } 
   .iteml .first__af span {
      flex-direction:column;
  }
  .catalog-2 .item_cat img {
    margin: 0 auto;
    width: auto;
  }
  .iteml{
    gap:0px;
    padding: 10px 0
  }
}


@media (max-width: 992px) {
  .catalog {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 768px) {
  .catalog {
    margin-bottom: 64px;
  }
}
/*************************/

.pkz_fi,.mobi-filtr-kn{
  display: none;
}
.mobi-filtr-kn{
     display: block;
    margin-bottom: 30px;
}

.filter.active{
   position: static;
    max-width: 98%;
    transition:0.3s all;
}
.catalog.active{
    grid-template-columns: 281px 1fr; //
}

.catalog.active .cat-block{
    grid-template-columns:repeat(3, 1fr);
}


.catalog {
  display: grid;
 
  grid-template-columns:  1fr; 
  gap: 30px;
  margin-bottom: 16px;
}

#name_filter{
  display: none;
}

/********************************/
@media (max-width: 992px) {
  .catalog {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 768px) {
  .catalog {
    margin-bottom: 64px;
  }
}


@media (max-width: 1200px) {
  .mobi-filtr-kn{
    display: block;
    margin-bottom: 30px;
  }
}

.filter-sort {
  margin-bottom: 40px;
}

.filter {
  max-width: 215px;
  position: absolute;
  left:-100%;
  transition:0.3s all;
  //display:none; 
}
.filter__title {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 20px;
}
.filter .f-but {
  width: 100%;
  margin-bottom: 8px;
  padding: 11px 16px;
  margin-bottom: 20px;
}
.filter .a-blue {
  margin-bottom: 15px;
  display: inline-block;
}

.filtr-params-hide {
  display: none;
}

.filtr-params-hide.active {
  display: block;
}

.cat-block {
  display: grid;
  //grid-template-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 30px;
}

.cat-block-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cat-item {
  max-width: 333px;
  padding: 56px 32px 32px;
  position: relative;
}
.cat-item .close-x {
  position: absolute;
  top: 16px;
  right: 16px;
  box-shadow: 0 0 15px #ccc;
  padding: 9px;
  border-radius: 5px;
  opacity: 0.6;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cat-item .installment {
  opacity: 0.6;
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .cat-item .installment {
    font-size: calc(11px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cat-item .installment {
    font-size: 15px;
  }
}
.cat-item__img {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 48px;
}

/** добавил */
@media (max-width: 1200px) {
  .cat-block{    grid-template-columns: 1fr 1fr 1fr;  }

/*  .filter.active {
    position: relative;
    max-width: 100%;
    transition: 0.3s all;
    left: 7px;
    z-index: 100;
    background: #fff;
    margin-bottom: 5px;
  }*/

/*  .filter.active{

    position: fixed;
    max-width: 100%;
    transition: 0.3s all;
    left: 0px;
    z-index: 100;
    background: #fff;
    margin-bottom: 5px;
    top: 0;
    width: calc(100% - 0px);
    padding: 20px;
    box-shadow: 0 0 15px #ccc;
  }
  .close-fi{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    padding: 8px 12px;
    box-shadow: 0 0 10px #ccc;
  }*/
}
@media (max-width:1080px) {
  .filter.active{
    position: fixed;
    max-width: 100%;
    transition: 0.3s all;
    left: 0px;
    z-index: 100;
    background: #fff;
    margin-bottom: 5px;
    top: 120px;
    width: calc(100% - 0px);
    padding: 20px;
    box-shadow: 0 0 15px #ccc;
    height: calc(100vh - 60px);
    overflow: auto;
  }
  .close-fi{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    padding: 8px 12px;
    box-shadow: 0 0 10px #ccc;
  }
}

@media (max-width: 576px) {
  .filter.active{
      top:85px;
  }
}

/***/

@media (max-width: 992px) {
  .cat-item__img {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .cat-item__img {
    margin-bottom: 24px;
  }
}
.cat-item__img img {
  width: 100%;
  height: 100%;
  max-height: 323px;
  -o-object-fit:  contain;
         object-fit: contain;
}
.cat-item__name {
  line-height: 125%;
  font-weight: 500;
  margin-bottom: 1rem;
  min-height: 40px;
}
@media (max-width: 1600px) {
  .cat-item__name {
    font-size: calc(14px + 4 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cat-item__name {
    font-size: 15px;
  }
}
.cat-item__price {
  line-height: 140%;
  font-weight: 500;
  margin-bottom: 1rem;
}
@media (max-width: 1600px) {
  .cat-item__price {
    font-size: calc(16px + 7 * ((100vw - 320px) / 1600));
  }
}

.cat-item__price{
  display: flex;
  flex-direction:column;
  line-height: 1.2;
  height:45px;
  justify-content:end;

}
.item-price-old{
  font-size: 19px;
  color:#777;
  order:-1;
}



@media (min-width: 1600px) {
  .cat-item__price {
    font-size: 23px;
  }
}

@media (max-width: 576px) {
  .podarok.podarok3{
    top:4rem !important;
  }
  .cat-item__price{
    line-height: 1;
    display: flex;
    flex-direction: column;
    min-height:35px;
  }
  .item-price-old{
    order:0;
      font-size: 15px;
      color: #777;
      display: block;
  }
}

.cat-item__knop {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 13px;
  line-height: 180%;
  margin-bottom: 1rem;
  justify-content:space-around;
}
.cat-item__knop i {
  width: 12px;
  height: 17px;
  /* border: 1px solid #ccc; */
  margin-right: 1rem;
  display: inline-block;
  background: url(../img/ico/vesy-b.svg) center no-repeat;
  background-size: 100%;
      filter: brightness(0.1);
}
.cat-item__knop button:last-child i {
  background: url(../img/ico/heart-b.svg) center no-repeat;
  background-size: 100%;
}
.cat-item__knop .no-button {
  flex: 1;
  text-align: left;
  border: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  background: transparent;
  transition: 0.3s all;

}
.cat-item__knop .no-button:hover {
  opacity: 0.6;
}
.cat-item__kard {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cat-item__kard .button-my {
  flex: 1;
  font-size: 13px;
  padding: 8px;
  width: 100%;
  text-align: center;
}
.cat-item .podarok {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #fff;
  box-shadow: -2.44553px 1.22277px 4.89107px rgba(0, 0, 0, 0.17);
  border-radius: 8.55937px;
}

.podarok::before{
    content: "+";
    color: var(--blue);
    position: absolute;
    left: 4px;
    top: -1px;

}

.podarok img {
  width: initial;
      width: 19px;
}

.podarok.podarok3{
    top: 6rem;
    background: var(--blue);
    color:#fff;
    height:35px;
    &::before{
      content:none;
    }
}


.pagination {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 30px 0 0 0;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  color: var(--black);
  border: none;
}

.pagination-line {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

.pagination-line .pg1 {
  flex: 1;
  text-align: center;
}

.pagination-line a {
  opacity: 0.8;
}

.pagination-line a, .pagination-line span {
  font-size: 15px;
}

.pagination-line span {
  opacity: 1;
  font-weight: 600;
  color: #000 !important;
}

.pagination-line .small {
  padding: 6px;
}

.pagination-line .pg1 ul {
  margin: 0;
}

.pg-first, .pg-last {
  display: none;
}

.pg-next, .pg-prev {
  font-size: 14px;
  background: var(--blue) center !important;
  color: #fff !important;
  border-radius: 50px;
  padding: 1.5px 7.5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 20px; */
  /* height: 20px; */
  display: inline-block;
  margin: -3px 10px 0 10px !important;
}

@media (max-width: 420px) {
  .pagination-line a, .pagination-line span {
    font-size: 12px;
  }
}
/*****************************/
.input_check {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.input_check span {
  line-height: 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;
}

.block-ins {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: url(../img/bkg1.jpg) center no-repeat;
  background-size: cover;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  color: #fff;
  gap: 5%;
  padding: calc(3.2vw + 20px) 40px;
  line-height: 175%;
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .block-ins {
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .block-ins {
    border-radius: 3px;
  }
}
@media (max-width: 992px) {
  .block-ins {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .block-ins {
    margin-bottom: 30px;
  }
}
.block-ins__text {
  text-align: center;
  max-width: 800px;
}
.block-ins ul {
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.block-ins ul li:nth-child(1)::before {
  content: none;
}
.block-ins ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue);
  display: inline-block;
  margin-right: 8px;
}

.item-ins {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.item-ins-title {
  line-height: 150%;
  font-weight: 700;
}
@media (max-width: 1600px) {
  .item-ins-title {
    font-size: calc(10px + 33 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .item-ins-title {
    font-size: 43px;
  }
}

.item-ins-tleft,
.item-ins-lozung {
  line-height: 120%;
  font-weight: 700;
  flex: 1;
}
@media (max-width: 1600px) {
  .item-ins-tleft,
  .item-ins-lozung {
    font-size: calc(10px + 15 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .item-ins-tleft,
  .item-ins-lozung {
    font-size: 25px;
  }
}

.item-ins-lozung {
  color: #2ebe93;
}

.item-ins-phone {
  line-height: 150%;
}
@media (max-width: 1600px) {
  .item-ins-phone {
    font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .item-ins-phone {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .block-ins {
    align-items: stretch;
  }
  .item-ins-lozung {
    flex: 1;
  }
  .item-ins {
    display: flex;
    flex-direction: column;
    gap: 2%;
  }
  .item-ins ul {
    flex-direction: column;
  }
  .item-ins ul li:nth-child(1)::before {
    content: "";
  }
}
@media (max-width: 992px) and (max-width: 1600px) {
  .item-ins ul li {
    font-size: calc(10px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 992px) and (min-width: 1600px) {
  .item-ins ul li {
    font-size: 18px;
  }
}
@media (max-width: 567px) {
  .block-ins {
    padding: calc(3.2vw + 23px) 12px;
  }
  .block-ins ul {
    gap: 0;
  }
  .block-ins__text {
    padding: calc(3.2vw + 0px) 40px;
  }
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--blue);
}

.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background: transparent;
  border: none;
}

.pagination > li {
  display: flex;
}

.pagination {
  width: 100%;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 30px 0 0 0;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  color: var(--black);
  border: none;
  padding: 6px 10px;
}

.str-1-left,
.str-1-right {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.str-1-left:hover,
.str-1-right:hover {
  background: var(--black);
}
.str-1-left img,
.str-1-right img {
  display: block;
  padding-left: 3px;
}

.str-1-left a {
  transform: rotate(180deg);
}

/*****catalogall*******/
.c-plate {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  justify-content: center;
  margin-bottom: 112px;
}
@media (max-width: 992px) {
  .c-plate {
    margin-bottom: 74.6666666667px;
  }
}
@media (max-width: 768px) {
  .c-plate {
    margin-bottom: 40px;
  }
}

.c-plate-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 328px;
  overflow: hidden;
  background: #f3f2f2;
  /* border-radius: 19px;*/
  border-radius: 19px;
  position: relative;
  overflow: hidden;
  transition: 0.3s all;
}
@media (max-width: 992px) {
  .c-plate-item {
    border-radius: 12.6666666667px;
  }
}
@media (max-width: 768px) {
  .c-plate-item {
    border-radius: 3px;
  }
}
.c-plate-item:hover {
  box-shadow: inset 0 0 54px #ddd;
}
.c-plate-item:hover .first__af span {
  background: #333;
}
.c-plate-item__title {
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .c-plate-item__title {
    font-size: calc(12px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .c-plate-item__title {
    font-size: 22px;
  }
}
.c-plate-item__img {
  position: absolute;
  /* top: 53px; */
  z-index: 0;
  bottom: -2%;    // меняем по картинкам вернуть
  width: 100%;
  text-align: center;
  //top:24%;  // меняем по картинкам убрать
}
.c-plate-item__img img {
  width: 100%;
  padding: 0 16px;
  max-width: 270px;
}

.block-c {
  display: flex;
  align-items: center;
  margin: 48px 0 24px;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.first__af a,
.first__af span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--blue);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 2px;
}

.bbr {
  font-size: 14px;
  line-height: 23px;
  background: #eee;
  background: #545353;
  width: 197px;
  position: absolute;
  right: 52px;
  top: -9px;
  padding: 5px 10px;
  font-style: normal;
  border-radius: 5px;
  box-shadow: 1px 1px 7px #21bf92;
  z-index: 110;
  color: #fff;
}



@media (max-width: 1200px) {
 

  .catalog {
    display: block;
  }
  .cat-block .cat-item {
    width: 100%;
    max-width: initial;
  }
  .cat-block-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .filter {
    position: absolute;
    left: -100%;
  }
  .block-c {
    flex-direction: column;
  }
  .c-plate-item {
    height: calc(35vw - 78px);
  }
  .block-c {
    margin-top: 20px;
  }
  .c-plate-item__img img {
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  .c-plate-item {
    height: calc(52vw - 78px);
  }
  .c-plate {
    grid-template-columns: repeat(2, 1fr);
  }
    .c-plate-item__title {
    font-size: calc(16px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (max-width: 567px) {
  .c-plate-item__title {  line-height: 1;}
  .cat-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog.active .cat-block {
    grid-template-columns: repeat(2, 1fr);
 }
 .first__af a, .first__af span{width:28px;height:28px;}
  .first__af a {
    width: 24px;
    height: 24px;
  }
  .block-c {
    gap: 5px;
    margin-top: 12px;
    margin-bottom: 10px;
  }
  .c-plate {
    gap: 8px;
  }


 
}
@media (max-width: 383px) {
  .c-plate-item {
    height: calc(60vw - 78px);
  }
}
.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 60px;
  gap: 60px;
}
@media (max-width: 992px) {
  .product {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .product {
    margin-bottom: 40px;
  }
}

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

.product-block-img {
  display: flex;
}

.product-img {
  margin-left: 6%;
  position: relative;
  display: flex;
  flex-direction: column;
  /* justify-content: end;*/
}
.product-img > a {
  margin-top: 70px;
  max-width: 400px;
}
.product-img > a img{
  max-width: 400px;
  width:100%;
}
.product-img .podarok {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1rem;
  right: -1rem;
  background: #fff;
  box-shadow: -2.44553px 1.22277px 4.89107px rgba(0, 0, 0, 0.17);
  border-radius: 8.55937px;
}

.product-img .podarok5{
    background: var(--blue);
    color: #fff;
    top: 6rem;
    //height: 30px;
    &::before{
      content:none;
    }
}

.product-img-plus {
  display: flex;
  flex-direction: column;
  gap: 20px 40px;
}
.product-img-plus a {
  max-width: 88px;
  display: inline-block;
}
.product-img-plus img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.s-tovarom .cat-item {
  margin: 10px;
}

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

.product-color {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 45px;
}
@media (max-width: 992px) {
  .product-color {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .product-color {
    margin-bottom: 40px;
  }
}
.product-color ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0rem;
}
.product-color li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 50%;
  border: 1.9553px solid transparent;
  transition: 0.3s all;
}
.product-color li:hover, .product-color li.active {
  border: 1.9553px solid #2ebe93;
  transition: 0.3s all;
}
.product-color a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.product-color .red {
  background: d;
}
.product-color .black {
  background: black;
}
.product-color .blue {
  background: ue;
}
.product-color .space.gray {  background: RGB(65, 66, 70);}
.product-color .gold {  background: rgb(253, 225, 9);}
.product-color .rose.gold {  background: #ede6e3;}
.product-color .silver {  background: rgb(202, 202, 200);}
.product-color .yellow {  background: RGB(239, 184, 43);}
.product-color .red {  background: RGB(200, 16,16);}
.product-color .coral {  background: RGB(193, 65, 43);}
.product-color .black {  background: RGB(28, 33, 41);}
.product-color .blue {  background: #5d87aa;}
.product-color .white {  background: #eee;}
.product-color .pink {  background: #fde6e2;}
.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 .desert{background:#fcf2e6;}
.product-color .teal{background:#b4d4d2;}
.product-color .ultramarine{background:#9eaff7;}
.product-color .sierra.blue {  background: #b3cde9;}
.product-color .natural.titanium{background:#dfdbd2;}
.natural.titanium{background:#b7b1a7; }
.blue.titanium{background:#5a5f6f;}
.black.titanium{background:#595856;}




.product-mb {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .product-mb {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .product-mb {
    margin-bottom: 30px;
  }
}
.product-mb ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.product-mb a {
  display: inline-block;
  padding: 5px 16px;
  border: 2px solid #d3d3d3;
  border-radius: 4px;
  transition: 0.3s all;
  font-weight: 400;
  font-size: 14.6647px;
  line-height: 161.9%;
  color: #333;
}
.product-mb a:hover, .product-mb a.active {
  border: 2px solid #30d5c8;
}

.product-price {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .product-price {
    margin-bottom: 21.3333333333px;
  }
}
@media (max-width: 768px) {
  .product-price {
    margin-bottom: 32px;
  }
}
.product-price .price {
  font-weight: 500;
  font-size: 30px;
  line-height: 150%;
}
.product-price .price-old {
  font-weight: 500;
  font-size: 19px;
  line-height: 150%;
  opacity: 0.5;
}

.product-but {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .product-but {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .product-but {
    margin-bottom: 30px;
  }
}
.product-but .button-my.b-bl {
  filter: drop-shadow(0px 6.07915px 20.6691px rgba(0, 0, 0, 0.1));
  font-size: 18px;
  padding: 14px 39px;
  color: #fff;
}
.product-but .button-my.b-bl:hover {
  color: #fff;
}

.product-block-option .product-check.cat-item__knop {
  gap: 20px;
  font-size: 18px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .product-block-option .product-check.cat-item__knop {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .product-block-option .product-check.cat-item__knop {
    margin-bottom: 30px;
  }
}
.product-block-option .product-check.cat-item__knop .no-button {
  flex: initial;
}

.product-usl {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

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

@media (max-width: 1024px) {
  .product {
    display: block;
  }
  .product-block-img {
    display: none;
  }
  .product-block-img-mobi {
    display: block;
    margin: 0 auto;
  }
  .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: flex;
  gap: 30px;
  justify-content: space-between;
}
@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(12px + 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(12px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .m-characteristic i {
    font-size: 20px;
  }
}

/***/
.tabs .nav:before,
nav:after {
  content: none;
}

.tabs .nav-tabs1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  overflow:auto;
}

.tabs .nav-item.active > .button-my.b-fi {
  background: var(--blue);
}

.tabs .nav-item > .button-my.b-fi {
  line-height: 120%;
}
@media (max-width: 1600px) {
  .tabs .nav-item > .button-my.b-fi {
    font-size: calc(12px + 19 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .tabs .nav-item > .button-my.b-fi {
    font-size: 28px;
  }
}

.tabs .nav a {
  text-align: center;
}

.news-str-left,
.news-str-right {
  width: 56px;
  height: 56px;
  background: var(--blue);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  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;
  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;
}

@media (max-width: 1350px) {
  .xxx {
    overflow: initial;
  }
  .news-str-left,
  .news-str-right {
    width: 32px;
    height: 32px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    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 {
    text-align: center;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
  .product-p {
    margin-bottom: 60px;
  }
  .tovar-sl-item__img {
  //  width: 100%;
    max-width: 376px;
  }
  .owl-carousel .owl-item img{
    width:initial;
    margin:0 auto;
        width: 100%;
       // max-width: 376px;
        touch-action: manipulation;
  }
  .tovar-sl-item__img img {
    width:initial;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .tovar-sl .owl-dots {
    display: flex;
    gap: 8px;
    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;
  }
}
@media (max-width: 768px) {
  .s-tovarom .owl-prev {
    top: -40px;
  }
  .s-tovarom .owl-next {
    top: -40px;
  }
  .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;
  }
  .podarok::before {
    font-size: 12px;
    left: 2px;
    top: -4px;
}
  .cat-item .podarok img {
    width: 14px;
  }
  .cart .cat-item__knop {
    flex-direction: column;
    align-items: flex-start;
  }
  .cat-item__kard {
    flex-direction: column;
    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: flex;
  }
  .s-tovarom .owl-prev {
    right: 18px;
  }
  .s-tovarom .owl-next {
    right: -9px;
  }
  .news-str-left,
  .news-str-right {
    width: 22px;
    height: 22px;
  }
}
.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: 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;
  }
}

.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%;
}
.part-1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .part-1 ul {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .part-1 ul {
    margin-bottom: 40px;
  }
}

@media (max-width: 1600px) {
  body {font-size: calc(12px + 3 * ((100vw - 320px) / 1600)); // не 7 a 5
   }
}
@media (min-width: 1600px) {
  .part-1 ul li{ font-size: 15px;}
}
 
  .part-1 ul li {
    padding: 5px 16px;
    //font-size:12px;
    background: #f3f2f2;
    margin: 10px 10px 8px 10px;
    height: 50px;
    overflow: auto;
    line-height: 1.2;
  }


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

.nov-but{
  display: flex;
  flex-wrap:wrap; 
  gap:15px;
  margin-left: -15px;
}

@media (max-width: 992px) {
  .cart-item-block .cat-item__img {
    padding: 0 15%;
  }
}
@media (max-width: 768px) {
  .s-compare .owl-nav {
    top: -48px;
  }
  .cat-item .close-x {
    padding: 10px;
  }
}
@media (max-width: 576px) {
  .s-compare .owl-nav {
    top: -50px;
  }
}
.form-group {
  display: flex;
  flex-direction: column;
}
.form-group label {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
}
@media (max-width: 1600px) {
  .form-group label {
    font-size: calc(11px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .form-group label {
    font-size: 21px;
  }
}
.form-group input {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
  padding: 10px 17px 10px;
  background: #f3f2f2;
  border-radius: 10px;
  border: none;
  filter: drop-shadow(0px 2.49436px 3.48081px rgba(0, 0, 0, 0.1));
}
#simple_login .form-group a{
      display: block;
    font-size: 85%;
    margin-top: 15px;
}

#product_contact-form .form-group input {
    margin-bottom: 0px;
    padding: 12px 17px;
}

@media (max-width: 1600px) {
  .form-group input {
    font-size: calc(11px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .form-group input {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .form-group input {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .form-group input {
    margin-bottom: 16px;
  }
}
@media (max-width: 992px) {
  .form-group input {
    padding: 14.6666666667px 11.3333333333px;
  }
}
@media (max-width: 768px) {
  .form-group input {
    padding: 10px 8px;
  }
}
@media (max-width: 992px) {
  .form-group input {
    border-radius: 6.6666666667px;
  }
}
@media (max-width: 768px) {
  .form-group input {
    border-radius: 4px;
  }
}
.form-group textarea {
  font-weight: 400;
  margin-bottom: 24px;
  line-height: 150%;
  padding: 22px 17px;
  border-radius: 10px;
  border: none;
  filter: drop-shadow(0px 2.49436px 3.48081px rgba(0, 0, 0, 0.1));
}
@media (max-width: 992px) {
  .form-group textarea {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .form-group textarea {
    margin-bottom: 16px;
  }
}
@media (max-width: 992px) {
  .form-group textarea {
    padding: 14.6666666667px 11.3333333333px;
  }
}
@media (max-width: 768px) {
  .form-group textarea {
    padding: 10px 8px;
  }
}
@media (max-width: 1600px) {
  .form-group textarea {
    font-size: calc(11px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .form-group textarea {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .form-group textarea {
    border-radius: 6.6666666667px;
  }
}
@media (max-width: 768px) {
  .form-group textarea {
    border-radius: 4px;
  }
}

.order h3 {
  font-weight: 500;
  line-height: 161.9%;
}
@media (max-width: 1600px) {
  .order h3 {
    font-size: calc(14px + 13 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .order h3 {
    font-size: 27px;
  }
}

.order-itog {
  margin-bottom: 32px;
}
.order-itog .klv {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
}
@media (max-width: 1600px) {
  .order-itog .klv {
    font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .order-itog .klv {
    font-size: 18px;
  }
}

.order-p {
  max-width: 587px;
  margin-bottom: 72px;
}
@media (max-width: 1600px) {
  .order-p {
    font-size: calc(11px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .order-p {
    font-size: 21px;
  }
}
@media (max-width: 992px) {
  .order-p {
    margin-bottom: 48px;
  }
}
@media (max-width: 768px) {
  .order-p {
    margin-bottom: 40px;
  }
}

.order-notat {
  margin-top: 24px;
  max-width: 755px;
  margin-bottom: 40px;
}
@media (max-width: 1600px) {
  .order-notat {
    font-size: calc(11px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .order-notat {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .order-notat {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 768px) {
  .order-notat {
    margin-bottom: 40px;
  }
}

.order-dst-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px 24px;
  max-width: 1000px;
  width: 100%;
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .order-dst-block {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .order-dst-block {
    margin-bottom: 40px;
  }
}

.order-a-bt,
.order-coment,
.order-opl {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .order-a-bt,
  .order-coment,
  .order-opl {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .order-a-bt,
  .order-coment,
  .order-opl {
    margin-bottom: 40px;
  }
}

.gr-fio {
  max-width: 500px;
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .gr-fio {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .gr-fio {
    margin-bottom: 40px;
  }
}

.page-cart-all {
  display: flex;
  gap: 0 10%;
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .page-cart-all {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .page-cart-all {
    margin-bottom: 40px;
  }
}
.page-cart-all form {
  flex: 1;
}

.page-cart {
  flex: 1;
}

.block-cart-top {
  padding: 25px 40px;
  display: flex;
  background: #f3f2f2;
  margin-bottom: 24px;
  border-radius: 12px;
}
@media (max-width: 1600px) {
  .block-cart-top {
    font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .block-cart-top {
    font-size: 16px;
  }
}
.block-cart-top .input_check {
  margin: 0;
}
.input_check {
  flex: 1;
}

.page-cart-item {
  padding: 25px 40px;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  display: flex;
  gap: 24px;
  margin-bottom: 8px;
}
.page-cart-item img {
  max-width: 78px;
}
.page-cart-item .input_check {
  flex: initial;
}

.cart-item-block {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cart-item-block__1 {
  flex: 1;
}
.cart-item-block__name {
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 8px;
}
@media (max-width: 1600px) {
  .cart-item-block__name {
    font-size: calc(14px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-block__name {
    font-size: 20px;
  }
}
.cart-item-block__color {
  font-weight: 400;
  line-height: 150%;
  opacity: 0.7;
  margin-bottom: 8px;
}
@media (max-width: 1600px) {
  .cart-item-block__color {
    font-size: calc(11px + 7 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-block__color {
    font-size: 18px;
  }
}
.cart-item-block__tap {
  display: flex;
  gap: 16px;
}
.cart-item-block__tap a {
  color: var(--blue);
  line-height: 1;
}
@media (max-width: 1600px) {
  .cart-item-block__tap a {
    font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-block__tap a {
    font-size: 16px;
  }
}
.cart-item-block__tap .del {
  color: var(--black);
  line-height: 1;
}
@media (max-width: 1600px) {
  .cart-item-block__tap .del {
    font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-block__tap .del {
    font-size: 16px;
  }
}

.product-block__quantity {
  margin-right: 1rem;
}

.quantity {
  display: flex;
  align-items: center;
}
.quantity .center {
  width: 50px;
  text-align: center;
  border: none;
  background: #f3f2f2;
  margin: 0 4px;
  border-radius: 6px;
  font-weight: 600;
}
@media (max-width: 1600px) {
  .quantity .center {
    font-size: calc(11px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .quantity .center {
    font-size: 17px;
  }
}
.quantity .minus,
.quantity .plus {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.quantity .minus img,
.quantity .plus img {
  width: 6px;
  margin: 0;
}
.cart-item-price {
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .cart-item-price {
    font-size: calc(14px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-price {
    font-size: 22px;
  }
}

.cart-item-price-old {
  font-weight: 500;
  line-height: 161.9%;
  opacity: 0.7;
}
@media (max-width: 1600px) {
  .cart-item-price-old {
    font-size: calc(11px + 3 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-item-price-old {
    font-size: 14px;
  }
}

.cart-detail {
  max-width: 328px;
  width: 100%;
  background: #f3f2f2;
  box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 8px;
  height: -moz-max-content;
  height: max-content;
}
.cart-detail__title,
.cart-detail .sum {
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 24px;
}
@media (max-width: 1600px) {
  .cart-detail__title,
  .cart-detail .sum {
    font-size: calc(14px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-detail__title,
  .cart-detail .sum {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .cart-detail__title,
  .cart-detail .sum {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .cart-detail__title,
  .cart-detail .sum {
    margin-bottom: 16px;
  }
}
.cart-detail .sum {
  margin-bottom: 16px;
  display: flex;
}
@media (max-width: 992px) {
  .cart-detail .sum {
    margin-bottom: 53.3333333333px;
  }
}
@media (max-width: 768px) {
  .cart-detail .sum {
    margin-bottom: 40px;
  }
}
.cart-detail .sum i {
  border-bottom: 1px solid #ccc;
  flex: 1;
}
.cart-detail ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 24px;
}
.cart-detail ul li {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  line-height: 150%;
  position: relative;
  z-index: 0;
}
@media (max-width: 1600px) {
  .cart-detail ul li {
    font-size: calc(11px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-detail ul li {
    font-size: 17px;
  }
}
.cart-detail ul li i {
  border-bottom: 1px solid #ccc;
  flex: 1;
}
.cart-detail ul li span {
  margin-top: 10px;
}
.cart-detail .button-my {
  width: 100%;
  text-align: center;
}

.cart-item-block-mobi {
  display: none;
}

.block-bott-kn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 35px 50px 0;
  gap: 30px;
  text-align: center;
}
.block-bott-kn a {
  max-width: 260px;
  width: 100%;
}

@media (max-width: 1280px) {
  .page-cart-all {
    gap: 0 7%;
  }
  .input_check {
    display: none;
  }
  .block-cart-top {
    display: none;
  }
  .page-cart-item {
    padding: 25px;
  }
}
@media (max-width: 1080px) {
  .page-cart-all {
    margin: 35px 0 35px 0;
    gap: 0 3%;
  }
  .page-cart-item img {
    max-width: 68px;
  }
}
@media (max-width: 992px) {
  .page-cart-all {
    flex-direction: column;
    align-items: flex-end;
  }
  .page-cart {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 680px) {
  .cart-item-pr,
  .cart-item-block__tap {
    display: none;
  }
  .cart-item-block-mobi {
    flex: 0 100%;
    display: block;
    display: flex;
  }
  .cart-item-block-mobi .cart-item-block__tap {
    flex: 1;
    display: flex;
    align-items: center;
  }
  .cart-item-block-mobi .cart-item-pr {
    display: block;
  }
  .page-cart-item {
    flex-wrap: wrap;
    gap: 0 16px;
  }
  .cart-item-block__name {
    min-width: 80px;
  }
  .cart-detail {
    max-width: 100%;
  }
}
@media (max-width: 567px) {
  .block-bott-kn {
    flex-direction: column;
    gap: 16px;
    margin: 0 0 30px 0;
  }
}
@media (max-width: 390px) {
  .product-block__quantity {
    margin: 10px 0;
  }
  .cart-item-block-mobi .cart-item-block__tap {
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    gap: 7px;
  }
}
main {
  min-height: 76vh;
}

.contact-item {
  margin-bottom: 53px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .contact-item {
    margin-bottom: 35.3333333333px;
  }
}
@media (max-width: 768px) {
  .contact-item {
    margin-bottom: 30px;
  }
}
.contact-item img {
  width: 48px;
  height: 48px;
  margin-right: 48px;
}

.ci-block {
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1600px) {
  .ci-block {
    font-size: calc(14px + 11 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .ci-block {
    font-size: 25px;
  }
}

/***/
.service-dst-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 24px;
  max-width: 1000px;
  width: 100%;
  margin-bottom: 60px;
}

.servise-form {
  margin-bottom: 100px;
}
.servise-form .form-group1 {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
.servise-form .form-group1 input {
  margin: 0 20px 0 0px;
}
.servise-form .form-group1 label {
  font-weight: 400;
  line-height: 175%;
  margin: 0;
}
@media (max-width: 1600px) {
  .servise-form .form-group1 label {
    font-size: calc(11px + 9 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .servise-form .form-group1 label {
    font-size: 20px;
  }
}
.servise-form .button-my {
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 1600px) {
  .servise-form .button-my {
    font-size: calc(12px + 10 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .servise-form .button-my {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .servise-form {
    margin-bottom: 66.6666666667px;
  }
}
@media (max-width: 768px) {
  .servise-form {
    margin-bottom: 40px;
  }
}

.servise-title {
  line-height: 160%;
  margin-bottom: 24px;
}
@media (max-width: 1600px) {
  .servise-title {
    font-size: calc(11px + 14 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .servise-title {
    font-size: 25px;
  }
}
@media (max-width: 992px) {
  .servise-title {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .servise-title {
    margin-bottom: 20px;
  }
}

@media (max-width: 992px) {
  .service-dst-block {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
footer {
  display: flex;
  background: #262626;
  color: #fff;
  padding: 40px 16px;
  letter-spacing: 0.1px;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
footer a {
  color: #fff;
  display: block;
  /*border-radius: 24px;*/
  border-radius: 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  footer a {
    border-radius: 16px;
  }
}
@media (max-width: 768px) {
  footer a {
    border-radius: 3px;
  }
}
@media (max-width: 1600px) {
  footer a {
    font-size: calc(13px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  footer a {
    font-size: 16px;
  }
}
footer a:hover {
  color: #30d5c8;
  background: #fff;
}
footer .footer-contact {
  
}
.a-p{
  margin-bottom: 15px;
  a{

  padding: 5px; 
   }
}
footer .copur {
  line-height: 205%;
  margin-bottom: 25px;
}
@media (max-width: 1600px) {
  footer .copur {
    font-size: calc(12px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  footer .copur {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  footer .copur {
    margin-bottom: 16.6666666667px;
  }
}
@media (max-width: 768px) {
  footer .copur {
    margin-bottom: 16px;
  }
}
footer .soc-text {
  line-height: 205%;
  margin-bottom: 16px;
}
@media (max-width: 1600px) {
  footer .soc-text {
    font-size: calc(10px + 6 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  footer .soc-text {
    font-size: 16px;
  }
}
footer .adres {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  line-height: 170%;
}
@media (max-width: 1600px) {
  footer .adres {
    font-size: calc(12px + 8 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  footer .adres {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  footer .adres {
    margin-bottom: 16.6666666667px;
  }
}
@media (max-width: 768px) {
  footer .adres {
    margin-bottom: 16px;
  }
}
footer .adres i {
  margin-right: 20px;
}
footer .phone {
  display: flex;
}
footer .phone .phone-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer .phone i {
  margin-right: 20px;
}
footer .footer-social {
  text-align: right;
}
footer .soc {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: end;
}

.soc .iconx {
  width: 40px;
  height: 40px;
}

/**cart-min**/
.cart-min-main {
  display: none;
  padding: 32px 24px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  max-width: 450px;
  margin: 10px;
  position: absolute;
  top: 165px;
  right: 0;
  width: 100%;
  background: #fff;
  border-radius: 16px;
  z-index: 100;
}
.cart-mion-itog:nth-child(1){
   font-size:16px;
} 
@media (max-width: 992px) {
  .cart-min-main {
    padding: 21.3333333333px 16px;
  }
}
@media (max-width: 768px) {
  .cart-min-main {
    padding: 16px 16px;
  }
}
@media (max-width: 992px) {
  .cart-min-main {
    border-radius: 10.6666666667px;
  }
}
@media (max-width: 768px) {
  .cart-min-main {
    border-radius: 5px;
  }
}

.cart-min-main.active {
  display: block;
      overflow: auto;
    max-height: 75vh;
}
.cart-min-main__item {
  border-radius: 5px;
  position: relative;
  text-align: left;
}
.cart-min-main__item i {
  font-style: normal;
}
.cart-min-main .close-mc,
.cart-min-main .close-x {
  position: absolute;
  right: 16px;
  box-shadow: 0 0 15px #ccc;
  padding: 14px;
  border-radius: 5px;
  opacity: 0.6;
  box-shadow: 1px 0 5px #888;
  height: 24px;
  width: 24px;
  top: 0px;
  border: none;
}
.cart-min-main .close-mc img,
.cart-min-main .close-x img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cart-min-main .close-x {
  top: 16px;
}
.cart-min-main__title {
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 24px;
}
.cart-min-main .button-my{
    max-width:220px;
    width:100%;
    margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .cart-min-main__title {
    font-size: calc(11px + 5 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-min-main__title {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .cart-min-main__title {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .cart-min-main__title {
    margin-bottom: 16px;
  }
}
.cart-min-main__sum {
  margin-top: 40px;
  text-align: right;
}

.cart-min-main-block {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  padding: 16px 16px;
  border-radius: 5px;
  margin-bottom: 16px;
  width: 100%;
  max-width: 500px;
  display: flex;
  gap: 24px;
}
@media (max-width: 992px) {
  .cart-min-main-block {
    padding: 10.6666666667px 10.6666666667px;
  }
}
@media (max-width: 768px) {
  .cart-min-main-block {
    padding: 16px 16px;
  }
}
@media (max-width: 992px) {
  .cart-min-main-block {
    border-radius: 3.3333333333px;
  }
}
@media (max-width: 768px) {
  .cart-min-main-block {
    border-radius: 5px;
  }
}
.cart-min-main-block__title img {
  height: 60px;
}
.cart-min-main-block__price {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  justify-content: space-between;
  margin-right: 12%;
}

.product-usl2{display: flex;flex-wrap:wrap; gap:40px 20px;}
.product-usl2 .usl-item{flex:0 calc(50% - 10px);text-align: center;}
.product-usl2 img{display: inline-block;margin-bottom: 17px;height:50px}
/*                    <img src="catalog/view/theme/apple_rostov_new/img/ico/p1.svg" alt="">*/
.product-usl2 .utxt{text-align: left;}

@media (max-width: 1600px) {
  .cart-min-main-block__price {
    font-size: calc(11px + 3 * ((100vw - 320px) / 1600));
  }
}
@media (min-width: 1600px) {
  .cart-min-main-block__price {
    font-size: 14px;
  }
}
.cart-min-main-block__price i {
  font-style: normal;
  margin-left: 10px;
}

.cart-mion-itog {
  margin-bottom: 8px;
}

@media (max-width: 1080px) {
  .cart-min-main {
    top: 116px;
  }
}
@media (max-width: 992px) {
  .soc .iconx {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 670px) {
  .soc-text {
    display: none;
  }
  footer .soc {
    gap: 8px;
  }
  .soc .iconx {
    width: 16px;
    height: 16px;
  }
  .footer-contact img {
    width: 10px;
  }
}
@media (max-width: 576px) {
  .product-usl2 img{height:38px}
  .cart-min-main {
    top: 80px;
  }
  footer {
    padding: 20px 16px;
  }
}
@media (max-width: 576px) {
  .cart-min-main-block__price {
    margin-right: 17%;
  }
}
.form-control {
  display: block;
  width: 100%;
  height: initial;
  padding: 15px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f3f2f2;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 7px;
  filter: drop-shadow(0px 2.49436px 3.48081px rgba(0, 0, 0, 0.1));
  margin-bottom: 16px;
  outline: none;
}
.form-control:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}
.owl-item .cat-item__img{
  text-align: center;
}

.left-soc{
    position: fixed;
    z-index: 100;
    bottom: 25px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    //display: none;
}

.left-soc .whc{
  //display: none;
}

.left-soc a{
    border-radius: 50%;
    overflow: hidden;

} 
.left-soc a img{
    width:100%;height:100%; max-width:36px;
    transition:0.3s all;
}
.left-soc a:hover{
      transform: scale(1.1);
}

.s-tovarom{
  overflow:hidden;
}

@media (max-width:768px) {
  .left-soc{display: flex;}
  .left-soc .whc{  display: block;}
}

@media (max-width:600px) {

  .s-tovarom .cat-item__img img{
    max-height:200px;
    margin:0 auto;
  }
}

.h1080{display: none;}
.close-fi{display: none;}
@media (max-width: 1080px) {
 .h1080{display: block;}
 .close-fi{display:block;}
}

.aj_blc.ajx_total_prod{
  display: none;
}
/***************SLIDER-gl****************************************/

.sl-item{position: relative;border-radius: 12px;  overflow: hidden;}
.sl-btn1,.sl-btn2,.sl-btn11,.sl-btn12,.sl-btn3,.sl-btn4{position: absolute;z-index:1;}
.sl-btn1{top:60%;left:50%;transform:translate(-50% ,-50%);}
.sl-btn2{top:60%;left:69%;transform:translate(-50% ,-50%);}
.sl-btn11{bottom: 10%;left: 15%;transform:translate(-50% ,-50%);}
.sl-btn12{bottom: 10%;left:35%;transform:translate(-50% ,-50%);}
.sl-btn3{top:52%;left:74%;transform:translate(-50% ,-50%);opacity:0.8;}
.sl-btn4{top:78%;left:74%;transform:translate(-50% ,-50%);opacity:0.8;}
.sl-btn3:hover,
.sl-btn4:hover{
  opacity:1;
}
.bt-s1 a{max-width: 220px;}

@media (max-width: 1200px) {
  .sl-btn1,.sl-btn2{width: 17%;}
  .sl-btn3,.sl-btn4{width: 12%;}
  .sl-btn11,.sl-btn12{width:23%; bottom:5%;}
  .sl-btn12{left:40%;}
}
@media (max-width: 576px) {
  .sl-item{border-radius: 4px;}
  .sl-btn1,.sl-btn2{width: 25%;}
  .sl-btn1{  transform:translate(-68% ,-50%);}
  .sl-btn2{  transform:translate(-32% ,-50%);}
  .sl-btn3,.sl-btn4{width: 19%;}
  .sl-btn3{top:54%;left:78%;transform:translate(-50% ,-50%);}
  .sl-btn4{top:81%;left:78%;transform:translate(-50% ,-50%);}
}
@media (max-width: 500px) {
  .sl-btn1,.sl-btn2{width: 34%;}
  .sl-btn1{top: 63%;left: 57%;transform:translate(-50% ,-50%);}
  .sl-btn2{top: 84%;left: 57%;transform:translate(-50% ,-50%);}
  .sl-btn11,.sl-btn12{width:32%;bottom: 1%;}
  .sl-btn11{left:22%;}
  .sl-btn12{left:58%;}
}




/***********************Новое О-НАС******************************************/
.content .fz1rem p {
  margin-bottom: 10px;
  line-height: 1.5;
}

.content .fz1rem li {
  line-height: 1.4;
}

.content .fz1rem li::before {
  content: none;
}

.fz1rem {
  font-size: 16px;
}
.fz1rem .decor {
  color: #333;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
}

.o-nas-df {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 88px;
}
.o-nas-df_block img {
  max-width: 594px;
  width: 100%;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.decor {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  margin-top: 4px;
  border-bottom: 3px solid #2fd5c9;
}

.o-nas-blockx1 {
  border-radius: 20px;
  background: #f6f6f6;
  padding: 48px 115px;
}
.o-nas-blockx1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}
.o-nas-blockx1 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
  margin-bottom: 60px;
}
.o-nas-blockx1 ul li span {
  background: #2fd5c9;
  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;
  width: 64px;
  height: 64px;
  position: relative;
}
.o-nas-blockx1 ul li span svg {
  width: 32px;
  height: 32px;
}
.o-nas-blockx1 ul li .o-nas-li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.hr {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

.mw789 {
  max-width: 789px;
}

.header-telf.fon-wh a {
  color: #2fd5c9;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}
.header-telf.fon-wh a:hover {
  color: #333;
}

.mobi-bl {
  display: none;
}

@media (max-width: 900px) {
  .o-nas-df {
    grid-template-columns: repeat(1, 1fr);
  }
  .large-bl {
    display: none;
  }
  .mobi-bl {
    display: block;
    text-align: center;
    margin-bottom: 48px;
  }
  .o-nas-blockx1 {
    padding: 48px;
  }
  .o-nas-prefot {
    text-align: center;
  }
  .o-nas-prefot p {
    text-align: left;
    margin-bottom: 0;
  }
}
@media (max-width: 659px) {
  .o-nas-blockx1 {
    background: transparent;
    padding: 0;
  }
  .o-nas-blockx1 ul li {
    -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-radius: 20px;
    background: #F6F6F6;
    padding: 25px;
    margin-bottom: 20px;
  }
}
/******************/
.bkg000 {
  border-radius: 20px;
  background: #262626;
  color: #fff;
}

.o-nas-df {
  position: relative;
}

.gp115 {
  gap: 11%;
  grid-template-columns: 53% 1fr;
  min-height: 778px;
}

.pos-no-mobi {
  position: absolute;
  right: 0;
  top: -48px;
}

.serv-df_block {
  max-width: 43%;
  padding: 48px 6%;
  border-radius: 20px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 48px;
}
.serv-df_block h4 {
  margin-bottom: 30px;
  text-align: center;
}
.serv-df_block .form-group {
  margin-bottom: 7px;
}
.serv-df_block .form-group1 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.serv-df_block .form-group input, .serv-df_block .form-group textarea {
  border-radius: 6px;
  border: 1px solid #D6D6D6;
  background: #FFF;
  padding: 10px 20px;
  margin-bottom: -3px;
  font-size: 16px;
}
.serv-df_block .form-group input:hover, .serv-df_block .form-group textarea:hover {
  border: 1px solid #2fd5c9;
}
.serv-df_block .form-group label {
  font-size: 16px;
}
.serv-df_block i {
  color: #2fd5c9;
}
.serv-df_block .button-my {
  width: 100%;
}

.o-nas-blockx2 {
  border-radius: 20px;
  padding: 41px 32px;
}
.o-nas-blockx2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}
.o-nas-blockx2 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-bottom: 0px;
}
.o-nas-blockx2 ul li span {
  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;
  width: 64px;
  height: 64px;
  position: relative;
}
.o-nas-blockx2 ul li .o-nas-li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.serv-img {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}
.serv-img img {
  width: 100%;
}

.form-group3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  margin-bottom: 15px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.form-group3 label {
  font-weight: 400;
  padding-left: 10px;
  font-size: 14px;
}

@media (max-width: 992px) {
  .gp115 {
    grid-template-columns: 1fr;
  }
  .pos-no-mobi {
    position: relative;
    max-width: 100%;
    right: 0;
    top: 0;
  }
  .serv-df_block .button-my {
    padding: 14px 17px;
  }
}
@media (max-width: 659px) {
  .serv-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 500px) {
  .o-nas-blockx2 ul li {
    -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;
  }
  .o-nas-blockx2 {
    border-radius: 20px;
    padding: 20px 30px;
  }
}
/***/
.garant-df {
  display: grid;
  grid-template-columns: 55% 1fr;
  gap: 10%;
  margin-bottom: 32px;
}
.garant-df .decor {
  color: #333;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
}
.garant-df .mb32 {
  margin-bottom: 32px !important;
}
.garant-df img {
  width: 100%;
  max-width: 542px;
}
.garant-df ul li {
  position: relative;
}
.garant-df ul li::before {
  content: "" !important;
  display: inline-block;
  height: 17px;
  width: 6px;
  background-image: url(../img/stright.svg);
  background-size: cover;
  margin: 0 17px 0 -26px;
  padding: 6px;
}

.onas-geo .g-img {
  display: inline-block;
  margin-right: 5px;
  width: initial;
}

@media (max-width: 992px) {
  .garant-df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 38px;
  }
  .garant-df_block-img {
    text-align: center;
  }
}
/***/
.o-nas-blockx1.bkg-no-o {
  background: transparent !important;
  padding: 30px;
}

.opl-dsk-block {
  border-radius: 20px;
  max-width: 442px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 38px;
  margin: 15px 0 38px;
}

.bkg-black {
  background: #333;
  color: #fff;
}

.p-block span {
  font-size: 24px;
}

.p-blue {
  color: #2FD5C9;
  font-family: Roboto;
  font-size: 14px;
}

.bkg-gray {
  background: #F2F2F2;
}

@media (max-width: 900px) {
  .o-nas-blockx1.bkg-no-o {
    padding: 0;
  }
  .fz1rem .decor {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .opl-dsk-block {
    padding: 22px;
    gap: 20px;
  }
  .o-nas-blockx1 ul li {
    gap: 22px;
  }
}

#total_sub_total{display: none;}

.catalog-bblok{
    background: url(../img/ibg.jpg) center no-repeat;
    background-size: cover;
    padding: 40px;
    border-radius: 10px;
}
.bblok4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    justify-content: space-between;
}
.catalog-bblok__h1{
  display: flex;
  gap: 7px;
  line-height:1;
  justify-content:center;
  margin-bottom: 30px;

}
.catalog-bblok__h1 img{
  height: 32px;
  margin-top:-4px;
}
.catalog-bblok__h1 p{
   font-weight: 300;
   font-size: 32px;
   color:#fff;
}

.bblok-item_img{
  height:50px;
}
.bblok-item__title{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #4cd964;
  margin-top: 15px;
}
.bblok-item__text{
font-weight: 400;
font-size: 15px;
 line-height: 1.2;
 color:#FFF;
 margin-top: 15px;
}

.whiteb{
    width: 100%;
    max-height: 427px;
    height: 23em;
    background: url(../img/whiteb1.jpg) top no-repeat;
    background-size: contain;
    display: block;
}    

@media (max-width: 850px) {
  .catalog-bblok__h1 p{font-size: 24px;}
  .bblok4{grid-template-columns: 1fr 1fr;}
  .whiteb{  height: 300px;}
}

@media (max-width: 768px) {
.whiteb{  
    background: url(../img/whiteb2.jpg) top no-repeat;
    max-height: 600px;
    height: 100vmin;
    width: 100%;
    background-size: contain;
}
}

@media (max-width: 500px) {


.bblok4{grid-template-columns: 1fr; gap:20px;}
.catalog-bblok__h1 p{font-size: 32px;}
.catalog-bblok__h1{text-align: center;}
.bblok-item__text, .catalog-bblok__h1 img{display: none;}
.bblok-item__title{margin:0px 0 15px;}
.bblok-item{display:flex; gap:15px }
.catalog-bblok{background: url(../img/ibg2.jpg) center no-repeat;background-size: cover;border-radius: 5px;}
}

.flw{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

    .h3-titl{
        font-size: 2rem;
        font-weight: 600;
        color: #30D5C8;
        line-height:  1.2;
    }
    .img-57  img{
      max-height:200px;
    }
    .dt-sl{
        background: rgba(0, 86, 110, 0.1);
        padding: 7px 10px;
        border-radius: 5px;
         font-size: 17px;
        color: #555;
        line-height:1.2;
     
    }
    .scidka-sl{
        padding: 5px 16px;
        background: var(--blue);
        color: #FFF;
        display: inline-block;
        margin-bottom: 0px;
        border-radius: 5px;
        font-size: 19px;
        max-width: 151px;
        text-align: center;
    }
    .tov-dn{
        margin-bottom: 32px;
        max-width:500px;
        padding:16px 24px;

    }
    .cat-item-block7{
    display: flex;
    gap: 30px;
    justify-content: space-evenly;
        .cat-item__img{margin-bottom: 0;}
        .cat-item__name {font-size: 18px;}
    }
    .cat-item-block7-r{
        display: flex;
        flex-direction: column;
        gap:9px;
        .cat-item__price{
            display: flex;gap: 10px;flex-direction: row;justify-content: flex-start;align-items: center;
        }
        .b59{order: 0;}

    }
   .cat-item-block7-r .cat-item__kard  .button-my{
    font-size: 16px;
    }
    .dfsb{
                display: flex;
                justify-content:space-between;
        gap:30px;
         margin-bottom: 26px;
    }
    @media(max-width:500px) {
        .h3-titl{font-size: 1.45rem;}
        .dt-sl{font-size: 15px;    padding: 5px 10px;}
        .scidka-sl{font-size: 16px;}
    }
    @media(max-width:370px) {
        .h3-titl{font-size: 1.2rem;}
        .dt-sl{font-size: 14px;}
        .scidka-sl{font-size: 15px;}
        .cat-item-block7-r .cat-item__price{ flex-direction: column;}
        .cat-item-block7-r .cat-item__price span{order:1}
    }