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

*:active,
*:hover,
*:focus {
  outline: 0;
  outline-offset: 0;
}

html,
body {
  height: 100%;
}

body {
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-size: 17rem;
  display: block;
  margin: 0;
}

@media only screen and (max-width: 650px) {
  body {
    font-size: 10rem;
  }
}

.desktop-hidden {
  display: none;
}

@media only screen and (max-width: 650px) {
  .desktop-hidden {
    display: flex;
  }
}

.mobile-hidden {
  display: flex;
}

@media only screen and (max-width: 650px) {
  .mobile-hidden {
    display: none;
  }
}

.mobile-block {
  display: none;
}

@media only screen and (max-width: 650px) {
  .mobile-block {
    display: block;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style-type: none;
}

input {
  -webkit-appearance: none;
}

.text {
  font-weight: 400;
}

.text_color_white {
  color: #FFFFFF;
}

.text_color_orange {
  color: #F9DB2B;
}

.text_color_black {
  color: #000000;
}

.text_size_l {
  font-size: 30rem;
}

@media only screen and (max-width: 650px) {
  .text_size_l {
    font-size: 14rem;
  }
}

.text_size_m {
  font-size: 20rem;
}

@media only screen and (max-width: 650px) {
  .text_size_m {
    font-size: 12rem;
  }
}

.text_size_s {
  font-size: 17rem;
}

@media only screen and (max-width: 650px) {
  .text_size_s {
    font-size: 10rem;
  }
}

.text_size_xs {
  font-size: 15rem;
}

@media only screen and (max-width: 650px) {
  .text_size_xs {
    font-size: 9rem;
  }
}

.text_size_xxs {
  font-size: 12rem;
}

@media only screen and (max-width: 650px) {
  .text_size_xxs {
    font-size: 6rem;
  }
}

.text_weight_bold {
  font-weight: 700;
}

.text_weight_medium {
  font-weight: 500;
}

.text_weight_regular {
  font-weight: 400;
}

.button {
  position: relative;
  cursor: pointer;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.25s ease-in-out;
  font-family: "Montserrat", sans-serif;
}

.button_size_xl {
  width: 12.1354vw;
  height: 3.1771vw;
}

@media only screen and (max-width: 650px) {
  .button_size_xl {
    width: 38.6375vw;
    height: 9.9875vw;
  }
}

.button_size_l {
  width: 12.2917vw;
  height: 3.1771vw;
}

@media only screen and (max-width: 650px) {
  .button_size_l {
    width: 38.75vw;
    height: 10vw;
  }
}

.button_size_m {
  width: 8.125vw;
  height: 1.9271vw;
  border-radius: 0.2604vw;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .button_size_m {
    width: 34.375vw;
    height: 9.0625vw;
    border-radius: 3px;
  }
}

.button_size_s {
  width: 5.9375vw;
  height: 2.7604vw;
  border-radius: 0.2604vw;
}

@media only screen and (max-width: 650px) {
  .button_size_s {
    width: 19.625vw;
    height: 9.125vw;
    border-radius: 2.5px;
  }
}

.button_size_xs {
  width: 27.1875vw;
  height: 6.875vw;
}

.button_size_close {
  width: 1.8229vw;
  height: 1.8229vw;
}

@media only screen and (max-width: 650px) {
  .button_size_close {
    width: 5.3125vw;
    height: 5.3125vw;
  }
}

.button_color_light {
  background-color: #ffed84;
}

.button_color_light:hover {
  background: #FFE656;
}

.button_color_light:active {
  background: #C4C4C4;
}

.button_color_smoke {
  background: #C4C4C4 !important;
  border: none !important;
}

.button_color_smoke:hover {
  background: #C4C4C4 !important;
}

.button_color_smoke:active {
  background: #C4C4C4 !important;
}

.button_color_yellow-no-hover {
  background: #F9DB2B !important;
}

.button_color_yellow-no-hover:hover {
  background: #FFE656 !important;
}

.button_color_yellow {
  background: #F9DB2B;
}

.button_color_yellow:hover {
  background: #C4C4C4;
}

.close {
  cursor: pointer;
  outline: none;
  border: none;
  background: none;
  z-index: 100;
}

.close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.close_adv {
  width: 8.125vw;
  height: 8.125vw;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}

.content {
  flex: 1 0 auto;
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.opacity {
  opacity: 0;
  pointer-events: none;
}

.drop-container {
  opacity: 0;
}

.drop-box.active .drop-container {
  opacity: 1;
}

.section__title {
  margin: 20px auto;
  text-align: center;
}

.section-header__title-wrap {
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
}

.section-header__title-decor {
  width: 4.7396vw;
  height: 1.4583vw;
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .section-header__title-decor {
    width: 14.0625vw;
    height: 4.0625vw;
    margin-bottom: 2.1875vw;
  }
}

.section-header__title-decor img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-header__title {
  text-transform: uppercase;
  width: fit-content;
  position: relative;
  margin-right: 0.3646vw;
}

@media only screen and (max-width: 650px) {
  .section-header__title {
    margin-right: 1.5625vw;
  }
}

.section-header__question {
  position: relative;
}

.messengers {
  display: flex;
  align-items: center;
}

.messengers__item {
  width: 43rem;
  height: 43rem;
  margin-right: 15rem;
}

@media only screen and (max-width: 650px) {
  .messengers__item {
    width: 30rem;
    height: 30rem;
    margin-right: 8rem;
  }
}

.messengers__item svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header {
  z-index: 1200;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 650px) {
  .header {
    box-shadow: 0 0.9375vw 2.5vw rgba(0, 0, 0, 0.1);
  }

  .header.open .header__menu {
    border-bottom: 1px solid #e1e1e1;
  }

  .header.open .header__burger:after {
    opacity: 1;
  }

  .header.open .header__burger span {
    opacity: 0;
  }
}

.header__messengers {
  margin-right: 36rem;
}

@media only screen and (max-width: 650px) {
  .header__messengers {
    display: none;
  }
}

.header__top {
  padding: 0.625vw 3.8542vw 0.6771vw 1.7708vw;
  height: 4.6875vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .header__top {
    border-bottom: 1px solid #e1e1e1;
    padding: 1.875vw 0vw 1.5625vw 5vw;
    height: 14.0625vw;
  }

  .header__top .header__phone,
  .header__top .header__recall {
    display: none;
  }
}

.header__logo {
  cursor: pointer;
}

.header__right {
  display: flex;
  align-items: center;
}

.header__phone {
  margin-right: 1.3542vw;
}

.header__recall {
  cursor: pointer;
  text-decoration: underline;
  margin-right: 3.125vw;
}

@media only screen and (max-width: 650px) {
  .header__recall {
    min-width: 40vw;
    margin-right: 1.125vw;

  }
}

.header__cart {
  cursor: pointer;
  width: 1.7708vw;
  height: 1.6146vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .header__cart {
    width: 6.875vw;
    height: 6.25vw;
    margin-right: 3.75vw;
  }
}

.header__cart-count {
  position: absolute;
  top: -12rem;
  left: 50%;
  transform: translateX(-40%);
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  background: #F9DB2B;
  font-size: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .header__cart-count {
    top: -9rem;
    width: 16rem;
    height: 16rem;
    font-size: 8rem;
  }
}

.header__cart img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
}

.header__burger {
  cursor: pointer;
  display: none;
}

@media only screen and (max-width: 650px) {
  .header__burger {
    display: block;
  }
}

.header__menu {
  display: none;
}

@media only screen and (max-width: 650px) {
  .header__menu {
    display: block;
    height: 0;
    overflow: hidden;
    transition: height ease-in-out 0.25s;
    padding: unset;
    margin: unset;
  }
}

.header__bot {
  display: none;
}

@media only screen and (max-width: 650px) {
  .header__bot {
    display: flex;
    padding: 3.125vw 3.3125vw;
    align-items: center;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 650px) {
  .burger {
    width: 18.4375vw;
    height: 14.0625vw;
    font-size: 12rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e1e1e1;
    position: relative;
  }

  .burger:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5.9375vw;
    height: 5.9375vw;
    background: url(https://smartfence.ru/wp-content/themes/sf/assets/css/../icon/close.svg) center no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }

  .burger span {
    transition: opacity 0.25s ease-in-out;
    position: relative;
  }

  .burger span:after {
    content: "";
    position: absolute;
    right: -1.5625vw;
    top: 0.625vw;
    width: 1.25vw;
    height: 4.375vw;
    background: url(../icon/rod.svg) center no-repeat;
    background-size: contain;
  }
}

.logo {
  width: 16.3542vw;
  height: 3.3854vw;
}

@media only screen and (max-width: 650px) {
  .logo {
    width: 48.125vw;
    height: 10vw;
  }
}

.logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.phone {
  width: 13.4375vw;
  height: 2.5521vw;
  border: 1px solid #f9db2b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .phone {
    width: 38.4375vw;
    height: 7.1875vw;
  }
}

.phone__icon {
  width: 2.5521vw;
  height: 100%;
  background: #F9DB2B;
  display: flex;
  align-items: center;
  justify-content: center;
}

.phone__icon img {
  width: 1.25vw;
  height: 1.3021vw;
}

@media only screen and (max-width: 650px) {
  .phone__icon {
    width: 7.1875vw;
    height: 7.1875vw;
  }

  .phone__icon img {
    width: 4.0625vw;
    height: 3.75vw;
  }
}

.phone__num {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 650px) {
  .phone__num {
    width: 30.9375vw;
  }
}

.nav {
  padding: 8.125vw 6.25vw;
}

.nav ul {
  font-size: 12rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .nav ul {
    margin-bottom: 32rem;
  }
}

.nav ul li {
  font-weight: 700;
  position: relative;
  margin-bottom: 5.625vw;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.nav ul li:hover {
  color: #FFE656;
}

.nav ul li:before {
  content: "";
  margin-right: 1.875vw;
  width: 1.25vw;
  height: 4.375vw;
  background: url(../icon/rod.svg) center no-repeat;
  background-size: contain;
  display: inline-block;
}

.nav ul li:last-child {
  margin-bottom: 0;
}

.advantages {
  padding-top: 90rem;
  display: flex;
}

@media only screen and (max-width: 650px) {
  .advantages {
    padding-top: 84rem;
    display: block;
  }
}

.advantages__slider_wrapper {
  position: relative;
}

.advantages__slider {
  width: 1260rem;
  overflow: hidden;
  position: relative;
  height: 376rem;
}

@media only screen and (max-width: 650px) {
  .advantages__slider {
    width: 100%;
    height: 179rem;
  }
}

.advantages__slide {
  position: relative;
  width: 100%;
}

.advantages__slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
}

.advantages-slide__img {
  width: 100%;
}

.advantages-slide__img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.advantages-slide__info {
  position: absolute;
  color: #fff;
  top: 30rem;
  font-size: 24rem;
  width: 521rem;
  left: 50%;
  margin-left: -264rem;
  z-index: 3;
}

@media only screen and (max-width: 650px) {
  .advantages-slide__info {
    width: 286rem;
    margin-left: -143rem;
    top: 13rem;
  }
}

.advantages-slide__icon {
  width: 91rem;
  height: 23rem;
  margin-bottom: 17rem;
}

.advantages-slide__icon svg {
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .advantages-slide__icon {
    width: 45rem;
    height: 13rem;
    margin-bottom: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.advantages-slide__title {
  font-size: 30rem;
  font-weight: 700;
  margin-bottom: 56rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .advantages-slide__title {
    font-size: 14rem;
    line-height: 17rem;
    margin-bottom: 10rem;
  }
}

.advantages-slide__stock {
  text-transform: uppercase;
  font-size: 20rem;
  font-weight: 700;
  margin-bottom: 16rem;
}

@media only screen and (max-width: 650px) {
  .advantages-slide__stock {
    font-size: 10rem;
    margin-bottom: 5rem;
  }
}

.advantages-slide__descr {
  font-size: 17rem;
  margin-bottom: 10rem;
}

@media only screen and (max-width: 650px) {
  .advantages-slide__descr {
    font-size: 10rem;
    margin-bottom: 12rem;
  }
}

.advantages-slide__button {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}

@media only screen and (max-width: 650px) {
  .advantages-slide__button {
    margin-left: 0;
    margin-right: 0;
    width: max-content;
    padding: 0 7rem;
    height: 22rem;
    font-weight: 600;
    font-size: 10rem;
  }
}

.advantages .flickity-button {
  background: url("../icon/slider-one-arrow-prev.svg");
  background-size: contain;
}

.advantages .flickity-button.previous {
  left: 537rem;
}

@media only screen and (max-width: 650px) {
  .advantages .flickity-button.previous {
    left: 80rem;
  }
}

.advantages .flickity-button.next {
  right: 537rem;
}

@media only screen and (max-width: 650px) {
  .advantages .flickity-button.next {
    right: 80rem;
  }
}

.advantages .flickity-page-dots .dot {
  background: rgba(255, 255, 255, 0.3);
}

.advantages .flickity-page-dots .dot.is-selected {
  background: #ffffff;
}

.advantages__title {
  font-size: 30rem;
  line-height: 36.57rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 19rem;
}

@media only screen and (max-width: 650px) {
  .advantages__title {
    font-size: 14rem;
    margin-bottom: 16rem;
  }
}

.advantages__news {
  margin-left: 20rem;
}

@media only screen and (max-width: 650px) {
  .advantages__news {
    margin-left: 0;
    padding-left: 20rem;
    padding-right: 20rem;
  }
}

.advantages-news {
  padding-top: 39rem;
  width: 620rem;
}

@media only screen and (max-width: 650px) {
  .advantages-news {
    width: 100%;
    padding-top: 16rem;
  }
}

.advantages-news__list {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .advantages-news__list {
    flex-wrap: wrap;
  }
}

.advantages-news__item {
  width: 300rem;
  height: 282rem;
  padding: 20rem;
  position: relative;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
}

.advantages-news__item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.advantages-news__item:hover .advantages-news__thumb {
  transform: scale(1.3);
}

.advantages-news__item:hover .news__read {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 650px) {
  .advantages-news__item {
    width: 100%;
    height: 163rem;
    margin-bottom: 16rem;
  }

  .advantages-news__item:last-child {
    margin-bottom: 0;
  }
}

.advantages-news__thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.25s ease;
  transform: scale(1);
}

.advantages-news__thumb img {
  object-fit: contain;
  object-position: center;
}

@media only screen and (max-width: 650px) {
  .advantages-news__thumb img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.advantages-news__info {
  position: relative;
  display: flex;
  height: 100%;
  z-index: 4;
}

.advantages-news__wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.advantages-news__title {
  font-size: 20rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15rem;
}

@media only screen and (max-width: 650px) {
  .advantages-news__title {
    font-size: 12rem;
    margin-bottom: 12rem;
  }
}

.advantages-news__excerpt {
  font-size: 17rem;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .advantages-news__excerpt {
    font-size: 10rem;
  }
}

.advantages-news__date {
  font-size: 15rem;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .advantages-news__date {
    font-size: 9rem;
  }
}

.advantage-box {
  width: 33.3333vw;
  height: 19.5833vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .advantage-box {
    width: 100vw;
    height: auto;
  }

  .advantage-box.active .advantage-box__content_desc {
    opacity: 1 !important;
  }

  .advantage-box.active .advantage-box__detail {
    opacity: 1;
    pointer-events: unset;
  }

  .advantage-box.active .advantage-box__bg {
    background: #F9DB2B;
  }

  .advantage-box.active .advantage-box__bg img {
    display: none;
  }
}

.advantage-box:hover .advantage-box__content_desc {
  opacity: 1;
}

@media only screen and (max-width: 650px) {
  .advantage-box:hover .advantage-box__content_desc {
    opacity: 0;
  }
}

.advantage-box:hover .advantage-box__content_no-bg {
  background: unset;
  color: #000000;
}

.advantage-box:hover .advantage-box__content_no-bg svg path {
  stroke: #000000;
}

.advantage-box__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.advantage-box__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advantage-box__content {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.7083vw 1.7083vw 2.7083vw 2.7083vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background 0.35s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .advantage-box__content {
    padding: 4.0625vw 5vw 3.75vw;
    display: block;
    position: relative;
  }
}

.advantage-box__content_no-bg {
  background: none;
  color: #000000;
  padding: 5.9375vw 5vw 10.9375vw 5.625vw;
}

.advantage-box__content_no-bg .advantage-box__text-wrap {
  min-height: 24.6875vw;
  margin-bottom: 0;
}

.advantage-box__content_desc {
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
  position: absolute;
  background: #F9DB2B;
  color: #000000;
}

.advantage-box__content_desc .advantage-box__close {
  display: none;
}

@media only screen and (max-width: 650px) {
  .advantage-box__content_desc {
    opacity: 0;
  }

  .advantage-box__content_desc .advantage-box__close {
    display: block;
  }
}

.advantage-box__content_desc svg path {
  stroke: #000000;
}

@media only screen and (max-width: 650px) {
  .advantage-box__content_desc svg path {
    stroke: #F9DB2B;
  }
}

.advantage-box__detail {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 650px) {
  .advantage-box__detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F9DB2B;
  }

  .advantage-box__detail.active {
    opacity: 1;
  }
}

.advantage-box__detail.active {
  display: block;
}

.advantage-box__close {
  position: absolute;
  top: 5.625vw;
  right: 4.375vw;
}

.advantage-box__header svg {
  width: 4.7396vw;
  height: 1.4583vw;
  margin-bottom: 0.7813vw;
  z-index: 100;
}

.advantage-box__header svg path {
  transition: stroke 0.35s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .advantage-box__header svg {
    width: 14.0625vw;
    height: 4.0625vw;
    margin-bottom: 1.25vw;
  }
}

.advantage-box__header_detail svg path {
  stroke: #000000;
}

.advantage-box__title {
  position: relative;
  text-transform: uppercase;
  width: 28.8021vw;
}

@media only screen and (max-width: 650px) {
  .advantage-box__title {
    width: 100%;
    margin-bottom: 1.5625vw;
  }
}

.advantage-box__text-wrap {
  min-height: 7.2396vw;
}

@media only screen and (max-width: 650px) {
  .advantage-box__text-wrap {
    margin-bottom: 0;
  }
}

.advantage-box__text-wrap p {
  font-weight: 500;
}

.advantage-box__text-wrap ul {
  margin-bottom: 1.0938vw;
}

.advantage-box__text-wrap ul:last-child {
  margin-bottom: 0;
}

.advantage-box__text-wrap ul li {
  position: relative;
  display: flex;
  align-items: center;
}

.advantage-box__text-wrap ul li::before {
  content: "";
  width: 0.3646vw;
  height: 0.3646vw;
  background: #F9DB2B;
  display: inline-block;
  margin-right: 0.6771vw;
  transition: background 0.35s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .advantage-box__text-wrap ul li::before {
    width: 1.25vw;
    height: 1.25vw;
  }
}

@media only screen and (max-width: 650px) {
  .advantage-box__text-wrap_last {
    margin-bottom: 0;
  }
}

.advantage-box__subtitle {
  margin-bottom: 0.8333vw;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .advantage-box__subtitle {
    margin-bottom: 1.5625vw;
  }
}

.advantage-box__payment {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .advantage-box__payment.payment {
    margin-bottom: 1vw;
  }
}

.advantage-box__payment .payment__options-wrap {
  margin-bottom: 1.0938vw;
  width: 100%;
}

.advantage-box__payment .payment__options-wrap .payment__option {
  position: relative;
  display: flex;
  align-items: center;
}

.advantage-box__payment .payment__options-wrap .payment__option_wide {
  width: 10vw;
}

@media only screen and (max-width: 650px) {
  .advantage-box__payment .payment__options-wrap .payment__option_wide {
    width: 32vw;
  }
}

.advantage-box__button {
  display: none;
}

@media only screen and (max-width: 650px) {
  .advantage-box__button {
    display: none;
    font-weight: 600;
  }
}

.products {
  border-bottom: 4px solid #e1e1e1;
  display: flex;
}

@media only screen and (max-width: 650px) {
  .products {
    display: block;
  }
}

.goods {
  width: 20.1042vw;
  height: 15.3125vw;
  border-right: 4px solid #e1e1e1;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .goods {
    width: 100%;
    height: 44.0625vw;
    border-bottom: 4px solid #e1e1e1;
    border-right: none;
  }
}

.goods:hover .goods__norm {
  opacity: 0;
  pointer-events: none;
}

.goods:hover .goods__active {
  opacity: 1;
}

.goods:last-child {
  border: none;
}

.goods__active {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F9DB2B;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .goods__active .goods__content {
    padding: 9.375vw 15.3125vw;
  }
}

.goods__norm {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s ease-in-out;
}

.goods__content {
  text-align: center;
}

.goods__icon {
  margin-bottom: 0.9896vw;
  height: 3.75vw;
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .goods__icon {
    height: 13.4375vw;
    margin-bottom: 3.125vw;
  }
}

.goods__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.goods__name {
  text-transform: uppercase;
  transition: opacity 0.35s ease-in-out;
}

.goods__text {
  font-weight: 500;
  position: relative;
  width: 12.6667vw;
  text-align: center;
  margin-bottom: 1.875vw;
}

@media only screen and (max-width: 650px) {
  .goods__text {
    min-width: 74vw;
  }
}

.goods__button {
  margin: 0 auto;
}

.info {
  display: flex;
}

@media only screen and (max-width: 650px) {
  .info {
    display: block;
  }
}

.info__item {
  min-height: 18.0938vw;
  width: 33.3333vw;
  border-right: 4px solid #e1e1e1;
  background: #F8F8F8;
}

@media only screen and (max-width: 650px) {
  .info__item {
    width: 100%;
    min-height: unset;
    border-right: none;
    border-bottom: 4px solid #e1e1e1;
  }
}

.info__item .sale-calc__panel {
  margin-bottom: 1.6vw;
}

.info__item:last-child {
  border: none;
}

.info__item--form {
  width: 30.47vw;
  height: auto !important;
}

.price-calc {
  padding: 1.0417vw 1.5625vw 0vw;
}

@media only screen and (max-width: 650px) {
  .price-calc {
    padding: 6.875vw 4.375vw 8.125vw;
  }
}

.price-calc__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.4479vw;
}

@media only screen and (max-width: 650px) {
  .price-calc__header {
    margin-bottom: 4.375vw;
  }
}

.price-calc__title {
  text-transform: uppercase;
}

.price-calc__radio {
  margin-bottom: 2.1354vw;
}

.price-calc__content {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .price-calc__content {
    display: block;
  }
}

@media only screen and (max-width: 650px) {
  .price-calc__button {
    display: none;
  }
}

.price-calc__button_flex {
  display: none;
}

@media only screen and (max-width: 650px) {
  .price-calc__button_flex {
    display: flex;
  }
}

@media only screen and (max-width: 650px) {
  .price-calc__amount {
    margin-bottom: 4vw;
  }
}

.my-radio {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 1.04vw;
}

@media only screen and (max-width: 650px) {
  .my-radio {
    margin-right: 4.38vw;
  }
}

.my-radio__input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.my-radio__input:checked~.my-radio__radio:after {
  opacity: 1;
}

.my-radio__radio {
  cursor: pointer;
  padding: 0.1563vw;
  top: 0;
  left: 0;
  display: block;
  width: 0.9375vw;
  height: 0.9375vw;
  background: #e1e1e1;
  border-radius: 100%;
  margin-right: 0.4167vw;
}

@media only screen and (max-width: 650px) {
  .my-radio__radio {
    width: 3.4375vw;
    height: 3.4375vw;
    padding: 2px;
    margin-right: 1.25vw;
  }
}

.my-radio__radio:after {
  opacity: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #F9DB2B;
}

.perimeter {
  width: 13.4vw;
  height: 4.4792vw;
  border-radius: 0.2604vw;
  background-color: #FFFFFF;
  padding: 0.4688vw 0.7813vw 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .perimeter {
    padding: 2.1875vw 5.9375vw 2.5vw 2.5vw;
    width: 50vw;
    height: 16.875vw;
    border-radius: 3px;
    margin-bottom: 7.8125vw;
  }
}

.perimeter__title {
  margin-bottom: 0.5208vw;
  display: inline-block;
}

@media only screen and (max-width: 650px) {
  .perimeter__title {
    margin-bottom: 1.5625vw;
    min-width: 40vw;
  }
}

.perimeter__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.perimeter__input-group {
  width: 4.5833vw;
  height: 1.875vw;
  border-radius: 0.2604vw;
  background-color: #ebebeb;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 650px) {
  .perimeter__input-group {
    width: 14.6875vw;
    height: 6.875vw;
    border-radius: 3px;
  }
}

.perimeter__input {
  border: none;
  background-color: #ebebeb;
  width: 100%;
  font-size: 12rem;
}

@media only screen and (max-width: 650px) {
  .perimeter__input {
    font-size: 9rem;
  }
}

.perimeter__input::placeholder {
  color: #000000;
}

.perimeter__price {
  color: #C4C4C4;
}

.amount {
  padding: 0.4688vw 0;
  height: 3.8021vw;
}

@media only screen and (max-width: 650px) {
  .amount {
    height: unset;
  }
}

@media only screen and (max-width: 650px) {
  .amount_mob-hidden {
    display: none;
  }
}

.amount__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 0.9375vw;
  margin-bottom: 0.4688vw;
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .amount__top {
    height: 3.4375vw;
    margin-bottom: 1.5625vw;
  }
}

.amount__box {
  position: relative;
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 650px) {
  .amount__box {
    margin-bottom: 3.4375vw;
  }
}

.amount__bottom {
  width: 100%;
  height: 1.5625vw;
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  transform: translateX(0%);
}

@media only screen and (max-width: 650px) {
  .amount__bottom {
    height: 5.56vw;
    margin-bottom: 0;
  }
}

.amount__bottom_size .amount__value {
  align-items: center;
}

.amount__bottom_size .amount__value:last-child {
  align-items: center;
}

.amount__bottom_size .amount__value:first-child {
  align-items: center;
}

.amount__title {
  margin-bottom: 0.5208vw;
  display: inline-block;
}

@media only screen and (max-width: 650px) {
  .amount__title {
    margin-bottom: 3.125vw;
  }
}

.amount__slider {
  position: relative;
}

.amount__value {
  position: absolute;
  text-align: center;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 650px) {
  .amount__value {
    height: 6.56vw;
  }
}

.amount__value:first-child {
  align-items: flex-start;
}

.amount__value:last-child {
  align-items: flex-end;
}

.amount__value:before {
  content: "";
  display: block;
  width: 0.5208vw;
  height: 0.3125vw;
  background: url(../icon/arrow-up.svg) center no-repeat;
  background-size: contain;
  margin-bottom: 0.3646vw;
}

@media only screen and (max-width: 650px) {
  .amount__value:before {
    width: 1.875vw;
    height: 1.25vw;
    margin-bottom: 1.4531vw;
  }
}

.amount__value_now-ar:before {
  display: none;
}

.amount__value_first {
  left: -0.3vw;
}

.amount__value_second {
  left: 10%;
}

.amount__value_mid {
  left: 50%;
  transform: translateX(-50%);
}

.amount__value_last {
  right: 0;
}

.amount__value_sale {
  position: relative;
  width: 0;
  white-space: nowrap;
}

.amount__value_center {
  align-items: center;
}

.discount {
  display: none;
}

@media only screen and (max-width: 650px) {
  .discount {
    width: 32.1875vw;
    height: 59.0625vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
  }

  .discount__item {
    display: flex;
    justify-content: space-between;
  }

  .discount__scale-discount {
    position: absolute;
    top: 1.5vw;
    left: 12vw;
    width: 1.25vw;
    height: 56.125vw;
    border-radius: 1px;
    background: #C4C4C4;
  }

  .discount__percent {
    position: relative;
  }

  .discount__percent:after {
    content: "";
    position: absolute;
    right: -3.125vw;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background: url(../icon/arrow-up.svg) center no-repeat;
    background-size: cover;
    width: 1.9vw;
    height: 1vw;
  }
}

.scale-discount .ch-sale__cloud-message {
  top: -5.1563vw;
  left: 30vw;
}

.scale-discount div[style="height:100%"] .ch-sale__cloud-message {
  top: -11.1563vw;
  left: 30vw;
}

.scale-discount div[style="height:100%"] .ch-sale__cloud-message:after {
  top: unset;
  bottom: 3vw;
}

.sale-calc {
  padding: 1.3542vw 1.5625vw 0vw;
}

@media only screen and (max-width: 650px) {
  .sale-calc {
    padding: 6.875vw 4.375vw 8.125vw;
  }
}

.sale-calc_full {
  padding: 0;
}

.sale-calc__title {
  text-transform: uppercase;
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 650px) {
  .sale-calc__title {
    margin-bottom: 6.25vw;
  }
}

.sale-calc__desc-title {
  display: inline-block;
  margin-bottom: 0.1563vw;
}

@media only screen and (max-width: 650px) {
  .sale-calc__desc-title {
    margin-bottom: 1.875vw;
  }
}

.sale-calc__desc-text {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .sale-calc__desc-text {
    margin-bottom: 4.0625vw;
  }
}

.sale-calc__panel {
  margin-bottom: 6.6667vw;
}

.contact-block {
  padding: 1.3542vw 0 0 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .contact-block {
    padding: 5.9375vw 0 0 0;
  }
}

.contact-block__info {
  padding: 0 1.7708vw;
  flex: 1 0 auto;
}

@media only screen and (max-width: 650px) {
  .contact-block__info {
    padding: 0 4.6875vw 3.125vw;
  }
}

.contact-block__title {
  text-transform: uppercase;
  margin-bottom: 1.6667vw;
}

@media only screen and (max-width: 650px) {
  .contact-block__title {
    margin-bottom: 5.9375vw;
  }
}

.contact-block__map {
  flex: 0 0 auto;
  width: 100%;
  height: 8.063vw;
  align-self: flex-end;
}

@media only screen and (max-width: 650px) {
  .contact-block__map {
    width: 100vw;
    height: 52.5vw;
  }
}

.contact-block__map iframe {
  width: 100%;
  height: 100%;
}

.contact-block__link {
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}

.contact-block__link:hover {
  color: #F9DB2B;
}

@media only screen and (max-width: 650px) {
  .contact-block__link {
    margin-bottom: 5vw;
    margin-left: 5vw;
  }
}

@media only screen and (max-width: 650px) {
  .contact-block__mail {
    order: 1;
  }
}

.contact-block__address {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .contact-block__address {
    margin-bottom: 1.25vw;
  }
}

.contact-block__text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.4688vw;
}

@media only screen and (max-width: 650px) {
  .contact-block__text {
    justify-content: unset;
    flex-direction: column;
  }
}

.address {
  width: 100%;
  display: flex;
  align-items: center;
}

.address__icon {
  width: 0.9896vw;
  height: 1.1979vw;
  margin-right: 0.4688vw;
  display: inline-block;
}

@media only screen and (max-width: 650px) {
  .address__icon {
    width: 3.75vw;
    height: 4.375vw;
    margin-right: 1.875vw;
  }
}

.address__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mail {
  display: flex;
  align-items: center;
}

.mail__icon {
  width: 0.9896vw;
  height: 0.7813vw;
  margin-right: 0.4688vw;
  display: inline-block;
}

@media only screen and (max-width: 650px) {
  .mail__icon {
    width: 3.75vw;
    height: 3.125vw;
    margin-right: 1.875vw;
  }
}

.mail__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slider-price {
  border: none;
  width: 13.8542vw;
  height: 0.2604vw;
  border-radius: 5.2083vw;
  background: #C4C4C4;
}

@media only screen and (max-width: 650px) {
  .slider-price {
    width: 100%;
    height: 3px;
  }
}

.slider-sale {
  position: relative;
  border: none;
  width: 100%;
  height: 0.2604vw;
  border-radius: 5.2083vw;
  background: #C4C4C4;
}

@media only screen and (max-width: 650px) {
  .slider-sale {
    width: 100%;
    height: 3px;
  }
}

@media only screen and (max-width: 650px) {
  .slider-sale_mob {
    width: 1.25vw;
    height: 58.125vw;
  }
}

.question {
  cursor: pointer;
  min-width: 1.4063vw;
  height: 1.4063vw;
  border: 0.1042vw solid #000000;
  border-radius: 100%;
  transition: 0.25s ease-in-out;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .question {
    width: 5.3125vw;
    height: 5.3125vw;
    border: 1px solid #000000;
  }
}

.question:hover {
  border: 0.1042vw solid #F9DB2B;
}

.question:hover:after {
  color: #F9DB2B;
}

.question:hover .question__cloud-message {
  opacity: 1;
}

.question:after {
  content: "?";
  position: absolute;
  font-size: 15rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .question:after {
    font-size: 9rem;
  }
}

.question__cloud-message {
  pointer-events: none;
  position: absolute;
  z-index: 10;
  position: absolute;
  left: -0.9vw;
  bottom: 100%;
  transform: translateY(-1vw);
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .question__cloud-message {
    left: -0.99vw;
    top: -19.1563vw;
  }
}

@media only screen and (max-width: 650px) {
  .question__cloud-message_right {
    left: -37.5vw;
  }
}

.ch-sale {
  position: absolute;
  border: none;
  height: 0.2604vw;
  border-radius: 5.2083vw;
  background: #F9DB2B;
  transition: 0.25s ease-in-out;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 650px) {
  .ch-sale {
    border-radius: 1px;
    height: 3px;
  }
}

.ch-sale_vert {
  width: 1.25vw;
}

.ch-sale__dot {
  position: absolute;
  right: 0;
  top: -100%;
  width: 0.7813vw;
  height: 0.7813vw;
  border-radius: 100%;
  background: #F9DB2B;
  transform: translateX(50%);
}

@media only screen and (max-width: 650px) {
  .ch-sale__dot {
    top: unset;
    bottom: 0;
    width: 0;
    height: 0;
  }
}

.ch-sale__cloud-message {
  position: absolute;
  left: -1.1vw;
  top: 4.5vw;
  transition: 0.25s ease-in-out;
}

.ch-sale__cloud-message:after {
  buttom: unset;
  top: -0.48vw;
  transition: 0.25s ease-in-out;
}

.ch-sale.left .cloud-message {
  transform: translateX(-10vw);
}

.ch-sale.left .cloud-message:after {
  transform: translateX(10vw) rotate(45deg);
}

.cloud-message {
  width: 13vw;
  border-radius: 0.2604vw;
  background: #F9DB2B;
  padding: 0.3125vw 0.4167vw;
}

@media only screen and (max-width: 650px) {
  .cloud-message {
    width: 43.5625vw;
    border-radius: 0.625vw;
    padding: 2.1875vw;
  }
}

.cloud-message:after {
  content: "";
  position: absolute;
  left: 1vw;
  bottom: -9%;
  transform: rotate(45deg);
  background: #F9DB2B;
  width: 0.9406vw;
  height: 0.9406vw;
  border-radius: 0.1563vw;
  z-index: -1;
}

@media only screen and (max-width: 650px) {
  .cloud-message:after {
    width: 5.1125vw;
    height: 5.1125vw;
    border-radius: 0.5004vw;
  }
}

.cloud-message_desc {
  text-align: left;
}

.cloud-message_desc:after {
  left: 1vw;
  bottom: -9%;
  transform: rotate(45deg);
}

@media only screen and (max-width: 650px) {
  .cloud-message_right:after {
    left: unset;
    right: 1vw;
  }
}

@media only screen and (max-width: 650px) {
  .cloud-message_scale {
    width: 44.225vw;
    height: 17.0781vw;
  }

  .cloud-message_scale:after {
    top: 3vw;
    left: -2.5vw;
    transform: rotate(45deg);
  }
}

.cloud-message__text {
  z-index: 10;
}

.cloud-message span {
  display: block;
  margin-bottom: 0.3646vw;
}

@media only screen and (max-width: 650px) {
  .cloud-message span {
    margin-bottom: 1.5625vw;
  }
}

.cloud-message span_desc {
  width: 13vw;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  border: none;
  cursor: pointer;
  padding: 0.1563vw;
  width: 0.9375vw;
  height: 0.9375vw;
  background: #FFFFFF;
  border-radius: 100%;
  margin-right: 0.4167vw;
  box-shadow: 0vw 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 650px) {
  .ui-slider-handle.ui-corner-all.ui-state-default {
    box-shadow: 0vw 0.7389vw 1.8473vw rgba(0, 0, 0, 0.2);
    width: 3.4375vw;
    height: 3.4375vw;
    padding: 2px;
    margin-right: 1.25vw;
  }
}

.ui-slider-handle.ui-corner-all.ui-state-default:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #F9DB2B;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3vw;
}

@media only screen and (max-width: 650px) {
  .ui-slider-horizontal .ui-slider-handle {
    top: -1.3vw;
  }
}

.ui-slider .ui-slider-range {
  background: #F9DB2B;
}

.ui-widget.ui-widget-content {
  border: none;
}

.product-page {
  padding: 7.5521vw 2.6042vw 3.125vw 2.1875vw;
  display: flex;
}

@media only screen and (max-width: 650px) {
  .product-page {
    padding: 29.6875vw 3.125vw 8.75vw;
  }
}

.product-page__product {
  margin-bottom: 4.8958vw;
}

.product-page__nav-bar {
  margin-right: 1.6146vw;
  position: fixed;
}

@media only screen and (max-width: 650px) {
  .product-page__nav-bar {
    display: none;
  }
}

html .post-page.with-sidebar,
.product-page__block {
  margin-left: 17vw;
}

@media only screen and (max-width: 650px) {
  .product-page__block {
    width: 100%;
    margin-left: unset;
  }

  html .post-page.with-sidebar {
    margin: 0 auto;
  }
}

.nav-bar__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14.7917vw;
  height: 4.1667vw;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
  background: #F8F8F8;
  cursor: pointer;
  margin-bottom: 1.25vw;
  text-align: center;
}

.nav-bar__item:last-child {
  margin-bottom: 0;
}

.nav-bar__item:hover {
  background: #F9DB2B;
}

.nav-bar__item.current {
  border: 3px solid #f9db2b;
  background: #F8F8F8;
}

.nav-bar__title {
  text-transform: uppercase;
}

.nav-bar__icon-wrap {
  margin-right: 0.8333vw;
  height: 2.0833vw;
  max-width: 6.6146vw;
  min-width: 1.7188vw;
}

.nav-bar__icon-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product__section-header {
  margin-bottom: 1.8229vw;
}

@media only screen and (max-width: 650px) {
  .product__section-header {
    margin-bottom: 3.4375vw;
  }
}

.product__content {
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 650px) {
  .product__content {
    display: block;
  }
}

.product__gallery {
  margin-right: 1.0417vw;
}

@media only screen and (max-width: 650px) {
  .product__gallery {
    margin-bottom: 3.75vw;
  }
}

.product__main-sliders-wrap {
  position: relative;
  width: 33.9063vw;
  height: 25.4167vw;
  margin-bottom: 0.8333vw;
}

@media only screen and (max-width: 650px) {
  .product__main-sliders-wrap {
    width: 100%;
    height: 70.3125vw;
    margin-bottom: 1.5625vw;
  }
}

.product__main-nav-sliders-wrap {
  position: relative;
}

.product__main-nav-box {
  margin-bottom: 0.7292vw;
}

@media only screen and (max-width: 650px) {
  .product__main-nav-box {
    margin-bottom: 1.5625vw;
  }
}

.product__main-nav-title {
  margin-bottom: 0.4167vw;
}

@media only screen and (max-width: 650px) {
  .product__main-nav-title {
    margin-bottom: 1.5625vw;
  }
}

.product__type {
  margin-bottom: 1.875vw;
}

.product__type:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 650px) {
  .product__type {
    margin-bottom: 5.625vw;
  }
}

.product__table-wrapper {
  display: flex;
  margin-bottom: 0.7292vw;
}

@media only screen and (max-width: 650px) {
  .product__table-wrapper {
    display: block;
  }
}

.product__table-name {
  text-transform: uppercase;
  margin-bottom: 0.5208vw;
}

@media only screen and (max-width: 650px) {
  .product__table-name {
    margin-bottom: 2.5vw;
  }
}

.product__table {
  margin-right: 1.0417vw;
}

.product__table_price {
  margin-right: 0;
  width: 250rem !important;
}

@media only screen and (max-width: 650px) {
  .product__table_price {
    display: none;
  }
}

.product__table_price .table__buy-column {
  text-align: left;
  padding-left: 15rem;
}

.product__table-test {
  display: none;
}

@media only screen and (max-width: 650px) {
  .product__table-test {
    display: block;
  }
}

.product__table-mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .product__table-mob {
    display: block;
    margin-bottom: 5vw;
  }
}

.product__desc_mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .product__desc_mob {
    display: block;
  }
}

.product__main-slider:first-child {
  z-index: 10;
}

.product__main-slider.active {
  z-index: 20;
}

.product-desc__info {
  margin-bottom: 1.4063vw;
}

@media only screen and (max-width: 650px) {
  .product-desc__info {
    margin-bottom: 5vw;
  }
}

.product-desc__info_hidden {
  display: block;
}

@media only screen and (max-width: 650px) {
  .product-desc__info_hidden {
    display: none;
  }
}

.product-desc__info_mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .product-desc__info_mob {
    display: block;
  }
}

.product-desc__highlight {
  background: #F9DB2B;
  font-weight: 600;
  padding: 0 0.625vw;
  text-align: center;
  font-weight: 600;
}

@media only screen and (max-width: 650px) {
  .product-desc__highlight {
    padding: 0 1.25vw;
  }
}

.product-desc__gloss {
  margin-bottom: 3.4375vw;
}

.product-desc__gloss:last-child {
  margin-bottom: 0;
}

.product-desc__gloss span {
  margin-right: 6vw;
}

.product-desc__gloss span.product-desc__cloned {
  margin-right: 2vw;
}

.product-desc__title {
  text-transform: uppercase;
  margin-bottom: 0.3646vw;
}

.product-desc__text {
  margin-bottom: 5vw;
}

@media only screen and (max-width: 650px) {
  .product-desc__text {
    margin-bottom: 10vw;
  }
}

.product-desc__text p,
.product-desc__text ul {
  margin-bottom: 1.0417vw;
}

@media only screen and (max-width: 650px) {

  .product-desc__text p,
  .product-desc__text ul {
    margin-bottom: 3.75vw;
  }
}

.product-desc__text h1,
.product-desc__text h2,
.product-desc__text h3,
.product-desc__text h4,
.product-desc__text h5,
.product-desc__text h6 {
  font-size: 17rem;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {

  .product-desc__text h1,
  .product-desc__text h2,
  .product-desc__text h3,
  .product-desc__text h4,
  .product-desc__text h5,
  .product-desc__text h6 {
    font-size: 10rem;
  }
}

.main-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.9063vw;
  height: 25.4167vw;
  overflow: hidden;
  background: #FFFFFF;
}

@media only screen and (max-width: 650px) {
  .main-slider {
    width: 93.75vw;
    height: 70.3125vw;
  }
}

.main-slider.active {
  z-index: 100;
}

.main-slider__item {
  position: absolute;
  width: 100%;
  height: 20.4688vw;
}

@media only screen and (max-width: 650px) {
  .main-slider__item {
    height: 56.875vw;
  }
}

.main-slider__img-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 33.4vw;
  height: 21.4688vw;
  cursor: grab;
}

.main-slider__img-wrap:active {
  cursor: grabbing;
}

@media only screen and (max-width: 650px) {
  .main-slider__img-wrap {
    height: 100%;
    width: 82.8125vw;
  }
}

.main-slider__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-nav-slider {
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 650px) {
  .main-nav-slider {
    width: 93.75vw;
  }
}

.main-nav-slider__item {
  width: 7.8646vw;
  height: 4.8958vw;
  border: 1px solid #e1e1e1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8333vw;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .main-nav-slider__item {
    height: 13.75vw;
    width: 21.7vw;
    margin-right: 2.1875vw;
  }
}

.main-nav-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-nav-slider.active .main-nav-slider__item.is-selected {
  border: 1px solid #F9DB2B;
}

.flickity-page-dots {
  position: absolute;
  bottom: 1.1979vw;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .flickity-page-dots {
    bottom: 3.4375vw;
  }
}

.flickity-page-dots li {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #C4C4C4;
  margin-right: 0.5208vw;
}

.flickity-page-dots li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 650px) {
  .flickity-page-dots li {
    width: 5px;
    height: 5px;
    margin-right: 2.1875vw;
  }
}

.flickity-page-dots li.is-selected {
  background: #000000;
}

.flickity-button {
  width: 0.4167vw;
  height: 0.5729vw;
  background: url(../icon/slider-arrow-prev.svg) center no-repeat;
  background-size: contain;
  border: none;
  bottom: 1.0417vw;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .flickity-button {
    width: 1.5625vw;
    height: 2.5vw;
    bottom: 2.8125vw;
  }
}

.flickity-button svg {
  display: none;
}

.flickity-button.previous {
  position: absolute;
  left: 30%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 650px) {
  .flickity-button.previous {
    left: 24%;
  }
}

.flickity-button.next {
  position: absolute;
  right: 30%;
  transform: translateX(-50%) rotate(180deg);
}

@media only screen and (max-width: 650px) {
  .flickity-button.next {
    right: 24%;
  }
}

.table {
  font-family: "Montserrat";
  border-collapse: collapse;
  width: 30.0104vw;
  position: relative;
}

.table:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #F8F8F8;
}

.table__header {
  height: 3.9583vw;
  background-color: #f8f8f8 !important;
  position: relative;
}

.table__header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3.9583vw;
  top: 0;
  left: 0;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
}

.table tr {
  background-color: #F8F8F8;
}

.table th {
  font-weight: 500;
  padding: 0 0.3125vw;
  text-align: center;
  border-right: 1px solid #e1e1e1;
}

.table th:last-child {
  border-right: none;
}

.table td {
  min-width: 3.8542vw;
  text-align: center;
  border-bottom: 1px solid #d4d4d4;
}

.table td:after {
  content: "";
  height: 2.8646vw;
  width: 1px;
  position: absolute;
  right: 0;
  top: 0.5208vw;
  background: #e1e1e1;
}

.table td:nth-child(6n):after {
  content: unset;
}

.table_price:after {
  content: unset;
  width: 13.0729vw;
}

.table_price tr {
  background-color: #FFFFFF;
}

.table_price td {
  border-bottom: none;
}

.table_price td:after {
  display: none;
}

.table__item {
  height: 3.6458vw;
}

.table__item td {
  position: relative;
}

.table__item td:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}

.table__item td[rowspan="1"]:after {
  background: url(../icon/table/1.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="2"]:after {
  background: url(../icon/table/2.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="3"]:after {
  background: url(../icon/table/3.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="4"]:after {
  background: url(../icon/table/4.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="5"]:after {
  background: url(../icon/table/5.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="6"]:after {
  background: url(../icon/table/6.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="7"]:after {
  background: url(../icon/table/7.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="8"]:after {
  background: url(../icon/table/8.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="9"]:after {
  background: url(../icon/table/9.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="10"]:after {
  background: url(../icon/table/10.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="11"]:after {
  background: url(../icon/table/11.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="12"]:after {
  background: url(../icon/table/12.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="13"]:after {
  background: url(../icon/table/13.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="14"]:after {
  background: url(../icon/table/14.png) center no-repeat;
  background-size: cover;
}

.table__item td[rowspan="15"]:after {
  background: url(../icon/table/15.png) center no-repeat;
  background-size: cover;
}

.table__item td.td_color:after {
  display: none;
}

.table__item_double td:last-child:after {
  content: unset;
}

.table__item_double .table__color {
  min-width: 15vw;
}

.table .color {
  background-color: #666666;
  display: block;
  margin: 0 auto;
  width: 1.5625vw;
  height: 1.5625vw;
  position: relative;
}

.table .color:hover .tip__message {
  opacity: 1;
}

.table .color .tip__message {
  width: 14.4792vw;
  padding: 1.0417vw 1.0417vw 0.7813vw;
  top: 100%;
  left: -0.7813vw;
  transform: translateY(1.0417vw);
}

.table-mob {
  font-weight: 500;
  padding: 0;
}

.table-mob_double {
  width: 91.875vw;
  border-radius: 3.125vw;
  background: #efefef;
}

.table-mob__item-desc {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.875vw;
}

.table-mob__item {
  padding: 2.1875vw 2.1875vw 3.4vw;
  background-color: #efefef;
  border-radius: 3.125vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3vw;
}

.table-mob__item:last-child {
  margin-bottom: 0;
}

.table-mob__item_double {
  background: none;
  border-bottom: 2px solid #e4e4e4;
  border-radius: unset;
}

.table-mob__item_double:last-child {
  border: none;
}

.table-mob__item_double .table-mob__color>.tip__message {
  top: 8vw;
  left: unset;
  right: 0;
  min-width: 40vw;
  padding: 1.25vw;
  border-radius: 0.8vw;
}

.table-mob__item_double .table-mob__color>.tip__message:after {
  left: unset;
  right: 2.5vw;
}

.table-mob__item_calc {
  width: 91.875vw;
  transform: translateX(-2.2vw);
}

.table-mob__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-mob__content span {
  text-align: left;
}

.table-mob__td {
  min-width: 43.125vw;
  width: 37%;
  border-radius: 0.9375vw;
  background-color: #ffffff;
  display: flex;
  text-align: center;
  align-items: center;
  margin-bottom: 1.5625vw;
  padding: 2.1875vw;
}

.table-mob__counter {
  width: 43.125vw;
  text-align: center;
}

.table-mob__set {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 43.125vw;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 2vw;
  opacity: 0;
}

.table-mob__set.visible {
  opacity: 1;
}

.table-mob__bye-wrap {
  width: 43.125vw;
  height: 10vw;
  text-align: center;
  margin-top: 2vw;
}

.table-mob__color {
  background-color: #666666;
  display: block;
  width: 5.9375vw;
  height: 5.9375vw;
  position: relative;
}

.table-mob__color:hover .tip__message {
  opacity: 1;
}

.table-mob__color .tip__message {
  top: 8vw;
  left: 0vw;
  min-width: 40vw;
  padding: 1.25vw;
  border-radius: 0.8vw;
}

.bye {
  padding-left: 0.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 9.1146vw;
}

@media only screen and (max-width: 650px) {
  .bye {
    justify-content: center;
    width: 100%;
    padding-left: 0;
  }
}

.bye_left {
  align-items: unset;
}

@media only screen and (max-width: 650px) {
  .bye__price {
    min-width: 14.375vw;
    margin-right: 3.125vw;
  }
}

.bye__price span {
  display: block;
  width: fit-content;
}

.bye__button {
  width: 5.4688vw;
  height: 2.6042vw;
  border-radius: 0.2604vw;
  border: 0.1563vw solid #f9db2b;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  cursor: pointer;
  transition: 0.25s ease-in-out;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .bye__button {
    width: 19.375vw;
    height: 9.375vw;
    border-radius: 0.9375vw;
    border: 2px solid #F9DB2B;
  }

  .bye__button.choose {
    background: #F9DB2B;
  }
}

.bye__button_xl {
  width: 30.9375vw;
  height: 10vw;
  border-radius: 0.9375vw;
  margin-left: 2.8125vw;
}

.bye__button:hover {
  background-color: #F9DB2B;
  border: transparent;
}

.bye__button:active {
  background-color: #C4C4C4;
  border: transparent;
}

.price {
  min-width: 2.3958vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 650px) {
  .price {
    min-width: 14.375vw;
  }
}

.price__old {
  position: relative;
  font-size: 12rem;
  margin: 0 auto;
}

@media only screen and (max-width: 650px) {
  .price__old {
    font-size: 10rem;
  }
}

.price__old:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  transform: translateY(-50%) rotate(-18deg);
  background: #FF0000;
}

.price__const_new {
  color: #FF0000;
}

.counter__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 650px) {
  .counter__wrapper {
    justify-content: center;
  }

  .counter__wrapper span {
    margin-right: 3.125vw;
  }
}

.counter__box {
  display: flex;
  position: relative;
  width: 3.8542vw;
  height: 2.6563vw;
  border-radius: 0.2604vw;
  overflow: hidden;
  background: #C4C4C4;
  padding: 1px;
}

@media only screen and (max-width: 650px) {
  .counter__box {
    width: 18.75vw;
    height: 10.9375vw;
    border-radius: 0.9375vw;
  }
}

.counter__box_calc {
  width: 3.4375vw;
  height: 1.875vw;
}

.counter__box_calc .counter__arrow {
  height: 0.8333vw;
  width: 1.0938vw;
  background: #EBEBEB;
}

@media only screen and (max-width: 650px) {
  .counter__box_calc {
    width: 18.75vw;
    height: 10.9375vw;
    border-radius: 3px;
  }

  .counter__box_calc .counter__arrow {
    width: 7.3vw;
    height: 5.1vw;
  }
}

.counter__input {
  width: 2.14vw;
  height: 100%;
  border: none;
  border-radius: 0.2vw 0 0 0.2vw;
  text-align: center;
  font-size: 17rem;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  background: #F8F8F8;
}

@media only screen and (max-width: 650px) {
  .counter__input {
    width: 10.8vw;
    font-size: 10rem;
    border-radius: 0.9vw 0 0 0.9vw;
  }
}

.counter__arrow {
  position: absolute;
  background: #F8F8F8;
  width: 1.48vw;
  height: 1.21vw;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .counter__arrow {
    width: 7.1875vw;
    height: 5.1vw;
  }
}

.counter__arrow:hover {
  background: transparent;
}

.counter__arrow:after {
  content: "";
  width: 0.6771vw;
  height: 0.4167vw;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../icon/counter-arrow.svg) center no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 650px) {
  .counter__arrow:after {
    width: 2.5vw;
    height: 1.875vw;
  }
}

.counter__up {
  right: 1px;
  top: 1px;
  border-radius: 0 0.2vw 0 0;
}

@media only screen and (max-width: 650px) {
  .counter__up {
    border-radius: 0 1vw 0 0;
  }
}

.counter__down {
  bottom: 1px;
  right: 1px;
  border-radius: 0 0 0.2vw 0;
}

@media only screen and (max-width: 650px) {
  .counter__down {
    border-radius: 0 0 1vw 0;
  }
}

.counter__down:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.tip__message {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s ease-in-out;
  background: #f9db2b;
  border-radius: 0.2604vw;
  text-align: left;
  z-index: 100;
}

.tip__message:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375vw;
  height: 0.9375vw;
  border-radius: 0.1563vw;
  background: #f9db2b;
  transform: translateY(-0.5208vw) rotate(45deg);
  left: 1.0938vw;
}

@media only screen and (max-width: 650px) {
  .sale-block__section-header {
    margin-bottom: 9.0625vw;
  }
}

.empty-cart {
  padding-top: 4.6875vw;
  height: calc(100vh - 3.3333vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 650px) {
  .empty-cart {
    padding-top: 28.25vw;
    height: calc(100vh - 31.4375vw);
  }
}

.empty-cart__content {
  text-align: center;
}

.empty-cart__section-header {
  margin: 0 auto 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .empty-cart__section-header {
    margin: 0 auto 1.875vw;
  }
}

.empty-cart__desc {
  width: 13vw;
  margin: 0 auto 2.6042vw;
}

@media only screen and (max-width: 650px) {
  .empty-cart__desc {
    width: 45.3125vw;
    margin: 0 auto 15.625vw;
  }
}

.empty-cart__img-wrap {
  margin: 0 auto 3.0208vw;
  width: 15.1042vw;
  height: 12.7604vw;
}

@media only screen and (max-width: 650px) {
  .empty-cart__img-wrap {
    width: 38.125vw;
    height: 32.1875vw;
    margin: 0 auto 15.625vw;
  }
}

.empty-cart__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.empty-cart__button {
  margin: 0 auto;
}

.page-404 {
  padding-top: 4.6875vw;
  height: calc(100vh - 3.3333vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 650px) {
  .page-404 {
    padding-top: 28.25vw;
    height: calc(100vh - 31.4375vw);
  }
}

.page-404__content {
  text-align: center;
}

.page-404__title {
  width: 17.2917vw;
  margin: 0 auto 1.7188vw;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .page-404__title {
    width: 72.5vw;
    margin: 0 auto 15.625vw;
  }
}

.page-404__img-wrap {
  margin: 0 auto 0.7292vw;
  width: 35.5208vw;
  height: 25.3125vw;
}

@media only screen and (max-width: 650px) {
  .page-404__img-wrap {
    width: 81.5625vw;
    height: 58.125vw;
    margin: 0 auto 5.625vw;
  }
}

.page-404__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-404__button {
  margin: 0 auto;
}

.contacts-page {
  padding: 7.5521vw 2.6042vw 3.125vw 2.1875vw;
  display: flex;
}

@media only screen and (max-width: 650px) {
  .contacts-page {
    padding: 29.6875vw 0 0;
  }
}

.contacts-page__nav-bar {
  margin-right: 1.25vw;
  position: fixed;
}

@media only screen and (max-width: 650px) {
  .contacts-page__nav-bar {
    display: none;
  }
}

.contacts-page__cont {
  margin-left: 17vw;
}

@media only screen and (max-width: 650px) {
  .contacts-page__cont {
    width: 100%;
    margin-left: unset;
  }
}

.contacts-page__section-header {
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 650px) {
  .contacts-page__section-header {
    margin-bottom: 5.3125vw;
    padding-left: 5.625vw;
  }
}

.contacts-page__contact-info {
  margin-left: 2.5vw;
}

@media only screen and (max-width: 650px) {
  .contacts-page__contact-info {
    margin: 0 auto;
  }
}

.contacts-page__map {
  width: 80.0521vw;
  height: 33.8021vw;
}

@media only screen and (max-width: 650px) {
  .contacts-page__map {
    width: 100%;
    height: 131.875vw;
  }
}

.contacts-page__map iframe {
  width: 100%;
  height: 100%;
}

.contact-info {
  height: 1.9271vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .contact-info {
    height: 8.75vw;
  }
}

.contact-info__line {
  z-index: -1;
  position: absolute;
  bottom: -0.9375vw;
  left: -0.9375vw;
  width: 2.9688vw;
  height: 2.1354vw;
  background: #F9DB2B;
}

@media only screen and (max-width: 650px) {
  .contact-info__line {
    width: 97.1875vw;
    height: 9.375vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5vw;
  }
}

.contact-info__container {
  position: absolute;
  top: 0;
  left: 0;
}

.info-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 39.2708vw;
  height: 380rem;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
  background-color: #F8F8F8;
  padding: 1.7188vw 2.2917vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .info-cont {
    padding: 4.0625vw 5.625vw;
    width: 93.4375vw;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

.info-cont__item {
  width: 50%;
  margin-bottom: 50rem;
}

@media only screen and (max-width: 650px) {
  .info-cont__item {
    margin-bottom: 20rem;
  }
}

@media only screen and (max-width: 650px) {
  .info-cont__item_soc {
    width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  .info-cont__item_address {
    width: 100%;
    margin-bottom: unset;
  }
}

.info-cont__title {
  margin-bottom: 1.4583vw;
  color: #F9DB2B;
  text-transform: uppercase;
}

.info-cont__content {
  display: flex;
  align-items: center;
  margin-bottom: 0.9896vw;
}

.info-cont__icon {
  min-width: 1.25vw;
  height: 1.25vw;
  margin-right: 0.4167vw;
}

@media only screen and (max-width: 650px) {
  .info-cont__icon {
    min-width: 3.4375vw;
    height: 3.4375vw;
    margin-right: 1.5625vw;
  }
}

.info-cont__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.info-cont__direction {
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
  padding-left: 1.6667vw;
}

@media only screen and (max-width: 650px) {
  .info-cont__direction {
    padding-left: 3.67vw;
  }
}

.info-cont__direction:hover {
  color: #FFE656;
}

.cart {
  width: 70.1563vw;
  margin: 7.2917vw auto 3.6458vw;
}

@media only screen and (max-width: 650px) {
  .cart {
    margin: 32.1875vw auto 5vw;
    width: 95vw;
  }
}

.cart__section-header {
  margin-bottom: 22px;
}

.cart__yellow-header {
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 650px) {
  .cart__yellow-header {
    margin-bottom: 4.0625vw;
  }
}

.cart__products {
  background-color: #F8F8F8;
  margin-bottom: 2.5521vw;
}

@media only screen and (max-width: 650px) {
  .cart__products {
    background: none;
  }
}

.cart__table-wrap {
  padding: 0 1.0417vw 1.0417vw;
}

.cart__checkout {
  background-color: #F8F8F8;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .cart__checkout {
    background: none;
  }
}

@media only screen and (max-width: 650px) {
  .cart__table-wrap {
    display: none;
  }
}

.cart__table-wrap-mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .cart__table-wrap-mob {
    display: block;
    padding: 1.5625vw 1.25vw;
    background-color: #F8F8F8;
  }
}

.yellow-header {
  height: 3.9583vw;
  padding: 0 1.0938vw;
  background: #f9db2b;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
  position: relative;
}

@media only screen and (max-width: 650px) {
  .yellow-header {
    width: 95vw;
    height: 12.5vw;
    padding: 3.75vw 3.4375vw;
    box-shadow: 0 2px 1.5625vw rgba(0, 0, 0, 0.2);
  }
}

.cart-table {
  border-collapse: collapse;
  width: 100%;
  position: relative;
}

.cart-table:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #F8F8F8;
}

.cart-table__header {
  position: relative;
  background: #FFFFFF;
  height: 4.1146vw;
}

.cart-table__header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5.1146vw;
  top: 0;
  left: 0;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
}

.cart-table__item {
  height: 2.7083vw;
  background: #FFFFFF;
}

.cart-table__item:last-child {
  border-bottom: none;
}

.cart-table__item td:first-child {
  width: 10.7813vw;
}

.cart-table__sale {
  width: 14.7917vw;
}

.cart-table th {
  font-weight: 500;
  padding: 1.5625vw 2.0833vw;
  border-right: 1px solid #e1e1e1;
}

.cart-table th:last-child {
  border-right: none;
}

.cart-table td {
  text-align: center;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.cart-table td:last-child {
  border-right: none;
}

.cart-table__desc {
  text-align: left !important;
  padding: 0 1.5vw 0 0.9375vw;
  line-height: 21rem;
}

.cart-table__desc span {
  display: block;
}

.cart-table__desc-wrap {
  margin-bottom: 0.8vw;
}

.cart-table__desc-wrap:last-child {
  margin-bottom: 0;
}

.cart-table__article {
  color: #C4C4C4;
}

.cart-table-mob {
  border-collapse: collapse;
  width: 100%;
  position: relative;
}

.cart-table-mob__header-wrap {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  min-width: unset !important;
  max-width: unset !important;
  flex: 1 1 100%;
}

.cart-table-mob__header {
  position: relative;
  padding: 2.5vw 3.125vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 12rem;
  width: 100%;
}

.cart-table-mob__header-left {
  text-align: left;
}

.cart-table-mob__article {
  color: #C4C4C4;
}

.cart-table-mob tr {
  background: #FFFFFF;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.0625vw;
  box-shadow: 0 2px 1.875vw rgba(0, 0, 0, 0.2);
}

.cart-table-mob tr:last-child {
  margin-bottom: 0;
}

.cart-table-mob td {
  text-align: center;
  min-width: 14.375vw;
  border-right: 1px solid #C4C4C4;
  flex: 1 1 auto;
}

.cart-table-mob td:first-child {
  border-right: 0;
}

.cart-table-mob td:last-child {
  border-right: 0;
}

.cart-table-mob__delete {
  width: 17rem;
  height: 17rem;
  background: url("../icon/delete.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  right: 6rem;
  top: 6rem;
  cursor: pointer;
}

.item-mob {
  height: 100%;
  width: 100%;
  min-width: 14.375vw;
}

.item-mob_total {
  min-width: 22.8vw;
}

.item-mob__header {
  height: 14.375vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #C4C4C4;
  padding: 0 1.5625vw;
}

.item-mob__content {
  height: 20.9375vw;
  display: flex;
}

.item-mob__left {
  border-right: 1px solid #C4C4C4;
}

.item-mob__left .item-mob__table-cell:last-child {
  border-bottom: none;
}

.item-mob__right {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.item-mob__right .item-mob__table-cell:last-child {
  border-bottom: none;
}

.item-mob__table-cell {
  padding: 0 0.5vw;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #C4C4C4;
}

.item-mob__unit {
  text-align: center;
  display: flex;
  align-items: center;
}

.checkout__form .check-country__error {
  opacity: 1;
}

.checkout__container {
  margin: 2.0313vw 2.8646vw 1.8229vw;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1.8229vw;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .checkout__container {
    margin: 0;
    background: #F8F8F8;
    padding: 6.25vw 6.25vw 0;
    justify-content: center;
    flex-direction: column;
    border-bottom: none;
  }
}

.checkout__delivery {
  display: flex;
  justify-content: space-between;
  width: 46.5625vw;
  padding-right: 4.2188vw;
  border-right: 1px solid #e1e1e1;
}

@media only screen and (max-width: 650px) {
  .checkout__delivery {
    display: block;
    padding-right: 0;
    border-right: none;
    width: 100%;
    padding-bottom: 6.25vw;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 5vw;
  }
}

.checkout__check-block {
  position: relative;
}

@media only screen and (max-width: 650px) {
  .checkout__check-block {
    margin-bottom: 7.8125vw;
    padding-bottom: 7.8125vw;
    border-bottom: 1px solid #C4C4C4;
  }
}

.checkout__billing {
  margin: 2.0313vw 2.8646vw 1.8229vw;
}

.checkout__title {
  text-transform: uppercase;
  margin-bottom: 1.3542vw;
}

@media only screen and (max-width: 650px) {
  .checkout__title {
    margin-bottom: 4.6875vw;
  }
}

.checkout__scheme {
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}

.checkout__scheme:hover {
  color: #F9DB2B;
}

.checkout__method {
  margin-bottom: 1.4063vw;
}

@media only screen and (max-width: 650px) {
  .checkout__method {
    margin-bottom: 6.25vw;
  }
}

.checkout__method:last-child {
  margin-bottom: 0;
}

.checkout__method-desc {
  width: 19.3229vw;
  padding-left: 1.4583vw;
}

@media only screen and (max-width: 650px) {
  .checkout__method-desc {
    padding-left: 6.875vw;
    width: 100%;
  }
}

.checkout__method-desc p {
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 650px) {
  .checkout__method-desc p {
    margin-bottom: 1.875vw;
  }
}

.checkout__my-radio {
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 650px) {
  .checkout__my-radio {
    margin-bottom: 1.25vw;
  }
}

@media only screen and (max-width: 650px) {
  .checkout__my-radio .my-radio__radio {
    margin-right: 3.4375vw;
  }
}

@media only screen and (max-width: 650px) {
  .checkout__yellow-header {
    margin-bottom: 4.0625vw;
  }
}

@media only screen and (max-width: 650px) {
  .checkout__total {
    order: -1;
    margin-bottom: 7.5vw;
  }
}

.check-country {
  width: 20.3125vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .check-country {
    width: 100%;
  }
}

.check-country__cont {
  opacity: 1;
}

.check-country__cont.selected {
  opacity: 0.5;
  pointer-events: none;
}

.check-country__cont.not-valid .check-country__error {
  opacity: 1;
}

.check-country__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.9896vw;
}

@media only screen and (max-width: 650px) {
  .check-country__header {
    margin: 0 auto 3.4375vw;
    width: 74.0625vw;
  }
}

.check-country__header p {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .check-country__header p {
    margin-bottom: 2.5vw;
  }
}

.check-country__header p:last-child {
  margin-bottom: 0;
}

.check-country__header .right {
  text-align: right;
}

.check-country__header .right .right__price.none {
  display: none;
}

.check-country__title {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 650px) {
  .check-country__title {
    margin: 0 auto 2.5vw;
    width: 74.0625vw;
  }
}

.check-country__desc {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 650px) {
  .check-country__desc {
    margin: 0 auto;
    width: 67.3125vw;
  }
}

.check-country__error {
  position: absolute;
  bottom: 0.2vw;
  color: #FF0000;
  opacity: 0;
}

@media only screen and (max-width: 650px) {
  .check-country__error {
    bottom: 1.2vw;
  }
}

.check-country__block-input {
  padding: 1.25vw 1.0417vw;
  background: #FFFFFF;
  margin-bottom: 1.1979vw;
}

.check-country__block-inputs {
  position: relative;
  margin-bottom: 0.8854vw;
  background: #FFFFFF;
  padding: 1.25vw 1.0417vw;
}

@media only screen and (max-width: 650px) {
  .check-country__block-inputs {
    padding: 4.6875vw 4.125vw;
    width: 74.0625vw;
    margin: 0 auto 3.225vw;
  }
}

.check-country__select {
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .check-country__select {
    margin-bottom: 3.125vw;
  }
}

.check-country__input-wrap.not-valid input {
  border: 1px solid #FF0000;
}

.input {
  width: 100%;
  height: 1.875vw;
  background-color: #F8F8F8;
  padding: 0 0.4688vw;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #000;
  border-radius: 0.2604vw;
  font-size: 15rem;
  border: 1px solid transparent;
}

@media only screen and (max-width: 650px) {
  .input {
    height: 7.1875vw;
    font-size: 9rem;
    padding: 0 1.5625vw;
    border-radius: 3px;
  }
}

.input::placeholder {
  color: #000000;
}

.input:focus {
  border: 1px solid #C4C4C4;
}

.input_size_l {
  width: 4vw;
}

@media only screen and (max-width: 650px) {
  .input_size_l {
    width: 14vw;
    height: 10.3125vw;
  }
}

.input__label {
  display: block;
}

.select {
  position: relative;
  width: 100%;
  height: 1.875vw;
  z-index: 100;
}

@media only screen and (max-width: 650px) {
  .select {
    height: 7.1875vw;
  }
}

.select.not-valid input {
  border: 1px solid #FF0000;
}

.select.open .select__input {
  border: 1px solid #C4C4C4;
}

.select.open .select__cont {
  border: 1px solid #C4C4C4;
  pointer-events: unset;
}

.select.open .select__drop-header:after {
  transform: rotate(180deg);
}

.select__drop-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.select__drop-header:after {
  content: "";
  position: absolute;
  right: 0.6771vw;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  height: 0.3125vw;
  width: 0.5208vw;
  background: url(../icon/arrow-up.svg) center no-repeat;
  background-size: contain;
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .select__drop-header:after {
    width: 1.875vw;
    height: 1.5625vw;
    right: 2.1875vw;
  }
}

.select__cont {
  height: 0;
  background-color: #F8F8F8;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.2604vw;
  border: 1px solid transparent;
  transition: height ease-in-out 0.25s;
  overflow: hidden;
  padding: 1.7vw 0 0 0.5208vw;
  pointer-events: none;
}

@media only screen and (max-width: 650px) {
  .select__cont {
    padding: 6.7vw 0 0 1.875vw;
    border-radius: 3px;
  }
}

.select__wrap {
  height: 8vw;
  padding-bottom: 2.26vw;
}

@media only screen and (max-width: 650px) {
  .select__wrap {
    height: 26vw;
    padding-bottom: 7vw;
  }
}

.select__list {
  width: 100%;
  font-size: 15rem;
}

.select__option {
  width: 17vw;
  border-bottom: 1px solid #C4C4C4;
  padding: 0.6771vw 0 0.1563vw;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .select__option {
    width: 60.8125vw;
    padding: 2.1875vw 0 3px;
  }
}

.select__option:after {
  position: relative;
  margin-right: 0.7813vw;
  content: "";
  width: 0.5208vw;
  height: 0.3646vw;
  background: url(../icon/check.svg) center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .select__option:after {
    width: 1.7625vw;
    height: 1.2781vw;
    margin-right: 3.75vw;
  }
}

.select__option:last-child {
  border-bottom: none;
}

.select__option.active {
  color: #C4C4C4;
}

.select__option.active:after {
  opacity: 1;
}

.scroll-wrapper {
  position: relative;
}

.scroll-wrapper:hover .scroll-wrapper__bar {
  opacity: 0.5;
}

.scroll-wrapper__scroller {
  height: 100%;
  overflow-y: scroll;
  max-height: 7.1875vw;
}

@media only screen and (max-width: 650px) {
  .scroll-wrapper__scroller {
    max-height: 26.25vw;
  }
}

.scroll-wrapper__bar {
  position: absolute;
  z-index: 10;
  right: 0.3vw;
  width: 0.3125vw;
  background: #C4C4C4;
  opacity: 0;
  cursor: pointer;
  border-radius: 0.5208vw;
  transition: opacity 0.25s ease-in-out;
}

@media only screen and (max-width: 700px) {
  .scroll-wrapper__bar {
    opacity: 0;
    width: 1vw;
  }
}

::-webkit-scrollbar {
  width: 0;
}

.total {
  width: 13.75vw;
}

@media only screen and (max-width: 650px) {
  .total {
    order: -1;
    width: 100%;
    padding-bottom: 7.5vw;
    border-bottom: 1px solid #C4C4C4;
  }
}

.total__title {
  text-transform: uppercase;
  margin-bottom: 2.0833vw;
}

@media only screen and (max-width: 650px) {
  .total__title {
    margin-bottom: 5.625vw;
  }
}

.total__addition {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .total__addition {
    margin-bottom: 1.5625vw;
  }
}

.total__sale-addition {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .total__sale-addition {
    margin-bottom: 1.5625vw;
  }
}

.total__summation {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .total__summation {
    margin-bottom: 3.4375vw;
  }
}

@media only screen and (max-width: 650px) {
  .total__desc {
    width: 52vw;
  }
}

.billing {
  padding-bottom: 1.8229vw;
}

@media only screen and (max-width: 650px) {
  .billing {
    background: #F8F8F8;
    margin: 0;
    padding: 0 3.75vw 7.5vw;
    justify-content: center;
    flex-direction: column;
  }
}

.billing__radio-input {
  display: none;
}

.billing__tabs {
  width: 32.5vw;
  margin: 0 auto 1.875vw;
  display: flex;
}

@media only screen and (max-width: 650px) {
  .billing__tabs {
    width: 87.1875vw;
    margin-bottom: 4.6875vw;
  }
}

.billing__tab {
  display: flex;
  width: 16.3021vw;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 3.125vw;
  box-sizing: border-box;
  border: 0.1042vw solid #eaeaea;
  position: relative;
  transition: border-color 0.25s ease-in-out;
  text-transform: uppercase;
}

.billing__tab:nth-child(2) {
  transform: translateX(-0.1042vw);
}

@media only screen and (max-width: 650px) {
  .billing__tab {
    width: 43.75vw;
    height: 8.4375vw;
    font-size: 9rem;
  }

  .billing__tab:nth-child(2) {
    transform: translateX(-0.2vw);
  }
}

.billing__cont {
  display: none;
  margin: 0 auto;
}

.billing__cont_fiz {
  width: 21.1458vw;
}

@media only screen and (max-width: 650px) {
  .billing__cont_fiz {
    width: 73.75vw;
  }
}

.billing__cont_ur {
  width: 40.7292vw;
}

@media only screen and (max-width: 650px) {
  .billing__cont_ur {
    width: 78.75vw;
  }
}

.billing__ul {
  margin-bottom: 2.1354vw;
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .billing__ul {
    margin-bottom: 5.3125vw;
  }
}

.billing__form {
  background: #FFFFFF;
  padding: 1.0417vw;
  margin-bottom: 0.3646vw;
  position: relative;
  border-radius: 0.2604vw;
}

@media only screen and (max-width: 650px) {
  .billing__form {
    border-radius: 3px;
    padding: 4.375vw 3.4375vw;
  }
}

.billing__form.not-valid .billing__error {
  opacity: 1;
}

.billing__form_fiz {
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .billing__form_fiz {
    margin-bottom: 3.125vw;
  }
}

.billing__form_fiz .textarea {
  height: 7.3958vw;
}

@media only screen and (max-width: 650px) {
  .billing__form_fiz .textarea {
    height: 32.5vw;
    padding: 1.5625vw 2.5vw;
  }
}

.billing__form_ur {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .billing__form_ur {
    display: block;
    width: 73.75vw;
    margin: 0 auto;
  }
}

.billing__form_ur .textarea {
  height: 4.5833vw;
}

@media only screen and (max-width: 650px) {
  .billing__form_ur .textarea {
    height: 32.5vw;
    padding: 1.5625vw 2.5vw;
  }
}

.billing__form-col {
  width: 19.0104vw;
}

@media only screen and (max-width: 650px) {
  .billing__form-col {
    width: 100%;
  }
}

.billing__conf {
  padding-left: 0.3125vw;
  margin-bottom: 1.3021vw;
  max-width: 21.875vw;
}

@media only screen and (max-width: 650px) {
  .billing__conf {
    display: none;
  }
}

.billing__conf_mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .billing__conf_mob {
    display: block;
    max-width: 100%;
    margin-bottom: 5.3125vw;
  }
}

.billing__conf a {
  text-decoration: underline;
}

.billing__input {
  width: 100%;
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .billing__input {
    margin-bottom: 3.125vw;
  }
}

.billing__input.not-valid input {
  border: 1px solid #FF0000;
}

.billing__text-area {
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .billing__text-area {
    margin-bottom: 6.25vw;
  }
}

.billing__error {
  position: absolute;
  bottom: 0.2vw;
  color: #FF0000;
  opacity: 0;
}

@media only screen and (max-width: 650px) {
  .billing__error {
    bottom: 38.2vw;
  }
}

.billing__file {
  height: 4.6354vw;
  border: 1px solid transparent;
}

@media only screen and (max-width: 650px) {
  .billing__file {
    height: 24.6875vw;
    margin-bottom: 3.125vw;
  }
}

.billing__button {
  margin: 0 auto;
}

@media only screen and (max-width: 650px) {
  .billing__button {
    display: none;
  }
}

.billing__button_mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .billing__button_mob {
    display: flex;
    max-width: 100%;
    margin-bottom: 5.3125vw;
  }
}

.file {
  width: 100%;
  height: 100%;
  border-radius: 0.2604vw;
  background-color: #f8f8f8;
  text-align: center;
  padding: 0.9375vw 0;
  cursor: pointer;
  display: block;
}

@media only screen and (max-width: 650px) {
  .file p {
    margin-bottom: 3.125vw;
  }
}

.file__icon {
  width: 1.3021vw;
  height: 1.3021vw;
}

@media only screen and (max-width: 650px) {
  .file__icon {
    width: 6.875vw;
    height: 6.875vw;
  }
}

.file__input {
  display: none;
}

.textarea {
  padding: 0.4688vw;
  resize: none;
}

.ul {
  justify-content: center;
}

.ul li {
  display: flex;
  align-items: center;
}

.ul li:before {
  content: "";
  margin-right: 0.5729vw;
  width: 0.3646vw;
  height: 0.3646vw;
  background-color: #F9DB2B;
}

@media only screen and (max-width: 650px) {
  .ul li:before {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-right: 1.25vw;
  }
}

.ul_horiz {
  display: flex;
  align-items: center;
}

.ul_horiz li {
  margin-right: 1.5625vw;
}

@media only screen and (max-width: 650px) {
  .ul_horiz li {
    margin-right: 2.8vw;
  }

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

#fiz:checked~* [for=fiz],
#ur:checked~* [for=ur] {
  border-color: #f9db2b;
  z-index: 10;
}

#fiz:checked~.billing__cont_fiz,
#ur:checked~.billing__cont_ur {
  display: block;
}

.calc {
  padding: 7.5521vw 2.6042vw 3.125vw 2.1875vw;
  display: flex;
}

@media only screen and (max-width: 650px) {
  .calc {
    padding: 29.6875vw 3.125vw 8.75vw;
  }
}

.calc__nav-bar {
  margin-right: 1.6146vw;
  position: fixed;
}

@media only screen and (max-width: 650px) {
  .calc__nav-bar {
    display: none;
  }
}

.calc__block {
  width: 78.75vw;
  margin-left: 17vw;
}

@media only screen and (max-width: 650px) {
  .calc__block {
    width: 100%;
    margin-left: unset;
  }
}

.calc__section-header {
  margin-bottom: 3.1771vw;
}

@media only screen and (max-width: 650px) {
  .calc__section-header {
    margin-bottom: 6.5625vw;
  }
}

.calc__form-calc {
  margin-bottom: 6.3021vw;
}

.steps {
  width: 100%;
  margin-bottom: 3.6458vw;
}

.steps__title {
  margin-bottom: 2.3958vw;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .steps__title {
    width: 65.0625vw;
    margin: 0 auto 6.875vw;
  }
}

.steps__block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 650px) {
  .steps__block {
    flex-direction: column;
  }
}

.steps__item {
  display: flex;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .steps__item {
    margin-bottom: 9.0625vw;
  }
}

.steps__donut {
  margin-right: 0.4167vw;
}

@media only screen and (max-width: 650px) {
  .steps__donut {
    margin-right: 1.25vw;
  }
}

.steps__item-text b {
  position: relative;
  margin-right: 0.625vw;
}

@media only screen and (max-width: 650px) {
  .steps__item-text b {
    margin-right: 2.5vw;
  }
}

.steps__item-text b:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #F9DB2B;
}

.steps__dotted {
  position: absolute;
  right: -5.1vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3.5938vw;
  height: 2px;
}

@media only screen and (max-width: 650px) {
  .steps__dotted {
    right: unset;
    left: 3px;
    transform: translateY(0) rotate(90deg);
    width: 6.25vw;
    top: unset;
    bottom: -5vw;
  }
}

@media only screen and (max-width: 650px) {
  .steps__desc {
    margin-bottom: 2.5vw;
  }
}

.steps__desc a {
  padding-right: 2px;
  padding-left: 2px;
  background: #F9DB2B;
  text-decoration: underline;
}

.form-calc {
  background: #F8F8F8;
  padding: 1.1979vw 0.8333vw 1.9271vw 1.4063vw;
  display: flex;
  margin-bottom: 6.3021vw;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
  position: relative;
}

@media only screen and (max-width: 650px) {
  .form-calc {
    padding: 2.1875vw 2.8125vw 5vw;
  }
}

.form-calc__form {
  width: 100%;
}

.form-calc__container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.6667vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__container {
    flex-direction: column;
    margin-bottom: 0;
  }
}

.form-calc__input-wrap {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}

.form-calc__input-wrap span {
  font-weight: 500;
}

.form-calc__wrap-inputs {
  display: flex;
  margin-bottom: 1.5104vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .form-calc__wrap-inputs {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5vw;
  }
}

.form-calc__item {
  width: 11.5104vw;
  height: 4.6875vw;
  border-radius: 0.2604vw;
  background-color: #FFFFFF;
  padding: 0.4688vw 0.5vw 0.6771vw;
  margin-right: 0.7813vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__item {
    height: 20.9375vw;
    margin-bottom: 5.9375vw;
    margin-right: 2.1875vw;
    padding: 1.25vw 2.8125vw 2.8125vw;
  }

  .form-calc__item:last-child {
    margin-bottom: 0;
  }

  .form-calc__item:first-child {
    width: 44vw;
  }

  .form-calc__item:nth-child(2) {
    margin-right: 0;
  }
}

.form-calc__item:last-child {
  margin-right: 0;
}

.form-calc__item_counter {
  width: 8.3vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__item_counter {
    width: 40.9375vw;
  }
}

.form-calc__item input {
  background: #ebebeb;
}

.form-calc__item_radios {
  width: 21.41vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__item_radios {
    width: 100%;
  }
}

.form-calc__item_radios .input__header {
  max-width: 8vw;
}

.form-calc__item--ext {
  width: 30.47vw;
  height: auto;
  border-radius: 0.2604vw;
  background-color: #FFFFFF;
  padding: 0.68vw 0.94vw 0.68vw 0.94vw;
  margin-right: 0.7813vw;
  margin-bottom: 0.83vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__item--ext {
    width: 100%;
    height: 10.42vw;
    margin-bottom: 5.9375vw;
    margin-right: 0;
    padding: 5vw 2.81vw;
  }
}

.form-calc__item--ext .price-calc {
  padding: 0 0 0;
}

.form-calc__item--ext .perimeter {
  padding: 0 0 0;
  width: 10.31vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__item--ext .perimeter {
    width: 35.31vw;
    margin-bottom: 1.09vw;
    height: 12.5vw;
  }
}

.form-calc__item--ext .amount {
  padding: 0 0;
}

.form-calc__item--ext .price-calc__radio {
  margin-bottom: 0.83vw;
}

.form-calc__item-header {
  height: 1.1979vw;
  margin-bottom: 0.5208vw;
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .form-calc__item-header {
    height: 5.625vw;
    margin-bottom: 3px;
  }
}

.form-calc__title {
  text-transform: uppercase;
  width: 100%;
  border-bottom: 0.3125vw solid #F9DB2B;
  padding-bottom: 0.4167vw;
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__title {
    border-bottom: 1.25vw solid #F9DB2B;
    margin-bottom: 2.5vw;
    padding-bottom: 2.5vw;
  }
}

.form-calc__title:first-child {
  border-bottom: none;
}

.form-calc__title:nth-child(3) {
  border-bottom: none;
}

.form-calc__front {
  padding-right: 0.5208vw;
  padding-bottom: 1.875vw;
  position: relative;
  margin-right: 0.8333vw;
}

@media only screen and (max-width: 650px) {
  .form-calc__front {
    margin-bottom: 0;
    width: 100%;
  }
}

.form-calc__front:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 98%;
  background: #C4C4C4;
}

@media only screen and (max-width: 650px) {
  .form-calc__front:after {
    content: unset;
  }
}

.form-calc__front:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 96%;
  width: 1px;
  background: #C4C4C4;
}

@media only screen and (max-width: 650px) {
  .form-calc__front:before {
    content: unset;
  }
}

@media only screen and (max-width: 650px) {
  .form-calc__expand {
    margin-bottom: 9.6875vw;
  }
}

.form-calc__radios {
  display: flex;
}

.form-calc__table-mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .form-calc__table-mob {
    display: block;
  }
}

.table-calc_desc {
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .table-calc_desc {
    display: none;
  }
}

.table-calc__th {
  height: 1.4063vw;
  margin-bottom: 0.6771vw;
  display: flex;
  align-items: center;
}

.table-calc__td {
  font-size: 15rem;
  flex: 1 1 5.0521vw;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
}

.table-calc__td_wide {
  min-width: 8.2813vw;
}

.table-calc__td_price {
  margin-right: 0.5208vw;
}

.table-calc__tr {
  display: flex;
  align-items: center;
  height: 2.7604vw;
  margin-bottom: 0.3646vw;
}

.table-calc__tr .table-calc__td {
  border-right: 1px solid #e1e1e1;
  flex: 1 1 5.0521vw;
  height: 2.7604vw;
  background: #fff;
  transition: 0.25s ease-in-out background-color;
}

.table-calc__tr .table-calc__td:nth-child(2) {
  border-top-left-radius: 0.2604vw;
  border-bottom-left-radius: 0.2604vw;
}

.table-calc__tr .table-calc__td_wide {
  min-width: 8.2813vw;
}

.table-calc__tr .table-calc__td_price {
  margin-right: 0.5208vw;
  border-top-right-radius: 0.2604vw;
  border-bottom-right-radius: 0.2604vw;
  border-right: unset;
}

.table-calc__tr .table-calc__td_choose {
  background: none;
  cursor: pointer;
  position: relative;
  transition: background 0.25s ease-in-out;
  border-radius: 0.2604vw;
  overflow: hidden;
  border: 3px solid #F9DB2B;
}

.table-calc__tr .table-calc__td_choose:hover {
  background: #F9DB2B;
}

.table-calc__tr .table-calc__td_color {
  position: relative;
}

.table-calc__tr .table-calc__td_color span {
  background-color: #666666;
  display: block;
  margin: 0 auto;
  width: 1.5625vw;
  height: 1.5625vw;
  position: relative;
}

.table-calc__tr .table-calc__td_color span:hover .tip__message {
  opacity: 1;
}

.table-calc__tr .table-calc__td_color .tip__message {
  width: 14.4792vw;
  padding: 1.0417vw 1.0417vw 0.7813vw;
  top: 100%;
  left: -0.7813vw;
  transform: translateY(1.0417vw);
}

.table-calc__question {
  position: relative;
  margin-left: 0.2604vw;
}

.table-calc__question .cloud-message_desc {
  font-size: 17rem;
  top: -5.5vw;
}

.table-calc__choose-variant:checked~.table-calc__td {
  background-color: #F9DB2B;
}

.price {
  position: relative;
}

@media only screen and (max-width: 650px) {
  .expand {
    width: 100%;
  }
}

.expand__content {
  width: 31.1458vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .expand__content {
    width: 100%;
    text-align: center;
  }
}

.expand__description {
  height: 36vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media only screen and (max-width: 650px) {
  .expand__description {
    display: none;
  }
}

.expand__img {
  width: 3.3854vw;
  height: 3.3854vw;
  margin: 0 auto 1.4583vw;
}

.expand__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.expand__title {
  text-transform: uppercase;
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 650px) {
  .expand__set {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .expand__set.active {
    display: block;
  }
}

@media only screen and (max-width: 650px) {
  .set {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.9);
  }
}

@media only screen and (max-width: 650px) {
  .set__wrap {
    height: fit-content;
    margin: 37.5vw auto 3.125vw;
    position: relative;
    width: 95%;
    background: #F8F8F8;
    padding: 14.0625vw 3.125vw 14.0625vw 3.125vw;
  }
}

.set__title {
  text-transform: uppercase;
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .set__title {
    margin-bottom: 1.875vw;
  }
}

.set__close-button {
  display: none;
  background: none;
}

@media only screen and (max-width: 650px) {
  .set__close-button {
    display: block;
    position: absolute;
    top: 2vw;
    right: 2vw;
  }

  .set__close-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.table-set {
  border-collapse: collapse;
  counter-reset: schetchik;
  width: 100%;
  position: relative;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .table-set {
    font-size: 2.8125vw;
  }
}

.table-set__delete {
  position: relative;
}

.table-set__delete span {
  width: 30rem;
  height: 30rem;
  background: url("../icon/delete.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .table-set__delete span {
    width: 17rem;
    height: 17rem;
  }
}

.table-set__header {
  position: relative;
  background: #FFFFFF;
  height: 4.1146vw;
}

@media only screen and (max-width: 650px) {
  .table-set__header {
    height: 14.375vw;
  }
}

.table-set__header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4.1146vw;
  top: 0;
  left: 0;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 650px) {
  .table-set__header:after {
    height: 14.375vw;
    box-shadow: 0vw 0.7308vw 1.8271vw rgba(0, 0, 0, 0.2);
  }
}

.table-set__amount {
  width: 19%;
}

.table-set__item {
  height: 2.7083vw;
  background: #FFFFFF;
}

@media only screen and (max-width: 650px) {
  .table-set__item {
    height: 10vw;
  }
}

.table-set__item:last-child {
  border-bottom: none;
}

.table-set__item td {
  min-width: 4.6354vw;
  padding: 0.6771vw;
}

@media only screen and (max-width: 650px) {
  .table-set__item td {
    height: 10vw;
  }
}

.table-set__item td:first-child {
  width: 8.125vw;
}

@media only screen and (max-width: 650px) {
  .table-set__item td:first-child {
    padding: 0 0.9375vw 0 2.1875vw;
    width: 24.375vw;
  }
}

.table-set__item_rowspan {
  height: 6.1245vw;
}

.table-set th {
  min-width: 4.6875vw;
  font-weight: 500;
  border-right: 1px solid #C4C4C4;
}

.table-set th:last-child {
  border-right: none;
}

.table-set td {
  text-align: center;
  border-right: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
}

.table-set td:last-child {
  border-right: none;
}

.table-set__desc {
  text-align: left !important;
  padding: 0 0.6771vw;
}

.table-set__desc span {
  display: block;
}

.table-set__article {
  color: #C4C4C4;
}

.table-set-mob {
  border-collapse: collapse;
  width: 100%;
  position: relative;
}

.table-set-mob__header-wrap {
  width: 100%;
  border-bottom: 1px solid #C4C4C4;
}

.table-set-mob__header {
  padding: 2.5vw 3.125vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.table-set-mob__header-left {
  text-align: left;
}

.table-set-mob__article {
  color: #C4C4C4;
}

.table-set-mob tr {
  background: #FFFFFF;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.0625vw;
  box-shadow: 0 2px 1.875vw rgba(0, 0, 0, 0.2);
}

.table-set-mob tr:last-child {
  margin-bottom: 0;
}

.table-set-mob td {
  text-align: center;
  min-width: 14.375vw;
  border-right: 1px solid #C4C4C4;
}

.table-set-mob td:first-child {
  border-right: 0;
}

.table-set-mob td:last-child {
  border-right: 0;
}

.calc-bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 650px) {
  .calc-bot {
    flex-direction: column;
    align-items: unset;
  }
}

.calc-bot__right {
  display: flex;
  justify-content: space-between;
}

.calc-bot__item {
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .calc-bot__item {
    margin-bottom: 4.0625vw;
  }
}

.calc-bot__item p {
  margin-bottom: 0.6771vw;
}

.calc-bot__item p:last-child {
  margin-bottom: 0;
}

.calc-bot__item_right {
  text-align: right;
}

@media only screen and (max-width: 650px) {
  .calc-bot__item_right {
    text-align: unset;
  }
}

.calc-bot__button {
  margin-right: 5.5vw;
}

@media only screen and (max-width: 650px) {
  .calc-bot__button {
    display: none;
  }
}

.calc-bot__button_mob {
  display: none;
}

@media only screen and (max-width: 650px) {
  .calc-bot__button_mob {
    display: flex;
    margin: 0 auto;
  }
}

.donut {
  display: inline-block;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #F9DB2B;
  border-radius: 50%;
  width: 2.1875vw;
  height: 2.1875vw;
}

@media only screen and (max-width: 650px) {
  .donut {
    width: 7.8125vw;
    height: 7.8125vw;
    border: 2px solid rgba(0, 0, 0, 0.1);
  }
}

.donut_deg90 {
  -webkit-transform: rotate(45deg);
}

@media only screen and (max-width: 650px) {
  .donut_deg90 {
    border-top-color: #F9DB2B;
  }
}

.donut_deg180 {
  border-right-color: #F9DB2B;
  -webkit-transform: rotate(45deg);
}

@media only screen and (max-width: 650px) {
  .donut_deg180 {
    border-top-color: #F9DB2B;
  }
}

.donut_deg270 {
  border-right-color: #F9DB2B;
  border-bottom-color: #F9DB2B;
  -webkit-transform: rotate(45deg);
}

@media only screen and (max-width: 650px) {
  .donut_deg270 {
    border-top-color: #F9DB2B;
  }
}

.donut_deg360 {
  border-right-color: #F9DB2B;
  border-bottom-color: #F9DB2B;
  border-left-color: #F9DB2B;
  -webkit-transform: rotate(45deg);
}

@media only screen and (max-width: 650px) {
  .donut_deg360 {
    border-top-color: #F9DB2B;
  }
}

.donut__num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.footer {
  flex: 0 0 auto;
  background: #F9DB2B;
  height: 3.9063vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.6042vw;
}

@media only screen and (max-width: 650px) {
  .footer {
    height: unset;
    padding: 2.1875vw 1.875vw 3.125vw;
    flex-wrap: wrap;
  }
}

.footer__right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 650px) {
  .footer__right {
    flex-basis: unset;
    flex-wrap: wrap;
  }
}

.footer__right a {
  text-decoration: underline;
}

@media only screen and (max-width: 650px) {
  .footer__item {
    width: fit-content;
  }
}

@media only screen and (max-width: 650px) {
  .footer__item_block {
    width: 100%;
    margin-bottom: 18rem;
    text-align: center;
    margin-top: 10rem;
  }

  .mob_menu {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: normal;
    align-items: center;
  }
}

.footer__item_policy {
  text-decoration: underline;
}

@media only screen and (max-width: 650px) {
  .footer__item_policy {
    padding: 0;
    margin: 5rem auto 5rem auto;
    width: 100%;
  }
}

.footer-right__container {
  display: flex;
  align-items: center;
}

.footer-right__title {
  text-transform: uppercase;
  margin-right: 20rem;
}

@media only screen and (max-width: 650px) {
  .footer-right__title {
    margin-right: 0;
    margin-bottom: 10rem;
  }
}

.footer-right__number {
  display: flex;
  align-items: center;
  margin-right: 24rem;
}

@media only screen and (max-width: 650px) {
  .footer-right__number {
    margin-right: 17rem;
  }
}

.footer-right__number a {
  text-decoration: none;
}

.footer-right__number svg {
  width: 23rem;
  margin-right: 10rem;
}

@media only screen and (max-width: 650px) {
  .footer-right__number svg {
    width: 15rem;
    margin-right: 5rem;
  }
}

.payment {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 650px) {
  .payment {
    flex-basis: unset;
    flex-direction: column;
    align-items: unset;
    margin-bottom: 25rem;
  }
}

.payment__title {
  text-transform: uppercase;
  display: block;
  margin-right: 1.0417vw;
}

@media only screen and (max-width: 650px) {
  .payment__title {
    margin-right: 0;
    margin-bottom: 2.5vw;
  }
}

.payment__options-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment__option {
  display: flex;
  align-items: center;
  margin-right: 1.0938vw;
}

.payment__option:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 650px) {
  .payment__option {
    margin-right: 0;
  }
}

.payment__option span {
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .payment__option span {
    max-width: 27.875vw;
  }
}

.payment__icon {
  margin-right: 0.4688vw;
}

@media only screen and (max-width: 650px) {
  .payment__icon {
    margin-right: 1.5625vw;
  }
}

.payment__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.payment__icon_bill {
  width: 1.0938vw;
  height: 1.3542vw;
}

@media only screen and (max-width: 650px) {
  .payment__icon_bill {
    width: 4.0625vw;
    height: 5vw;
  }
}

.payment__icon_card {
  width: 1.6146vw;
  height: 1.1458vw;
}

@media only screen and (max-width: 650px) {
  .payment__icon_card {
    width: 5.9375vw;
    height: 4.0625vw;
  }
}

.payment__icon_online {
  width: 1.3542vw;
  height: 1.25vw;
}

@media only screen and (max-width: 650px) {
  .payment__icon_online {
    width: 5.3125vw;
    height: 4.375vw;
  }
}

.payment__icon_nal {
  width: 1.4583vw;
  height: 1.1458vw;
}

@media only screen and (max-width: 650px) {
  .payment__icon_nal {
    width: 5.3125vw;
    height: 4.375vw;
  }
}

.error {
  color: #FF0000;
  opacity: 0;
}

#error__length {
  position: absolute;
  bottom: -1vw;
  left: 0.2vw;
  z-index: 1000;
  opacity: 1;
}

@media only screen and (max-width: 650px) {
  #error__length {
    bottom: 23vw;
  }
}

#error__variant {
  position: absolute;
  bottom: 1vw;
  left: 0.2vw;
  z-index: 1000;
  opacity: 1;
}

@media only screen and (max-width: 650px) {
  #error__variant {
    bottom: -2vw;
  }
}

.checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.checkbox__question {
  z-index: 10;
}

.checkbox__label {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .checkbox__label {
    justify-content: space-between;
  }
}

.checkbox__label span {
  font-size: 15rem;
  margin-right: 0.36vw;
}

@media only screen and (max-width: 650px) {
  .checkbox__label span {
    font-size: 9rem;
    margin-right: 1.875vw;
  }
}

.checkbox__label span:last-child {
  margin-right: 0;
  margin-left: 0.52vw;
}

.checkbox__left {
  display: flex;
  align-items: center;
}

.checkbox__icon {
  min-width: 1.9792vw;
  height: 1.1979vw;
  background-color: #ebebeb;
  border-radius: 1.1979vw;
  padding: 1px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .checkbox__icon {
    width: 8.125vw;
    height: 5vw;
    border-radius: 5.9vw;
  }
}

.checkbox__icon:before {
  content: "";
  height: 1.0938vw;
  width: 1.0938vw;
  background: #fff;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0.1042vw 0.3125vw rgba(0, 0, 0, 0.15);
  transition: transform 0.25s ease-in-out;
}

@media only screen and (max-width: 650px) {
  .checkbox__icon:before {
    height: 4.375vw;
    width: 4.375vw;
  }
}

.checkbox:checked~* .checkbox__icon:before {
  transform: translateX(0.7813vw);
}

@media only screen and (max-width: 650px) {
  .checkbox:checked~* .checkbox__icon:before {
    transform: translateX(3vw);
  }
}

.checkbox:checked~* .checkbox__icon {
  background: #F9DB2B;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal_scroll {
  overflow-y: scroll;
}

.modal__container {
  background-color: #F8F8F8;
  padding: 2.5vw 1.6146vw 2.3958vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .modal__container {
    padding: 5.625vw 3.125vw 4.375vw;
  }
}

.modal__container_pad {
  padding: 3.0729vw 4.0104vw 1.9271vw;
}

@media only screen and (max-width: 650px) {
  .modal__container_pad {
    padding: 7.5vw 12.5vw;
  }
}

.modal__close-button {
  position: absolute;
  top: -1.7vw;
  right: -0.5vw;
  background: none;
}

@media only screen and (max-width: 650px) {
  .modal__close-button {
    top: -5.3125vw;
    right: -1.5vw;
  }
}

.modal__close-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recall-form {
  text-align: center;
  position: relative;
}

.recall-form__title {
  text-transform: uppercase;
  margin: 0 auto 1.3542vw;
  width: 22.8125vw;
}

@media only screen and (max-width: 650px) {
  .recall-form__title {
    font-size: 9rem;
    margin: 0 auto 5.625vw;
    width: 64vw;
  }
}

.recall-form__inputs {
  margin: 0 auto;
  background: #FFFFFF;
  padding: 1.25vw 1.0417vw;
  width: 21.1458vw;
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .recall-form__inputs {
    padding: 0;
    width: 66.5625vw;
    background: unset;
    margin-bottom: 5vw;
  }
}

.recall-form__policy {
  margin: 0 auto 1.3021vw;
  width: 20.8333vw;
  text-align: left;
}

@media only screen and (max-width: 650px) {
  .recall-form__policy {
    width: 56.25vw;
    margin: 0 0 5.3125vw;
  }
}

.recall-form__policy a {
  text-decoration: underline;
}

.recall-form__input {
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 650px) {
  .recall-form__input {
    background: #FFFFFF;
    margin-bottom: 4.0625vw;
  }
}

.recall-form__input:last-child {
  margin-bottom: 0;
}

.recall-form__button {
  margin: 0 auto;
}

.thanks {
  text-align: center;
}

.thanks__logo {
  width: 16.3016vw;
  height: 3.3859vw;
  margin: 0 auto 1.7708vw;
}

@media only screen and (max-width: 650px) {
  .thanks__logo {
    width: 47.8687vw;
    height: 9.9813vw;
    margin: 0 auto 4.6875vw;
  }
}

.thanks__logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.thanks__title {
  text-transform: uppercase;
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 650px) {
  .thanks__title {
    margin: 0 auto 4.6875vw;
    font-size: 9rem;
  }
}

.thanks__desc {
  text-transform: uppercase;
  margin: 0 auto 1.4583vw;
  width: 17.9688vw;
}

@media only screen and (max-width: 650px) {
  .thanks__desc {
    width: 50vw;
    margin: 0 auto 4.6875vw;
    font-size: 9rem;
  }
}

.thanks__button {
  margin: 0 auto;
}

.completed {
  text-align: center;
}

.completed__logo {
  width: 16.3016vw;
  height: 3.3859vw;
  margin: 0 auto 1.7708vw;
}

@media only screen and (max-width: 650px) {
  .completed__logo {
    width: 47.8687vw;
    height: 9.9813vw;
    margin: 0 auto 4.6875vw;
  }
}

.completed__logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.completed__title {
  text-transform: uppercase;
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 650px) {
  .completed__title {
    margin: 0 auto 4.6875vw;
    font-size: 9rem;
  }
}

.completed__desc {
  text-transform: uppercase;
  margin: 0 auto 1.4583vw;
  width: 22.9688vw;
}

@media only screen and (max-width: 650px) {
  .completed__desc {
    width: 60vw;
    margin: 0 auto 4.6875vw;
    font-size: 9rem;
  }
}

.completed__button {
  margin: 0 auto;
}

#kit-wicket-checkbox~.form-calc__counter,
#kit-gate-checkbox~.form-calc__radios {
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transform: translateX(-0.5208vw);
}

#kit-wicket-checkbox:checked~.form-calc__counter,
#kit-gate-checkbox:checked~.form-calc__radios {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

[v-cloak] {
  display: none;
}

.lds-roller {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  z-index: 300;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #F9DB2B;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.add {
  padding: 1.5104vw 0 1.3021vw;
  background: #F8F8F8;
  width: 32.7083vw;
  box-shadow: 0vw 0.0565vw 0.1413vw rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 650px) {
  .add {
    padding: 4.6875vw 0 4.375vw;
    width: 96.875vw;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
}

.add__title {
  text-transform: uppercase;
  margin-bottom: 1.5104vw;
  text-align: center;
}

@media only screen and (max-width: 650px) {
  .add__title {
    margin-bottom: 4.375vw;
  }
}

.add__cart-table {
  margin: 0 auto 1.1458vw;
  width: 30.8333vw;
  height: 10.2604vw;
  border-radius: 0.2604vw;
}

@media only screen and (max-width: 650px) {
  .add__cart-table {
    width: 93.75vw;
    margin: 0 auto 3.25vw;
  }
}

.add__cart-table:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 100%;
  background: #F8F8F8;
}

.add__cart-table th {
  padding: 1.4583vw 0.1563vw;
}

.add__cart-table td {
  min-width: 4.6354vw;
}

.add__cart-table td:nth-child(2) {
  max-width: 5.1563vw;
}

.add__cart-table td:first-child {
  width: unset;
}

.add__cart-table .cart-table__header {
  border-bottom: 1px solid #e1e1e1;
}

.add__cart-table .cart-table__header:after {
  content: none;
}

.add__cart-table .cart-table__desc {
  padding: 0.625vw;
  max-width: 7.8125vw;
}

.add__cart-table .cart-table__sale {
  width: 6.6667vw;
}

.add__desc {
  margin: 0 auto 1.0938vw;
  width: 19.1875vw;
  text-align: center;
}

@media only screen and (max-width: 650px) {
  .add__desc {
    width: 68.625vw;
    margin: 0 auto 3.125vw;
  }
}

.add__desc span {
  background: #F9DB2B;
  padding: 0 1vw;
  font-weight: 600;
  padding: 0 0.625vw;
  text-align: center;
  font-weight: 600;
}

.add__button {
  margin: 0 auto 1.6146vw;
  width: 8.125vw;
  height: 2.6042vw;
  border: 2px solid #f9db2b;
  border-radius: 0.2604vw;
  background: none;
}

.add__button:hover {
  background: #F9DB2B;
}

@media only screen and (max-width: 650px) {
  .add__button {
    margin: 0 auto 3.75vw;
    width: 29.375vw;
    height: 9.375vw;
    border-radius: 0.9375vw;
    font-size: 9rem;
  }
}

.add__bottom {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  padding: 1.0417vw 0vw 0vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 650px) {
  .add__bottom {
    padding: 3vw 0vw 0vw;
  }
}

.add__cart {
  margin-right: 2.1354vw;
}

@media only screen and (max-width: 650px) {
  .add__cart {
    font-size: 9rem;
    margin-right: 3.125vw;
  }
}

.add__cart:hover {
  color: #F9DB2B;
}

.add__continue {
  background: #F9DB2B;
}

@media only screen and (max-width: 650px) {
  .add__continue {
    font-size: 9rem;
  }
}

.add__continue:hover {
  background: #C4C4C4;
}

.full-slider {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(255, 255, 255, 0.95);
  padding: 90rem 0 0 0;
  z-index: 6000;
}

.full-slider__title {
  margin-bottom: 66rem;
  text-align: center;
}

.full-slider__close {
  width: 60rem;
  height: 60rem;
  background: #FFE656;
  border-radius: 50%;
  position: absolute;
  top: 45rem;
  right: 45rem;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .full-slider__close {
    width: 33rem;
    height: 33rem;
    right: 15rem;
    top: 15rem;
  }
}

.full-slider__close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../icon/close 1.svg") center no-repeat;
  background-size: contain;
}

.full-slider__slider {
  height: 70vh;
  width: 100vw;
  position: relative;
}

@media only screen and (max-width: 650px) {
  .full-slider__slider {
    height: 50vh;
  }
}

.full-slider__item {
  height: 70vh;
  width: 100%;
  margin-right: 90rem;
}

@media only screen and (max-width: 650px) {
  .full-slider__item {
    height: 50vh;
    margin-right: 30rem;
    width: calc(100% - 60rem);
  }
}

.full-slider__image {
  height: 100%;
}

.full-slider__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.full-slider .flickity-button {
  width: 22rem;
  height: 38rem;
}

@media only screen and (max-width: 650px) {
  .full-slider .flickity-button {
    width: 12rem;
    height: 20rem;
  }
}

.full-slider .flickity-button.previous {
  left: 50rem;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 650px) {
  .full-slider .flickity-button.previous {
    left: 10rem;
  }
}

.full-slider .flickity-button.next {
  right: 50rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

@media only screen and (max-width: 650px) {
  .full-slider .flickity-button.next {
    right: 10rem;
  }
}

.news {
  padding-top: 140rem;
  width: 1820rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 83rem;
}

@media only screen and (max-width: 650px) {
  .news {
    width: 100%;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 98rem;
    padding-bottom: 25rem;
  }
}

.news__title {
  font-size: 30rem;
  font-weight: 700;
  margin-bottom: 44rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .news__title {
    font-size: 14rem;
    margin-bottom: 15rem;
  }
}

.news__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.news__tile--actual {
  width: 900rem !important;
}

.news__tile--actual:first-child {
  margin-right: 20rem;
}

@media only screen and (max-width: 650px) {
  .news__tile--actual {
    width: 100% !important;
  }

  .news__tile--actual:first-child {
    margin-right: 0;
  }
}

.news__tile {
  position: relative;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .news__tile {
    margin-bottom: 10rem;
  }
}

.news__pagination {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.news__read {
  width: 1.56vw;
  height: 1.56vw;
  background: #F9DB2B;
  position: absolute;
  bottom: 1.04vw;
  right: 1.04vw;
  border: none;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  border-radius: 50%;
  transition: opacity 0.25s, visibility 0.25s;
}

.news__read svg {
  width: 0.47vw;
  height: 0.73vw;
}

@media only screen and (max-width: 650px) {
  .news__read {
    bottom: 20rem;
    right: 16rem;
    width: 15rem;
    height: 15rem;
  }

  .news__read svg {
    width: 5rem;
    height: 10rem;
  }
}

.news__more {
  width: 110rem;
  height: 29rem;
  font-weight: 500;
  font-size: 9rem;
  background: #F9DB2B;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20rem;
}

@media only screen and (max-width: 650px) {
  .news__more {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.news-actual {
  display: flex;
  margin-bottom: 20rem;
}

@media only screen and (max-width: 650px) {
  .news-actual {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}

.news-tile {
  width: 440rem;
  height: 281rem;
  background: #cdcdcd;
  position: relative;
  overflow: hidden;
}

.news-tile:before {
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 650px) {
  .news-tile {
    width: 100%;
    height: 163rem;
  }
}

.news-tile__thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  transition: transform 0.25s;
  transform: scale(1);
}

.news-tile__thumb img {
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 650px) {
  .news-tile__thumb img {
    height: 100%;
  }
}

.news-tile__text {
  z-index: 3;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
  padding: 20rem;
  height: 100%;
  color: #fff;
}

@media only screen and (max-width: 650px) {
  .news-tile__text {
    padding: 20rem 16rem;
  }
}

.news-tile__title {
  font-size: 20rem;
  font-weight: 700;
  margin-bottom: 15rem;
}

@media only screen and (max-width: 650px) {
  .news-tile__title {
    font-size: 12rem;
    margin-bottom: 12rem;
  }
}

.news-tile__description {
  font-size: 17rem;
}

@media only screen and (max-width: 650px) {
  .news-tile__description {
    font-size: 10rem;
  }
}

.news-tile__date {
  font-size: 15rem;
}

@media only screen and (max-width: 650px) {
  .news-tile__date {
    font-size: 9rem;
  }
}

.news-tile:hover .news-tile__thumb {
  transform: scale(1.3);
}

.news-tile:hover .news__read {
  opacity: 1;
  visibility: visible;
}

.news-other {
  display: flex;
}

@media only screen and (max-width: 650px) {
  .news-other {
    flex-wrap: wrap;
  }
}

.news-other .news__tile {
  margin-right: 20rem;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .news-other .news__tile {
    margin-right: 0;
  }
}

.news-other .news__tile:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 650px) {
  .news-other .news__tile:last-child {
    margin-bottom: 0;
  }
}

.news__wrapper {
  margin-bottom: 44rem;
}

@media only screen and (max-width: 650px) {
  .news__wrapper {
    margin-bottom: 25rem;
  }
}

.news-pagination {
  display: flex;
  justify-content: space-between;
  width: 303rem;
  align-items: center;
}

@media only screen and (max-width: 650px) {
  .news-pagination {
    width: 100%;
  }
}

.news-pagination__pages {
  display: flex;
}

.news-pagination__item {
  margin-right: 13rem;
  font-size: 15rem;
  font-weight: 500;
}

.news-pagination__item--active {
  color: #F9DB2B;
}

.news-pagination__item:hover {
  color: #FFE656;
}

.news-pagination__item:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 650px) {
  .news-pagination__item {
    margin-right: 15rem;
  }
}

.news-pagination__arrow {
  cursor: pointer;
}

.news-pagination__arrow:hover svg path {
  fill: #F9DB2B;
}

.news-pagination__next {
  transform: rotate(180deg);
}

.title__icon {
  width: 77rem;
  height: 23rem;
  margin-bottom: 15rem;
}

.title__icon svg {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 650px) {
  .title__icon {
    margin-bottom: 9rem;
    width: 45rem;
    height: 13rem;
  }

  .title__icon svg {
    height: 100%;
  }
}

.article {
  width: 1500rem;
  margin-left: auto;
}

@media only screen and (max-width: 650px) {
  .article {
    width: 100%;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 102rem;
    padding-bottom: 40rem;
  }
}

.article__back {
  display: flex;
  align-items: center;
  transition: color 0.25s;
  margin-bottom: 24rem;
}

.article__back svg {
  width: 7rem;
  height: 10rem;
  margin-right: 14rem;
}

.article__back svg path {
  transition: fill 0.25s;
}

.article__back:hover {
  color: #FFE656;
}

.article__back:hover svg path {
  fill: #FFE656;
}

@media only screen and (max-width: 650px) {
  .article__back {
    margin-bottom: 16rem;
  }
}

.article__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10rem;
}

@media only screen and (max-width: 650px) {
  .article__container {
    flex-wrap: wrap;
  }
}

.article__container h3 {
  font-size: 30rem;
  margin-bottom: 35rem;
}

@media only screen and (max-width: 650px) {
  .article__container h3 {
    font-size: 14rem;
    margin-bottom: 20rem;
  }
}

.article__container p {
  margin-bottom: 25rem;
  font-size: 17rem;
}

@media only screen and (max-width: 650px) {
  .article__container p {
    font-size: 12rem;
    margin-bottom: 15rem;
    line-height: 1.4;
  }
}

.article__container ol {
  padding-left: 25rem;
  margin-bottom: 25rem;
}

@media only screen and (max-width: 650px) {
  .article__container ol {
    padding-left: 15rem;
    margin-bottom: 15rem;
  }
}

.article__container ol li {
  font-size: 17rem;
  margin-bottom: 17rem;
}

.article__container ol li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 650px) {
  .article__container ol li {
    font-size: 12rem;
  }
}

.article__container ul {
  padding-left: 25rem;
  margin-bottom: 25rem;
}

@media only screen and (max-width: 650px) {
  .article__container ul {
    padding-left: 15rem;
    margin-bottom: 15rem;
  }
}

.article__container ul li {
  position: relative;
  margin-bottom: 17rem;
}

.article__container ul li:last-child {
  margin-bottom: 0;
}

.article__container ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5rem;
  left: -20rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #000;
}

.article__wrapper {
  width: 1480rem;
  flex: 1;
}

@media only screen and (max-width: 650px) {
  .article__wrapper {
    width: 100%;
  }
}

.article__title {
  font-size: 30rem;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 50rem;
  width: 1480rem;
}

@media only screen and (max-width: 650px) {
  .article__title {
    width: 100%;
    font-size: 14rem;
    margin-bottom: 30rem;
  }
}

.article__thumbnail {
  margin-bottom: 25rem;
  width: 100%;
}

@media only screen and (max-width: 650px) {
  .article__thumbnail {
    margin-bottom: 15rem;
  }
}

.article__excerpt {
  font-size: 30rem;
  font-weight: 500;
  margin-bottom: 40rem;
}

@media only screen and (max-width: 650px) {
  .article__excerpt {
    font-size: 14rem;
    margin-bottom: 25rem;
    line-height: 1.4;
  }
}

.article__pic {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35rem;
}

.article-pic {
  width: 890rem;
}

@media only screen and (max-width: 650px) {
  .article-pic {
    width: 100%;
  }
}

.article-pic img {
  width: 100%;
}

.article-pic__title {
  font-size: 20rem;
  margin-top: 15rem;
  margin-bottom: 10rem;
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .article-pic__title {
    margin-top: 10rem;
    margin-bottom: 5rem;
    font-size: 9rem;
  }
}

.article-pic__sign {
  font-size: 17rem;
  font-style: italic;
}

@media only screen and (max-width: 650px) {
  .article-pic__sign {
    font-size: 9rem;
  }
}

.article__important,
.wp-block-quote {
  padding: 31rem 27rem;
  background: #E5E5E5;
  font-weight: 500;
  font-size: 17rem;
  line-height: 20.72rem;
  margin-bottom: 25rem;
}

@media only screen and (max-width: 650px) {
  .article__important .wp-block-quote {
    font-size: 12rem;
    padding: 24rem 20rem 32rem 16rem;
    line-height: 1.4;
  }
}

.article__sidebar {
  margin-top: -47rem;
}

@media only screen and (max-width: 650px) {
  .article__sidebar {
    margin-top: 0;
    width: 100%;
  }
}

.article__sidebar .news__tile {
  width: 300rem;
  height: 281rem;
  margin-bottom: 17rem;
  cursor: pointer;
}

@media only screen and (max-width: 650px) {
  .article__sidebar .news__tile {
    width: 100%;
    height: 163rem;
  }
}

.article__sidebar .news__tile .news-tile__thumb img {
  height: 100%;
}

.article__sidebar .news__tile .news-tile__title {
  font-size: 20rem;
  margin-bottom: 15rem;
}

@media only screen and (max-width: 650px) {
  .article__sidebar .news__tile .news-tile__title {
    font-size: 12rem;
    margin-bottom: 12rem;
  }
}

.article-sidebar__title {
  font-size: 20rem;
  line-height: 1.5;
  margin-bottom: 16rem;
  font-weight: 700;
  text-transform: uppercase;
}

@media only screen and (max-width: 650px) {
  .article-sidebar__title {
    font-size: 14rem;
    display: flex;
    justify-content: space-between;
  }
}

.article-sidebar__title .article-sidebar__prev {
  margin-right: 20rem;
}

.article-sidebar__title .article-sidebar__prev svg {
  width: 5rem;
  height: 8rem;
}

.article-sidebar__title .article-sidebar__next svg {
  height: 8rem;
  width: 5rem;
  transform: rotate(180deg);
}

.news-tiles__slider {
  width: 280rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.news-tiles__slider .flickity-slider {
  width: 280rem;
}

.news-tiles__slider .flickity-viewport {
  overflow-x: hidden;
  width: 280rem;
}

.news-tiles__slider .news-tile {
  margin: 0;
}

.advantages-news__item .news__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

figure.wp-block-gallery.has-nested-images {
  display: flex;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
  margin: 5px
}


@media only screen and (max-width: 650px) {
  figure.wp-block-gallery.has-nested-images {
    flex-direction: column;
  }

  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    width: 100%;
  }
}


/*New Styles*/
.checkout__payment-type-wrapper {
  margin: 42px 0;
}

.checkout__payment-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 -6px;
}

.checkout__payment-type-title {
  border: none;
  width: 100%;
  height: auto;
  text-align: center;
}

.checkout__payment-type-label {
  width: 100%;
  max-width: 50%;
  cursor: pointer;
  padding: 0 6px;
}

.checkout__payment-type-label p {
  position: relative;
  background: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 15rem;
  padding: 14px 6px 16px 32px;
}

.checkout__payment-type-label p span {
  display: block;
  font-size: 12rem;
  padding-top: 8rem;
}

.checkout__payment-type-label p:before,
.checkout__payment-type-label p:after {
  position: absolute;
  content: '';
  display: block;
  box-sizing: border-box;
}

.checkout__payment-type-label p:before {
  top: 14px;
  left: 7px;
  border-radius: 50%;
  border: 2px solid #F9DB2B;
  width: 19px;
  height: 19px;
}

.checkout__payment-type-label p:after {
  top: 18px;
  left: 11px;
  border-radius: 50%;
  background-color: #F9DB2B;
  width: 11px;
  height: 11px;
  opacity: 0;
}

.checkout__payment-type-label input:checked+p {
  border-color: #F9DB2B;
}

.checkout__payment-type-label input:checked+p:after {
  opacity: 1;
}

.t-thankyou {
  text-align: center;
  padding-top: 9em;
  padding-bottom: 4em;
}

.t-thankyou h1 {
  text-transform: uppercase;
  margin-top: 40px;
}

.t-thankyou p {
  max-width: 350px;
  margin: 32px auto;
}

.t-thankyou .button {
  margin: 36px auto 0;
}

@media(max-width: 649px) {
  .checkout__payment-type-label p {
    font-size: 8rem
  }

  .checkout__payment-type-label p span {
    font-size: 5.5rem
  }
}


.nav-links {
  width: 1820rem;
  margin: 0 auto 20rem;
  justify-content: space-between;
  display: flex;
}

@media(max-width: 649px) {
  .nav-links {
    display: none;
  }
}

.nav-links a:hover {
  text-decoration: underline;
}



.article a {
  text-decoration: underline;
}

.nav-bar__title {
  font-weight: bold;
}

.product-desc__gloss strong {
  display: block;
  font-size: 1.5em;
}

.product-desc__title {
  font-weight: bold;
}

.section-ozon {
  display: flex;
  align-items: center;
}

.section-ozon__link {
  padding: 20rem 42rem;
  margin-right: 24rem;
}

.ozon-link {
  background: rgba(35, 89, 244, 1);
  border-radius: 6px;
}

.section-ozon__link img {
  width: 92rem;
  height: 20rem;
}

.footer-ozon__text {
  font-size: 14rem;
  display: flex;
  align-items: center;
}

.footer-ozon__link {
  padding: 12rem 26rem;
  margin-left: 24rem;
}

.footer-ozon__link img {
  width: 55rem;
  height: 12rem;
}

.footer__item_spaced {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
}

.footer__item_linked {
  width: 607rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 650px) {
  .footer_bottom_block {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 9rem;
  }

  .footer__item_linked {
    width: 100%;
    gap: 10rem;
  }

  .footer-ozon__text {
    font-size: 9rem;
  }

  .footer-ozon__link {
    margin-left: 10rem;
    padding: 5rem 12rem;
  }

  .footer-ozon__link img {
    width: 25rem;
    height: 10rem;
  }

  .footer__item_spaced {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-width: 650px) {
  .table__header {
    height: 19.9583vw;
  }
  .table__header:after {
    height: 17.9583vw;
  }

  .table th {
    padding: 5px;
  }

  .table .color {
    width: 4.5625vw;
    height: 4.5625vw;
  }

  .table .color .tip__message {
    width: 19.4792vw;
    padding: 1.0417vw 1.0417vw 0.7813vw;
    top: 100%;
    left: -7.7813vw;
    transform: translateY(1.0417vw);
  }

  .product__table {
    font-size: 9rem;
    display: block;
    overflow: scroll;
    width: 100%;
  }
}

.textBlock {
  margin: 10rem 0;
}


.sidebar-menu {
  max-width: 250px;
  position: fixed;
  height: fit-content;
}

.sidebar-menu__ul a {
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
}

.sidebar-menu__nav ul li:before {
  content: "";
  margin-right: 5rem;
  width: 11rem;
  height: 20rem;
  background: url(../icon/rod.svg) center no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.sidebar-menu__nav ul li {
  margin-bottom: 20rem;
  cursor: pointer;
  display: block;
  align-items: center;
  padding-left: 20rem;
  position: relative;
}

.sidebar-menu__title {
  font-size: 22rem;
  font-weight: bold;
}

.article__container h3 {
  font-size: 20rem;
  margin-bottom: 15rem;
}

.article-page h2 {
  margin-bottom: 20rem;
}

.article-page table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

.article-page table,
.article-page th,
.article-page td {
  border: 1px solid #333;
}

.article-page th,
.article-page td {
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

.article-page tr:first-child {
  background-color: #f9b036;
  font-weight: bold;
}

.article-page tr:nth-child(even) {
  background-color: #f9f9f9;
}

.article-page tr:hover {
  background-color: #e9e9e9;
}

.article-page .table-container {
  overflow-x: auto;
}

@media only screen and (min-width: 1000px) {
  .article__sidebar {
    margin-left: 35px;
    margin-right: 60px;
  }
}

@media only screen and (max-width: 650px) {
  html .article {
    width: 100%;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 102rem;
    padding-bottom: 40rem;
  }

  .article__container h3 {
    font-size: 1.3em;
    margin-bottom: 15rem;
  }

  .article__container ul {
    font-size: 12rem;
  }

  .article-page td {
    font-size: 11rem;
  }

  .sidebar-menu {
    display: none;
  }
}

@media only screen and (min-width: 650px) {
  .site-main.with-padding,
  .article-page {
    padding: 7.5521vw 2.6042vw 3.125vw 2.1875vw;
    display: flex;
  }
}


.header__working-hours {
  margin-right: 15px;
  white-space: nowrap;
  font-size: 15rem;
}
.working-hours__label {
  text-decoration: underline;
  margin-bottom: 5px;
}
.nav__working-hours {
  display: none;
  margin-top: 15rem;
  font-weight: bold;
  white-space: nowrap;
  font-size: 12rem;
}

@media(max-width: 650px) {
  .header__working-hours {
    display: none;
  }

  .nav__working-hours {
    display: block;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}


.checkbox-item {
  position: relative;
}

.checkbox-item__input {
  display: block;
  width: 100%;
  height: 100%;
}
.checkbox-item__input:checked + .checkbox-item__text:before {
  background: url(../icon/check2.svg) 0px -1px / contain no-repeat;

}
.checkbox-item__text {
  padding-left: 20px;
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
}

.checkbox-item__text::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid currentColor;
  content: '';
}

.checkbox-item__text a {
  text-decoration: underline;
}

.checkbox-item__text a:hover {
  text-decoration: none;
}

.cookie-bubble {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 280px;
  background: #000000;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 10px 10px rgb(0 0 0 / 7%);
  z-index: 1000;
  color: var(--muted);
  line-height: 1.5;
}

.cookie-bubble__title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}

.cookie-bubble__text {
  margin-bottom: 15px;
  font-size: 12px;
  color: #ECEFF3;
  line-height: 1.5;
}

.cookie-bubble .button {
  width: 100%;
}

.cookie-bubble a {
  color: #F9DB2B;
}

.cookie-bubble a:hover {
  color: #fff;
}

.product-page__html-block {
  margin-bottom: 3.6458vw;
}