@charset "UTF-8";
/* zero style */
* {
  padding: 0;
  margin: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #081221;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

::-moz-selection {
  background-color: #EE472A;
  color: #fff;
}

::selection {
  background-color: #EE472A;
  color: #fff;
}


/* scroll site */
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: #EE472A;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* main style */
body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow-x: hidden;
}

input {
  caret-color: #EE472A;
}

input[type='submit'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.container {
  width: 100%;
  padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.containerNarrow {
  width: 100%;
  height: auto;
  padding-left: calc(30px + (284 - 30) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(30px + (284 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.buttonArrow {
  display: block;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;

}

.buttonArrow:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}
.delivery__banner input[type="submit"], .action_form input[type="submit"], .buttonArrow input[type="submit"],
.buttonArrow label {
  cursor: pointer;
}
.buttonArrow svg {
  margin-left: 12px;
  margin-bottom: 3px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.buttonArrow:hover svg {
  -webkit-animation: .3s footerArrow;
          animation: .3s footerArrow;
}
.buttonInput {
  background: #fff;
  border: 4px solid #081221;
  color: #081221;
  text-transform: uppercase;
  padding: 15px 30px;
  width: 100%;
  cursor: pointer;
}
.starrequired {
  color: #EE472A;
}
@-webkit-keyframes footerArrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes footerArrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.bx-d-none {display: none;}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.j-center {
  display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.j-beetw {
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.a-center {
  -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.strokeText {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: rgba(0, 0, 0, 0);
  text-transform: uppercase;
  font-weight: 800;
}

.horizontalScroll {
  margin-top: 70px;
  padding-left: calc(10px + (72 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(10px + (72 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.smallSlider {
  display: none;
}

.smallSlider img {
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
}

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

.horizontalScroll__box a {
  color: #081221;
}

.horizontalScroll__container {
  margin-top: 30px;
  width: calc(338px + (420 - 338) * ((100vw - 1500px) / (1920 - 1500)));
  height: auto;
  cursor: pointer;
}

.horizontalScroll__container:hover .horizontalScroll__hiddenWindow {
  opacity: 1;
}

.horizontalScroll__container img, .horizontalScroll__container .horizontalScroll__hiddenWindow {
  width: 100%;
  height: calc(430px + (500 - 430) * ((100vw - 768px) / (1920 - 768)));
  -o-object-fit: cover;
     object-fit: cover;
}

.horizontalScroll__container h4 {
  margin: 18px 0 13px;
}

.horizontalScroll__container svg {
  fill: #081221;
}

.horizontalScroll__container p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.horizontalScroll__container:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.horizontalScroll__hiddenWindow {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 24px 30px;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.horizontalScroll__hiddenWindow li, .horizontalScroll__hiddenWindow h4 {
  text-transform: none;
  color: #fff;
}

.banner {
  width: 100%;
  height: calc(500px + (600 - 500) * ((100vw - 320px) / (1920 - 320)));
  margin-top: calc(50px + (90 - 50) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 60px;
}

.banner form {
  width: calc(300px + (540 - 300) * ((100vw - 320px) / (1920 - 320)));
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner p, .banner h2 {
  position: relative;
  z-index: 2;
  text-align: center;
}

.banner p {
  font-size: 22px;
  color: #fff;
}

.banner h2 {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
  text-transform: uppercase;
}

.banner input[type='text'] {
  width: 100%;
  padding: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  z-index: 2;
  margin: 10px 0;
  font-size: 16px;
}

.banner .buttonArrow {
  width: 300px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.banner .buttonArrow svg {
  fill: #fff;
}

.banner .buttonArrow label {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner input[type='submit'] {
  width: 100%;
  height: 100%;
  background: #EE472A;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.banner input[type='submit']:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.banner__lines {
  height: 82%;
  width: calc(320px + (1100 - 320) * ((100vw - 320px) / (1920 - 320)));
  position: absolute;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
  z-index: -1;
}

.cbx {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cbx a {
  color: #fff;
  text-decoration: underline;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.cbx a:hover {
  color: #EE472A;
}

.cbx:hover span:first-child {
  border-color: #FAC62F;
}

.cbx span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.cbx span:last-child {
  padding-left: 8px;
  padding-top: 4px;
}

.cbx span:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #EE472A;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.inp-cbx {
  display: none;
}

.inp-cbx:checked + .cbx span:first-child {
  background: #fff;
  border-color: #FAC62F;
  -webkit-animation: wave 0.4s ease;
          animation: wave 0.4s ease;
}

.inp-cbx:checked + .cbx span:first-child:before {
  -webkit-transform: scale(3.5);
      -ms-transform: scale(3.5);
          transform: scale(3.5);
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

@-webkit-keyframes wave {
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

@keyframes wave {
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.cardDetail .horizontalScroll__container {
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  cursor: auto;
}

.cardDetail .horizontalScroll__container div {
  width: 100%;
}

.cardDetail .horizontalScroll__container:nth-child(2) img {
  padding-top: 50px;
}

.cardDetail .horizontalScroll__container:last-child img, .cardDetail .horizontalScroll__container:nth-last-child(2) img {
  -o-object-fit: contain;
     object-fit: contain;
}

.cardDetail a {
  width: 100%;
  height: 60px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.cardDetail a:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.cardDetail p, .cardDetail h4 {
  padding: 0 29px;
}

.cardDetail p {
  text-transform: none;
}

.cardDetail img {
  height: calc(250px + (350 - 250) * ((100vw - 320px) / (1920 - 320)));
}

.cardDetail svg {
  fill: #fff;
}

.bannerTitle {
  width: 100%;
  height: calc(200px + (280 - 200) * ((100vw - 768px) / (1920 - 768)));
  margin-top: calc(-70px + (-82 - -70) * ((100vw - 768px) / (1920 - 768)));
  padding: 42px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-align: center;
  position: relative;
  background: rgba(0, 0, 0, 0.6);
}

.bannerTitle h1 {
  font-size: calc(52px + (80 - 52) * ((100vw - 768px) / (1920 - 768)));
  line-height: calc(52px + (80 - 52) * ((100vw - 768px) / (1920 - 768)));
}

.bannerTitle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.bannerTitle ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
}

.bannerTitle svg {
  margin-right: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.bannerTitle li {
  margin-left: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
  margin-right: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.bannerTitle a {
  color: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.bannerTitle a:hover {
  color: #fff;
}

.titlePage {
  width: 100%;
  height: auto;
  padding: 0 10px;
  margin-top: calc(30px + (50 - 30) * ((100vw - 768px) / (1920 - 768)));
  margin-bottom: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320)));
  font-size: calc(28px + (36 - 28) * ((100vw - 768px) / (1920 - 768)));
  font-size: calc(34px + (44 - 34) * ((100vw - 768px) / (1920 - 768)));
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.titlePage:before {
  content: '';
  width: 230px;
  height: 4px;
  background: #EE472A;
  position: absolute;
  left: 50%;
  bottom: calc(-6px + (-16 - -6) * ((100vw - 320px) / (1920 - 320)));
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.shops {
  width: 100%;
  height: auto;
  margin-top: calc(0px + (90 - 0) * ((100vw - 768px) / (1920 - 768)));
}

.shops__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.shops__items a {
  width: calc(240px + (284 - 240) * ((100vw - 768px) / (1920 - 768)));
  height: calc(160px + (190 - 160) * ((100vw - 768px) / (1920 - 768)));
}

.shops__items a:not(:last-child) {
  margin-right: calc(14px + (30 - 14) * ((100vw - 768px) / (1920 - 768)));
}

.shops__items img {
  width: 100%;
  height: 100%;
}

.shops__itemsSlider {
  width: 100vw;
  height: 200px;
  display: none;
}

.shops__itemsSlider .swiper-paginationShop {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.shops__itemsSlider .swiper-pagination-bullet {
  width: 22px;
  height: 22px;
  background: none;
  opacity: 1;
}

.shops__itemsSlider .swiper-pagination-bullet:nth-child(3n+1) {
  border: 4px solid #EE472A;
}

.shops__itemsSlider .swiper-pagination-bullet:nth-child(3n+2) {
  border: 4px solid #86CB38;
}

.shops__itemsSlider .swiper-pagination-bullet:nth-child(3n+3) {
  border: 4px solid #5ECAF3;
}

.shops__itemsSlider .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n+1) {
  background: #EE472A;
}

.shops__itemsSlider .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n+2) {
  background: #86CB38;
}

.shops__itemsSlider .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n+3) {
  background: #5ECAF3;
}

.shops__itemsSlider .swiper-pagination-bullet:not(:last-of-type) {
  margin-right: 30px;
}

.shops__itemsSlider .swiper-slide {
  width: 233px !important;
  height: 160px;
}

.checkCircle {
  padding-left: 30px;
  font-size: 26px;
  line-height: 26px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkCircle span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.checkCircle span:before {
  content: '';
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: #86CB38;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.checkCircle input {
  display: none;
}

.checkCircle input:checked ~ span {
  border-color: #86CB38;
}

.checkCircle input:checked ~ span:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.bannerBread {
  margin-top: 0;
  height: auto;
  padding-top: calc(10px + (25 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: none;
}

.bannerBread li {
  color: #081221;
}

.bannerBread li a:hover {
  color: #081221;
}

/* main - background color class */
.color_01 {
  background: #fff;
}

.color_02 {
  background: #081221;
}

.color_03 {
  background: #B3B5B4;
}

.color_04 {
  background: #5ECAF3;
}

.color_05 {
  background: #EE472A;
}

.color_06 {
  background: #FAC62F;
}

.color_07 {
  background: #1E6737;
}

.color_08 {
  background: #86CB38;
}

.gradient_01 {
  background: -webkit-gradient(linear, left top, right top, from(#FA782F), to(#FAC62F));
  background: -o-linear-gradient(left, #FA782F 0%, #FAC62F 100%);
  background: linear-gradient(90deg, #FA782F 0%, #FAC62F 100%);
}

.gradient_02 {
  background: -webkit-gradient(linear, left top, right top, from(#0A8917), to(#86CB38));
  background: -o-linear-gradient(left, #0A8917 0%, #86CB38 100%);
  background: linear-gradient(90deg, #0A8917 0%, #86CB38 100%);
}

.gradient_03 {
  background: -webkit-gradient(linear, left top, right top, from(#B41B00), to(#EE472A));
  background: -o-linear-gradient(left, #B41B00 0%, #EE472A 100%);
  background: linear-gradient(90deg, #B41B00 0%, #EE472A 100%);
}

.gradient_04 {
  background: -webkit-gradient(linear, left top, right top, from(#2B73E0), to(#5ECAF3));
  background: -o-linear-gradient(left, #2B73E0 0%, #5ECAF3 100%);
  background: linear-gradient(90deg, #2B73E0 0%, #5ECAF3 100%);
}

.gradient_05 {
  background: -webkit-gradient(linear, left top, right top, from(#013F1A), to(#1E6737));
  background: -o-linear-gradient(left, #013F1A 0%, #1E6737 100%);
  background: linear-gradient(90deg, #013F1A 0%, #1E6737 100%);
}

.gradient_06 {
  background: -webkit-gradient(linear, left bottom, left top, from(#2B73E0), to(#5ECAF3));
  background: -o-linear-gradient(bottom, #2B73E0 0%, #5ECAF3 100%);
  background: linear-gradient(0deg, #2B73E0 0%, #5ECAF3 100%);
}
.gradient_07 {
  background: -webkit-gradient(linear, left bottom, left top, from(#2B73E0), to(#5ECAF3));
  background: -o-linear-gradient(bottom, #2B73E0 0%, #5ECAF3 100%);
  background: linear-gradient(90deg, #2B73E0 0%, #5ECAF3 100%);
}

/* sitemap */
.map__links .map__linksBox {
  background: #081221 !important;
}
.map__links:hover .map__linksBox.gradient_01 {
  background: -webkit-gradient(linear, left top, right top, from(#FA782F), to(#FAC62F)) !important;
  background: -o-linear-gradient(left, #FA782F 0%, #FAC62F 100%) !important;
  background: linear-gradient(90deg, #FA782F 0%, #FAC62F 100%) !important;
}

.map__links:hover .map__linksBox.gradient_02 {
  background: -webkit-gradient(linear, left top, right top, from(#0A8917), to(#86CB38)) !important;
  background: -o-linear-gradient(left, #0A8917 0%, #86CB38 100%) !important;
  background: linear-gradient(90deg, #0A8917 0%, #86CB38 100%) !important;
}

.map__links:hover .map__linksBox.gradient_03 {
  background: -webkit-gradient(linear, left top, right top, from(#B41B00), to(#EE472A)) !important;
  background: -o-linear-gradient(left, #B41B00 0%, #EE472A 100%) !important;
  background: linear-gradient(90deg, #B41B00 0%, #EE472A 100%) !important;
}

.map__links:hover .map__linksBox.gradient_04 {
  background: -webkit-gradient(linear, left top, right top, from(#2B73E0), to(#5ECAF3)) !important;
  background: -o-linear-gradient(left, #2B73E0 0%, #5ECAF3 100%) !important;
  background: linear-gradient(90deg, #2B73E0 0%, #5ECAF3 100%) !important;
}

.map__links:hover .map__linksBox.gradient_05 {
  background: -webkit-gradient(linear, left top, right top, from(#013F1A), to(#1E6737)) !important;
  background: -o-linear-gradient(left, #013F1A 0%, #1E6737 100%) !important;
  background: linear-gradient(90deg, #013F1A 0%, #1E6737 100%) !important;
}

.map__links:hover .map__linksBox.gradient_06 {
  background: -webkit-gradient(linear, left bottom, left top, from(#2B73E0), to(#5ECAF3)) !important;
  background: -o-linear-gradient(bottom, #2B73E0 0%, #5ECAF3 100%) !important;
  background: linear-gradient(0deg, #2B73E0 0%, #5ECAF3 100%) !important;
}
.map__links:hover .map__linksBox.gradient_07 {
  background: -webkit-gradient(linear, left bottom, left top, from(#2B73E0), to(#5ECAF3)) !important;
  background: -o-linear-gradient(bottom, #2B73E0 0%, #5ECAF3 100%) !important;
  background: linear-gradient(90deg, #2B73E0 0%, #5ECAF3 100%) !important;
}
.map__links .map__linksTitle {
    border-bottom: 1px solid #FAC62F;
    color: #FAC62F;
}
.map__links:hover .map__linksTitle {
    border-bottom: 1px solid #fff;
    color: #fff;
}
/* main - typography */
h1 {
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
}

h2 {
  font-size: 36px;
  line-height: 44px;
}

h3 {
  font-size: 32px;
  font-weight: 800;
  line-height: 32px;
  text-transform: uppercase;
}

h4 {
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  text-transform: uppercase;
}

/* header style */
header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: auto;
}
.header__basket-link {
  position: relative;
}
.basket-count.full {
  background: #86CB38;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  position: absolute;
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -2px;
  left: 15px;
  width: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.header__topMenu {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.header__topMenu a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-size: calc(13px + (16 - 13) * ((100vw - 1100px) / (1920 - 1100)));
}

.header__topMenu a:hover {
  color: #FAC62F;
}

.header__topMenu a:first-child {
  color: #FAC62F;
}

.header__topMenu a:first-child:hover {
  color: #fff;
}

.header__topMenu a:first-child:hover svg {
  fill: #fff;
}

.header__topMenu svg {
  margin-right: 8px;
  fill: #FAC62F;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__topMenuTablet {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  color: #B3B5B4;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.header__topMenuTablet a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.header__topMenuTablet svg {
  margin-right: 10px;
}

.header__topMenuTablet button {
  width: 260px;
  height: 36px;
  background: #FAC62F;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  padding: 0 2px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__topMenuTablet button:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.header__bottomMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(70px + (82 - 70) * ((100vw - 768px) / (1920 - 768)));
  position: relative;
}

.header__bottomMenu:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.header__bottomMenu nav {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.header__bottomMenu nav a {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  color: #081221;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-size: calc(10px + (16 - 10) * ((100vw - 768px) / (1920 - 768)));
  margin-left: calc(-6px + (15 - -6) * ((100vw - 768px) / (1920 - 768)));
  margin-right: calc(-6px + (15 - -6) * ((100vw - 768px) / (1920 - 768)));
}

.header__bottomMenu nav a:hover {
  color: #FAC62F;
}

.header__bottomMenu button {
  width: calc(100px + (300 - 100) * ((100vw - 768px) / (1920 - 768)));
  height: 50px;
  border: none;
  background: #FAC62F;
  text-transform: uppercase;
  color: #fff;
  font-size: calc(10px + (16 - 10) * ((100vw - 768px) / (1920 - 768)));
  margin: 0 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__bottomMenu button:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.header__bottomMenu button:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09), 0 2px 10px rgba(174, 155, 61, 0.65);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09), 0 2px 10px rgba(174, 155, 61, 0.65);
}

.header__logo {
  width: auto;
  height: 85%;
}

.header__logo .header__logoWhite {
  display: none;
}

.header__logo img {
  width: auto;
  height: 100%;
}

.header__burger {
  width: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
  height: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}

.header__burger span {
  width: 100%;
  height: calc(3.2px + (4 - 3.2) * ((100vw - 320px) / (1920 - 320)));
  background: #081221;
}

.header__burger:before {
  content: '';
  width: 100%;
  height: calc(3.2px + (4 - 3.2) * ((100vw - 320px) / (1920 - 320)));
  background: #081221;
  position: absolute;
  top: 0;
  left: 0;
}

.header__burger:after {
  content: '';
  width: 100%;
  height: calc(3.2px + (4 - 3.2) * ((100vw - 320px) / (1920 - 320)));
  background: #081221;
  position: absolute;
  bottom: 0;
  left: 0;
}

.header__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #081221;
  font-size: calc(10px + (16 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.header__phone p {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__phone svg {
  margin-right: 10px;
  fill: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__phone_wrapper p:last-child {
  color: #B3B5B4;
  font-size: calc(7px + (16 - 7) * ((100vw - 768px) / (1920 - 768)));
}

.header__phone:hover {
  color: #FAC62F;
}

.header__phone:hover svg {
  fill: #FAC62F;
}
.header__icons {
  position: relative;
}
.header__iconsPersonal {
  margin-left: calc(0px + (30 - 0) * ((100vw - 768px) / (1920 - 768)));
  margin-right: calc(0px + (30 - 0) * ((100vw - 768px) / (1920 - 768)));
}
.header__iconsPersonal.userIn {
  position: relative;
  top: -5px;
}
.header__icons a {
  cursor: pointer;
}

.header__icons a:hover svg {
  fill: #FAC62F;
}

.header__icons svg {
  fill: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__search {
  display:none;
  position: absolute;
  top: 70px;
  right: 0px;
  z-index: 11;
}
.header__search.open {
  display:block;
}

.leftMenu {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  visibility: hidden;
  opacity: 0;
}
.leftMenu__main_back {
  width: 100vw;
  height: 100vh;
  z-index: 20;
}
.leftMenu__logo {
  width: 104px;
  height: 68px;
  position: absolute;
  top: 57px;
  left: 177px;
}

.leftMenu__close {
  cursor: pointer;
  position: absolute;
  top: 85px;
  left: 90px;
}

.leftMenu__active {
  visibility: visible;
  opacity: 1;
}

.leftMenu__active .leftMenu__main {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.leftMenu__main {
  width: 560px;
  height: 100%;
  padding: 200px 90px 60px;
  background: #fff;
  overflow-y: auto;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  -webkit-transform: translateX(-102%);
      -ms-transform: translateX(-102%);
          transform: translateX(-102%);
}

.leftMenu__openDetail {
  margin-bottom: 30px;
  font-weight: 800;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.leftMenu__openDetail:hover {
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #081221;
}

.leftMenu__listLinks {
  padding-top: 30px;
}

.leftMenu__listLinks a {
  font-size: 14px;
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.leftMenu__listLinks a:hover {
  color: #EE472A;
}

.leftMenu__listLinks li:not(:last-child) {
  margin-bottom: 30px;
}

.leftMenu__detail {
  width: 561px;
  height: 100%;
  padding: 200px 50px 60px 177px;
  background: #fff;
  overflow-y: auto;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 23;
  -webkit-transform: translateX(-102%);
      -ms-transform: translateX(-102%);
          transform: translateX(-102%);
}

@-webkit-keyframes leftArrow {
  0% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
  }
  50% {
    -webkit-transform: translateX(-5px) rotate(180deg);
            transform: translateX(-5px) rotate(180deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
  }
}

@keyframes leftArrow {
  0% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
  }
  50% {
    -webkit-transform: translateX(-5px) rotate(180deg);
            transform: translateX(-5px) rotate(180deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
  }
}

.leftMenu__openItemsList, .leftMenu__itemsLite, .leftMenu__itemsBold, .leftMenu__openItemsListItem  {
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.leftMenu__openItemsListItem a {
color: #081221;
}
.leftMenu__openItemsList:hover, .leftMenu__itemsLite:hover, .leftMenu__itemsBold:hover, .leftMenu__openItemsListItem:hover a {
  color: #EE472A;
}

.leftMenu__detailOpen {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.leftMenu__items {
  width: 560px;
  height: 100%;
  padding: 200px 90px 60px;
  overflow-y: auto;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 21;
  border-left: 1px solid #B3B5B4;
  -webkit-transform: translateX(-102%);
      -ms-transform: translateX(-102%);
          transform: translateX(-102%);
}

.leftMenu__items .leftMenu__close, .leftMenu__items .leftMenu__logo {
  display: none;
}

.leftMenu__listOpen {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.leftMenu__listOpenFull {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.leftMenu__itemMenuClose,
.leftMenu__detailClose {
  margin-bottom: 60px;
  font-weight: 800;
  position: relative;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.leftMenu__itemMenuClose:hover,
.leftMenu__detailClose:hover {
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #081221;
}

.leftMenu__itemMenuClose:hover svg,
.leftMenu__detailClose:hover svg {
  -webkit-animation: .3s leftArrow;
          animation: .3s leftArrow;
}

.leftMenu__itemMenuClose svg,
.leftMenu__detailClose svg {
  fill: #081221;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  position: absolute;
  top: 13px;
  left: -90px;
  cursor: pointer;
}

.leftMenu__itemMenuClose svg {
  display: none;
}

.leftMenu__itemsLite {
  font-weight: 400;
}

.leftMenu__itemsLite:first-child {
  margin-top: 30px;
}

.leftMenu__itemsLite, .leftMenu__itemsBold {
  cursor: auto;
}

.leftMenu__itemsLite a, .leftMenu__itemsBold a {
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.leftMenu__itemsLite a:hover, .leftMenu__itemsBold a:hover {
  color: #EE472A;
}

.leftMenu__detailWrapper {
  display:none;
}
.leftMenu__detailWrapper.open {
  display:block;
}
.leftMenu__searchInput {
  display: none;
  position: absolute;
  top: 14px;
  left: 50%;
  -webkit-transform: translateX(-45%);
      -ms-transform: translateX(-45%);
          transform: translateX(-45%);
}

.leftMenu__searchInput input {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  background: #F5F5F5;
  border-radius: 20px;
  font-size: 16px;
  padding-right: 12px;
}

.leftMenu__searchInput span {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -9px;
}

.leftMenu__contacts {
  display: none;
  margin-top: 60px;
}

.leftMenu__contacts a {
  font-size: 24px;
  font-weight: 800;
  color: #081221;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.leftMenu__contacts svg {
  fill: #081221;
  width: 28px;
  height: 28px;
  margin-right: 12px;
}

.leftMenu__contacts p {
  font-size: 14px;
  margin: 14px 0 27px;
}

.leftMenu__contacts button {
  width: 292px;
  height: 50px;
  background: #081221;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}

.header__iconsPersonal .userIcon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 27px;
height: 27px;
padding: 4px 0 0;
border-radius: 15px;
background: #86CB38;
color: #fff;
text-transform: uppercase;
}
/*order*/
.loadDeliveryFile {
width: 100vw;
height: 100%;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
z-index: 300;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.loadDeliveryFile.open {
  opacity: 1;
  visibility: visible;
}
.loadDeliveryFileContent__back {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 301;
}
.loadDeliveryFileContent {
  position: absolute;
  background: #fff;
  width: 500px;
  left: 50%;
  margin-left: -250px;
  padding: 50px;
  max-height: 80vh;
  top: 100px;
  z-index: 302;
  overflow-x: auto;
}
.loadDeliveryFileClose {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.delivery_info_inner img {
  width:100% !important;
  height: auto !important;
}
.delivery_info_inner iframe {
  width:100% !important;
}
/* footer style */
footer {
  margin-top: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.footer__topMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: calc(25px + (32 - 25) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: calc(93px + (100 - 93) * ((100vw - 768px) / (1920 - 768)));
}

.footer__topMenu div {
  width: 25%;
}

.footer__topMenu div:nth-child(2), .footer__topMenu div:nth-child(3) {
  margin: 0 10px;
}

.footer__topMenu div:last-child p {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.footer__topMenu h4 {
  color: #fff;
  margin-bottom: 30px;
}

.footer__topMenu a {
  display: block;
  color: #B3B5B4;
  margin-bottom: 20px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.footer__topMenu a:hover {
  color: #fff;
}

.footer__topMenu input {
  width: 100%;
  height: auto;
  padding: 14px 12px;
  font-size: 16px;
  margin-bottom: 10px;
}

.footer__topMenu input[type="submit"] {
  margin-bottom: 0;
  height: 100%;
  border: none;
  background: #86CB38;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.footer__topMenu input[type="submit"]:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.footer__topMenu span {
  width: 100%;
  height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
  margin-top: 30px;
}

.footer__topMenu label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  cursor: pointer;
}

.footer__topMenu svg {
  fill: #fff;
}

.footer__topMenu div div {
  width: 100%;
}

.footer__bottomMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer__bottomMenu div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__bottomMenu img {
  margin: 0 5px;
}

.footer__bottomMenu a {
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.footer__bottomMenu a:hover {
  color: #fff;
}

.footer__link svg {
  width: 100%;
  height: 100%;
  fill: #fff;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.footer__link a {
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 50%;
}

.footer__link a:not(:last-child) {
  margin-right: 12px;
}

.footer__link a:hover {
  -webkit-animation: 1s footerPulse;
          animation: 1s footerPulse;
}

.footer__link a:hover svg {
  fill: #081221;
}

@-webkit-keyframes footerPulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes footerPulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.questions {
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.questions.activeQuest {
  opacity: 1;
  visibility: visible;
}

.questions .question__box {
  text-align: center;
  width: calc(300px + (1740 - 300) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: 30px;
  padding-top: calc(50px + (30 - 50) * ((100vw - 320px) / (1920 - 320)));
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#0A8917), to(#86CB38));
  background: -o-linear-gradient(top, #0A8917 0%, #86CB38 100%);
  background: linear-gradient(180deg, #0A8917 0%, #86CB38 100%);
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.questions .question__box img {
  width: 70%;
  height: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
  position: absolute;
  bottom: 0;
  left: 0;
}

.questions .question__box form {
  z-index: 5;
  width: calc(290px + (560 - 290) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}

.questions .question__box div {
  width: 270px;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.questions .question__box div p {
  z-index: 5;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.questions .question__box div p svg {
  fill: #fff;
  margin-left: 10px;
}

.questions .question__box div input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background: #EE472A;
}

.questions .question__box textarea {
  height: 180px;
  resize: none;
  margin-bottom: 10px;
}

.questions .question__box input {
  margin-bottom: 20px;
}

.questions .question__box input, .questions .question__box textarea {
  width: 100%;
  border-radius: 4px;
  padding: 19px 20px;
  font-size: 16px;
}

.questions .question__box input::-webkit-input-placeholder, .questions .question__box textarea::-webkit-input-placeholder {
  color: #B3B5B4;
}

.questions .question__box input::-moz-placeholder, .questions .question__box textarea::-moz-placeholder {
  color: #B3B5B4;
}

.questions .question__box input:-ms-input-placeholder, .questions .question__box textarea:-ms-input-placeholder {
  color: #B3B5B4;
}

.questions .question__box input::-ms-input-placeholder, .questions .question__box textarea::-ms-input-placeholder {
  color: #B3B5B4;
}

.questions .question__box input::placeholder, .questions .question__box textarea::placeholder {
  color: #B3B5B4;
}

.questions .closeQuest {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.questions h2 {
  color: #fff;
  font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 25px;
  font-weight: 800;
  z-index: 5;
}

.questions .cbx {
  font-size: 14px;
}

.questions .cbx a {
  color: #FAC62F;
}

.questions .cbx a:hover {
  color: #EE472A;
}
/* oneclick form */

.oneclick_order {
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.oneclick_order.activeOneClick {
    opacity: 1;
    visibility: visible;
}

.oneclick_order__box {
  text-align: center;
  width: 50%;
  padding-bottom: 30px;
  padding-top: calc(50px + (30 - 50) * ((100vw - 320px) / (1920 - 320)));
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background:#fff;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.oneclick_order input[type="text"] {
    width: 100%;
    height: 44px;
    background: #F2F2F2;
    box-sizing: border-box;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
    margin: 10px 0 15px;
}
.oneclick_order textarea{
    width: 100%;
    height: 90px;
    padding: 10px 0 0 10px;
    background: #F2F2F2;
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
    border: none;
}
.oneclick_order .form-input-block {margin: 10px 0 20px;}

.oneclick_order .close_form {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor:pointer;
}
.form-argee-block {
  margin: 10px 0 20px;
}
.form-argee-block .cbx {
  color: #081221;
}
.form-argee-block .cbx a {
  color: #081221;text-decoration:underline;
}
.oneclick_order input[type="submit"] {
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
  background: #86CB38;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}

/* slider in index page */
.slider {
  width: 100vw;
  height: calc(350px + (770 - 350) * ((100vw - 768px) / (1920 - 768)));
  position: relative;
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}

/* slider - dots */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  bottom: 49% !important;
  left: unset !important;
  right: -44% !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  width: 20px;
  height: 20px;
  margin-left: calc(10px + (15 - 10) * ((100vw - 768px) / (1920 - 768))) !important;
  margin-right: calc(10px + (15 - 10) * ((100vw - 768px) / (1920 - 768))) !important;
  opacity: 1;
  position: relative;
  background: none;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1) {
  border: 4px solid #EE472A;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1):before {
  background: #EE472A;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2) {
  border: 4px solid #FAC62F;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2):before {
  background: #FAC62F;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3) {
  border: 4px solid #86CB38;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3):before {
  background: #86CB38;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4) {
  border: 4px solid #5ECAF3;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4):before {
  background: #5ECAF3;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child):before {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(115%, -50%);
      -ms-transform: translate(115%, -50%);
          transform: translate(115%, -50%);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  margin-right: calc(140px + (350 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+1) {
  background: #EE472A;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+2) {
  background: #FAC62F;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+3) {
  background: #86CB38;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+4) {
  background: #5ECAF3;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: calc(120px + (290 - 120) * ((100vw - 768px) / (1920 - 768)));
}

/* slider - slide */
.swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  padding-left: calc(60px + (90 - 60) * ((100vw - 768px) / (1920 - 768)));
}

.swiper-slide .slider__title {
  font-size: calc(40px + (150 - 40) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(20px + (80 - 20) * ((100vw - 320px) / (1920 - 320)));
  -webkit-text-stroke-width: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320)));
  display: block;
  line-height: 1;
}

.swiper-slide p {
  font-size: calc(24px + (48 - 24) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(24px + (48 - 24) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
}

.swiper-slide img:nth-of-type(1) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 58%;
     object-position: 58%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.swiper-slide a {
  width: calc(200px + (220 - 200) * ((100vw - 320px) / (1920 - 320)));
  height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #081221;
}

.swiper-slide a svg {
  fill: #081221;
}

.swiper-slide label {
  display: block;
}

/* image slider */
.productCard__slider {
  width: 660px;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.productCard__slider .imgSliderSmall {
  width: 120px;
  height: 100%;
  overflow: hidden;
}

.productCard__slider .imgSliderSmall .swiper-slide {
  width: 120px;
  height: 120px;
}

.productCard__slider .imgSliderSmall .swiper-slide-thumb-active {
  border: 3px solid #86CB38;
}

.productCard__slider .imgSlider {
  width: 500px;
  height: 100%;
  overflow: hidden;
}

.productCard__slider .imgSliderSmall img, .productCard__slider .imgSlider img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}

.productCard__slider .swiper-button-next, .productCard__slider .swiper-button-prev {
  width: 32px;
  height: 32px;
  border: 2px solid #081221;
  border-radius: 50%;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.productCard__slider .swiper-button-next:after, .productCard__slider .swiper-button-prev:after {
  font-size: 15px;
  font-weight: 800;
  color: #081221;
}

.productCard__slider .swiper-button-next {
  left: 52px;
  bottom: -50px;
  top: unset;
}

.productCard__slider .swiper-button-next:after {
  padding-left: 3px;
}

.productCard__slider .swiper-button-prev {
  left: 52px;
  top: -30px;
}

.productCard__slider .swiper-button-prev:after {
  padding-right: 3px;
}

.cardDetail .cardDetail img {
  -webkit-filter: none;
          filter: none;
}

/* index page style */
.index__advertising {
  width: 100%;
  height: auto;
  margin-top: calc(10px + (40 - 10) * ((100vw - 768px) / (1920 - 768)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index__advertisingContainer {
  width: 50%;
  height: calc(384px + (770 - 384) * ((100vw - 768px) / (1920 - 768)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}

.index__advertisingContainer:hover .index__advertisingHover {
  opacity: 1;
}

.index__advertisingContainer img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

.index__advertisingContainer .buttonArrow {
  width: 270px;
  height: 60px;
  border: 4px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 30px;
  color: #fff;
  z-index: 2;
}

.index__advertisingContainer svg {
  fill: #fff;
}

.index__advertisingContainer .strokeText {
  font-size: calc(40px + (100 - 40) * ((100vw - 768px) / (1920 - 768)));
  line-height: calc(40px + (120 - 40) * ((100vw - 768px) / (1920 - 768)));
  z-index: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.index__advertisingHover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  padding-top: calc(25px + (88 - 25) * ((100vw - 768px) / (1920 - 768)));
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-size: calc(16px + (24 - 16) * ((100vw - 768px) / (1920 - 768)));
  z-index: 3;
}

.index__advertisingHover p {
  font-weight: 800;
  color: #FAC62F;
  margin-bottom: calc(10px + (30 - 10) * ((100vw - 768px) / (1920 - 768)));
}
.index__advertisingHover li {  margin-bottom: 10px;}
.index__advertisingHover li a{
  color: #fff;
}

.index__sports {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding-left: calc(10px + (72 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(10px + (72 - 10) * ((100vw - 768px) / (1920 - 768)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.index__sportsContainer {
  width: calc(243px + (570 - 243) * ((100vw - 768px) / (1920 - 768)));
  height: auto;
  position: relative;
}

.index__sportsContainer h4 {
  margin: 10px 0 20px;
  display: none;
  text-transform: none;
}

.index__sportsContainer .buttonArrow {
  width: calc(238px + (490 - 238) * ((100vw - 768px) / (1920 - 768)));
  height: 102px;
  padding-left: calc(14px + (40 - 14) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
  position: absolute;
  left: 0;
  bottom: -20px;
}

.index__sportsContainer .buttonArrow p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index__sportsContainer .buttonArrow p:first-child {
  font-weight: 800;
  color: #fff;
  font-size: 26px;
}

.index__sportsContainer .buttonArrow p:last-child {
  margin-top: 10px;
  color: #081221;
}

.index__sportsContainer svg {
  fill: #081221;
}

.index__sportsContainer img {
  width: 100%;
  height: calc(200px + (465 - 200) * ((100vw - 768px) / (1920 - 768)));
  -o-object-fit: cover;
     object-fit: cover;
}

.index__banner {
  width: 100%;
  height: auto;
}

.index__banner .banner__lines {
  z-index: 0;
  height: 90%;
}

.index__bikeBag,
.index__accessories {
  width: 100%;
  height: auto;
  padding-left: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
  padding-right: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
  margin-top: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.index__bikeBag svg,
.index__accessories svg {
  fill: #081221;
}

.index__bikeBag a,
.index__accessories a {
  width: 220px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 4px solid #081221;
  color: #081221;
}

.index__bikeBag h3,
.index__accessories h3 {
  margin-top: calc(20px + (55 - 20) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.index__bikeBag p,
.index__accessories p {
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-size: 24px;
}

.index__bikeBag .index__bikeBagImg,
.index__accessories .index__bikeBagImg {
  width: 100%;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
}

.index__bikeBag .index__bikeBagImg img,
.index__accessories .index__bikeBagImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.index__bikeBagBox1 {
  width: 65%;
}

.index__bikeBagBox1 .index__bikeBagImg {
  height: calc(564px + (820 - 564) * ((100vw - 768px) / (1920 - 768)));
  padding-top: calc(28px + (41 - 28) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: calc(28px + (41 - 28) * ((100vw - 768px) / (1920 - 768)));
  padding-left: calc(42px + (61 - 42) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(42px + (61 - 42) * ((100vw - 768px) / (1920 - 768)));
}

.index__bikeBagBox1 h3 {
  color: #FAC62F;
}

.index__bikeBagBox2 {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.index__bikeBagBox2 a {
  margin-bottom: calc(30px + (60 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.index__bikeBagBox2 .index__bikeBagImg {
  height: 640px;
  padding-top: calc(17px + (80 - 17) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: calc(17px + (80 - 17) * ((100vw - 768px) / (1920 - 768)));
}

.index__bikeBagBox2 h3 {
  color: #EE472A;
}

.index__accessoriesBigImg,
.index__accessoriesBox div {
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
}

.index__accessories {
  padding-left: calc(10px + (112 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.index__accessories img {
  width: 100%;
  height: auto;
}

.index__accessoriesBox {
  width: 32%;
}

.index__accessoriesBox div {
  padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.index__accessoriesBox h3 {
  color: #EE472A;
}

.index__accessoriesBigImg {
  width: 65%;
  padding: calc(10px + (38 - 10) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index__bannerSale {
  margin-top: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
  height: calc(452px + (470 - 452) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  padding-top: calc(80px + (60 - 80) * ((100vw - 320px) / (1920 - 320)));
}

.index__bannerSale img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.index__bannerSale .strokeText {
  font-size: calc(22px + (64 - 22) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(24px + (72 - 24) * ((100vw - 320px) / (1920 - 320)));
  color: rgba(0, 0, 0, 0);
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.index__bannerSale p {
  font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
  color: #fff;
}

.index__bannerSale svg {
  fill: #fff;
}

.index__bannerSale .buttonArrow {
  width: calc(290px + (300 - 290) * ((100vw - 320px) / (1920 - 320)));
  height: 60px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #86CB38;
  margin-top: 40px;
}

.index__backpack .horizontalScroll__container:nth-child(2) img {
  padding-top: 0;
  padding-bottom: 20px;
}

.index__backpack img {
  -o-object-fit: contain;
     object-fit: contain;
}

.index__backpack .horizontalScroll__container:last-child img, .index__backpack .cardDetail .horizontalScroll__container:nth-last-child(2) img {
  -o-object-fit: cover;
     object-fit: cover;
}

.index__backpack .cardDetail .swiper-slide:nth-child(3) img {
  padding-bottom: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.podbor_form__success {
  display: none;
  position: relative;
}
.podbor_form__success.active {
    display: block;
    position: relative;
    margin-top: calc(50px + (90 - 50) * ((100vw - 320px) / (1920 - 320)));
}
.podbor_form__success-content {
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
height: 388px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        font-size: 22px;
        line-height: 28px;
        color: #FFFFFF;
}
.podbor_form__success-title {
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 800;
  margin-bottom: 30px;
  margin-top: -70px;
}
.podbor_form__success-close {
   position: absolute;
   top: 35px;
   right: 50px;
   cursor: pointer;
}
.podbor_form-block.hiddenBlock {
  display: none !important;
}
/* about page style */
.aboutBannerTitle {
  margin-top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(350px + (770 - 350) * ((100vw - 768px) / (1920 - 768)));
}

.aboutBannerTitle p {
  font-size: calc(40px + (150 - 40) * ((100vw - 320px) / (1920 - 320)));
  color: #fff;
  font-weight: 800;
  margin-bottom: calc(20px + (150 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.aboutBannerTitle .strokeText {
  -webkit-text-stroke-width: calc(1px + (8 - 1) * ((100vw - 320px) / (1920 - 320)));
  -webkit-text-stroke-color: #fff;
  color: rgba(0, 0, 0, 0);
  font-size: calc(46px + (220 - 46) * ((100vw - 320px) / (1920 - 320)));
}

.aboutBannerTitle ul {
  position: absolute;
  top: 20px;
  left: calc(13px + (90 - 13) * ((100vw - 768px) / (1920 - 768)));
}

.about__title span {
  display: block;
}

.about__sliderProducts .horizontalScroll__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.about__sliderProducts .about__sliderProductsTitle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about__sliderProducts .smallSlider .swiper-slide h4 {
  top: 120px;
}

.about__sliderProducts .smallSlider .swiper-slide span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 270px;
  height: 50px;
  color: #fff;
  background: #081221;
  z-index: 2;
  position: absolute;
  top: 190px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.about__sliderProducts .smallSlider .swiper-slide span svg {
  fill: #fff;
}

.about__crazyImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: calc(40px + (90 - 40) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(40px + (90 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.about__crazyImages h3 {
  color: #fff;
}

.about__crazyImages img {
  -o-object-fit: cover;
     object-fit: cover;
}

.about__crazyImages .buttonArrow {
  width: 220px;
  height: 60px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 13px;
}

.about__crazyImages svg {
  fill: #fff;
}

.about__crazyImagesBig,
.about__crazyImagesSmall {
  width: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about__crazyImagesBig {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about__crazyImagesSmall {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.about__crazyImagesSmallItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.about__crazyImagesSmallItem a {
  background: #081221;
}

.about__crazyImagesSmallItem img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about__crazyImagesSmallItem:first-child {
  width: calc(359px + (500 - 359) * ((100vw - 768px) / (1920 - 768)));
  height: calc(430px + (510 - 430) * ((100vw - 768px) / (1920 - 768)));
  margin-right: calc(10px + (390 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.about__crazyImagesSmallItem:last-child {
  width: calc(359px + (618 - 359) * ((100vw - 768px) / (1920 - 768)));
  height: calc(430px + (560 - 430) * ((100vw - 768px) / (1920 - 768)));
  margin-top: calc(30px + (120 - 30) * ((100vw - 768px) / (1920 - 768)));
  margin-right: calc(10px + (0 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.about__crazyImagesBigItem {
  width: 100%;
  height: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.about__crazyImagesBigItem a {
  background: #EE472A;
}

.about__crazyImagesBigItem img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about__text {
  text-align: center;
  padding: 0 14px;
}

.about__text p {
  width: 100%;
  margin-bottom: 20px;
}

.about__text span {
  display: block;
}

.about__info .horizontalScroll__box .horizontalScroll__container div {
  padding-left: calc(10px + (40 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(10px + (40 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.about__info .smallSlider .horizontalScroll__container div {
  padding-left: 10px;
  padding-right: 10px;
}

.about__info .smallSlider .horizontalScroll__container div p:last-child {
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (768 - 320)));
  text-align: left;
}

.about__infoBtn {
  width: 290px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff !important;
  background: #1E6737;
  margin: 40px auto 0;
  padding: 0 !important;
}

.about__infoBtn svg {
  fill: #fff !important;
}

/* tabs */
.tabs > input[type="radio"] {
  display: none;
}

.tabs > .tabs__content div  {
  display: none;
}
.tabs > .tabs__content div div {
  display: block;
}
.tabs > .tabs__content div.accordion__panel {
  display: none;
}
.tabs__content {
  width: 100%;
  height: auto;
  position: relative;
}

#tab-btn-1:checked ~ .tabs__content #content-1,
#tab-btn-2:checked ~ .tabs__content #content-2,
#tab-btn-3:checked ~ .tabs__content #content-3,
#tab-btn-4:checked ~ .tabs__content #content-4,
#tab-btn-5:checked ~ .tabs__content #content-5,
#tab-btn-6:checked ~ .tabs__content #content-6 {
  display: block;
}

.tabs__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tabs__main input:checked + .tabs__label {
  color: #081221;
}

.tabs__main input:checked + .tabs__label svg {
  fill: #081221;
}

.tabs__main .tabs__label {
  padding-top: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
  cursor: pointer;
  color: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  text-transform: uppercase;
}

.tabs__main .tabs__label svg {
  fill: #B3B5B4;
}

.tabs__main .tabs__label:hover {
  color: #081221;
}

.tabs__main .tabs__label:hover svg {
  fill: #081221;
}

.tabs__main .tabs__content {
  padding-top: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.tabs__main .tabs__content:before {
  content: '';
  width: 100%;
  height: 10px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  position: absolute;
  top: 0;
  left: 0;
}

.tabs__main.howtobuy__tabs {
  -webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.tabs__main.howtobuy__tabs .tabs__content:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 1px;
  background: #B3B5B4;
}
.tabs__main.howtobuy__tabs .tabs__label {
  margin-right: 50px;
  position: relative;
}
.tabs__main.howtobuy__tabs .tabs__label:before {
  content: '';
  width: 1px;
  height: 22px;
  position: absolute;
  bottom: 20px;
  right: -25px;
  background: #B3B5B4;
}
.tabs__main.howtobuy__tabs .tabs__label.last-tabs__label:before {
  display:none;
}
/* selects */
.custom-select-wrapper {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 300px;
}

.custom-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.custom-select__trigger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 22px;
  color: #081221;
  background: #fff;
  cursor: pointer;
  height: calc(50px + (60 - 50) * ((100vw - 768px) / (1920 - 768)));
  border: 4px solid #081221;
}

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  border: 4px solid #B3B5B4;
  border-top: 0;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 300;
}

.custom-select.select__open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.custom-option {
  position: relative;
  display: block;
  padding: 13px 22px;
  color: #B3B5B4;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.custom-option:hover {
  cursor: pointer;
  background-color: rgba(144, 152, 169, 0.2);
}

.custom-option.selected {
  background-color: #B3B5B4;
  color: #fff;
}

.select__arrow {
  position: relative;
  height: 15px;
  width: 15px;
}

.select__arrow:before, .select__arrow:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0.15rem;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.select__arrow:before {
  left: 5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #081221;
}

.select__arrow:after {
  left: -5px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #081221;
}

.select__open .select__arrow:before {
  left: 5px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.select__open .select__arrow:after {
  left: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* accordion */
.accordion {
  width: 100%;
  cursor: pointer;
  padding-bottom: 10px;
  border: none;
  font-size: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: none;
  position: relative;
}

.accordion:not(:first-of-type) {
  margin-top: 30px;
}

.accordion:before {
  content: '';
  width: 100%;
  height: 2px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.accordion svg {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.accordion__panel {
  padding: 12px 0;
  display: none;
  overflow: hidden;
}

.accordion__active.accordion svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion__active.accordion__panel {
  display: block !important;
}
.delivery__accordion .accordion svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.delivery__accordion .accordion__active.accordion svg {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
/* 404 */
.fourHundredFour {
  width: 100vw;
  height: calc(100% + calc(70px + (82 - 70) * ((100vw - 768px) / (1920 - 768))));
  margin-top: calc(-70px + (-82 - -70) * ((100vw - 768px) / (1920 - 768)));
  padding-top: calc(52px + (262 - 52) * ((100vw - 768px) / (1920 - 768)));
  padding-left: calc(30px + (94 - 30) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: 80px;
  position: relative;
  background: url("/local/templates/covers/img/404.jpg") no-repeat top center;
  background-size: cover;
}

.fourHundredFour h1 {
  font-size: calc(52px + (80 - 52) * ((100vw - 768px) / (1920 - 768)));
  line-height: calc(62px + (90 - 62) * ((100vw - 768px) / (1920 - 768)));
}

.fourHundredFour div {
  width: 580px;
}

.fourHundredFour p {
  width: calc(700px + (550 - 700) * ((100vw - 768px) / (1920 - 768)));
  margin-top: calc(20px + (30 - 20) * ((100vw - 768px) / (1920 - 768)));
  margin-bottom: calc(30px + (39 - 30) * ((100vw - 768px) / (1920 - 768)));
  font-size: 24px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.09), 0px 2px 10px rgba(22, 115, 138, 0.65);
  color: #fff;
}

.fourHundredFour a {
  width: 290px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #081221;
  background: #fff;
}

.fourHundredFour svg {
  fill: #081221;
  margin-left: 10px;
}

/* contacts page style */
.contacts__delivery .horizontalScroll__box {
  display: grid;
  grid-template-columns: repeat(4, auto);
}

.contacts__delivery .horizontalScroll__container {
  width: calc(359px + (420 - 359) * ((100vw - 768px) / (1920 - 768)));
  width: calc(300px + (420 - 300) * ((100vw - 684px) / (1920 - 684)));
  height: calc(310px + (420 - 310) * ((100vw - 768px) / (1920 - 768)));
  position: relative;
  margin-top: 0;
  overflow: hidden;
  cursor: auto;
}

.contacts__delivery .horizontalScroll__container svg {
  height: calc(280px + (380 - 280) * ((100vw - 768px) / (1920 - 768)));
  left: calc(-20px + (0 - -20) * ((100vw - 768px) / (1920 - 768)));
  position: absolute;
  bottom: 0;
}

.contacts__delivery .horizontalScroll__container div {
  width: 100%;
  height: calc(190px + (300 - 190) * ((100vw - 768px) / (1920 - 768)));
  padding: 74px 43px;
}

.contacts__delivery .horizontalScroll__container p {
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}

.contacts__delivery .horizontalScroll__container p:last-child {
  font-weight: 800;
  color: #fff;
  font-size: 24px;
  margin-top: 20px;
}

.contacts__text {
  text-align: center;
  padding: 0 14px;
}

.contacts__text p {
  margin-bottom: 30px;
}

.contacts__text span {
  color: #EE472A;
}

.contacts__map {
  width: 100%;
  height: auto;
  padding: 30px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

.contacts__map div {
  position: relative;
}

.contacts__map:before {
  content: '';
  width: 50%;
  height: 100%;
  background: #86CB38;
  position: absolute;
  top: 0;
  right: 0;
}

.contacts__map img {
  width: 696px;
  height: 368px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
}

.contacts__mapBtn {
  width: 40px;
  height: 40px;
  border: none;
  z-index: 4;
  background: #FAC62F;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.contacts__mapBtn:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.contacts__mapBtn:hover {
  background: #EE472A;
}

.contacts__mapPopup {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0.7);
  z-index: 500;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.contacts__mapPopup div {
  position: relative;
}

.contacts__mapPopup .contacts__mapBtn {
  bottom: unset;
  top: 15px;
}

.contacts__mapPopup img {
  width: calc(300px + (1500 - 300) * ((100vw - 320px) / (1920 - 320)));
  height: auto;
}

.contacts__mapPopup.contacts__mapActive {
  opacity: 1;
  visibility: visible;
}

.contacts__mapPopup.activeAddress {
  opacity: 1;
  visibility: visible;
}

.contacts__tabs strong {
  display: block;
  margin-bottom: 30px;
}

.contacts__tabs .tabs__label {
  text-align: center;
}

.contacts__tabs .tabs__label:first-of-type {
  margin-left: calc(30px + (284 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.contacts__tabs .tabs__label:last-of-type {
  margin-right: calc(30px + (284 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.contacts__feedback {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: calc(40px + (90 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.contacts__feedback img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  bottom: calc(-50px + (-100 - -50) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  z-index: -1;
}

.contacts__feedbackBox {
  width: calc(1080px + (1420 - 1080) * ((100vw - 768px) / (1920 - 768)));
  height: auto;
  margin: 0 auto;
  background: #5ECAF3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: calc(58px + (82 - 58) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: calc(58px + (82 - 58) * ((100vw - 768px) / (1920 - 768)));
  padding-left: calc(30px + (82 - 30) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(30px + (82 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.contacts__feedbackBox h4 {
  color: #fff;
  margin-bottom: 50px;
}

.contacts__feedbackForm {
  width: 550px;
  height: auto;
}

.contacts__feedbackForm form {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contacts__feedbackForm form input, .contacts__feedbackForm form textarea {
  width: 100%;
  padding-top: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
  padding-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  padding-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  font-size: 14px;
  color: #fff;
  background: none;
  border: 1px solid #fff;
}

.contacts__feedbackForm form input::-webkit-input-placeholder, .contacts__feedbackForm form textarea::-webkit-input-placeholder {
  color: #fff;
}

.contacts__feedbackForm form input::-moz-placeholder, .contacts__feedbackForm form textarea::-moz-placeholder {
  color: #fff;
}

.contacts__feedbackForm form input:-ms-input-placeholder, .contacts__feedbackForm form textarea:-ms-input-placeholder {
  color: #fff;
}

.contacts__feedbackForm form input::-ms-input-placeholder, .contacts__feedbackForm form textarea::-ms-input-placeholder {
  color: #fff;
}

.contacts__feedbackForm form input::placeholder, .contacts__feedbackForm form textarea::placeholder {
  color: #fff;
}

.contacts__feedbackForm form label[for="contactName"],
.contacts__feedbackForm form label[for="contactMail"] {
  width: 49%;
}

.contacts__feedbackForm form label[for="contactText"], .contacts__feedbackForm form .cbx, .contacts__feedbackForm form .buttonArrow {
  width: 100%;
}

.contacts__feedbackForm form label[for="contactText"] {
  margin-top: 20px;
}

.contacts__feedbackForm form label[for="contactText"] textarea {
  height: 100%;
  resize: none;
}

.contacts__feedbackForm form label[for="contactText"] div {
  height: 270px;
  position: relative;
}

.contacts__feedbackForm form label[for="contactText"] svg {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.contacts__feedbackForm form .buttonArrow {
  height: 60px;
  margin-top: 30px;
  color: #fff;
  z-index: 2;
}

.contacts__feedbackForm form .buttonArrow input {
  height: 100%;
  background: #081221;
  border: none;
  cursor: pointer;
}

.contacts__feedbackForm form .buttonArrow label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.contacts__feedbackForm form svg {
  fill: #fff;
}

.contacts__feedbackForm form .cbx {
  margin-top: 10px;
  color: #081221;
}

.contacts__feedbackForm form .cbx a {
  color: #081221;
}

.contacts__feedbackForm form .cbx a:hover {
  color: #fff;
}

.contacts__feedbackInfo {
  width: 487px;
}

.contacts__feedbackInfo div {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contacts__feedbackInfo span:first-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 60px;
  height: 60px;
  border: 2px solid #081221;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 30px;
}

.contacts__feedbackInfo a {
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.contacts__feedbackInfo a:hover {
  color: #081221;
}

.contacts__feedbackInfo iframe {
  width: 100%;
  height: 225px;
}

#register-form label, .wrap_auth label, .pass_input {
  position: relative;
}
#register-form label .password_oko, .wrap_auth label .password_oko, .pass_input .password_oko {
  position: absolute;
  bottom: 13px;
  right: 15px;
  width: 27px;
  height: 20px;
  z-index: 1;
  background-image: url(/local/templates/covers/images/svg/oko.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.pass_input .password_oko {
bottom: 17px;
}
.auth_Form__wrapper form .pass_input input[type="password"],.mainRegisterForm .pass_input input[type="password"],
.chengePwdForm .pass_input input[type="password"] {
  width: 100%;
  font-size: 14px;
  padding: 15px 10px;
  background: #F2F2F2;
  border: none;
  min-width: 300px;
}
.forgotForm__wrapper .notetext {
  color:red;
}
/* delivery page style */
.delivery__accordion .accordion {
  width: 540px;
  font-size: 32px;
  font-weight: 800;
  text-align: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.delivery__accordion .accordion span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.delivery__accordion .accordion:before {
  display: none;
}

.delivery__accordion .accordion p {
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  color: #081221;
  margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.delivery__accordion .accordion svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.delivery__accordion .accordion:nth-of-type(3n + 1) {
  color: #FAC62F;
}

.delivery__accordion .accordion:nth-of-type(3n + 1) svg {
  fill: #FAC62F;
}

.delivery__accordion .accordion:nth-of-type(3n + 2) {
  color: #5ECAF3;
}

.delivery__accordion .accordion:nth-of-type(3n + 2) svg {
  fill: #5ECAF3;
}

.delivery__accordion .accordion:nth-of-type(3n + 3) {
  color: #86CB38;
}

.delivery__accordion .accordion:nth-of-type(3n + 3) svg {
  fill: #86CB38;
}

.delivery__accordion .accordion__panel {
  margin-bottom: calc(0px + (-48 - 0) * ((100vw - 320px) / (1920 - 320)));
  overflow: inherit;
  margin-top: 30px;
}

.delivery__accordion .accordion__panel .delivery__line {
  margin-bottom: 43px;
}

.delivery__accordion .accordion__panel .delivery__accordionItem {
  width: 950px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.delivery__accordion .accordion__panel .delivery__accordionItem:not(:last-child) {
  margin-bottom: 43px;
}

.delivery__accordion .accordion__panel div {
  display: block;
}

.delivery__line {
  width: 100%;
  height: 1px;
  display: block;
  background: #B3B5B4;
  margin-top: calc(43px + (91 - 43) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(43px + (91 - 43) * ((100vw - 320px) / (1920 - 320)));
}

.delivery__accordionItem svg {
  position: absolute;
  top: 0;
  left: -130px;
}

.delivery__accordionItemText h4 {
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}

.delivery__accordionItemText .delivery__accordionItemTextSmall {
  text-transform: none;
  margin-top: 10px;
}

.delivery__accordionItemText p {
  text-transform: uppercase;
}

.delivery__accordionItemPrice {
  width: 290px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: calc(170px + (130 - 170) * ((100vw - 768px) / (1920 - 768)));
  text-align: left;
}

.delivery__accordionItemPrice h4 {
  text-transform: none;
  margin-bottom: 10px;
}

.delivery__banner h2 {
  color: #fff;
  max-width: 1142px;
}

.delivery__banner input[type="submit"] {
  background: #FAC62F;
}

/* personal page style */
.reg_message.error {
  color:red;
  margin-bottom: 15px;
}
.reg_message.success {
  color:green;
  margin-bottom: 15px;
}
.contacts__mapPopup.personalPopupActive,
.contacts__mapPopup.registrationPopupActive {
  opacity: 1;
  visibility: visible;
}

.remember_user__check .cbx .cbx_text {
  color: #081221;
}

.personal__popup {
  background: #fff;
  margin: 10px;
  padding-top: calc(79px + (58 - 79) * ((100vw - 768px) / (1920 - 768)));
  padding-bottom: 118px;
  padding-left: calc(74px + (380 - 74) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(74px + (380 - 74) * ((100vw - 768px) / (1920 - 768)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow-y: auto;
  max-height: 90vh;
}

.personal__popup h2 {
  font-size: 40px;
  font-weight: 800;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.personal__popup label {
  font-size: 14px;
  display: block;
  margin-bottom: 30px;
}

.personal__popup label, .personal__popup .personal__popupOpenBtn, .personal__popup .personal__contract {
  width: 580px;
}

label.personalBDay {
  position: relative;
  }
label.personalBDay .calendar-icon {
  position: absolute;
  right: 10px;
  width: 17px;
  bottom: 11px;
}

.personal__inputStyle, #PERSONAL_BIRTHDAY {
  width: 100%;
  font-size: 14px;
  padding: 15px 20px;
  background: #F2F2F2;
  border: none;
}

.personal__inputStyle::-webkit-input-placeholder, #PERSONAL_BIRTHDAY::-webkit-input-placeholder {
  color: #B3B5B4;
}

.personal__inputStyle::-moz-placeholder, #PERSONAL_BIRTHDAY::-moz-placeholder {
  color: #B3B5B4;
}

.personal__inputStyle:-ms-input-placeholder, #PERSONAL_BIRTHDAY:-ms-input-placeholder {
  color: #B3B5B4;
}

.personal__inputStyle::-ms-input-placeholder, #PERSONAL_BIRTHDAY::-ms-input-placeholder {
  color: #B3B5B4;
}

.personal__inputStyle::placeholder, #PERSONAL_BIRTHDAY::placeholder {
  color: #B3B5B4;
}

.personal__popupExit {
  padding: 5px;
  cursor: pointer;
  position: absolute;
  top: calc(14px + (65 - 14) * ((100vw - 320px) / (1920 - 320)));
  right: calc(14px + (65 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.personal__popupExit:hover svg {
  fill: #EE472A;
}

.personal__popupExit svg {
  fill: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.personal__popupBtn {
  color: #B3B5B4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: absolute;
  top: 68px;
  left: 65px;
  font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768)));
}

.personal__popupBtn svg {
  fill: #B3B5B4;
}

.personal__popupBtn:hover {
  color: #EE472A;
}

.personal__popupBtn:hover svg {
  fill: #EE472A;
}
.auth_form-submit {margin-bottom: 20px;}
.form-group {margin-bottom: 20px;}
.personal__popupOpenBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.personal__popupOpenBtn.regBtn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.personal__popupOpenBtn.regBtn a:first-of-type {
  display: none;
}

.personal__popupOpenBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
  width: 48%;
}

.personal__popupOpenBtn a:first-of-type {
  text-transform: uppercase;
  position: relative;
  color: #081221;
}

.personal__popupOpenBtn a:first-of-type p {
  z-index: 3;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.personal__popupOpenBtn a:first-of-type:hover {
  color: #fff;
}

.personal__popupOpenBtn a:first-of-type:hover:before {
  height: 100%;
}

.personal__popupOpenBtn a:first-of-type:before {
  content: '';
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  width: 100%;
  height: 2px;
  background: #FAC62F;
  position: absolute;
  bottom: 0;
  left: 0;
}

.personal__popupOpenBtn svg {
  fill: #fff;
}

.personal__popupOpenBtn .buttonArrow {
  color: #fff;
  background: #EE472A;
}
.auth_form-submit__btn {
  display: block;
  border: none;
  height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
  width: 48%;
  cursor: pointer;
  font-size: 16px;
}
#register-form {
  max-width: 580px;
}
.personal__contract {
  margin: -20px 0 30px;
}

.personal__contract a {
  color: #081221;
  text-decoration: underline;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.personal__contract a:hover {
  color: #EE472A;
}

.personal__banner {
  margin-top: 0;
  height: 200px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: calc(0px + (15 - 0) * ((100vw - 320px) / (1920 - 320)));
}

.personal__banner img {
  -o-object-position: 66%;
     object-position: 66%;
}

.personal__banner .buttonArrow {
  position: absolute;
  top: 25px;
  left: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.personal__banner svg {
  fill: #fff;
  margin-left: 12px;
}

.personal__tabs .personal__tabItem .personal__tabItemFavoriteItemPreview,
.personal__tabs .personal__tabItem .personal__tabItemFavoriteItem,
.personal__tabs .personal__tabItem .personal__tabItemFavoriteItemBtn,
.personal__tabs .personal__tabItem .personal__orderItemRepeat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__tabs .personal__tabItem .basket__itemPrice .basket__salePrice {
  display: none;
}

.personal__tabs .personal__tabItem .basket__itemProduct .basket__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__tabs .personal__tabItem .basket__itemSize,
.personal__tabs .personal__tabItem .basket__itemColor,
.personal__tabs .personal__tabItem .basket__itemQuantity,
.personal__tabs .personal__tabItem .basket__itemSale,
.personal__tabs .personal__tabItem .basket__itemPrice,
.personal__tabs .personal__tabItem .basket__itemDelete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__tabs .personal__tabItem .basket__itemSize .basket__item,
.personal__tabs .personal__tabItem .basket__itemColor .basket__item,
.personal__tabs .personal__tabItem .basket__itemQuantity .basket__item,
.personal__tabs .personal__tabItem .basket__itemSale .basket__item,
.personal__tabs .personal__tabItem .basket__itemPrice .basket__item,
.personal__tabs .personal__tabItem .basket__itemDelete .basket__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__tabs .personal__tabItem .basket__itemSale {
  display: none;
}

.personal__tabs .personal__tabItem .basket__itemBox {
  display: grid;
}

.personal__tabs .personal__tabItem .orderBoxSecond {
  display: none;
}

.personal__tabs .personal__tabItem .personal__tabMainData, .personal__tabs .personal__tabItem .personal__tabChangePassword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.personal__tabs .personal__tabItem .personal__tabAddressDeliveryItem, .personal__tabs .personal__tabItem .personal__orderTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__tabs .personal__tabItem div {
  display: block;
}
.tabs > .tabs__content div div.personal__orderItemHead {
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
border-top: 1px solid #B3B5B4;
padding: 15px 0;
border-bottom: 1px solid #B3B5B4;
margin-top: 30px;
}
.tabs > .tabs__content div div.personal__orderItemHead .personal__orderItemHead-item div {
  display: inline-block;margin-left: 20px;
}
.personal__tabs .tabs__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

.personal__tabs .tabs__label p {
  line-height: 16px;
}

.personal__tabs .tabs__label svg {
  margin-right: 12px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.personal__tabItemFavorite h3 {
  color: #FAC62F;
}

.personal__tabItemFavoriteItem {
  width: 100%;
  height: auto;
  padding: 30px 0;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.personal__tabItemFavoriteItem button, .personal__tabItemFavoriteItem a.buttonArrow, .personal__tabItemFavoriteItem .personal__tabItemFavoriteItemAvailability {
  width: 290px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-transform: uppercase;
}

.personal__tabItemFavoriteItem button svg, .personal__tabItemFavoriteItem a.buttonArrow svg, .personal__tabItemFavoriteItem .personal__tabItemFavoriteItemAvailability svg {
  margin-left: 12px;
}

.personal__tabItemFavoriteItem .personal__tabItemFavoriteItemAvailability {
  border: 4px solid #86CB38;
  color: #86CB38;
  line-height: 16px;
}

.personal__tabItemFavoriteItem .personal__tabItemFavoriteItemAvailability.notProduct {
  color: #EE472A;
  border-color: #EE472A;
}

.personal__tabItemFavoriteItem button, .personal__tabItemFavoriteItem a.buttonArrow {
  border: none;
  background: #EE472A;
  font-size: 16px;
  color: #fff;
  margin: 0 calc(30px + (60 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.personal__tabItemFavoriteItem button svg, .personal__tabItemFavoriteItem a.buttonArrow svg {
  fill: #fff;
}

.personal__tabItemFavoriteItem:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.personal__tabItemFavoriteItemPrice {
  font-weight: 800;
  font-size: 18px;
  color: #EE472A;
  margin-top: 30px;
}

.personal__tabItemFavoriteItemPrice span {
  margin-right: 3px;
  color: #B3B5B4;
  text-decoration: line-through;
  font-weight: 400;
  font-size: 16px;
}

.personal__tabItemFavoriteItemPreview {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.personal__tabItemFavoriteItemPreview a {
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.personal__tabItemFavoriteItemPreview a:hover {
  color: #EE472A;
}

.personal__tabItemFavoriteItemPreview .personal__tabItemFavoriteItemArticle {
  color: #B3B5B4;
  margin-bottom: 10px;
}

.personal__tabItemFavoriteItemPreview img {
  width: 120px;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 2px;
  border: 1px solid #B3B5B4;
  margin-right: 30px;
}

.personal__tabItemFavoriteItemDelete {
  fill: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.personal__tabItemFavoriteItemDelete:hover {
  fill: #EE472A;
}

.personal__tabItemFavoriteItemBtn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.personal__tabItemFavoriteItemDeleteText {
  display: none;
  text-decoration: underline;
  font-size: 18px;
  margin: 12px 0;
}

.personal__tabMainData input[type="date"] {
  padding: 11px 20px;
}

.personal__tabMainData input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0.2;
}

.personal__tabMainData form, .personal__tabMainData_form{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.personal__tabMainData form label, .personal__tabMainData_form label {
  width: 49%;
}
.personal__tab.checkouttabMainData:not(:last-of-type):before {
  display:none;
}
.personal__tabMainData_form input.hasError {
  border: 1px solid #EE472A;
}
.personal__tabMainData h3 {
  color: #FAC62F;
}

.personal__tabMainData .cbx {
  color: #081221;
  margin-top: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__tabMainData .cbx a {
  color: #081221;
}

.personal__tabMainData .cbx a:hover {
  color: #EE472A;
}

.personal__tabMainData label {
  display: block;
  margin-top: 30px;
}

.personal__tabMainData .buttonArrow {
  color: #fff;
  width: 290px;
  height: 60px;
  position: relative;
  margin-top: 30px;
}

.personal__tabMainData .buttonArrow input {
  width: 100%;
  height: 100%;
  background: #EE472A;
  border: none;
  font-size: 16px;
  line-height: 22px;
  padding-right: 50px;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
}
#form_profile .buttonArrow svg {
  position: absolute;
  top: 50%;
  z-index: 111;
  right: 80px;
  margin-top: -10px;
}
.personal__tabMainData .buttonArrow label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}

.personal__tabMainData .buttonArrow svg {
  fill: #fff;
}

.personal__prompt {
  color: #B3B5B4;
  margin-top: 30px;
}

.personal__tab {
  position: relative;
  padding: 45px 0;
}

.personal__tab:first-of-type {
  padding-top: 0;
}

.personal__tab:not(:last-of-type):before {
  content: '';
  width: 120%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.personal__tabChangePassword h3 {
  color: #5ECAF3;
}

.personal__tabChangePassword label {
  display: block;
  margin-top: 30px;
  width: 49%;
}

.personal__tabChangePassword .buttonArrow {
  color: #081221;
  width: 290px;
  height: 60px;
  position: relative;
  margin-top: 30px;
}

.personal__tabChangePassword .buttonArrow input {
  width: 100%;
  height: 100%;
  background: none;
  border: 4px solid #081221;
}

.personal__tabChangePassword .buttonArrow label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}

.personal__tabChangePassword .buttonArrow svg {
  fill: #081221;
}

.personal__tabAddressDelivery h3 {
  color: #86CB38;
}

.personal__tabAddressDelivery .buttonArrow {
  color: #081221;
  width: 290px;
  height: 60px;
  position: relative;
  margin-top: 30px;
}

.personal__tabAddressDelivery .buttonArrow input {
  width: 100%;
  height: 100%;
  background: none;
  border: 4px solid #081221;
}

.personal__tabAddressDelivery .buttonArrow label {
  width: 67%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}

.personal__tabAddressDelivery .buttonArrow svg {
  fill: #081221;
}

.personal__tabAddressDeliveryItem {
  padding: 30px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

.personal__tabAddressDeliveryItem:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.personal__tabAddressDeliveryItemBtn {
  font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
  margin-left: 20px;
}

.personal__tabAddressDeliveryItemBtn p a {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.personal__tabAddressDeliveryItemBtn p a {
color: inherit;
}

.personal__tabAddressDeliveryItemBtn p:hover a{
  color: #EE472A;
}

.personal__tabAddressDeliveryItemBtn p:last-child {
  margin-top: 30px;
  color: #B3B5B4;
}
.personal__tabAddressDeliveryItemBtn p:last-child a {
  color: #B3B5B4;
}
.personal__tabAddressDeliveryItemBtn p:last-child a:hover {
  color: #EE472A;
}

.personal__tabEmailMailing .checkCircle {
  font-size: 26px;
}

.personal__tabEmailMailing h3 {
  color: #1E6737;
}

.personal__tabEmailMailing p {
  padding-left: 30px;
  margin-top: 15px;
}

.personal__tabEmailMailingItem {
  padding: 30px 0;
  position: relative;
}

.personal__tabEmailMailingItem:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}


.personal__tabEmailMailing form table p {
  padding-left: 0px;
}
.personal__tabEmailMailing form table input[name=confirm] {
    display: block;
    padding: 15px;
    background: #333;
    color: #fff;
    text-transform: uppercase;
    border: none;
    min-width: 300px;
    margin-top: 15px;
}
.personal__tabEmailMailing form table input[name=CONFIRM_CODE] {
    min-width: 300px;
    padding: 10px;
    margin-top: 15px;
}
.personal__orderTitle h2 {
  font-weight: 800;
  color: #B3B5B4;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.personal__orderTitle h2:hover {
  color: #EE472A;
}

.personal__orderTitle h2.personal__orderTitleActive {
  color: #FAC62F;
}

.personal__orderTitle h2.personal__orderTitleActive:hover {
  color: #EE472A;
}

.personal__orderTitle h2:first-child {
  margin-right: 60px;
}

.personal__orderItemRepeat {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
  position: relative;
  margin-bottom: 40px;
}

.personal__orderItemRepeat:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
}

.personal__orderItemRepeat:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.personal__orderItemRepeat button {
  width: 290px;
  height: 60px;
  color: #fff;
  border: none;
  background: #EE472A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}

.personal__orderItemRepeat svg {
  fill: #fff;
}

.personal__orderItemRepeat .checkCircle span {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.personal__orderItemProducts {
  grid-template-rows: auto;
  grid-template-columns: repeat(6, auto);
}

.personal__btnAll {
  width: 290px;
  height: 60px;
  background: #86CB38;
  border: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin: 0 auto;
}

.personal__btnAll:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.personal__btnAll:hover svg {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.personal__btnAll svg {
  margin-left: 10px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-bottom: 1px;
}

/* cooperation page style */
.cooperation__subtitle {
  font-size: 24px;
}

.cooperation__title {
  margin-top: 30px;
  margin-bottom: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
  text-transform: uppercase;
}

.cooperation__text li {
  margin-top: 10px;
  margin-left: 18px;
}

.cooperation__entrance {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: calc(28px + (56 - 28) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(50px + (118 - 50) * ((100vw - 320px) / (1920 - 320)));
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: calc(40px + (90 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.cooperation__entrance h2 {
  font-size: 40px;
  font-weight: 800;
  width: 100%;
  text-align: center;
}

.cooperation__entrance h4 {
  font-weight: 400;
  text-transform: none;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.cooperation__entrance img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .1;
}

.cooperation__forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(16px + (50 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.cooperation__forms form {
  width: 540px;
}
.opt_form_auth__alternative {
  min-width: 540px;
  margin-right: 80px;
  text-align: center;
}
.opt_auth__alternative-logout {
  font-weight: 600;
  color: #081221;
  font-size: 25px;
}
.cooperation__forms form#opt_auth_form {
  margin-right: 80px;
}

.cooperation__forms form#opt_auth_form .buttonArrow input {
  background: #86CB38;
}

.cooperation__forms form#opt_auth_form .cbx:hover span:first-child {
  border-color: #86CB38;
}

.cooperation__forms form#opt_auth_form .inp-cbx:checked + .cbx span:first-child {
  border-color: #86CB38;
}

.cooperation__forms form#opt_auth_form input {
  border: 1px solid #86CB38;
}

.cooperation__forms form#opt_registration_form input {
  border: 1px solid #5ECAF3;
}

.cooperation__forms form#opt_registration_form:hover span:first-child {
  border-color: #5ECAF3;
}

.cooperation__forms form#opt_registration_form .inp-cbx:checked + .cbx span:first-child {
  border-color: #5ECAF3;
}

.cooperation__forms form#opt_registration_form .buttonArrow input {
  background: #5ECAF3;
}

.cooperation__forms .buttonArrow {
  position: relative;
  margin-top: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.cooperation__forms .buttonArrow svg {
  fill: #fff;
}

.cooperation__forms .buttonArrow label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
}

.cooperation__forms label {
  width: 100%;
}

.cooperation__forms input {
  width: 100%;
  padding: 19px 20px;
  font-size: 16px;
}

.cooperation__forms input::-webkit-input-placeholder {
  color: #B3B5B4;
}

.cooperation__forms input::-moz-placeholder {
  color: #B3B5B4;
}

.cooperation__forms input:-ms-input-placeholder {
  color: #B3B5B4;
}

.cooperation__forms input::-ms-input-placeholder {
  color: #B3B5B4;
}

.cooperation__forms input::placeholder {
  color: #B3B5B4;
}

.cooperation__forms .cbx {
  color: #081221;
  margin-top: 10px;
}

.cooperation__forms .cbx a {
  color: #081221;
}

.cooperation__forms .cbx a:hover {
  color: #EE472A;
}

/* return page style */
.return__color08 {
  color: #86CB38;
}

.return__color06 {
  color: #FAC62F;
}

.return__blockText {
  padding-bottom: calc(50px + (90 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.return__blockText a {
  color: #5ECAF3;
  text-decoration: underline;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-weight: 800;
}

.return__blockText a:hover {
  color: #EE472A;
}

.return__blockText .delivery__line {
  margin: 0 0 40px;
}

.return__blockText p {
  margin-bottom: 10px;
}

.return__blockText .return__subtitle {
  font-size: 24px;
  line-height: 28px;
  margin: 30px 0;
}

.return__blockText .return__upper {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.offer-agreement-text h4, .policy-text h4 {
  font-weight: 500;
  margin: 20px 0;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #081221;
}
.titlePage.policy-title {
  font-size: 36px;
  line-height: 44px;
}
.return__blockText.offer-agreement-text, .return__blockText.policy-text {
  padding-bottom: 0px;
}
.return__requisites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.return__requisitesItem {
  width: 49%;
  height: 420px;
  position: relative;
  color: #fff;
  padding-top: calc(30px + (62 - 30) * ((100vw - 768px) / (1920 - 768)));
  padding-left: calc(14px + (250 - 14) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(14px + (50 - 14) * ((100vw - 768px) / (1920 - 768)));
}

.return__requisitesItem span {
  width: 100%;
  height: 85%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.return__requisitesItem svg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.return__requisitesItem h4 {
  margin-bottom: 30px;
}

.return__requisitesItem p:not(:last-of-type) {
  margin-bottom: 12px;
}
/* howtobuy */
.howtobuy__page-subtitle {
  font-size: 24px;
  line-height: 32px;
  color: #081221;
  margin-bottom: 20px;
}
.howtobuy__tabs {

}
.howtobuy__tab h3{
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  color: #FAC62F;
}
.howtobuy__tab h4{
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #081221;
  margin: 20px 0;
  font-weight: 500;
}
.howtobuy__tab p {
  margin-bottom: 15px;
}
/* articles page style */
.articles__container {
  margin-top: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
  display: grid;
  grid-template-columns: auto 1fr;
}

.article__menuContainer {
  padding-left: calc(14px + (90 - 14) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(14px + (90 - 14) * ((100vw - 768px) / (1920 - 768)));
}

.articles__content {
  padding-left: calc(14px + (50 - 14) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(14px + (90 - 14) * ((100vw - 768px) / (1920 - 768)));
}

.articles__menu {
  width: 402px;
  position: relative;
}

.articles__menu .accordion__panel:not(:first-of-type) {
  margin-top: 20px;
}

.articles__menuTitle {
  font-size: calc(24px + (26 - 24) * ((100vw - 320px) / (1920 - 320)));
  margin-top: 50px;
  font-weight: 800;
  text-transform: uppercase;
}

.articles__menuSubtitle {
  font-size: 16px;
  font-weight: 800;
}

.articles__menuSubtitle:not(:first-of-type) {
  margin-top: 30px;
}

.articles__menuSubtitle:before {
  display: none;
}

.articles__menuSubtitlePanel {
  position: relative;
}

.articles__menuSubtitlePanel a {
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  display: block;
}

.articles__menuSubtitlePanel a:not(:first-of-type) {
  margin-top: 20px;
}

.articles__menuSubtitlePanel a:hover {
  color: #EE472A;
}

.articles__menuSubtitlePanel:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
}

.article__tagsBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.article__tagsBox input {
  display: none;
}

.article__tagsBox input:checked + label {
  color: #86CB38;
  border-color: #86CB38;
}

.article__tagsBox_item {
  padding: 13px;
  color: #081221;
  border: 1px solid #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin: 0 10px 10px 0;
}

.article__tagsBox_item:hover, .article__tagsBox_item.selected {
  color: #EE472A;
  border-color: #EE472A;
}

.article__leftArticleItem {
  width: 99%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.article__leftArticleItem:hover {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.article__leftArticleItem:hover h4 {
  color: #EE472A;
}

.article__leftArticleItem:not(:first-of-type):before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: -15px;
  left: 0;
}

.article__leftArticleItem img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 14px;
}

.article__leftArticleItem p {
  color: #081221;
}

.article__leftArticleItem h4 {
  font-size: 14px;
  color: #B3B5B4;
  margin: 10px 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.articles__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.articles__search:hover input {
  border-color: #1E6737;
}

.articles__search:hover button {
  background: #1E6737;
}

.articles__search input {
  width: 100%;
  height: 46px;
  padding: 0 65px 0 17px;
  font-size: 14px;
  border: 1px solid #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.articles__search input::-webkit-input-placeholder {
  color: #B3B5B4;
}

.articles__search input::-moz-placeholder {
  color: #B3B5B4;
}

.articles__search input:-ms-input-placeholder {
  color: #B3B5B4;
}

.articles__search input::-ms-input-placeholder {
  color: #B3B5B4;
}

.articles__search input::placeholder {
  color: #B3B5B4;
}

.articles__search button {
  display: block;
  width: 56px;
  height: 46px;
  background: #081221;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  top: 0;
  right: 0;
  z-index: 2;
}

.articles__articleItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 90px;
  position: relative;
}

.articles__articleItem:not(:last-of-type):before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: -45px;
  left: 0;
}

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

.articles__articleItem h3 {
  font-size: calc(24px + (32 - 24) * ((100vw - 768px) / (1920 - 768)));
}

.articles__articleItem p {
  margin-top: 30px;
}

.articles__articleItem ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #B3B5B4;
  margin-bottom: 30px;
}

.articles__articleItem li {
  text-transform: uppercase;
}

.articles__articleItem li span {
  margin-left: calc(-30px + (30 - -30) * ((100vw - 768px) / (1920 - 768)));
}

.articles__articleItem li:not(:last-of-type) {
  margin-right: calc(-30px + (30 - -30) * ((100vw - 768px) / (1920 - 768)));
}

.articles__articleItem img {
  width: calc(368px + (520 - 368) * ((100vw - 768px) / (1920 - 768)));
  height: calc(230px + (320 - 230) * ((100vw - 768px) / (1920 - 768)));
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 30px;
}

.articles__articleItem .buttonArrow {
  width: 220px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #081221;
  border: 4px solid #081221;
  margin-top: calc(23px + (30 - 23) * ((100vw - 320px) / (1920 - 320)));
}

.articles__articleItem .buttonArrow svg {
  fill: #081221;
}

.articles__articleItem:nth-child(4n+2) h3 {
  color: #FAC62F;
}

.articles__articleItem:nth-child(4n+3) h3 {
  color: #5ECAF3;
}

.articles__articleItem:nth-child(4n+4) h3 {
  color: #EE472A;
}

.articles__articleItem:nth-child(4n+1) h3 {
  color: #86CB38;
}

.articles__menuClose {
  display: none;
  position: absolute;
  top: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
  right: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
  cursor: pointer;
}

.articles__contentSearch {
  display: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 30px;
}

.articles__contentSearch .articles__search {
  width: 100%;
}

.article__filterBtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  height: 46px;
  margin-left: 30px;
  border: 4px solid #081221;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.article__filterBtn:hover {
  border-color: #1E6737;
}

.article__filterBtn:hover svg {
  fill: #1E6737;
}

.article__filterBtn svg {
  fill: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

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

.articles__pagination input {
  display: none;
}

.articles__pagination label {
  cursor: pointer;
}

.articles__paginationShow {
  font-size: 14px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.articles__paginationShow a {
  margin-left: 30px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #081221;
}

.articles__paginationShow a.selected {
  color: #86CB38;
}

.articles__paginationShow span {
  margin-left: 30px;
  color: #B3B5B4;
}

.articles__paginationPost input {
  display: none;
}
.articles__paginationPost input:checked + label {
  color: #86CB38;
}

.articles__paginationPost label {
  margin-left: 30px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.articles__paginationPost span {
  margin-left: 30px;
  color: #B3B5B4;
}
.articles__paginationNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.articles__paginationNumber .page_nav__item {
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 10px;
  font-size: 14px;
  line-height: 14px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #081221;
}
.articles__paginationNumber .page_navCurrent {
  background: #EE472A;
  color: #fff;
  border-radius: 2px;
}
.articles__paginationNumber .page_nav__item:hover {
  background: #EE472A;
  color: #fff;
  border-radius: 2px;
}

.articles__paginationNumber .page_nav__prev, .articles__paginationNumber .page_nav__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
}
.articles__paginationNumber .page_nav__prev {
  margin-left: 0px;
}
.articles__articleDetail {
  width: 100%;
}

.articles__articleDetail p {
  margin-bottom: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.articles__articleDetail h2 {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
.articles__articleDetail h3 {
  font-size: 24px;
font-weight: normal;
margin-top: 15px;
}
.articles__articleDetail h4 {
margin-top: 15px;
margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
.articles__articleDetail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #B3B5B4;
  margin-bottom: 30px;
}

.articles__articleDetail li {
  text-transform: uppercase;
}

.articles__articleDetail li span {
  margin-left: calc(-30px + (30 - -30) * ((100vw - 768px) / (1920 - 768)));
}

.articles__articleDetail li:not(:last-of-type) {
  margin-right: calc(-30px + (30 - -30) * ((100vw - 768px) / (1920 - 768)));
}

.articles__articleDetail img.articleDetail_picture {
  width: 100%;
  height: calc(180px + (560 - 180) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.articles__articleDetail .articles__articleDetailSubtitle {
  text-transform: uppercase;
  margin-bottom: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.articles__articleDetail .buttonArrow {
  display: none;
  width: 290px;
  height: 50px;
  background: #fff;
  border: 4px solid #081221;
  text-transform: uppercase;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

.articles__detailLine {
  position: relative;
  margin-bottom: calc(40px + (90 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.articles__detailLine:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.articles__sliderContainer {
  margin-top: 30px;
}

.articles__sliderContainer .horizontalScroll__box {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.articles__sliderContainer .horizontalScroll__box .horizontalScroll__container {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.articles__sliderContainer .horizontalScroll__box .horizontalScroll__container div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.articles__sliderContainer .horizontalScroll__box .horizontalScroll__container h4 {
  margin: 0 0 13px;
  color: #FAC62F;
}
.articles__sliderContainer .horizontalScroll__box .horizontalScroll__container:nth-child(2) h4 {
  color: #86CB38;
}
.articles__sliderContainer .horizontalScroll__box .horizontalScroll__container:nth-child(3) h4 {
  color: #EE472A;
}
.articles__sliderContainer .horizontalScroll__box .swiper-slide h4 {
  color: #FAC62F;
}
.articles__sliderContainer .horizontalScroll__box .swiper-slide:nth-child(2) h4 {
  color: #86CB38;
}
.articles__sliderContainer .horizontalScroll__box .swiper-slide:nth-child(3) h4 {
  color: #EE472A;
}

.articles__sliderContainer .horizontalScroll__box img {
  height: calc(200px + (465 - 200) * ((100vw - 768px) / (1920 - 768)));
}

.articles__sliderContainer .horizontalScroll__box .articles__detailSliderSubtitle {
  font-weight: 800;
  color: #B3B5B4;
  line-height: 14px;
  margin: 18px 0 13px;
  font-size: 14px;
}

/* map page style */
.map__link {
  width: 100%;
  height: auto;
  padding: 25px 13px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.map__link a {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin-left: calc(35px + (75 - 35) * ((100vw - 768px) / (1920 - 768)));
  margin-right: calc(35px + (75 - 35) * ((100vw - 768px) / (1920 - 768)));
}

.map__link a:hover {
  color: #EE472A;
}

.map__banners {
  width: 100%;
  height: auto;
  padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.map__banners div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  overflow: hidden;
}

.map__banners div:before {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  display: block;
  color: rgba(0, 0, 0, 0);
  text-transform: uppercase;
  font-weight: 800;
  position: absolute;
  top: 50%;
  left: 52%;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.map__banners img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.map__banners a {
  height: 60px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.map__banners h2 {
  color: #fff;
  font-weight: 800;
  z-index: 5;
}

.map__bannersBig {
  width: 100%;
  height: calc(220px + (500 - 220) * ((100vw - 768px) / (1920 - 768)));
}

.map__bannersBig h2 {
  font-size: calc(96px + (220 - 96) * ((100vw - 768px) / (1920 - 768)));
  margin-top: calc(5px + (70 - 5) * ((100vw - 768px) / (1920 - 768)));
}

.map__bannersBig a {
  width: 309px;
  background: #fff;
  color: #081221;
  margin-top: 60px;
}

.map__bannersBig svg {
  fill: #081221;
}

.map__bannersBig:before {
  content: 'чехлы';
  font-size: calc(170px + (440 - 170) * ((100vw - 768px) / (1920 - 768)));
  margin-top: calc(5px + (60 - 5) * ((100vw - 768px) / (1920 - 768)));
  letter-spacing: calc(35px + (50 - 35) * ((100vw - 768px) / (1920 - 768)));
  -webkit-text-stroke-width: calc(5px + (20 - 5) * ((100vw - 768px) / (1920 - 768)));
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
}

.map__bannersSmall {
  width: 49.6%;
  height: calc(220px + (500 - 220) * ((100vw - 768px) / (1920 - 768)));
  margin-top: 10px;
}

.map__bannersSmall h2 {
  font-size: calc(48px + (80 - 48) * ((100vw - 768px) / (1920 - 768)));
  margin-top: calc(5px + (70 - 5) * ((100vw - 768px) / (1920 - 768)));
}

.map__bannersSmall a {
  width: 290px;
  background: #081221;
  color: #fff;
}

.map__bannersSmall svg {
  fill: #fff;
}

.map__bannersSmall:before {
  font-size: calc(100px + (200 - 100) * ((100vw - 768px) / (1920 - 768)));
  letter-spacing: calc(20px + (40 - 20) * ((100vw - 768px) / (1920 - 768)));
  -webkit-text-stroke-width: calc(3px + (7 - 3) * ((100vw - 768px) / (1920 - 768)));
}

.map__bannersSmall:nth-of-type(2):before {
  content: 'сумки';
  -webkit-text-stroke-color: rgba(134, 203, 56, 0.4);
}

.map__bannersSmall:nth-of-type(3):before {
  content: 'рюкзаки';
  -webkit-text-stroke-color: rgba(94, 202, 243, 0.4);
}

.map__stroke {
  -webkit-text-stroke-color: #081221;
  font-size: calc(26px + (100 - 26) * ((100vw - 320px) / (1920 - 320)));
  margin-top: calc(46px + (90 - 46) * ((100vw - 320px) / (1920 - 320)));
}

.map__stroke:before {
  bottom: calc(-20px + (-45 - -20) * ((100vw - 768px) / (1920 - 768)));
  width: calc(290px + (460 - 290) * ((100vw - 320px) / (1920 - 320)));
}

.map__linksBox {
  margin-top: 100px;
  padding-top: 50px;
  padding-bottom: calc(36px + (76 - 36) * ((100vw - 768px) / (1920 - 768)));
  padding-right: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.map__linksBox.map__linksBox_veloakk {
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.map__linksBox_wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.map__linksBox div {
  margin: 50px 10px 0;
}

.map__linksBox a {
  color: #fff;
  position: relative;
  display: block;
}

.map__linksBox a:before {
  content: '';
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.map__linksBox a:hover:before {
  width: 100%;
}

.map__linksBox a:not(:last-child) {
  margin-bottom: 14px;
}

.map__linksBox h4 {
  width: 670px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.map__linksBox h4 svg {
  display: none;
}

.map__linksTitle {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
}

.map__linksTitle:hover:hover:before {
  width: 0;
}

.map__blackBox .map__linksTitle {
  color: #FAC62F;
  border-bottom: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.map__blackBox .map__linksTitle:hover {
  color: #EE472A;
}

/* basket page style */
.basket__itemBox {
  display: grid;
  grid-template-columns: 1fr 0.27fr 0.4fr 0.4fr 0.4fr auto;
}

.basket__itemBox:not(:first-of-type) .basket__itemTitle {
  display: none;
}

.basket__itemTitle {
  font-size: 14px;
  color: #B3B5B4;
  padding: 20px 10px 20px 0;
  text-transform: uppercase;
  position: relative;
}

.basket__itemTitle:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  left: 0;
  bottom: 0;
}

.basket__item {
  padding: 30px 10px 30px 0;
}

.basket__itemProduct .basket__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}

.basket__itemProduct .basket__item p {
  font-size: 14px;
}

.basket__itemProduct .basket__item a {
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.basket__itemProduct .basket__item a:hover {
  color: #EE472A;
}

.basket__itemProduct .basket__item .basket__itemArticle {
  text-transform: uppercase;
  color: #B3B5B4;
  margin-bottom: 10px;
}

.basket__item .basket-items-list-item-removed-block a {
  color:#333;
}

.basket__itemProduct .basket__item img {
  width: 80px;
  height: 100px;
  padding: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #B3B5B4;
  margin-right: 14px;
}

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

.basket__itemSize .custom-select-wrapper {
  width: 100px;
  height: 42px;
}

.basket__itemSize .custom-select-wrapper .select__arrow:before, .basket__itemSize .custom-select-wrapper .select__arrow:after {
  width: 1px;
}

.basket__itemSize .custom-select__trigger {
  border: 1px solid #B3B5B4;
  padding: 0 10px;
  width: 100px;
  height: 42px;
}

.basket__itemSize .basket__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket__itemSize .basket__item p {
  width: 100px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: 1px solid #B3B5B4;
}

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

.basket__itemColor .basket__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket__itemColor img {
  width: 42px;
  height: 42px;
  padding: 4px;
  border: 1px solid #B3B5B4;
}

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

.basket__itemQuantity .basket__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket__itemQuantity .basket__item div {
  width: 100px;
  height: 42px;
  position: relative;
  border: 1px solid #B3B5B4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.basket__itemQuantity .basket__item input {
  width: 100%;
  height: 95%;
  border: none;
  text-align: center;
}

.basket__itemQuantity .basket__item input::-webkit-inner-spin-button, .basket__itemQuantity .basket__item input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.basket__itemQuantity .basket__item button {
  background: none;
  z-index: 2;
  border: none;
  position: absolute;
  top: 0;
  font-size: 32px;
  color: #B3B5B4;
  height: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.basket__itemQuantity .basket__item button:hover {
  color: #EE472A;
}

.basket__itemQuantity .basket__item button:first-child {
  right: 0;
  padding-right: 10px;
  padding-bottom: 2px;
}

.basket__itemQuantity .basket__item button:last-child {
  left: 0;
  padding-left: 10px;
  padding-top: 4px;
}

.basket__itemPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basket__itemPrice .basket__price {
  color: #081221;
  font-weight: 600;

}
.basket__itemPrice .basket__salePrice {
  display: none;
}

.basket__itemPrice .basket__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #EE472A;
  font-size: 14px;
}

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

.basket__itemDelete .basket__itemTitle svg, .basket__itemDelete .basket__price {
  display: none;
}

.basket__itemDelete .basket__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket__itemDelete svg {
  fill: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.basket__itemDelete svg:hover {
  fill: #EE472A;
}

.basket__itemSale {
  display: none;
}

.basket__itemSale .basket__item p {
  padding: 4px 11px;
  background: #EE472A;
  color: #fff;
}

.basket__salePrice {
  color: #B3B5B4;
  text-decoration: line-through;
}

.basket__price {
  color: #EE472A;
}

.basket__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.basket__menuContainer {
  position: relative;
}
.basket__menu {
  width: 400px;
  height: auto;
}

.basket__menu .buttonArrow {
  width: 100%;
  height: 60px;
  background: #EE472A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  margin-top: 25px;
  border:none;
}

.basket__menu .buttonArrow svg {
  fill: #fff;
}

.basket__menu h4 {
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  padding: 16px 0 20px;
}

.basket__menuList {
  padding: 25px 0;
  position: relative;
}

.basket__menuList div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}

.basket__menuList div:not(:last-child) {
  margin-bottom: 10px;
}

.basket__menuList:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
}

.basket__menuList:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.basket__menuSale {
  color: #EE472A;
}

.basket__menuCost {
  font-size: 14px;
  margin-top: 25px;
}

.basket__menuCost div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}

.basket__menuCost div p {
  font-size: 24px;
}

.basket__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 100px;
}

.basket__content .basket__contactOneNext {
  width: 290px;
  height: 60px;
}

.basket__content .basket__contactOneNext input {
  background: #fff;
  border: 4px solid #081221;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.basket__content .basket__contactOneNext input:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.basket__content .basket__contactOneNext svg {
  fill: #081221;
}

.basket__content .basket__contactOneNext label {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #081221;
  cursor: pointer;
}

.basket__itemPrice .basket__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.basket__itemPrice .basket__saleN {
  color: #B3B5B4;
  font-size: 14px;
  margin-bottom: 10px;
  text-decoration: line-through;
}

.basket__itemPrice .basket__sale {
  padding: 4px 10px;
  background: #EE472A;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}

.basket__recommend svg {
  margin: 0 12px 0 0;
}

.basket__recommend img {
  width: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center !important;
     object-position: center !important;
  padding: 10px 0 !important;
}

.basket__recommend .horizontalScroll__container div:nth-child(2) {
  position: relative;
}

.basket__recommend .horizontalScroll__container div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.basket__recommend .horizontalScroll__container .basket__sliderSale {
  position: absolute;
  top: 10px;
  left: 30px;
  width: calc(70px + (100 - 70) * ((100vw - 320px) / (1920 - 320)));
  height: calc(70px + (100 - 70) * ((100vw - 320px) / (1920 - 320)));
  background: #EE472A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 50%;
}

.basket__recommend .horizontalScroll__container .basket__sliderSale p {
  display: block;
  font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (1920 - 320)));
  color: #fff;
  padding: 0;
  margin: 0;
}

.basket__recommend .horizontalScroll__hiddenWindow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 60px);
}

.basket__recommend .horizontalScroll__hiddenWindow .basket__recommendY {
  background: #86CB38;
}

.basket__recommend .horizontalScroll__hiddenWindow .basket__recommendN {
  background: #EE472A;
}

.basket__recommend .horizontalScroll__hiddenWindow svg {
  margin-left: 15px;
}

.basket__recommend .horizontalScroll__hiddenWindow div:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.basket__recommend .horizontalScroll__hiddenWindow p {
  padding: 0;
  color: #fff;
  text-transform: uppercase;
}

.basket__recommend .horizontalScroll__hiddenWindow a {
  color: #081221;
  background: #fff;
  margin-top: 10px;
  text-transform: uppercase;
}

.basket__recommend .horizontalScroll__hiddenWindow a svg {
  fill: #081221;
}

.basket__recommend .horizontalScroll__hiddenWindow div, .basket__recommend .horizontalScroll__hiddenWindow a {
  width: 220px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.basket__menuBasket {
  padding-top: 25px;
  position: relative;
}

.basket__menuBasket:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
}

.basket__menuBasketItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  margin-bottom: 25px;
}

.basket__menuBasketItem .basket__itemArticle {
  text-transform: uppercase;
  color: #B3B5B4;
}

.basket__menuBasketItem a {
  color: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.basket__menuBasketItem a:hover {
  color: #EE472A;
}

.basket__menuBasketItem img {
  width: 80px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 2px;
  border: 1px solid #B3B5B4;
  margin-right: 15px;
}

.basket__menuContacts {
  margin-bottom: 30px;
  font-size: 14px;
}

.basket__menuContacts p:not(:last-child) {
  margin-bottom: 10px;
}

.basket__contentCity {
  margin-bottom: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.basket__contentCity h4 {
  padding: 16px 0 10px;
  text-transform: none;
}

.basket__contentCity .custom-select-wrapper {
  height: 44px;
  width: calc(290px + (600 - 290) * ((100vw - 320px) / (1920 - 320)));
}

.basket__contentCity .custom-select__trigger {
  height: 44px;
  width: calc(290px + (600 - 290) * ((100vw - 320px) / (1920 - 320)));
  border: none;
  background: #F2F2F2;
}

.basket__contentCity .custom-options {
  border-color: #F2F2F2;
}

.basket__contentCity .selected {
  background: #F2F2F2;
  color: #B3B5B4;
}

.basket__contentDelivery h3 {
  color: #FAC62F;
}

.basket__contentDeliveryItem {
  padding: 50px 0 43px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.basket__contentDeliveryItem:last-child {
  padding-top: 40px;
}

.basket__contentDeliveryItem:not(:last-child):after {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.basket__contentDeliveryItemPrice {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 210px;
  margin-left: 10px;
}

.basket__contentDeliveryItemPrice p {
  font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 800;
  margin-bottom: 10px;
}

.basket__contentDeliveryItemPrice span {
  display: block;
  color: #B3B5B4;
  font-size: 16px;
}

.basket__contentDeliveryItemAddress label, .basket__contentDeliveryItemAddress strong {
  font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.basket__contentDeliveryItemAddress p {
  margin-top: 15px;
  font-size: 16px;
}

.basket__contentDeliveryItemAddress a {
  padding-left: 30px;
  color: #081221;
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket__contentDeliveryItemAddress a svg {
  fill: #081221;
}

.basket__contentDeliveryItemAddress a.load_delivery, .basket__contentDeliveryItemAddress #load_pvz a {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  padding-left: 0;
  position: relative;
  display: inline-block;
  padding-right: 45px;
  background-image: url(/local/templates/covers/components/bitrix/sale.order.ajax/new_boot/images/b_arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
.basket__contentDeliveryItemAddress #load_pvz a {
  color: #EE472A;
  background-image: url(/local/templates/covers/components/bitrix/sale.order.ajax/new_boot/images/o_arrow.svg);
}
.basket__contentDeliveryItemAddress .basket__contentDeliveryItemRed {
  color: #EE472A;
}

.basket__contentDeliveryItemAddress .basket__contentDeliveryItemRed svg {
  fill: #EE472A;
}

.basket__contentDeliveryItemHidden {
  display: none;
}

.basket__checkout {
  width: calc(290px + (400 - 290) * ((100vw - 320px) / (1920 - 320)));
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  background: #EE472A;
  margin-top: 20px;
}

.basket__checkout svg {
  fill: #fff;
}

.basket__banner {
  height: calc(320px + (650 - 320) * ((100vw - 768px) / (1920 - 768)));
  width: 100%;
  position: relative;
  margin-bottom: calc(-50px + (-100 - -50) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.basket__banner span {
  display: block;
}

.basket__banner h1 {
  font-size: calc(26px + (80 - 26) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(30px + (86 - 30) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.basket__banner p {
  color: #fff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px 4px 30px rgba(0, 0, 0, 0.1);
  font-size: calc(14px + (36 - 14) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}
.basket__banner a {
  color:#fff;
  text-decoration: underline;
}
.basket__banner .pay_name {
  color: #fff;
}
.basket__banner .paymentAccount__info, .basket__banner .paymentAccount__info p{
  color: #fff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px 4px 30px rgba(0, 0, 0, 0.1);
  font-size: 20px;
  line-height: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}
.basket__banner .paymentAccount__info .d-flex{
  display:block;
}
.basket__banner .paymentAccount__info form input[type=submit]{
  border-radius: 0px !important;
  margin-bottom: 0;
  height: 100%;
  border: none;
  background: #86CB38;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px;
  min-width: 300px;
  margin: 21px 0;
  font-size: 18px;
}
.basket__banner p.smallText {
  font-size: 20px;
}
.basket__bannerBack {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.basket__bannerLine {
  width: 60%;
  height: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/* guarantee page style */
.guarantee__tabs .tabs__label {
  font-size: 13px;
}

.guarantee__tabs .tabs__label:first-of-type {
  margin-left: calc(-110px + (90 - -110) * ((100vw - 768px) / (1920 - 768)));
}

.guarantee__tabs .tabs__label:last-of-type {
  margin-right: calc(-110px + (90 - -110) * ((100vw - 768px) / (1920 - 768)));
}

.guarantee__tabs .guarantee__tab div {
  display: block;
}

.guarantee__tabs .guarantee__tab .guarantee__tabNumbersDesktop, .guarantee__tabs .guarantee__tab .swiper-wrapper, .guarantee__tabs .guarantee__tab .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.guarantee__tabs .guarantee__tab .contacts__delivery {
  display: none;
}

.guarantee__tabs .guarantee__tab .index__banner .banner, .guarantee__tabs .guarantee__tab .shops__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.guarantee__tabs .guarantee__tab .shops__itemsSlider {
  display: none;
}

.guarantee__tab h3 {
  color: #FAC62F;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320)));
}

.guarantee__tab p {
  margin-bottom: 30px;
}

.guarantee__tab ul, .guarantee__tab .guarantee__tabMb {
  margin-bottom: calc(20px + (90 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.guarantee__tab .guarantee__tabMt {
  margin-top: calc(20px + (90 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.guarantee__tab .guarantee__upText {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.guarantee__tabNumbers {
  padding: 45px 0;
  position: relative;
}

.guarantee__tabNumbers:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
}

.guarantee__tabNumbers:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.guarantee__tabNumbersDesktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
}

.guarantee__tabNumbersDesktop h4 {
  margin-bottom: 20px;
  height: 40px;
}

.guarantee__tabNumbersDesktop h4, .guarantee__tabNumbersDesktop p {
  z-index: 2;
  position: relative;
}

.guarantee__tabNumbersDesktop svg {
  position: absolute;
  left: calc(30px + (10 - 30) * ((100vw - 768px) / (1920 - 768)));
  bottom: calc(-30px + (-10 - -30) * ((100vw - 768px) / (1920 - 768)));
}

.guarantee__tabNumbersDesktop div {
  width: 32%;
  height: calc(250px + (300 - 250) * ((100vw - 768px) / (1920 - 768)));
  position: relative;
  padding: 70px 25px 10px 40px;
}

.guarantee__tabText {
  padding: 45px 0;
}

.guarantee__tabProduct {
  padding-top: 45px;
  position: relative;
}

.guarantee__tabProduct:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  top: 0;
  left: 0;
}

.guarantee__tabProductItem {
  margin-bottom: 40px;
  position: relative;
}

.guarantee__tabProductItem:nth-child(2n + 1) .guarantee__tabProductItemImg:before {
  background: #EE472A;
}

.guarantee__tabProductItem:nth-child(2n + 2) .guarantee__tabProductItemImg:before {
  background: #86CB38;
}

.guarantee__tabProductItemImg {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: -190px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.guarantee__tabProductItemImg:before {
  content: '';
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -30px;
}

.guarantee__tabProductItemImg img {
  width: 130px;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
}

.guarantee__tabProductItemImg p {
  display: none;
  text-transform: uppercase;
}

.guarantee__tabProductBtn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 15px 40px;
  text-transform: uppercase;
  color: #fff;
  background: #5ECAF3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.guarantee__tabProductBtn .guarantee__arrowBig {
  display: none;
}

/* catalog page style */
.kit-filter ul li:not(:first-child) .articles__menuTitle{
  margin-top:50px;
}
.catalog__menu .accordion:first-of-type {
  margin-top: 0;
}

.catalog__menu p.articles__menuTitle {
  padding-bottom: 10px;
  position: relative;
}

.catalog__menu p.articles__menuTitle:before {
  content: '';
  width: 100%;
  height: 2px;
  background: #B3B5B4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.kit-filter-property-body.accordion__panel input {
  display: none;
}

.kit-filter-property-body.accordion__panel input:checked + label p {
  color: #EE472A;
}

.kit-filter-property-body.accordion__panel input:checked + label p:last-of-type {
  background: rgba(238, 71, 42, 0.3);
}

.kit-filter-property-body.accordion__panel label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.kit-filter-property-body.accordion__panel label:hover p {
  color: #EE472A;
}

.kit-filter-property-body.accordion__panel label:not(:last-of-type) {
  margin-bottom: 24px;
}

.kit-filter-property-body.accordion__panel p {
  color: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.kit-filter-property-body.accordion__panel p:first-of-type {
  font-size: 14px;
}

.kit-filter-property-body.accordion__panel p:last-of-type {
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #F4F4F4;
  border-radius: 50%;
  font-size: 12px;
  margin-left: 10px;
}
.catalog__price.kit-filter-property-body {
  height:0px;
  overflow: hidden;
}
.catalog__price.accordion__active {
  display: block !important;
  height:auto;
  overflow: visible;
}
.catalog__price {
}
.catalog__price.accordion__active {
  padding-top: 20px;
}
.catalog__price_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.catalog__size {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}

.catalog__size input {
  display: none;
}

.catalog__size input:checked + label p {
  color: #EE472A;
  border-color: #EE472A;
}

.catalog__size p {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #B3B5B4;
  font-size: 14px;
  text-transform: uppercase;
  color: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.catalog__size p:hover {
  color: #EE472A;
  border-color: #EE472A;
}
.kit-filter-property-body[data-name="brand_ref"] input {
  display:none;
}
.kit-filter-property-body[data-name="brand_ref"] input:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.kit-filter-property-body[data-name="brand_ref"] div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kit-filter-property-body[data-name="brand_ref"] div:not(:first-of-type) {
  margin-top: 20px;
}

.kit-filter-property-body[data-name="brand_ref"] div:hover span, .kit-filter-property-body[data-name="brand_ref"] div:hover p {
  color: #EE472A;
}

.kit-filter-property-body[data-name="brand_ref"] span {
  color: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.kit-filter-property-body[data-name="brand_ref"] p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #B3B5B4;
  font-size: 14px;
  text-align: right;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}


/**sizes**/
.kit-filter-property-body[data-name="size"] input {
  display:none;
}
.kit-filter-property-body[data-name="size"] input:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.kit-filter-property-body[data-name="size"] div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kit-filter-property-body[data-name="size"] div:not(:first-of-type) {
  margin-top: 20px;
}

.kit-filter-property-body[data-name="size"] div.lvl2:hover span, .kit-filter-property-body[data-name="size"] div.lvl2:hover p {
  color: #EE472A;
}

.kit-filter-property-body[data-name="size"] span {
  color: #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.kit-filter-property-body[data-name="size"] p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #B3B5B4;
  font-size: 14px;
  text-align: right;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.kit-values-other {
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
/* catalog search page style */
.catalog_search .search-page {
  margin-bottom: 50px;
}
.catalog_search form input[name="q"] {
  width:100%;
  height: 40px;
  background: #F5F5F5;
  border-radius: 40px;
  border: none;
  min-width: 300px;
  padding: 5px 10px;
}
.search-page__inputs {
  position: relative;
}
.search-page__btn {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/local/templates/covers/components/bitrix/catalog.search/bootstrap_v4/bitrix/search.page/.default/images/zoom.svg);
  background-position: center;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 9px;
  right: 10px;
  cursor: pointer;
  z-index: 1;
}
/* catalog style */
.catalog__seeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.catalog__seeItem img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}

.catalog__seeItem div:first-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 90px;
  height: 110px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  padding: 3px;
  margin-right: 14px;
}

.catalog__seeItem div:last-of-type {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.catalog__seeArticle {
  color: #B3B5B4;
  text-transform: uppercase;
}

.catalog__seePrice {
  font-weight: 800;
}

.catalog__seePrice.catalog__seePriceSale {
  color: #EE472A;
}

.catalog__seePrice.catalog__seePriceSale span {
  color: #B3B5B4;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 10px;
}

.catalog__upFilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.catalog__upFilter .article__filterBtn, .catalog__upFilter .custom-select-wrapper, .catalog__upFilter .custom-select__trigger {
  height: 50px;
}

.catalog__upFilter .article__filterBtn {
  display: none;
}

.catalog__upFilter p {
  font-size: 14px;
  color: #B3B5B4;
}

.catalog__upFilterSelects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.catalogProductItemImg {
  width: 100%;
  height: calc(430px + (288 - 430) * ((100vw - 768px) / (1920 - 768)));
  padding: 10px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  position: relative;
}

.catalogProductItemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.catalogProductItemInfo {
  display: block;
  padding-top: 25px;
}

.catalogProductItemInfo:hover + .catalogProductItemImg .catalog__hiddenInfo, .catalogProductItemImg:hover .catalog__hiddenInfo {
  opacity: 1;
  visibility: visible;
}

.catalogProductItemInfo a {
  font-size: 16px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #081221;
  display: block;
}

.catalogProductItemInfo a:hover {
  color: #EE472A;
}
.product-item-title {
  white-space: inherit !important;
  text-align: left;
  line-height: 1.5;
  min-height: 72px;
}
.catalogProductItemInfo .catalogProductItemArticle a {
  font-size: 14px;
  text-transform: uppercase;
  color: #B3B5B4;
  margin-bottom: 10px;
}
.catalogProductItemInfo .catalogProductItemArticle a:hover {
  color: #3f3f3f;
}
.catalogProductItemInfo .catalogProductItemPrice span.product-price-current{
  font-size: 14px;
  font-weight: 800;
  margin-top: 10px;
}

.catalogProductItemInfo .catalogProductItemPrice.catalogProductItemPriceSale span.product-price-current {
  color: #EE472A;
}

.catalogProductItemInfo .catalogProductItemPrice.catalogProductItemPriceSale span.product-price-old {
  color: #B3B5B4;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 10px;
}

.catalogProductItemIcon {
  z-index: 20;
  width: auto;
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__like input {
  display: none;
}

label.favor.active {
  background: #EE472A;
}
label.favor.active svg {
  fill: #fff;
}
.catalog__like label {
  width: 30px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: 2px solid #EE472A;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.catalog__like label:hover {
  -webkit-animation: 1s pulse;
          animation: 1s pulse;
}

.catalog__like svg {
  fill: #EE472A;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 67, 67, 0.7);
            box-shadow: 0 0 0 0 rgba(255, 67, 67, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 67, 67, 0.7);
            box-shadow: 0 0 0 0 rgba(255, 67, 67, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.catalog__hot {
  width: 50px;
  height: 24px;
  color: #fff;
  background: #FAC62F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-transform: uppercase;
  margin-right: 10px;
}

.catalog__new {
  height: 24px;
  color: #fff;
  padding: 0 5px;
  background: #86CB38;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-transform: uppercase;
  margin-right: 10px;
}

.catalog__saving {
  width: 88px;
  height: 24px;
  color: #fff;
  background: #EE472A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 10px;
}

.catalog__circleSale {
  width: calc(60px + (80 - 60) * ((100vw - 320px) / (1920 - 320)));
  height: calc(60px + (80 - 60) * ((100vw - 320px) / (1920 - 320)));
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  background: #EE472A;
  position: absolute;
  bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  z-index: 11;
}

.catalog__hiddenInfo {
  width: 100%;
  height: 100%;
  z-index: 15;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.catalog__hiddenInfo:hover {
  opacity: 1;
  visibility: visible;
}

.catalog__hiddenInfo div, .catalog__hiddenInfo button {
  width: 90%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.catalog__hiddenInfo button {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  z-index: 10;
}
.catalog__hiddenInfo div.cat_card_btn_buy-wrapper {
  width:100%;
  margin-bottom: 0;
}
.catalog__hiddenInfo div:active, .catalog__hiddenInfo button:active {
  -webkit-box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
          box-shadow: 10px 10px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.catalog__hiddenInfo button {
  background: #fff;
  border: none;
}

.catalog__hiddenInfo div {
  margin-bottom: 10px;
  color: #fff;
}

.catalog__hiddenInfo div.catalog__hiddenInfoY {
  background: #86CB38;
}

.catalog__hiddenInfo div.catalog__hiddenInfoN {
  background: #EE472A;
}

.catalog__hiddenInfo svg {
  margin-left: 10px;
}

.catalogProductItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          max-width: 280px;
  -webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: start;
}

.catalog__popupBasket {
  z-index: 500;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.catalog__popupBasket.catalogPopupActive {
  opacity: 1;
  visibility: visible;
}

.catalog__popupBasketBox {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 80%;
  height: auto;
  padding-top: calc(50px + (80 - 50) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(30px + (80 - 30) * ((100vw - 320px) / (1920 - 320)));
  padding-right: 15px;
  padding-left: 15px;
  background: #fff;
  position: relative;
}

.catalog__popupBasketBox svg.closeCatalogPopup {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.catalog__popupBasketBox h2 {
  font-size: calc(26px + (40 - 26) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(30px + (44 - 30) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.catalog__popupBasketBox p {
  font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(19px + (25 - 19) * ((100vw - 320px) / (1920 - 320)));
}

.catalog__popupBasketBox div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.catalog__popupBasketBox button, .catalog__popupBasketBox a {
  width: 280px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-transform: uppercase;
}

.catalog__popupBasketBox a {
  background: #86CB38;
  color: #fff;
}

.catalog__popupBasketBox a svg {
  margin-right: 10px;
  margin-left: 0;
}

.catalog__popupBasketBox button {
  background: #fff;
  border: 4px solid #86CB38;
  color: #86CB38;
  margin-right: 30px;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1) {
  border: 4px solid #1E6737;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+1):before {
  background: #1E6737;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2) {
  border: 4px solid #FAC62F;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+2):before {
  background: #FAC62F;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3) {
  border: 4px solid #86CB38;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+3):before {
  background: #86CB38;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4) {
  border: 4px solid #EE472A;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4n+4):before {
  background: #EE472A;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+1) {
  background: #1E6737;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+2) {
  background: #FAC62F;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+3) {
  background: #86CB38;
}

.catalog__slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n+4) {
  background: #EE472A;
}

.catalog__slider .catalog__slideBlue {
  position: relative;
}

.catalog__slider .catalog__slideBlue div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.catalog__slider .catalog__slideBlue div a {
  width: 290px;
}

.catalog__slider .catalog__slideBlue div a:first-of-type {
  margin-right: 10px;
}

.catalog__slider .catalog__slideBlue div a:last-of-type {
  background: none;
  border: 4px solid #fff;
  color: #fff;
}

.catalog__slider .catalog__slideBlue div a:last-of-type svg {
  fill: #fff;
}

.catalog__slider .catalog__slideBlue .strokeText {
  font-size: calc(24px + (80 - 24) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(28px + (85 - 28) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
  -webkit-text-stroke-width: calc(1px + (4 - 1) * ((100vw - 320px) / (1920 - 320)));
}

.catalog__slider .catalog__slideBlue p {
  font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 0;
}

.catalog__slider .catalog__slideBlue .big {
  font-size: calc(18px + (48 - 18) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(22px + (52 - 22) * ((100vw - 320px) / (1920 - 320)));
  margin-top: calc(40px + (80 - 40) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog__slider .catalog__slideBlue .big span {
  font-size: calc(46px + (120 - 46) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(50px + (125 - 50) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 800;
  margin: 0 15px;
}

.catalog__price {
}

.catalog__price .noUi-connect {
  background: #081221;
}

.catalog__price .noUi-horizontal {
  height: 3px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  background: #B3B5B4;
}

.catalog__price .noUi-horizontal .noUi-handle {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 3px solid #081221;
  background: #fff;
  width: 15px;
  height: 15px;
  right: -13px;
}

.catalog__price .noUi-horizontal .noUi-handle:before, .catalog__price .noUi-horizontal .noUi-handle:after {
  display: none;
}

#kit-filter .catalog__price .irs-slider.from, #kit-filter .catalog__price .irs-slider.to {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 3px solid #081221;
  background: #fff;
  width: 15px;
  height: 15px;
  right: -13px;
  top: 19px;
}
#kit-filter .catalog__price .irs-diapason, #kit-filter .catalog__price .irs-diapason-left, #kit-filter .catalog__price .irs-diapason-right {
    height: 3px;
    top: 25px;
}
#kit-filter .catalog__price .irs-diapason {
    background: #081221;
}
#kit-filter .catalog__price .irs-line-mid, #kit-filter .catalog__price .irs-line, #kit-filter .catalog__price .irs-diapason-left,
#kit-filter .catalog__price .irs-diapason-right, #kit-filter .catalog__price .irs-slider {
  background: none;
}
#kit-filter .catalog__price .irs-line-mid {
  background: #B3B5B4;height: 3px;
}
#kit-filter .catalog__price.kit-num input {
  width: 100px;
  height: 30px;
  border: none;
  border-bottom: 1px solid #EE472A;
  margin-left: 10px;
  padding: 10px;
}

#kit-filter .catalog__price.kit-num input:focus {
  border: 1px solid #86CB38;
}
#set_filter {display:none}
.catalog__price .catalog__priceRange {
  width: 100%;
  margin-top: 30px;
}

/* product page style */
.product__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 14px 80px;
  overflow: hidden;
}

.product__preview .swiper-slide {
  padding: 8px;
}

.product__preview .swiper-slide img:nth-of-type(1) {
  position: unset;
}

.product__preview .swiper-slide div {
  width: 100%;
  height: 100%;
  padding: 5px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
}
.imgSlider .product_card__like {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
}
.productCard__slider {
  margin-right: calc(-90px + (90 - -90) * ((100vw - 768px) / (1920 - 768)));
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.productCard__slider:before {
  content: '';
  width: 1px;
  height: 135%;
  background: #B3B5B4;
  position: absolute;
  top: -20px;
  right: calc(90px + (-85 - 90) * ((100vw - 768px) / (1920 - 768)));
}

.product__previewInfo {
  width: 660px;
  height: auto;
  margin-left: calc(-90px + (90 - -90) * ((100vw - 768px) / (1920 - 768)));
}

.product__previewInfo h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: normal;
    text-transform: capitalize;
}
.product__previewInfo ul.product__previewInfo-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  font-size: 14px;
}

.product__previewInfo ul.product__previewInfo-top li {
  margin-right: 30px;
}

.product__previewInfo ul.product__previewInfo-top span {
  margin-left: 30px;
}

.product__previewInfo .swiper-button-prevSmall {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 20px;
}

.product__previewInfo .swiper-button-nextSmall, .product__previewInfo .swiper-button-prevSmall {
  position: relative;
  cursor: pointer;
}

.product__previewInfo .swiper-button-nextSmall svg, .product__previewInfo .swiper-button-prevSmall svg {
  fill: #081221;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.product__previewInfo .swiper-button-nextSmall:hover svg, .product__previewInfo .swiper-button-prevSmall:hover svg {
  fill: #EE472A;
}

.product__previewInfo .product__previewArrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

.product__previewInfo .product__previewArrows div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__previewInfo .product__previewPriceN {
  font-size: calc(24px + (46 - 24) * ((100vw - 320px) / (1920 - 320)));
  color: #EE472A;
  font-weight: 800;
}

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

.product__previewInfo .product__previewPrice div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__previewInfo .product__previewPrice div p {
  margin-right: 10px;
}

.product__previewInfo .product__previewBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 50px;
  position: relative;
}

.product__previewInfo .product__previewBtn:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #B3B5B4;
  position: absolute;
  bottom: -25px;
  left: 0;
}

.product__previewInfo .product__previewBtn button {
  width: 48%;
  height: 60px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
}

.product__previewInfo .product__previewBtn button:first-of-type {
  color: #fff;
  background: #081221;
}

.product__previewInfo .product__previewBtn button:first-of-type svg {
  fill: #fff;
  margin-right: 10px;
}

.product__previewInfo .product__previewBtn button.product_hold_btn {
  background: #fff;
  border: 4px solid #081221;
  color: #081221;
}

.product__previewInfo .product__previewBtn button.product_hold_btn svg {
  fill: #081221;
  margin-left: 10px;
}

.product__previewInfo .product__previewBtn button.product-item-detail-buy-button {
  width: 100%;
  height: 60px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #fff;
  background: #081221;
  min-width: 316px;
}
.product__previewInfo .product__previewBtn button.product-item-detail-buy-button svg {
  fill: #fff;
  margin-right: 10px;
}

.product__previewInfo .mySwiperSmall.swiper-container {
  overflow: unset !important;
  height: 110px;
  position: relative;
}
.product__previewInfo .mySwiperSmall.swiper-container:before {

}
.product__previewInfo .mySwiperSmall .swiper-slide {
  width: 100px !important;
  height: 100px !important;
  position: relative;
  padding: 0;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor {
  width: 180px;
  height: 220px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
          box-shadow: 0px 2px 2px rgba(183, 189, 199, 0.25), 0px 4px 4px rgba(183, 189, 199, 0.25), 0px 4px 30px rgba(183, 189, 199, 0.1);
  -webkit-filter: drop-shadow(0px 2px 2px rgba(183, 189, 199, 0.25));
          filter: drop-shadow(0px 2px 2px rgba(183, 189, 199, 0.25));
  padding: 24px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}
.product__popupColor a.add2ToBasket-btn {
  width: 25%;
  height: auto;
}
.product__previewInfo .mySwiperSmall.swiper-container {
overflow-x: clip !important;
}
.product__previewInfo .mySwiperSmall .swiper-slide.swiper-slide-active .product__popupColor{
  left: 89%;
}
.product__previewInfo .mySwiperSmall .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .product__popupColor{
  left: 17%;
}
.product-item-scu-item-list .swiper-slide {
  margin-left: 5px;
  margin-right: 5px;
}
.product-item-scu-item-list .swiper-slide:first-child {
  margin-left: 0px !important;
}
.product-item-scu-item-list .swiper-slide:last-child {
  margin-right: 0px !important;
}
.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor:hover {
  opacity: 1;
  visibility: visible;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor svg {
  cursor: pointer;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor p {
  font-size: 14px;
  line-height: 14px;
  color: #081221;
  margin-bottom: 0;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor p span {
  color: #B3B5B4;
  display: block;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor .line {
  width: 100%;
  height: 2px;
  background: #B3B5B4;
  margin-bottom: 20px;
  padding: 1px;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor div {
  -webkit-box-shadow: none;
          box-shadow: none;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor img {
  width: 122px;
  height: 109px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 20px;
}

.product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor:before {
  content: '';
  width: 60px;
  height: 40px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.product__previewInfo .mySwiperSmall .swiper-slide input {
  display: none;
}
/*.product__previewInfo .mySwiperSmall .swiper-slide input:checked + label,
.product__previewInfo .mySwiperSmall .swiper-slide input[disabled="disabled"] + label img {
opacity:0.5;
}
*/
.product-item-scu-item-color.selected label {
  border-color: #86CB38;
  background: rgba(134, 203, 56, 0.5);
}
.swiper-slide.notallowed label img {
opacity:0.5;
}
.product__previewInfo .mySwiperSmall .swiper-slide label {
  width: 100%;
  height: 100%;
  padding: 8px;
  border: 1px solid #B3B5B4;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.product__previewInfo .mySwiperSmall .swiper-slide label:hover {
  border-color: #EE472A;
}

.product__previewInfo .mySwiperSmall .swiper-slide label:hover + .product__popupColor {
  opacity: 1;
  visibility: visible;
}

.product__previewInfo .mySwiperSmall .swiper-slide img {
  width: 100%;
  height: 100%;
}

.product__previewInfo .product__previewText p:first-of-type {
  margin-bottom: 20px;
}

.product__detail .tabs__label {
  font-size: calc(10px + (13 - 10) * ((100vw - 768px) / (1920 - 768)));
}

.product__detail .tabs__label:first-of-type {
  margin-left: calc(-90px + (90 - -90) * ((100vw - 768px) / (1920 - 768)));
}

.product__detail .tabs__label:last-of-type {
  margin-right: calc(-90px + (90 - -90) * ((100vw - 768px) / (1920 - 768)));
}

.product__detail .containerNarrow {
  display: block !important;
}

.product__detail .containerNarrow p, .product__detail .containerNarrow ul {
  margin-bottom: 30px;
}

.product__detail .containerNarrow .product__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__detail .containerNarrow .product__categories li {
  margin-right: 30px;
}

.product__detail .containerNarrow .product__categories span {
  margin-left: 30px;
}

.product__detail .containerNarrow .product__big {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.product__previewPrice input {
  display: none;
}

.product__previewPrice .productAval.is_availb {
  background: #86CB38;
}

.product__previewPrice .productAval.is_availb span {
  left: unset;
  right: 4px;
}
.others__scu-item-list { margin-bottom: 15px;}
.others__scu-item-list .product-item-scu-item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #081221;
}
.others__scu-item-list .product-item-scu-item-text-container .product-item-scu-item-text-block {
  padding: 6px 10px;
border: 1px solid #B3B5B4;
}

.product__previewPrice span {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 4px;
  z-index: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.product__previewPrice .productAval {
  display: block;
  width: 64px;
  height: 32px;
  border-radius: 20px;
  background: #EE472A;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.product__previewPrice svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.8);
      -ms-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
}

.product__previewPrice svg:first-of-type {
  left: 10px;
}

.product__previewPrice svg:last-of-type {
  right: 10px;
  -webkit-transform: translateY(-50%) scale(0.7);
      -ms-transform: translateY(-50%) scale(0.7);
          transform: translateY(-50%) scale(0.7);
}

/* forms input */

.emailInput.hasError {
  border:1px solid red !important;
}

/* media */
@media (max-width: 1840px) {
  .about__info .horizontalScroll__box .horizontalScroll__container {
    width: 400px;
  }
  .contacts__delivery .horizontalScroll__container:nth-of-type(1), .contacts__delivery .horizontalScroll__container:nth-of-type(3) {
    justify-self: end;
  }
  .contacts__delivery .horizontalScroll__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
}

@media (max-width: 1580px) {
  .index__advertisingContainer:hover .strokeText {
    opacity: 0;
  }
  .index__advertisingContainer:hover .buttonArrow {
    margin-top: calc(90px + (0 - 90) * ((100vw - 768px) / (1580 - 768)));
  }
  .article__menuContainer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    background: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
  }
  .article__menuContainer.filterActiveMenu {
    opacity: 1;
    visibility: visible;
  }
  .article__menuContainer.filterActiveMenu .articles__menu {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .article__menuContainer .articles__search {
    display: none;
  }
  .articles__menu {
    height: 100%;
    background: #fff;
    padding: 50px 11px;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  .articles__menuClose {
    display: block;
  }
  .articles__contentSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .articles__articleItem li span {
    margin-left: 15px;
  }
  .articles__articleItem li:not(:last-of-type) {
    margin-right: 15px;
  }
  .articles__content {
    padding: 0 14px;
  }
  .articles__container {
    display: block;
  }
  .articles__articleDetail h2 {
    width: 100%;
    text-align: center;
  }
  .articles__articleDetail ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .articles__articleDetail li span {
    margin-left: 15px;
  }
  .articles__articleDetail li:not(:last-of-type) {
    margin-right: 15px;
  }
  .articles__detailLine {
    padding-bottom: 1px;
  }
  .guarantee__tabProductItem .guarantee__upText {
    display: none;
  }
  .guarantee__tabProductItemImg {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-bottom: 20px;
  }
  .guarantee__tabProductItemImg p {
    width: calc(350px + (600 - 350) * ((100vw - 768px) / (1920 - 768)));
    display: block;
    position: absolute;
    top: 50%;
    right: -60px;
    -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 800;
  }
  .catalog__menu .accordion:first-of-type {
    margin-top: 50px;
  }
  .catalog__upFilter .article__filterBtn {
    display: block;
  }
  .articleMenuContainer__back_layout {
    width: 100%;
    height: 100vh;
    position: absolute;
  }
}

@media (max-width: 1500px) {
  .basket__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .basket__menuContainer {
    background: #F2F2F2;
    padding: 30px 0 50px;
    margin-left: calc(-10px + (-90 - -10) * ((100vw - 768px) / (1920 - 768)));
    margin-right: calc(-10px + (-90 - -10) * ((100vw - 768px) / (1920 - 768)));
    margin-bottom: calc(-50px + (-100 - -50) * ((100vw - 320px) / (1920 - 320)));
  }
  .basket__content {
    margin-right: 0;
  }
  .basket__menu {
    margin: 0 auto;
    width: calc(290px + (600 - 290) * ((100vw - 320px) / (768 - 320)));
  }
  .basket__menu .buttonArrow {
    width: calc(290px + (400 - 290) * ((100vw - 320px) / (768 - 320)));
    margin: 25px auto 0;
  }
  .basket__checkout {
    margin: 20px auto 50px;
  }
}

@media (max-width: 1480px) {
  .product__previewInfo .product__previewBtn .basket_actions_btn__wrapper, .product__previewInfo .product__previewBtn .product_hold_btn {
    width: 48%;
  }
  .productCard__slider .imgSliderSmall .swiper-slide {
    width: 110px !important;
  }
  .productCard__slider .imgSliderSmall .swiper-wrapper {
    height: 120px;
  }
  /*
  .product__preview {
    -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;
  }
  */
  .productCard__slider .imgSlider {
    margin: 0 auto;
  }
  .productCard__slider .swiper-button-prev {
    left: 0px;
    top: unset;
    bottom: 47px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .productCard__slider .swiper-button-next {
    left: unset;
    right: 0px;
    bottom: 47px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .product__preview {
    margin-top: 0px;
    padding: 10px 25px 80px;
  }
  .product__previewInfo {
    width: 50%;
    margin: 30px 0 0;
    text-align: center;
  }
  .product__previewInfo ul.product__previewInfo-top {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product__previewInfo .product__previewBtn {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .product__previewInfo .product__previewBtn button {
    width: calc(290px + (340 - 290) * ((100vw - 320px) / (768 - 320)));
  }
  .productCard__slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 30px;
    margin-right: 0;
    height: 660px;
    width:50%;
  }

  .productCard__slider:before {
    display: none;
  }
  .productCard__slider .imgSliderSmall {
      width: 86%;
      height: 160px;
      margin: 0 auto;
  }
  .index__sportsContainer h4 {
    display: block;
  }
  .index__sportsContainer svg {
    fill: #fff;
    margin-left: 0;
  }
  .index__sportsContainer .buttonArrow {
    position: unset;
    height: 60px;
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  }
  .index__sportsContainer .buttonArrow p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .index__sportsContainer .buttonArrow p:first-child {
    display: none;
  }
  .index__sportsContainer .buttonArrow p:last-child {
    margin-top: 0;
    color: #fff;
  }
  .horizontalScroll__box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .horizontalScroll__container {
  width: 48%;
  }
  .catalog_additional_list .horizontalScroll__container, .catalog-products-viewed .horizontalScroll__container {
  width: 24%;
  }
  .horizontalScroll__container img {
    -o-object-position: top;
       object-position: top;
  }
  .contacts__tabs .tabs__label {
    width: calc(180px + (350 - 180) * ((100vw - 768px) / (1920 - 768)));
    margin: auto 0;
  }
  .personal__tabs .tabs__label {
    width: auto;
  }
  .personal__tabItemFavoriteItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .personal__tabItemFavoriteItemBtn {
    margin-top: 30px;
  }
  .personal__tabItemFavoriteItemDelete {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  /*
  .basket__recommend .horizontalScroll__container div:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  */
  .guarantee__tabs {
    -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;
  }
  .guarantee__tabs .tabs__label {
    text-align: center;
    padding: 10px;
  }
  .guarantee__tabs .tabs__label:first-of-type {
    margin-left: 0;
  }
  .guarantee__tabs .tabs__label:last-of-type {
    margin-right: 0;
    padding-bottom: 20px;
  }
  .guarantee__tabs .tabs__content:before {
    display: none;
  }
  .guarantee__tabs .tabs__content:after {
    content: '';
    width: 98%;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  /*
  .product__detail .tabs__main {
    -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;
  }
  */
  .product__detail .tabs__content:before {
    display: none;
  }
  .product__detail .tabs__content:after {
    content: '';
    width: 98%;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .product__detail .tabs__label {
    font-size: 12px;
  }
  .product__detail .tabs__label:first-of-type {
    margin-left: 15px;
  }
  .product__detail .tabs__label:last-of-type {
    margin-right: 15px;
  }
}
@media (max-width: 1440px) {
  #bx-soa-orderSave {
    display: none;
  }
  #bx-soa-orderSave .basket__contentDeliveryItem, .buttonArrow.basket__checkout {
    display: none;
  }
  .bx-soa-section.basket__menu {
    background: transparent;
    padding-bottom: 30px;
  }
  #bx-soa-total {
    width: 100%;
    margin: 0px auto 35px;
    background: #fff;
    padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  }
  .bx-soa-cart-total {
    background: transparent;
    background: transparent;
    border: none;
    padding: 50px 0 0;
  }
  .basket__menu {
    margin: 0 auto;
    width: 100%;
    padding-left: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(10px + (90 - 10) * ((100vw - 768px) / (1920 - 768)));
  }
  .basket__menuContainer .btn-order-save {
    width: calc(290px + (400 - 290) * ((100vw - 320px) / (1920 - 320)));
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: #fff;
    background: #EE472A;
    margin: 20px auto;
    text-transform: uppercase;
    background-image: url(/local/templates/covers/components/bitrix/sale.order.ajax/new_boot/images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: 250px center;
    padding-right: 25px;
  }
  .basket__menuContainer .hide__order__btn .btn-order-save {
    display:none !important;
  }
  .product__preview {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product__previewInfo {
    max-width: 660px;
  }
  .productCard__slider {
      max-width: 660px;
  }
}
@media (max-width: 1366px) {

  .product__previewInfo .mySwiperSmall.swiper-container {
    max-width: 650px;
    }
  .product__previewInfo .mySwiperSmall .swiper-slide {
      width: 98px !important;
      height: 98px !important;
  }
  .product__previewInfo .mySwiperSmall .swiper-slide.swiper-slide-active .product__popupColor {
      left: 91%;
      z-index: 1;
  }
}
@media (max-width: 1350px) {
  .personal__popup h2 {
    margin-bottom: 20px;
  }
  .personal__popupBtn {
    position: unset;
    margin: 0 auto 30px auto;
  }
}
@media (max-width: 1280px) {
  .product__previewInfo .mySwiperSmall.swiper-container {
    max-width: 613px;
  }
  .product__previewInfo .mySwiperSmall .swiper-slide {
    width: 92px !important;
    height: 92px !important;
  }
  .product__previewInfo .mySwiperSmall .swiper-slide .product__popupColor {
    width: 166px;}
  .productCard__slider .imgSliderSmall {
    width: 77%;
  }
}
@media (max-width: 1200px) {
  .index__bikeBag {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .index__bikeBagBox1,
  .index__bikeBagBox2 {
    width: 100%;
  }
  .index__bikeBagBox2 .index__bikeBagText {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .contacts__feedback {
    margin-bottom: calc(-50px + (-100 - -50) * ((100vw - 320px) / (1920 - 320)));
  }
  .contacts__feedback img {
    display: none;
  }
  .contacts__feedbackBox {
    width: 100%;
  }
  .personal__tab:before {
    width: 105%;
  }
  .cooperation__forms {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cooperation__forms form {
    width: 49%;
  }
  .cooperation__forms form:first-child {
    margin-right: 0;
  }
  .guarantee__tabNumbersDesktop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .guarantee__tabNumbersDesktop div {
    width: 100%;
    margin-bottom: 60px;
  }
}

@media (max-width: 1150px) {
  .catalogProducts {
    grid-template-columns: repeat(3, 1fr);
  }
  .contacts__feedback h4 {
    width: 100%;
    text-align: center;
  }
  .contacts__feedbackForm,
  .contacts__feedbackInfo {
    width: 100%;
  }
  .contacts__feedbackInfo iframe {
    height: calc(290px + (370 - 290) * ((100vw - 320px) / (1150 - 320)));
  }
  .contacts__feedbackForm {
    margin-top: 70px;
    position: relative;
  }
  .contacts__feedbackForm .buttonArrow {
    margin-left: 84px;
    margin-right: 84px;
  }
  .contacts__feedbackForm:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: -40px;
  }
}

@media (max-width: 1120px) {
  .leftMenu__main, .leftMenu__detail, .leftMenu__items {
    width: calc(500px + (560 - 500) * ((100vw - 1000px) / (1120 - 1000)));
  }
  .leftMenu__main, .leftMenu__items {
    padding-left: calc(50px + (90 - 50) * ((100vw - 1000px) / (1120 - 1000)));
  }
  .leftMenu__detail {
    padding-left: calc(137px + (177 - 137) * ((100vw - 1000px) / (1120 - 1000)));
  }
  .leftMenu__close {
    left: calc(50px + (90 - 50) * ((100vw - 1000px) / (1120 - 1000)));
  }
  .leftMenu__logo {
    left: calc(137px + (177 - 137) * ((100vw - 1000px) / (1120 - 1000)));
  }
  .map__linksBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .map__linksBox div {
    width: 30%;
  }
}

@media (max-width: 1100px) {

  .product__preview {
    -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;
  }
  .productCard__slider, .product__previewInfo {
    width:100%;
  }
  .product__detail .tabs__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.catalog_additional_list .horizontalScroll__container, .catalog-products-viewed .horizontalScroll__container {
    width: 48%;
}
  .footer__topMenu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
  }
  .footer__topMenu div {
    width: 30%;
  }
  .footer__topMenu div:last-child {
    width: 600px;
    margin-top: 40px;
  }
  .footer__bottomMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #fff;
    text-align: center;
  }
  .footer__bottomMenu a {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    text-decoration: underline;
  }
  .footer__bottomMenu p {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-bottom: 10px;
  }
  .footer__link {
    width: 80%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .footer__link svg {
    fill: #081221;
  }
  .footer__link a {
    width: 30px;
    height: 30px;
  }
  .footer__img {
    margin: 45px 0;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__img img:nth-child(2) {
    margin: 0 calc(50px + (60 - 50) * ((100vw - 320px) / (1100 - 320)));
  }
  .footer__img:before {
    content: '';
    width: 90%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: -16px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #C4C4C4;
  }
  .footer__img:after {
    content: '';
    width: 90%;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -16px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #C4C4C4;
  }
  .header__topMenu {
    display: none;
  }
  .header__topMenuTablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__bottomMenu nav,
  .header__phone,
  .header__bottomMenu button, .header__phone_wrapper p:last-child {
    display: none;
  }
  .header__iconsPersonal {
    margin: 0 calc(10px + (30 - 10) * ((100vw - 320px) / (1100 - 320)));
  }
  .header__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .bannerTitle {
    margin-top: 0;
    height: 200px;
  }
  .bannerBread {
    height: auto;
  }
  .fourHundredFour {
    margin-top: 0;
    height: 100%;
    background: url("/local/templates/covers/img/404-768.jpg") no-repeat center center;
    background-size: cover;
  }
  .delivery__tabs .tabs__content:before {
    display: none;
  }
  .delivery__tabs .tabs__label:nth-of-type(1):before {
    display: none;
  }
  .delivery__tabs .tabs__label:nth-of-type(2) {
    position: relative;
  }
  .delivery__tabs .tabs__label:nth-of-type(2):before {
    content: '';
    width: 1px;
    height: 100%;
    background: #B3B5B4;
    position: absolute;
    top: 0;
    left: -45px;
  }
  .delivery__tabs .tabs__label:nth-of-type(2):after {
    content: '';
    width: 1px;
    height: 100%;
    background: #B3B5B4;
    position: absolute;
    top: 0;
    right: -45px;
  }
  .delivery__accordion .accordion__panel .delivery__accordionItem {
    width: 100%;
  }
  .delivery__accordionItemPrice {
    width: calc(150px + (290 - 150) * ((100vw - 590px) / (1100 - 590)));
  }
  .personal__orderItemRepeat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal__orderItemRepeat button {
    margin-top: calc(23px + (40 - 23) * ((100vw - 320px) / (1100 - 320)));
  }
  .aboutBannerTitle {
    height: calc(350px + (770 - 350) * ((100vw - 768px) / (1920 - 768)));
  }
  .map__banners a {
    position: absolute;
    bottom: 0;
  }
  .map__bannersBig a {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .map__bannersSmall a {
    left: 0;
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .guarantee__tabProductBtn {
    width: 100%;
    font-size: 14px;
    padding: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .guarantee__tabProductBtn .guarantee__arrowBig {
    display: block;
    margin-left: 0;
  }
  .guarantee__tabProductBtn .guarantee__arrowSmall {
    display: none;
  }
  .basket__itemSale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .basket__itemSale .basket__itemTitle p {
    margin: 0 auto;
  }
  .basket__itemSale .basket__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .basket__itemSale p {
    width: 65px;
  }
  .basket__itemBox:not(:first-of-type) .basket__itemTitle {
    display: block;
  }
  .basket__itemBox:not(:first-of-type) .basket__itemProduct .basket__itemTitle {
    display: none;
  }
  .basket__itemBox {
    grid-template-columns: 1fr 0.7fr 1fr 1fr auto;
    grid-template-rows: repeat(2, auto);
    text-align: center;
  }
  .basket__itemPrice .basket__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .basket__itemSize .basket__item,
  .basket__itemColor .basket__item,
  .basket__itemQuantity .basket__item,
  .basket__itemPrice .basket__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .basket__itemProduct {
    grid-column-start: 1;
    grid-column-end: 6;
    position: relative;
    text-align: left;
  }
  .basket__itemProduct:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .basket__itemProduct:not(:first-child) .basket__itemTitle {
    display: none;
  }
}

@media (max-width: 950px) {
  .index__bannerSale {
    text-align: center;
  }
  .index__bannerSale a {
    margin: 40px auto 0;
  }
  .index__bannerSale .strokeText {
    -webkit-text-stroke-width: unset;
    color: #fff;
  }
  .leftMenu__main, .leftMenu__detail, .leftMenu__items {
    width: 100%;
    padding: calc(92px + (140 - 92) * ((100vw - 320px) / (950 - 320))) 10px 50px;
  }
  .leftMenu__items {
    z-index: 25;
  }
  .leftMenu__detail h2, .leftMenu__items h2 {
    padding-left: 95px;
  }
  .leftMenu__detail h2 svg, .leftMenu__items h2 svg {
    display: block;
    left: 0;
  }
  .leftMenu__close {
    top: calc(21px + (25 - 21) * ((100vw - 320px) / (950 - 320)));
    left: unset;
    right: calc(14px + (25 - 14) * ((100vw - 320px) / (950 - 320)));
    height: calc(16px + (22 - 16) * ((100vw - 320px) / (950 - 320)));
    width: calc(16px + (22 - 16) * ((100vw - 320px) / (950 - 320)));
  }
  .leftMenu__logo {
    width: calc(46px + (88 - 46) * ((100vw - 320px) / (950 - 320)));
    height: calc(30px + (58 - 30) * ((100vw - 320px) / (950 - 320)));
    top: calc(14px + (6 - 14) * ((100vw - 320px) / (950 - 320)));
    left: calc(14px + (25 - 14) * ((100vw - 320px) / (950 - 320)));
  }
  .leftMenu__searchInput, .leftMenu__items .leftMenu__close, .leftMenu__items .leftMenu__logo {
    display: block;
  }
  .leftMenu__searchInput {
    height: calc(30px + (40 - 30) * ((100vw - 320px) / (950 - 320)));
    width: calc(180px + (700 - 180) * ((100vw - 320px) / (950 - 320)));
  }
  .leftMenu__searchInput input {
    padding-left: calc(38px + (46 - 38) * ((100vw - 320px) / (950 - 320)));
  }
  .leftMenu__searchInput svg {
    height: calc(16px + (22 - 16) * ((100vw - 320px) / (950 - 320)));
    width: calc(16px + (22 - 16) * ((100vw - 320px) / (950 - 320)));
  }
  .delivery__banner h2 {
    max-width: none;
  }
  .personal__banner .buttonArrow {
    position: unset;
    margin-top: 20px;
  }
  .personal__orderTitle {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .return__requisites {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .return__requisitesItem {
    width: 100%;
    padding-top: 35px;
    padding-left: calc(14px + (40 - 14) * ((100vw - 320px) / (950 - 320)));
    padding-right: calc(14px + (40 - 14) * ((100vw - 320px) / (950 - 320)));
    margin-bottom: 20px;
  }
  .deliveryNode-wrapper .deliveryInfo-wrapper, .paySystemNode-wrapper .paySystemInfo-wrapper {
    display: none;
  }
  .deliveryItems-list, .paySystemItems-list {
    width: 100%;
    padding-right: 0px;
}
}

@media (max-width: 950px) {
  .catalog__popupBasketBox {
    width: 95%;
  }
  .catalog__popupBasketBox div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .catalog__popupBasketBox button {
    margin-right: 0;
    margin-top: 20px;
  }
  .about__info .horizontalScroll__box .horizontalScroll__container {
    width: 100%;
  }
  .about__info .horizontalScroll__box .horizontalScroll__container p:last-child {
    font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (768 - 320)));
  }
  .about__info .horizontalScroll__box .horizontalScroll__container div {
    height: 250px;
  }
}

@media (max-width: 920px) {
  .catalog__slider .catalog__slideBlue {
    padding: 0 60px 0 30px;
  }
  .articles__articleItem p {
    display: none;
  }
  .articles__articleItem h3 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .articles__articleItem ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
  .articles__articleItem ul span {
    display: none;
  }
  .articles__articleItem ul li {
    margin: 10px 0 0;
  }
}

@media (max-width: 840px) {
  .catalogProducts {
    grid-template-columns: repeat(2, 1fr);
  }
  .productCard__slider .swiper-button-prev {
    left: 0;
    bottom: calc(30px + (40 - 30) * ((100vw - 590px) / (840 - 590)));
  }
  .productCard__slider .swiper-button-next {
    right: 0;
    bottom: calc(30px + (40 - 30) * ((100vw - 590px) / (840 - 590)));
  }
  .product__preview {
    margin-top: 0;
  }
  .productCard__slider {
    width: calc(290px + (800 - 290) * ((100vw - 320px) / (840 - 320)));
    height: calc(380px + (500 - 380) * ((100vw - 320px) / (840 - 320)));
    margin-top: 0;
  }
  .productCard__slider .imgSliderSmall {
    width: calc(290px + (630 - 290) * ((100vw - 320px) / (840 - 320)));
    height: calc(70px + (120 - 70) * ((100vw - 320px) / (840 - 320))) !important;
  }
  .productCard__slider .imgSliderSmall .swiper-slide {
    width: calc(70px + (120 - 70) * ((100vw - 320px) / (840 - 320))) !important;
    height: calc(70px + (120 - 70) * ((100vw - 320px) / (840 - 320))) !important;
  }
  .productCard__slider .imgSlider {
    width: calc(290px + (800 - 290) * ((100vw - 320px) / (840 - 320)));
    height: calc(290px + (370 - 290) * ((100vw - 320px) / (840 - 320))) !important;
  }
  .productCard__slider .imgSlider .swiper-slide {
    width: calc(290px + (800 - 290) * ((100vw - 320px) / (840 - 320))) !important;
    height: calc(290px + (370 - 290) * ((100vw - 320px) / (840 - 320))) !important;
  }
}

/* media tablet */
@media (max-width: 768px) {
  h4 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(18px + (24 - 18) * ((100vw - 320px) / (768 - 320)));
  }
  .container {
    padding: 0 10px;
  }
  .footer__topMenu {
    padding-top: 25px;
    padding-bottom: calc(48px + (93 - 48) * ((100vw - 320px) / (768 - 320)));
  }
  .footer__topMenu input {
    width: calc(292px + (600 - 292) * ((100vw - 320px) / (768 - 320)));
  }
  .footer__topMenu div {
    width: 100%;
  }
  .footer__topMenu div:first-child {
    margin-top: 40px;
  }
  .footer__topMenu div:last-child {
    width: 100%;
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    margin-top: 0;
  }
  .footer__topMenu div:nth-child(2) {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-top: 100px;
    position: relative;
  }
  .footer__topMenu div:nth-child(2):before {
    content: '';
    width: calc(292px + (600 - 292) * ((100vw - 320px) / (768 - 320)));
    height: 1px;
    background: #FAC62F;
    position: absolute;
    left: 50%;
    top: -50px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .footer__bottomMenu {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .header__topMenuTablet p, .header__topMenuTablet a {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (768 - 320)));
  }
  .header__topMenuTablet button {
    width: calc(100px + (260 - 100) * ((100vw - 320px) / (768 - 320)));
    font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (768 - 320)));
  }
  .header__bottomMenu {
    height: calc(36px + (70 - 36) * ((100vw - 320px) / (768 - 320)));
  }
  .header__icons svg {
    height: calc(16px + (20 - 16) * ((100vw - 320px) / (768 - 320)));
  }
  .slider {
    height: calc(620px + (350 - 620) * ((100vw - 320px) / (768 - 320)));
  }
  .swiper-slide {
    padding-left: calc(10px + (60 - 10) * ((100vw - 320px) / (768 - 320)));
  }
  .index__advertisingHover {
    padding-top: 25px;
  }
  .index__sports {
    padding-left: calc(14px + (10 - 14) * ((100vw - 320px) / (768 - 320)));
    padding-right: calc(14px + (10 - 14) * ((100vw - 320px) / (768 - 320)));
  }
  .banner p {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (768 - 320)));
  }
  .banner h2 {
    font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(24px + (40 - 24) * ((100vw - 320px) / (768 - 320)));
  }
  .index__bikeBag h3,
  .index__accessoriesBox h3 {
    font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .index__bikeBag p,
  .index__accessoriesBox p {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (768 - 320)));
  }
  .cardDetail {
    text-align: center;
  }
  .index__accessories {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .index__accessories a {
    margin: 0 auto;
  }
  .index__accessoriesBox,
  .index__accessoriesBigImg {
    width: 100%;
  }
  .index__bannerSale {
    padding-top: calc(80px + (100 - 80) * ((100vw - 320px) / (768 - 320)));
  }
  .leftMenu__listLinks li:not(:last-child) {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320)));
  }
  .leftMenu__detail h2 {
    margin-bottom: calc(40px + (60 - 40) * ((100vw - 320px) / (768 - 320)));
  }
  .leftMenu__openItemsList, .leftMenu__itemsLite, .leftMenu__itemsBold {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320)));
  }
  .leftMenu__itemsLite:first-child {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320)));
  }
  .bannerTitle {
    height: calc(140px + (200 - 140) * ((100vw - 320px) / (768 - 320)));
  }
  .bannerTitle h1 {
    font-size: calc(26px + (52 - 26) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(26px + (52 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .titlePage {
    margin-top: 30px;
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(26px + (34 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .titlePage:before {
    width: calc(292px + (230 - 292) * ((100vw - 320px) / (768 - 320)));
    height: calc(2px + (4 - 2) * ((100vw - 320px) / (768 - 320)));
  }
  .containerNarrow {
    width: 100%;
    height: auto;
    padding-left: calc(14px + (30 - 14) * ((100vw - 320px) / (768 - 320)));
    padding-right: calc(14px + (30 - 14) * ((100vw - 320px) / (768 - 320)));
  }
  .custom-select-wrapper {
    width: calc(235px + (300 - 235) * ((100vw - 320px) / (768 - 320)));
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (768 - 320)));
  }
  .custom-select__trigger {
    height: calc(40px + (50 - 40) * ((100vw - 320px) / (768 - 320)));
  }
  .fourHundredFour {
    padding-top: calc(45px + (52 - 45) * ((100vw - 320px) / (768 - 320)));
  }
  .fourHundredFour div {
    width: calc(290px + (580 - 290) * ((100vw - 320px) / (768 - 320)));
  }
  .fourHundredFour h1 {
    font-size: calc(26px + (52 - 26) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(36px + (62 - 36) * ((100vw - 320px) / (768 - 320)));
  }
  .fourHundredFour p {
    width: calc(292px + (700 - 292) * ((100vw - 320px) / (768 - 320)));
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (768 - 320)));
  }
  .contacts__delivery .horizontalScroll__container {
    height: calc(250px + (310 - 250) * ((100vw - 320px) / (768 - 320)));
  }
  .contacts__delivery .horizontalScroll__container div {
    height: calc(160px + (190 - 160) * ((100vw - 320px) / (768 - 320)));
  }
  .contacts__delivery .horizontalScroll__container svg {
    height: calc(220px + (280 - 220) * ((100vw - 320px) / (768 - 320)));
  }
  .contacts__map {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contacts__map img {
    width: calc(292px + (696 - 292) * ((100vw - 320px) / (768 - 320)));
    height: calc(300px + (368 - 300) * ((100vw - 320px) / (768 - 320)));
  }
  .contacts__tabs .tabs__label:first-of-type {
    padding-left: calc(15px + (30 - 15) * ((100vw - 768px) / (1920 - 768)));
  }
  .contacts__tabs .tabs__label:last-of-type {
    padding-right: calc(15px + (30 - 15) * ((100vw - 768px) / (1920 - 768)));
  }
  .contacts__feedbackBox {
    padding-top: calc(28px + (58 - 28) * ((100vw - 320px) / (768 - 320)));
    padding-bottom: calc(50px + (58 - 50) * ((100vw - 320px) / (768 - 320)));
    padding-left: calc(14px + (30 - 14) * ((100vw - 320px) / (768 - 320)));
    padding-right: calc(14px + (30 - 14) * ((100vw - 320px) / (768 - 320)));
  }
  .contacts__feedbackBox h4 {
    margin-bottom: calc(39px + (50 - 39) * ((100vw - 320px) / (768 - 320)));
  }
  .delivery__accordion .accordion {
    font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .delivery__accordion .accordion p {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (768 - 320)));
  }
  .delivery__accordionItemPrice {
    margin-left: calc(0px + (170 - 0) * ((100vw - 320px) / (768 - 320)));
  }
  .shops {
    margin-top: 0;
    overflow:hidden;
  }
  .shops__itemsSlider a {
    width: 240px;
    height: 160px;
  }
  .personal__popup {
    padding-top: calc(82px + (79 - 82) * ((100vw - 320px) / (768 - 320)));
    padding-bottom: calc(79px + (118 - 79) * ((100vw - 320px) / (768 - 320)));
    padding-left: calc(10px + (74 - 10) * ((100vw - 320px) / (768 - 320)));
    padding-right: calc(10px + (74 - 10) * ((100vw - 320px) / (768 - 320)));
  }
  .personal__popup input {
    padding-left: calc(10px + (20 - 10) * ((100vw - 320px) / (768 - 320)));
    padding-right: calc(10px + (20 - 10) * ((100vw - 320px) / (768 - 320)));
  }
  .personal__popup h2 {
    font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (768 - 320)));
  }
  .personal__banner {
    height: calc(200px + (140 - 200) * ((100vw - 320px) / (768 - 320)));
  }
  .personal__tabItem h3 {
    width: 100%;
    text-align: center;
  }
  .personal__tabItemFavoriteItemPrice {
    margin-top: 10px;
  }
  .checkCircle {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (768 - 320)));
  }
  .personal__tabMainData form label:not(label[for="bannerSubmitPersonal"]):not(label[for="bannerSubmitPass"]), .personal__tabChangePassword form label:not(label[for="bannerSubmitPersonal"]):not(label[for="bannerSubmitPass"]) {
    width: 100%;
  }
  .personal__tabMainData form, .personal__tabChangePassword form {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .personal__tabMainData_form label:not(label[for="bannerSubmitPersonal"]):not(label[for="bannerSubmitPass"]), .personal__tabChangePassword form label:not(label[for="bannerSubmitPersonal"]):not(label[for="bannerSubmitPass"]) {
    width: 100%;
  }
  .personal__tabMainData_form, .personal__tabChangePassword form {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .personal__prompt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .personal__tabMainData .buttonArrow, .personal__tabChangePassword .buttonArrow, .personal__tabAddressDelivery .buttonArrow {
    margin: 30px auto 0;
  }
  .cooperation__subtitle {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (768 - 320)));
  }
  .cooperation__entrance h2 {
    font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(24px + (40 - 24) * ((100vw - 320px) / (768 - 320)));
  }
  .cooperation__forms {
    -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;
  }
  .cooperation__forms form {
    width: 540px;
  }
  .cooperation__forms form:first-child {
    margin-bottom: 50px;
  }
  .return__blockText h3 {
    font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .return__subtitle {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (768 - 320)));
    line-height: calc(22px + (28 - 22) * ((100vw - 320px) / (768 - 320)));
  }
  .aboutBannerTitle {
    margin-top: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(230px + (350 - 230) * ((100vw - 320px) / (768 - 320)));
  }
  .aboutBannerTitle ul {
    left: 13px;
  }
  .about__crazyImagesBig,
  .about__crazyImagesSmall {
    width: 48%;
  }
  .about__crazyImagesBig h3,
  .about__crazyImagesSmall h3 {
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (768 - 320)));
  }
  .about__crazyImagesBigItem {
    height: auto;
    padding: 0 0 0 10px;
  }
  .about__crazyImagesBigItem img {
    position: relative;
    height: calc(380px + (430 - 380) * ((100vw - 320px) / (768 - 320)));
  }
  .about__crazyImagesBigItem h3 {
    color: #081221;
    margin-top: 20px;
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (768 - 320)));
  }
  .about__crazyImagesSmallItem:first-child {
    width: 100%;
    height: calc(380px + (430 - 380) * ((100vw - 768px) / (1920 - 768)));
    margin: 0 10px;
  }
  .about__crazyImagesSmallItem:last-child {
    width: 100%;
    height: calc(380px + (430 - 380) * ((100vw - 768px) / (1920 - 768)));
    margin: 30px 10px 0;
  }
  .articles__articleDetail h2 {
    font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .bannerBread {
    height: auto;
    padding-top: 10px;
    padding-left: 10px;
  }
  .map__link a {
    margin-left: calc(-10px + (35 - -10) * ((100vw - 320px) / (768 - 320)));
    margin-right: calc(-10px + (35 - -10) * ((100vw - 320px) / (768 - 320)));
  }
  .map__banners {
    padding-left: 10px;
    padding-right: 10px;
  }
  .map__bannersBig {
    height: 220px;
  }
  .map__bannersBig:before {
    font-size: calc(70px + (170 - 70) * ((100vw - 320px) / (768 - 320)));
    letter-spacing: calc(15px + (35 - 15) * ((100vw - 320px) / (768 - 320)));
    -webkit-text-stroke-width: calc(3px + (5 - 3) * ((100vw - 320px) / (768 - 320)));
  }
  .map__bannersSmall {
    height: 220px;
  }
  .map__bannersSmall:before {
    font-size: calc(70px + (100 - 70) * ((100vw - 320px) / (768 - 320)));
    letter-spacing: calc(15px + (20 - 15) * ((100vw - 320px) / (768 - 320)));
    -webkit-text-stroke-width: 3px;
  }
  .map__stroke {
    font-size: calc(26px + (40 - 26) * ((100vw - 320px) / (768 - 320)));
    line-height: 36px;
  }
  .map__linksBox {
    padding: 50px 10px 36px;
  }
  .map__linksBox h4 {
    padding-left: 10px;
  }
  .map__linksBox div {
    width: 45%;
  }
  .basket__menuContainer {
    margin-left: -10px;
    margin-right: -10px;
  }
  .basket__banner {
    height: calc(220px + (320 - 220) * ((100vw - 320px) / (768 - 320)));
  }
  .basket__bannerLine {
    display: none;
  }
  .catalogProductItemImg {
    height: calc(156px + (430 - 156) * ((100vw - 320px) / (768 - 320)));
  }
  .bx-soa-customer .bx-soa-customer-field[data-property-id-row="21"],
  .bx-soa-customer .bx-soa-customer-field[data-property-id-row="22"],
  .bx-soa-customer .bx-soa-customer-field[data-property-id-row="23"] {
      display: inline-block;
      width: 100%;
  }

  .bx-soa-customer .bx-soa-customer-field[data-property-id-row="40"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="34"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="35"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="36"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="46"] {
      display: inline-block;
      width: 47.7%;
  }
  .delivery__accordion .deli_window img {
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: block;
  }
  .delivery__accordion .deli_window iframe {width: 100%;}

}

/* ------------ */
@media (max-width: 750px) {
  .shops__items {
    display: none;
  }
  .shops__itemsSlider {
    display: block;
  }
  .guarantee__tabs .guarantee__tab .shops__items {
    display: none;
  }
  .guarantee__tabs .guarantee__tab .shops__itemsSlider {
    display: block;
  }
}

@media (max-width: 720px) {
  .product__previewInfo .product__previewBtn {
    -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;
  }
  .product__previewInfo .product__previewBtn button {
    margin-bottom: 10px;
  }
  .catalog__slider .catalog__slideBlue {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .catalog__slider .catalog__slideBlue .big {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .catalog__slider .catalog__slideBlue div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
  .catalog__slider .catalog__slideBlue div a:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .index__sports {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -10px;
    padding: 0;
  }
  .index__sportsContainer {
    width: 100%;
    margin: 40px 12px 0;
  }
  .index__sportsContainer .buttonArrow {
    width: 306px;
    height: 120px;
    position: absolute;
    bottom: -30px;
    left: -14px;
    -webkit-clip-path: polygon(0 0, 55% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 55% 0, 100% 100%, 0% 100%);
    padding-left: 14px;
    padding-bottom: 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .index__sportsContainer .buttonArrow p:last-child {
    color: #081221;
  }
  .index__sportsContainer svg {
    fill: #081221;
  }
  .index__sportsContainer h4 {
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 220px;
    font-size: 26px;
    left: 0;
    z-index: 2;
  }
  .index__sportsContainer img {
    height: 290px;
  }
  .personal__popup {
    width: 100%;
  }
  .personal__popup label, .personal__popup .personal__popupOpenBtn, .personal__popup .personal__contract {
    width: 100%;
  }
  .personal__popupOpenBtn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal__popupOpenBtn a {
    width: 290px;
  }
  .personal__popupOpenBtn a:first-of-type {
    margin-bottom: 30px;
  }
}

@media (max-width: 700px) {
  .product__detail .containerNarrow {
    text-align: center;
  }
  .product__detail .containerNarrow .product__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product__detail .containerNarrow .product__categories li {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .product__detail .containerNarrow .product__categories span {
    display: none;
  }
  .catalog__upFilter .custom-select__trigger {
    padding: 0 10px;
  }
  .personal__tabAddressDeliveryItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal__tabs .personal__tabItem .personal__tabAddressDeliveryItemBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .personal__tabAddressDeliveryItemBtn {
    margin: 14px 0 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .personal__tabAddressDeliveryItemBtn p:last-child {
    margin-top: 0;
  }
  .articles__articleItem {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .articles__articleItem img {
    width: 100%;
    height: calc(180px + (300 - 180) * ((100vw - 320px) / (768 - 320)));
    margin: 0 0 15px;
  }
  .article__filterBtn {
    margin-left: 15px;
  }
}

@media (max-width: 680px) {
  .bannerBread {
      height: auto;
      padding-top: 20px;
      padding-left: 0px;
      padding-right: 0;
  }
  .bannerTitle svg {
      margin-right: calc(6px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));
  }
  .bx-breadcrumb .bx-breadcrumb-item {
      margin-bottom: 6px;
      line-height: 13px;
      margin-right: 0px;
  }
  .product__preview {
      padding: 15px 0;
  }
  .slider {
    overflow: hidden;
  }
  .tabs__content .containerNarrow iframe {
    width:100%;
  }
  .horizontalScroll {
    width: calc(320px + (733 - 320) * ((100vw - 320px) / (733 - 320)));
    padding: 0 14px;
  }
  .index__advertisingContainer {
    width: 100%;
    height: auto;
    position: relative;
  }
  .horizontalScroll__box, .contacts__delivery .horizontalScroll__box {
    display: none;
  }
  .smallSlider {
    display: block;
    height: calc(412px + (550 - 412) * ((100vw - 320px) / (768 - 320)));
    overflow: hidden;
  }
  .smallSlider .swiper-slide {
    padding: 0;
    height: calc(412px + (550 - 412) * ((100vw - 320px) / (768 - 320)));
  }
  .horizontalScroll .smallSlider .swiper-slide {
    padding: 0;
    height: calc(350px + (550 - 412) * ((100vw - 320px) / (768 - 320)));
  }
  .smallSlider__next {
    position: absolute;
    bottom: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .smallSlider__next svg {margin-left: 10px}
  .smallSlider .swiper-slide h4 {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
  }
  .smallSlider .swiper-slide p {
    width: 100%;
    font-size: 14px;
    margin: 0 0 22px 0;
  }
  .smallSlider .swiper-slide a {
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 0;
  }
  .smallSlider .swiper-slide img {
    width: 100%;
    height: calc(350px + (488 - 350) * ((100vw - 320px) / (768 - 320)));
    z-index: 1;
    -o-object-position: top;
       object-position: top;
  }
  .smallSlider .swiper-slide a p,.smallSlider .swiper-slide a .horizontalScroll__hiddenWindow {
    display:none;
  }
  .smallSlider .swiper-slide a p.smallSlider__next {
    display:block;
  }
  .smallSlider .swiper-pagination {
    top: unset !important;
    bottom: 0 !important;
    overflow: auto !important;
    height: 10px !important;
    background: none;
  }
  .smallSlider .swiper-pagination:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #B3B5B4;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .smallSlider .horizontalScroll__line {
    display: block;
    width: 100%;
    height: 2px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
  }
  .smallSlider .swiper-pagination-progressbar-fill {
    background: #86CB38 !important;
  }
  .cardDetail .swiper-slide {
    padding-bottom: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cardDetail .swiper-slide .horizontalScroll__container {
    height: 100%;
    width: calc(290px + (500 - 290) * ((100vw - 320px) / (680 - 320)));
    margin-top: 0;
  }
  .cardDetail .swiper-slide p {
    display: none;
  }
  .cardDetail .swiper-slide img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
    height: calc(214px + (348 - 214) * ((100vw - 320px) / (680 - 320)));
  }
  .cardDetail .swiper-slide img, .cardDetail .swiper-slide h4 {
    position: unset;
  }
  .cardDetail .swiper-slide svg {
    fill: #fff;
  }
  .cardDetail .swiper-slide a {
    height: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
  }
  .index__backpack .cardDetail .swiper-slide:nth-child(3) img {
    padding-right: calc(50px + (70 - 50) * ((100vw - 320px) / (680 - 320)));
  }
  .contacts__delivery {
    margin-top: 0;
  }
  .contacts__delivery .smallSlider .swiper-slide {
    height: calc(320px + (370 - 320) * ((100vw - 320px) / (680 - 320)));
  }
  .contacts__delivery .swiper-container {
    height: calc(320px + (370 - 320) * ((100vw - 320px) / (680 - 320)));
  }
  .contacts__delivery .horizontalScroll__container {
    width: calc(290px + (400 - 290) * ((100vw - 320px) / (680 - 320)));
    margin: 0 auto;
  }
  .contacts__delivery .horizontalScroll__container div {
    height: calc(200px + (230 - 200) * ((100vw - 320px) / (680 - 320)));
  }
  .contacts__delivery .horizontalScroll__container svg {
    left: calc(-40px + (-27 - -40) * ((100vw - 320px) / (680 - 320)));
  }
  .contacts__delivery .smallSlider .swiper-slide p:not(:last-child) {
    margin: 0;
  }
  .contacts__delivery .buttonArrow {
    color: #081221;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: calc(0px + (120 - 0) * ((100vw - 320px) / (680 - 320)));
  }
  .contacts__delivery .buttonArrow svg {
    fill: #081221;
  }
  .personal__tabItemFavoriteItemBtn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal__tabItemFavoriteItemBtn button {
    margin: 12px 0 0;
  }
  .articles__detailSlider {
    height: 420px;
  }
  .articles__detailSlider .swiper-slide {
    height: 400px;
  }
  .articles__detailSlider .swiper-slide p {
    margin-bottom: 0;
  }
  .articles__detailSlider .swiper-slide img {
    height: 276px;
    position: unset;
    margin-bottom: 14px;
    -webkit-filter: none;
            filter: none;
    -o-object-position: center;
       object-position: center;
  }
  .articles__detailSlider .swiper-slide .articles__detailSliderSubtitle {
    font-weight: 800;
    margin-bottom: 10px;
    color: #B3B5B4;
    line-height: 14px;
  }
  .articles__detailSlider .swiper-slide h4 {
    position: unset;
    margin-top: 0;
    margin-bottom: 35px;
    text-align: left;
  }
  .map__linksBox {
    margin-top: 50px;
    padding-bottom: 10px;
  }
  .map__linksBox.map__activeBox {
    padding-bottom: 36px;
  }
  .map__linksBox.map__activeBox div {
    display: block;
  }
  .map__linksBox.map__activeBox svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .map__linksBox h4 {
    width: 98%;
    padding-right: 65px;
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .map__linksBox h4 svg {
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  .map__linksBox div {
    display: none;
  }
  .basket__recommend .swiper-slide p {
    display: block;
    color: #081221;
    margin-bottom: 0;
  }
  .basket__contentDeliveryItemHidden {
    width: 100%;
    color: #081221;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (768 - 320)));
  }
  .basket__contentDeliveryItemHidden.basket__contentDeliveryItemRed {
    color: #EE472A;
  }
  .basket__contentDeliveryItemHidden.basket__contentDeliveryItemRed svg {
    fill: #EE472A;
  }
  .basket__contentDeliveryItemHidden svg {
    fill: #081221;
  }
  .basket__contentDeliveryItemAddress a {
    display: none;
  }
  .basket__contentDeliveryItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .basket__contentDeliveryItem:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 16px;
  }
  .basket__contentDeliveryItem:last-child .basket__contentDeliveryItemPrice {
    width: auto;
    margin-top: 0;
  }
  .basket__contentDeliveryItem:last-child .basket__contentDeliveryItemPrice p {
    margin-bottom: 0;
  }
  .basket__contentDeliveryItemPrice {
    width: 100%;
    padding-left: 20px;
    margin-top: 10px;
  }
  .basket__contentDelivery h3, #bx-soa-paysystem h3  {
    font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (768 - 320)));
  }
  .bx-soa-customer .bx-soa-customer-field[data-property-id-row="40"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="34"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="35"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="36"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="46"] {
      display: inline-block;
      width: 46.7%;
  }
.catalog__popular .horizontalScroll__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.catalog_additional_list .horizontalScroll__container, .catalog-products-viewed .horizontalScroll__container {
    width: 100%;
}
.catalog__popular-inner.horizontalScroll {
  margin-top: 0px;
}
}

@media (max-width: 630px) {
  .product__previewInfo {
    text-align: left;
  }
  .product__previewInfo ul.product__previewInfo-top{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .product__previewInfo ul.product__previewInfo-top li {
    margin-top: 20px;
  }
  .product__previewInfo ul.product__previewInfo-top span {
    display: none;
  }
  .index__advertising {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .index__advertisingContainer {
    width: 100%;
    height: 300px;
  }
  .index__advertisingContainer .strokeText {
    font-size: 32px;
  }
  .index__advertisingContainer:last-child {
    margin-top: 10px;
  }
  .contacts__tabs .tabs__label {
    width: 100%;
  }
  .contacts__tabs .tabs__label:last-of-type {
    margin-right: 0;
    padding-right: 0;
  }
  .contacts__tabs .tabs__label:first-of-type {
    position: relative;
    margin-left: 0;
    padding-left: 0;
  }
  .contacts__tabs .tabs__label:first-of-type:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    top: -15px;
    left: 0;
  }
  .personal__tabs .tabs__label {
    width: auto;
  }
  .personal__tabs .tabs__label:last-of-type {
    margin-right: 35px;
  }
  .personal__tabs .tabs__label:first-of-type {
    margin-left: 35px;
  }
  .personal__tabs .tabs__label:first-of-type:before {
    display: none;
  }
  .personal__tabs .tabs__label p {
    display: none;
  }
}

@media (max-width: 600px) {
  .bx-breadcrumb .bx-breadcrumb-item {
      font-size: 12px;
  }
  .product__previewInfo {
      padding: 0 20px;
  }
  .tabs__content .containerNarrow img {
    width:100%;
    height: auto;
  }
  .product__previewInfo .product__previewBtn .product_hold_btn {
      width: auto;
      padding: 0 10px;
  }
  .product__previewInfo .product__previewBtn .basket_actions_btn__wrapper {
    width:auto;
  }
  .catalog__upFilter {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-orient: vertical;
-webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .catalog__upFilter p {
    display: none;
  }
  .articles__paginationShow {
    margin: 20px 0 40px;
  }
  .articles__paginationShow p {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    color: inherit;
}
  .catalog__upFilter .article__filterBtn {
    margin-left: 10px;
  }
  .basket__itemSale {
    display: block;
  }
  .basket__itemSale .basket__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .basket__itemDelete .basket__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .basket__itemDelete .basket__item svg {
    display: none;
  }
  .basket__itemDelete .basket__item .basket__price {
    display: block;
  }
  .basketItemOnePrice {
    display: block !important;
  }
  .basketMobSumPrice {
    color: #081221;
    font-weight: 600;
  }
  .basket__itemDelete .basket__itemTitle {
    position: relative;
  }
  .basket__itemDelete .basket__itemTitle svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .basket__itemTitle, .basket__item {
    padding-right: 0;
  }
  .basket__itemBox {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }
  .basket__itemProduct {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .basket__itemProduct .basket__item img {
    height: 120px;
  }
  .personal__tabs .personal__tabItem .basket__itemSale {
    display: block;
  }
  .personal__tabs .personal__tabItem .basket__itemSale .basket__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .basket__price {
    display: none;
  }
  .basket__itemSale .basket__itemTitle:after, .basket__itemDelete .basket__itemTitle:after, .basket__itemPrice .basket__itemTitle:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    left: 0;
    top: 0;
  }
  .personal__tabs .personal__tabItem .basket__itemPrice .basket__price {
    display: none;
  }
  .personal__tabs .personal__tabItem .basket__itemPrice .basket__salePrice {
    display: block;
  }
  .basket__itemPrice .basket__saleN {
    margin-bottom: 0;
  }
  .basket__itemPrice .basket__sale {
    display: none;
  }
  .guarantee__tabProductItemImg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .guarantee__tabProductItemImg:before {
    display: none;
  }
  .guarantee__tabProductItemImg img {
    width: 100%;
    height: 290px;
    margin-bottom: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  .guarantee__tabProductItemImg p {
    width: 100%;
    position: unset;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-bottom: 10px;
  }

}

@media (max-width: 590px) {
  .productCard__slider .swiper-button-prev,
  .productCard__slider .swiper-button-next {
    display: none;
  }
  .productCard__slider .imgSliderSmall {
    width: 98%;
  }
  .productCard__slider .imgSliderSmall .swiper-slide {
    margin-right: 4px !important;
  }
  .delivery__accordion .accordion {
    width: 100%;
  }
  .delivery__accordionItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .delivery__accordionItem div {
    width: 100%;
  }
  .delivery__accordionItemPrice {
    margin-left: 0;
    margin-top: 14px;
    width: auto;
  }
}

@media (max-width: 570px) {
  .catalog__slider .catalog__slideBlue {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .catalog__slider .catalog__slideBlue .strokeText {
    -webkit-text-stroke-width: unset;
    color: #fff;
  }
  .cooperation__forms form {
    width: 100%;
  }
  .header__topMenuTablet {
    display: none;
  }
  .strokeText {
    -webkit-text-stroke-width: unset;
    color: #fff;
  }
  .swiper-wrapper {
    height: calc(560px + (409 - 560) * ((100vw - 320px) / (570 - 320))) !important;
  }
  .swiper-slide {
    padding: 70px 10px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .swiper-slide .slider__title {
    -webkit-text-stroke-width: unset;
  }
  .swiper-slide a {
    margin: 0 auto;
  }
  .swiper-slide p {
    width: 100%;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.2);
  }
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    bottom: 14px !important;
    left: unset !important;
    right: 0 !important;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    margin-right: calc(170px + (280 - 170) * ((100vw - 320px) / (570 - 320))) !important;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: calc(150px + (220 - 150) * ((100vw - 320px) / (570 - 320)));
  }
  .index__advertising {
    margin-top: 0;
  }
  .index__bikeBagBox2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .index__bikeBag .index__bikeBagImg {
    height: calc(220px + (560 - 220) * ((100vw - 320px) / (768 - 320)));
  }
  .index__bikeBag .index__bikeBagText {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fourHundredFour {
    text-align: center;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url("/local/templates/covers/img/404-320.jpg") no-repeat center center;
    background-size: cover;
  }
  .fourHundredFour h1 {
    width: calc(189px + (280 - 189) * ((100vw - 320px) / (570 - 320)));
    margin: 0 auto;
  }
  .fourHundredFour a {
    margin: 0 auto;
  }
  .fourHundredFour p {
    width: 100%;
  }
  .contacts__feedbackForm form label[for="contactName"],
  .contacts__feedbackForm form label[for="contactMail"] {
    width: 100%;
  }
  .contacts__feedbackForm form label[for="contactMail"] {
    margin-top: 20px;
  }
  .contacts__feedbackForm form .buttonArrow {
    margin-left: 0;
    margin-right: 0;
  }
  .contacts__feedbackInfo p {
    display: none;
  }
  .contacts__feedbackInfo span:first-of-type {
    margin-right: 14px;
  }
  .about__crazyImages {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .about__crazyImagesBig,
  .about__crazyImagesSmall {
    width: 100%;
    padding: 0;
  }
  .about__crazyImagesBigItem {
    padding-left: 0;
  }
  .about__crazyImagesBigItem h3, .about__crazyImagesBigItem a {
    margin-left: 14px;
  }
  .about__crazyImagesSmallItem:first-child {
    margin-top: 30px;
    margin-right: 0;
  }
  .about__crazyImagesSmallItem:last-child {
    margin-right: 0;
  }
  .articles__pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .articles__paginationShow {
    margin-bottom: 40px;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .articles__paginationShow label:first-of-type {
    margin-left: 0;
  }
  .articles__paginationShow p {
    width: 100%;
    margin-bottom: 10px;
  }
  .articles__paginationShow:before {
    content: '';
    width: 290px;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .map__banners {
    padding: 0;
  }
  .map__bannersSmall {
    width: 100%;
  }
  .map__banners div a {
    position: unset;
    width: 290px;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    margin-top: 20px;
    background: #fff;
    color: #081221;
    z-index: 5;
  }
  .map__banners div svg {
    fill: #081221;
  }
  .map__banners div h2 {
    font-size: 52px;
  }
  .map__stroke {
    color: #081221;
  }
  .map__linksBox div {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .catalogProductItemInfo span {
    display: block;
  }
  .guarantee__tabProductBtn {
    height: 320px;
    margin-bottom: calc(-50px + (-100 - -50) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: calc(-14px + (-30 - -14) * ((100vw - 320px) / (768 - 320)));
    width: calc(100% + (calc(14px + (30 - 14) * ((100vw - 320px) / (768 - 320))) * 2));
  }
  .personal__orderTitle {
    -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;
  }
  .personal__orderTitle h2:first-child {
    margin: 0 0 20px;
  }
  .map__link {
    -webkit-box-shadow: none;
            box-shadow: none;
    -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;
    padding: 0;
    margin-bottom: 10px;
  }
  .map__link a {
    margin: 0 0 20px;
  }
}

@media (max-width: 480px) {

  .bannerTitle {
      height: auto;
      min-height: calc(140px + (200 - 140) * ((100vw - 320px) / (768 - 320)));
  }

  .header__icons {
    margin-right: 10px;
  }
  .bx-soa-customer .bx-soa-customer-field[data-property-id-row="40"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="34"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="35"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="36"], .bx-soa-customer .bx-soa-customer-field[data-property-id-row="46"] {
      display: block;
      width: 100%;
  }

  .basket__menuList {
    padding: 25px 20px;
  }
  .bx-soa-section.basket__menu {
      padding: 0 20px 30px;
  }
  .bx-soa-item-properties.column-2 {
    display: none;
  }
  #bx-soa-total {
    background: transparent !important;
  }
  .personal-order-make footer {
    margin-top: 0px;
  }
  .questions .closeQuest {
    z-index: 11;
  }
  .basket__itemProduct .basket__item {
    position: relative;
  }
  .mob-basket-item-actions-remove__btn {
      display: block;
      position: absolute;
      top: 50%;
      right: 0px;
      margin-top: -15px;
  }
  .mob-basket-item-actions-remove__btn svg {
    fill: #B3B5B4;
  }
  .basket__menuCost-inner, .basket__menuCost-desc {
    padding: 0 20px;
  }

  .swiper-wrapper.product-item-scu-item-list {
    max-height: 100px;
  }

}

@media (max-width: 470px) {
  .catalog__hiddenInfo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .catalog__hiddenInfo div, .catalog__hiddenInfo button {
    width: 50px;
  }
  .catalog__hiddenInfo .add2ToBasket-btn {
    font-size: 0px;
  }
  .catalog__hiddenInfo div p, .catalog__hiddenInfo button p {
    display: none;
  }
  .catalog__hiddenInfo svg {
    margin: 0;
  }
  .catalog__hiddenInfo div {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .footer__link {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer__img:before, .footer__img:after {
    width: 100%;
  }
  .header__icons a:first-child {
    display: none;
  }
  .index__advertisingHover {
    display: none;
  }
  .index__advertisingContainer:hover .strokeText {
    opacity: 1;
  }
  .index__advertisingContainer:hover .buttonArrow {
    margin-top: 30px;
  }
  .leftMenu {
    text-align: center;
  }
  .leftMenu h2 {
    font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (470 - 320)));
  }
  .leftMenu__detailClose, .leftMenu__itemMenuClose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .leftMenu__detailClose svg, .leftMenu__itemMenuClose svg {
    position: unset;
    margin-right: 15px;
  }
  .leftMenu__detail h2, .leftMenu__items h2 {
    padding-left: 0;
  }
  .leftMenu__contacts {
    display: block;
  }
  .contacts__map {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contacts__map:before {
    display: none;
  }
  .personal__tabItemFavoriteItemDelete {
    display: none;
  }
  .personal__tabItemFavoriteItemDeleteText {
    display: block;
    width: 100%;
    text-align: left;
  }
  .personal__tabItemFavoriteItemBtn {
    margin-top: 0;
  }
  .personal__tabItemFavoriteItemPreview img {
    width: 80px;
    height: 120px;
    margin-right: 14px;
  }
  .articles__articleDetail ul {
    -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;
    position: relative;
  }
  .articles__articleDetail ul span {
    display: none;
  }
  .articles__articleDetail ul li {
    margin-bottom: 10px;
  }
  .articles__articleDetail ul li:not(:last-of-type) {
    margin-right: 0;
  }
  .articles__articleDetail ul:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #B3B5B4;
    position: absolute;
    left: 0;
    bottom: -10px;
  }
  .articles__articleDetail .buttonArrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .articles__detailLine:before {
    display: none;
  }
  .guarantee__tabNumbersDesktop {
    width: 100vw;
  }
  .guarantee__tabs .guarantee__tab .guarantee__tabNumbersDesktop {
    display: none;
  }
  .guarantee__tabs .guarantee__tab .contacts__delivery {
    display: block;
  }
  .guarantee__tabNumbers {
    width: 93vw;
  }
  .guarantee__tabNumbers .contacts__delivery {
    width: 100%;
  }
  .guarantee__tabNumbers .contacts__delivery .horizontalScroll__container svg {
    left: 20px;
  }
  .guarantee__tabNumbers .contacts__delivery .horizontalScroll__container div {
    height: 230px;
    padding-top: 48px;
    padding-right: 10px;
  }
  .guarantee__tabNumbers .smallSlider .swiper-slide h4 {
    text-align: left;
    position: relative;
    margin: 0 0 15px;
    top: 0;
  }
  .guarantee__tabNumbers .swiper-slide p {
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    display: block;
    padding-right: 20px;
  }
  .catalogProductItem {
            max-width: 210px;
  }
  .cat_card_btn_buy-wrapper button.btn.btn-primary.btn-sm {
    font-size: 0px;
    background-image: url(/local/templates/covers/images/svg/btn_cart.svg);
    background-repeat: no-repeat;
    background-position: center;
  }
  .basket__menuContainer {
    padding: 30px 20px 50px;
  }
  .catalogProductItemInfo a {
    font-size: 13px;
  }
  .catalogProductItemInfo .catalogProductItemArticle a {
      font-size: 12px;
      margin-bottom: 5px;
      display: block;
  }
}
@media (max-width: 428px) {
  .catalogProductItem {
            max-width: 190px;
  }
  .basket__banner {
      height: calc(300px + (320 - 220) * ((100vw - 320px) / (768 - 320)));
  }
  .basket__banner .pay_sys_info  p.smallText {
      font-size: 16px;
  }
}
@media (max-width: 414px) {
  .catalogProductItem {
            max-width: 184px;
  }
  .bx_soa_location .form-check {
    margin-bottom: 10px;
  }
  .bx-soa-coupon-input:after {
    top: 50px;
    right: 0%;
    width: 100%;
    position: static;
    margin: 15px 0;
  }
  .bx-soa-coupon-item {
    text-align: left;
  }
  .bx-soa-coupon-input {display: block;}
  .bx-soa-location-input-container select[name="PROFILE_ID"] {
    min-width: 100%;
  }
  .basket__container .titlePage {
    font-size: 24px;
    line-height: 1.2;
  }
  .bx_soa_location .form-check label {
    font-size: 20px;
    line-height: 26px;
  }
  .basket__contentDeliveryItemAddress p.delivery-label-text {
      font-size: 20px;
      line-height: 24px;
  }
  .basket__contentDeliveryItem {
    padding: 30px 0 30px;
  }
  .basket__menuContainer_inner .bx-soa-section.basket__menu {
      padding: 0 0px 30px;
  }
  .bx-soa-coupon {
    padding-bottom: 0px;
  }
  .bx-soa-cart-total {
      padding: 0px 0 0;
  }
  .basket__menuContainer .basket__menuContacts {
    padding-top: 0px;
  }
  .basket__menu h4 {text-align: left;}
}
@media (max-width: 384px) {
  .catalogProductItem {
      max-width: 168px;
  }
}
@media (max-width: 375px) {
  .catalogProductItem {
      max-width: 164px;
  }
}
@media (max-width: 364px) {
  .catalogProductItem {
      max-width: 158px;
  }
}
@media (max-width: 320px) {
  .catalogProductItem {
      max-width: 137px;
  }
}
@media (max-width: 410px) {
  .product__previewInfo h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .product__previewInfo .product__previewPrice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .product__previewPriceN {
    margin-bottom: 20px;
  }
  .articles__menu {
    width: 100%;
  }
  .article__leftArticleItem img {
    width: 80px;
    height: 100px;
    -o-object-fit: fill;
       object-fit: fill;
  }
  .basket__menuCost div p {
    font-size: 18px;
  }
}

/* min media */
@media (min-width: 1100px) {
  .transparentHeader {
    z-index: 19;
  }
  .transparentHeader .header__logoBlack {
    display: none;
  }
  .transparentHeader .header__logoWhite {
    display: block;
  }
  .transparentHeader nav a {
    color: #fff;
  }
  .transparentHeader nav a:hover {
    color: #FAC62F;
  }
  .transparentHeader .header__phone {
    color: #fff;
  }
  .transparentHeader .header__phone svg {
    fill: #fff;
  }
  .transparentHeader .header__phone:hover {
    color: #FAC62F;
  }
  .transparentHeader .header__phone:hover svg {
    fill: #FAC62F;
  }
  .transparentHeader .header__burger span {
    background: #fff;
  }
  .transparentHeader .header__burger:before {
    background: #fff;
  }
  .transparentHeader .header__burger:after {
    background: #fff;
  }
  .fourHundredFourHeader {
    z-index: 19;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 18, 33, 0.42)), to(rgba(109, 202, 221, 0.38)));
    background: -o-linear-gradient(top, rgba(8, 18, 33, 0.42) 0%, rgba(109, 202, 221, 0.38) 100%);
    background: linear-gradient(180deg, rgba(8, 18, 33, 0.42) 0%, rgba(109, 202, 221, 0.38) 100%);
  }
  .fourHundredFourHeader .header__burger span {
    background: #fff;
  }
  .fourHundredFourHeader .header__burger:before {
    background: #fff;
  }
  .fourHundredFourHeader .header__burger:after {
    background: #fff;
  }
  .fourHundredFourHeader .header__logoBlack {
    display: none;
  }
  .fourHundredFourHeader .header__logoWhite {
    display: block;
  }
  .fourHundredFourHeader .header__phone div p:last-child {
    color: #fff;
  }
  .fourHundredFourHeader button {
    background: #081221;
  }
}

@media (min-width: 600px) and (max-width: 1000px) {
  .basket__container .basket__itemBox {
    grid-template-columns: 1fr 0.5fr 1fr 0.5fr 1fr auto;
  }
  .basket__container .basket__itemPrice .basket__sale,
  .basket__container .basket__itemPrice .basket__saleN {
    display: none;
  }
  .basket__container .basket__itemProduct {
    grid-column-end: 7;
  }
}

@media (min-width: 2000px) {
  .catalogProducts {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 768px) {
  .product__previewInfo .mySwiperSmall.swiper-container {
      max-width: auto;
  }
  .oneclick_order__box {
    width:70%;
  }
}
@media (max-width: 680px) {
  .product__previewInfo .mySwiperSmall.swiper-container {
      max-width: 650px;
  }
}
@media (max-width: 600px) {
.product__previewInfo .mySwiperSmall.swiper-container {
    max-width: 560px;
}
}
@media (max-width: 480px) {
    .product__previewInfo .mySwiperSmall.swiper-container {
        max-width: 440px;
    }
    .delivery__tabs .tabs__label:before, .delivery__tabs .tabs__label:after{
      display: none;
    }
    .oneclick_order__box {
      width:90%;
    }
  }
@media (max-width: 428px) {
  .product__previewInfo .mySwiperSmall.swiper-container {
      max-width: 388px;
  }
}
@media (max-width: 414px) {
  .product__previewInfo .mySwiperSmall.swiper-container {
      max-width: 374px;
  }
}
@media (max-width: 384px) {
.product__previewInfo .mySwiperSmall.swiper-container {
    max-width: 345px;
}
}
@media (max-width: 375px) {
.product__previewInfo .mySwiperSmall.swiper-container {
    max-width: 335px;
}
}
@media (max-width: 364px) {
.product__previewInfo .mySwiperSmall.swiper-container {
    max-width: 324px;
}
}