@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.white-filter, .box-load-more__btn:before, .btn-edit-white::before, .btn_plus-white::before, .btn_download.btn-secondary:before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .product-counter__btn_subtract:hover, .product-counter__btn_plus:hover, .link_compare:active::after, .btn-edit-white:active::before, .btn_checked:before, .btn_plus-white:active::before, .btn_plus:active::before, .btn_review:active::before, .btn_download:active::before, .btn_share:active::before {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.form-control {
  padding: 0 18px;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  background: #fff;
  border: 1px solid #CACACA;
  border-radius: 10px;
  height: 44px;
  box-shadow: none;
  outline: none;
}
.form-control::placeholder {
  color: #707070;
}
.form-control:hover {
  border-color: #000;
}
.form-control:focus {
  border-color: #94B80A;
  color: #000;
  box-shadow: none;
  outline: none;
}
.form-control:disabled, .form-control[readonly] {
  border-color: #e3e3e3;
  color: #e3e3e3;
}
.form-control.is-invalid, .form-control.is-invalid:invalid:focus, .form-control.is-invalid:focus {
  border-color: #F10C0C;
  outline: none;
  box-shadow: none;
  background-image: none;
}

.form-control-sm {
  height: 35px;
  padding: 0 15px;
}

input.form-control-sm {
  height: 35px !important;
}

textarea.form-control {
  height: auto;
  padding: 13px 18px;
  line-height: 1.35;
}

textarea.form-control-sm {
  height: auto;
  padding: 10px 15px;
}

.form-floating > .form-control {
  padding: 0 18px;
}

.form-floating > .form-control, .form-floating > .form-select {
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
}

.form-floating > textarea.form-control {
  height: auto;
  min-height: 100px;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 1.35;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 0;
  padding-bottom: 0;
}

.form-floating > textarea.form-control:focus, .form-floating > textarea.form-control:not(:placeholder-shown) {
  padding-top: 13px;
  padding-bottom: 13px;
}

.form-floating > label {
  padding: 12px 18px 0 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: top 0.2s ease-in-out;
  color: #707070;
  height: auto;
}

.form-floating > textarea.form-control + label {
  align-items: flex-start;
  padding-top: 13px;
}

.form-floating > .form-control[required=required] ~ label:after {
  content: "*";
  color: #f2530c;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 1;
  transform: none;
  color: #000;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label {
  opacity: 1;
  transform: none;
  height: 14px;
  top: -7px;
  background: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 5px;
  left: 13px;
  color: #94B80A;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: #707070;
}

.form-floating.has-error .form-control {
  border-color: #F10C0C;
}

.form-floating.has-error > .form-control:focus ~ label, .form-floating.has-error > .form-control:not(:placeholder-shown) ~ label {
  color: #707070;
}

.help-block-error {
  font-weight: 500;
  font-size: 12px;
  color: #F10C0C;
  margin: 0;
  padding: 5px 19px 0 19px;
}

.has-error .form-control {
  border-color: #F10C0C;
}

/* custom scrollbar */
.custom-scroll-with-button {
  /* Up */
  /* Down */
}
.custom-scroll-with-button::-webkit-scrollbar {
  width: 15px;
  border-radius: 10px;
  position: relative;
  background: #F5F5F5;
}
.custom-scroll-with-button::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #F5F5F5;
}
.custom-scroll-with-button::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, #E3E3E3, #E3E3E3), #F2F2F2;
  border-radius: 100px;
  width: 11px;
  left: 2px;
}
.custom-scroll-with-button::-webkit-scrollbar-button {
  height: 15px;
  width: 15px;
}
.custom-scroll-with-button::-webkit-scrollbar-button:vertical:decrement {
  border: none;
  background: url("data:image/svg+xml,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M1.458 4.375 3.5 2.333l2.042 2.042' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='matrix(0 1 1 0 0 0)' d='M0 0h7v7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
}
.custom-scroll-with-button::-webkit-scrollbar-button:vertical:increment {
  border: none;
  background: url("data:image/svg+xml,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M1.458 2.625 3.5 4.667l2.042-2.042' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='rotate(-90 3.5 3.5)' d='M0 0h7v7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
}

.custom-scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  position: relative;
  background: none;
  box-shadow: none;
  background-clip: padding-box;
}
.custom-scroll::-webkit-scrollbar-track {
  border-radius: 12px;
  background: #CACACA;
  width: 12px;
  max-width: 12px;
  border: 5px solid transparent;
  background-clip: padding-box;
}
.custom-scroll::-webkit-scrollbar-track:horizontal {
  height: 12px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 12px;
  width: 2px;
  border: 5px solid transparent;
  background-clip: padding-box;
}
.custom-scroll::-webkit-scrollbar-thumb:horizontal {
  height: 2px;
}
.custom-scroll:hover::-webkit-scrollbar-thumb {
  background: #94B80A url("../../i/container.svg#icon-59") center center no-repeat;
  background-size: 2px 10px;
  border-radius: 12px;
  width: 12px;
  border: 5px solid #94B80A;
}
.custom-scroll:hover::-webkit-scrollbar-thumb:horizontal {
  background: #94B80A url("../../i/container.svg#icon-60") center center no-repeat;
  background-size: 10px 2px;
}
.custom-scroll::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}

.form-check {
  padding: 0;
  margin: 0;
  min-height: 16px;
}

.pagination-nav {
  display: flex;
  justify-content: center;
  margin: 30px 0 70px 0;
}

.box-load-more + .pagination-nav {
  margin-top: 0;
}

.pagination {
  border: 1px solid #CACACA;
  border-radius: 500px;
  margin: 0 auto;
  max-width: 1280px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}
.pagination .page-item {
  padding: 0 2px;
  flex-grow: 1;
  height: 44px;
  overflow: hidden;
}
.pagination .page-item:first-child {
  flex-grow: 0;
  margin-left: 5px;
}
.pagination .page-item:last-child {
  flex-grow: 0;
  text-align: right;
  margin-right: 5px;
}
.pagination .page-link {
  height: 44px;
  min-width: 58px;
  flex-grow: 1;
  padding: 14px 10px;
  border-radius: 500px !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  text-decoration: none;
  border: 1px solid transparent;
  display: block;
  text-align: center;
  margin: 0;
}
.pagination .page-link:hover {
  background: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
}
.pagination .page-link:active, .pagination .page-link:focus {
  outline: none !important;
  box-shadow: none !important;
  background: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
}
.pagination .active .page-link {
  background: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
}
.pagination .page-item-dots {
  height: 44px;
  flex-grow: 1;
  padding: 15px 20px;
  margin: 0 2px;
  border-radius: 500px;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  text-align: center;
  width: 100%;
  display: block;
}
@media (max-width: 1240px) {
  .pagination .page-item-dots {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pagination .previous .page-link {
  position: relative;
  display: inline-flex;
  padding: 12px 0 12px 25px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 0 5px 0 0;
  border: none;
  border-radius: 0;
}
.pagination .previous .page-link:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 12px;
  background: url("../../i/container.svg#icon-87") no-repeat;
}
.pagination .previous .page-link:hover {
  background: none;
  border: none;
  text-decoration: underline;
}
.pagination .previous .page-link:focus {
  background: none;
}
.pagination .next .page-link {
  position: relative;
  display: inline-flex;
  padding: 12px 25px 12px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 0 0 0 5px;
  border: none;
  border-radius: 0;
}
.pagination .next .page-link:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 12px;
  background: url("../../i/container.svg#icon-88") no-repeat;
  transform: rotate(180deg);
}
.pagination .next .page-link:hover {
  background: none;
  border: none;
  text-decoration: underline;
}
.pagination .next .page-link:focus {
  background: none;
}

.page-item:not(:first-child) .page-link {
  margin-left: 0;
}

@media (max-width: 1440px) {
  .pagination {
    padding: 10px 16px;
  }
  .pagination .page-item {
    height: 32px;
  }
  .pagination .page-link {
    padding: 8px 10px;
    height: 32px;
    min-width: 44px;
  }
  .pagination .next .page-link {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pagination .next .page-link:before {
    top: 6px;
  }
  .pagination .previous .page-link {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pagination .previous .page-link:before {
    top: 6px;
  }
  .pagination .page-item-dots {
    padding: 8px 10px;
    height: 32px;
  }
}
@media (max-width: 1140px) {
  .pagination .page-link {
    min-width: 32px;
  }
}
@media (max-width: 768px) {
  .pagination {
    padding: 10px 15px;
    margin: 0 0 80px 0;
  }
}
@media (max-width: 480px) {
  .pagination .next .page-link, .pagination .previous .page-link {
    font-size: 0;
    line-height: 0;
    padding: 0;
    height: 32px;
    width: 32px;
    min-width: 32px;
    display: block;
  }
}
.popover {
  background-color: #000;
  color: #fff;
  box-shadow: none;
  opacity: 1 !important;
  border-radius: 10px;
  border: none !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
}

.popover-body {
  color: #fff;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: -8px;
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: -8px;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: -8px;
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: -8px;
}

.bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
  border-right-color: #000;
}

.bs-popover-top > .popover-arrow::before, .bs-popover-top > .popover-arrow::after {
  border-top-color: #000;
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after {
  border-bottom-color: #000;
}

.bs-popover-start > .popover-arrow::before, .bs-popover-start > .popover-arrow::after {
  border-left-color: #000;
}

.side-modal.left .modal-dialog,
.side-modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.side-modal.left .modal-content,
.side-modal.right .modal-content {
  max-height: calc(100% - 50px);
}
@media (max-width: 768px) {
  .side-modal.left .modal-content,
  .side-modal.right .modal-content {
    max-height: 100%;
    border-radius: 0 !important;
  }
}

/*
.side-modal.left .modal-body,
.side-modal.right .modal-body {
    padding: 15px 15px 80px;
}*/
.side-modal.right.fade .modal-dialog {
  right: -820px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.side-modal.right.fade.show .modal-dialog {
  right: 30px;
}
@media (max-width: 768px) {
  .side-modal.right.fade.show .modal-dialog {
    right: 0;
  }
}

.modal-footer {
  border: none;
  display: block;
  border-radius: 0;
  padding: 0;
}

.white-filter, .box-load-more__btn:before, .btn-edit-white::before, .btn_plus-white::before, .btn_download.btn-secondary:before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .product-counter__btn_subtract:hover, .product-counter__btn_plus:hover, .link_compare:active::after, .btn-edit-white:active::before, .btn_checked:before, .btn_plus-white:active::before, .btn_plus:active::before, .btn_review:active::before, .btn_download:active::before, .btn_share:active::before {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.btn {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  font-size: 14px;
}
.btn:focus {
  box-shadow: none;
}
.btn-lg {
  font-weight: 600;
  padding: 24px 45px;
}
.btn-md {
  font-weight: 600;
  padding: 10px 25px 11px;
}
.btn-sm {
  font-size: 12px;
  padding: 7px 15px 8px;
  font-weight: 600;
}
.btn-xs {
  font-size: 12px;
  padding: 3px 15px;
  font-weight: 600;
}
.btn-danger {
  background: #F10C0C;
  border-color: #F10C0C;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:active:focus {
  border-color: #C8020E;
  background: #C8020E;
  box-shadow: none;
}
.btn-success {
  border-color: #94B80A;
  background: #94B80A;
}
.btn-success:hover, .btn-success:active, .btn-success:active:focus {
  background: #556710;
  border-color: #556710;
  box-shadow: none;
}
.btn-primary, .btn_primary {
  background-color: #94B80A;
  border: 1px solid #94B80A;
  color: #fff;
}
.btn-primary:hover, .btn_primary:hover {
  border-color: #7A9709;
  background-color: #7A9709;
  color: #fff;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn_primary:active, .btn_primary:focus, .btn_primary:active:focus {
  background-color: #F5F8E7;
  color: #94B80A;
  border-color: #afca47;
  box-shadow: none;
}
.btn-primary:disabled, .btn_primary:disabled {
  color: #707070;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn-secondary, .btn_secondary {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.btn-secondary:hover, .btn_secondary:hover {
  border-color: #313131;
  background-color: #313131;
  color: #fff;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus, .btn_secondary:active, .btn_secondary:focus, .btn_secondary:active:focus {
  background: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
  box-shadow: none;
}
.btn-secondary:disabled, .btn_secondary:disabled {
  color: #707070;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn_ghost {
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  color: #000;
}
.btn_ghost:hover {
  border-color: #ECECEC;
  background-color: #ECECEC;
  color: #000;
}
.btn_ghost:active {
  background-color: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
}
.btn_ghost:disabled {
  color: #707070;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn_tertiary {
  background-color: #fff;
  border: 1px solid #CACACA;
  color: #000;
}
.btn_tertiary:hover {
  border-color: #CACACA;
  background-color: #F5F5F5;
  color: #000;
}
.btn_tertiary:active {
  background-color: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
}
.btn_tertiary:disabled {
  color: #707070;
  background-color: #fff;
  border-color: #CACACA;
}
.btn_back-to-top {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.05);
  background: #fff url("../../i/container.svg#icon-89") center center no-repeat;
  background-size: 14px 8px;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border: 1px solid #e3e3e3;
  z-index: 10;
}
@media (max-width: 1200px) {
  .btn_back-to-top--config {
    bottom: 140px;
  }
}
@media (max-width: 1024px) {
  .btn_back-to-top--product {
    bottom: 80px;
  }
}
@media (max-width: 992px) {
  .btn_back-to-top {
    width: 30px;
    height: 30px;
    background-size: 10px auto;
    bottom: 130px;
  }
  .btn_back-to-top--config {
    bottom: 130px;
  }
}
.btn_close-mobile-nav {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  background: #fff url("../../i/container.svg#icon-51") center center no-repeat;
  background-size: 12px 12px;
  border: 1px solid #e3e3e3;
  font-size: 0;
  line-height: 0;
}
.btn_icon-video, .btn_icon-view-online {
  background: #F5F5F5;
  font-size: 12px;
  font-weight: 600;
  padding: 13px;
}
.btn_icon-video span, .btn_icon-view-online span {
  position: relative;
  padding: 0 0 0 24px;
  display: inline-block;
  vertical-align: middle;
}
.btn_icon-video span::before, .btn_icon-view-online span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
}
.btn_icon-video span::before {
  background: url("../../i/container.svg#icon-90") center center no-repeat;
}
.btn_icon-view-online span::before {
  background: url("../../i/container.svg#icon-91") center center no-repeat;
}
.btn_actions, .btn_comparison, .btn_favorite, .btn_user {
  width: 50px;
  height: 50px;
  display: inline-flex;
  padding: 0;
  position: relative;
}
.btn_actions .header__quan, .btn_comparison .header__quan, .btn_favorite .header__quan, .btn_user .header__quan {
  right: 0;
  top: 5px;
}
@media (max-width: 992px) {
  .btn_actions .header__quan, .btn_comparison .header__quan, .btn_favorite .header__quan, .btn_user .header__quan {
    top: -9px;
    right: -9px;
  }
}
.btn_actions {
  background: url("../../i/ico-bell.svg") center center no-repeat;
  background-size: 30px 30px;
}
.btn_actions .header__btn__active {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #f2530c;
  position: absolute;
  left: 33px;
  top: 7px;
}
.btn_user {
  background: url("../../i/container.svg#icon-92") center center no-repeat;
  background-size: 30px 30px;
}
.btn_comparison {
  background: url("../../i/container.svg#icon-21") center center no-repeat;
  background-size: 30px 30px;
}
.btn_favorite {
  background: url("../../i/container.svg#icon-20") center center no-repeat;
  background-size: 28px 28px;
}
.btn_like {
  padding: 7px 16px 8px 38px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.btn_like span {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .btn_like span {
    display: inline-flex;
    background: #000;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 20px;
    min-width: 15px;
    padding: 0 4px;
    height: 18px;
    line-height: 18px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  .btn_like {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 6px 12px 6px 34px !important;
  }
}
.btn_like::before, .btn_like::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 17px;
  height: 18px;
  margin-top: -9px;
  background: url("../../i/container.svg#icon-93") center center no-repeat;
  transition: opacity 0.15s ease-in-out;
}
.btn_like::after {
  background: url("../../i/container.svg#icon-94") center center no-repeat;
  opacity: 0;
}
.btn_like:hover, .btn_like-active {
  background: #94B80A;
  color: #fff;
}
.btn_like:hover::before, .btn_like-active::before {
  opacity: 0;
}
.btn_like:hover::after, .btn_like-active::after {
  opacity: 1;
}
.btn_like:hover:hover, .btn_like:hover:active, .btn_like-active:hover, .btn_like-active:active {
  background: #94B80A;
}
.btn_dislike {
  padding: 7px 16px 8px 38px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.btn_dislike::before, .btn_dislike::after {
  content: "";
  position: absolute;
  left: 17px;
  top: 50%;
  width: 17px;
  height: 18px;
  margin-top: -9px;
  background: url("../../i/container.svg#icon-95") center center no-repeat;
  transition: opacity 0.15s ease-in-out;
}
.btn_dislike::after {
  background: url("../../i/container.svg#icon-96") center center no-repeat;
  opacity: 0;
}
.btn_dislike:hover, .btn_dislike-active {
  background: #94B80A;
  color: #fff;
}
.btn_dislike:hover::before, .btn_dislike-active::before {
  opacity: 0;
}
.btn_dislike:hover::after, .btn_dislike-active::after {
  opacity: 1;
}
.btn_dislike:hover:hover, .btn_dislike:hover:active, .btn_dislike-active:hover, .btn_dislike-active:active {
  background: #94B80A;
}
.btn_mob-navi {
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  flex-shrink: 0;
  display: none;
  cursor: pointer;
}
.btn_mob-navi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../../i/container.svg#icon-97") center center no-repeat;
  background-size: 22px 12px;
}
.btn_share {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}
.btn_share:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../../i/container.svg#icon-22") center center no-repeat;
  background-size: 21px 20px;
}
.btn_download {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_download:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-flex;
  margin-right: 9px;
  position: relative;
  background: url("../../i/container.svg#icon-98") center center no-repeat;
}
.btn_download.btn-secondary:before {
  background: url("../../i/container.svg#icon-98") center center no-repeat;
}
.btn_review {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.btn_review:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-flex;
  margin-right: 9px;
  position: relative;
  background: url("../../i/container.svg#icon-99") center center no-repeat;
}
.btn-remove, .btn-remove-full {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
}
.btn-remove:before, .btn-remove-full:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../../i/container.svg#icon-100") center center no-repeat;
}
.btn-remove-full {
  width: auto;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 600;
}
.btn-remove-full:before {
  margin: 0 10px 0 0;
}
.btn-cansel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-cansel:before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-flex;
  margin-right: 9px;
  position: relative;
  background: url("../../i/container.svg#icon-51") center center no-repeat;
  background-size: 11px 11px;
}
.btn_plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn_plus:before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-flex;
  margin-right: 9px;
  position: relative;
  background: url("../../i/container.svg#icon-101") center center no-repeat;
}
.btn_plus-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn_plus-white::before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-flex;
  margin-right: 9px;
  position: relative;
  background: url("../../i/container.svg#icon-101") center center no-repeat;
}
.btn_checked {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: #94B80A;
  background: #F5F8E7;
  color: #94B80A;
}
.btn_checked:hover, .btn_checked:active {
  border-color: #94B80A;
  background: #F5F8E7;
  color: #94B80A;
}
.btn_checked:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-flex;
  margin-right: 9px;
  position: relative;
  background: url("../../i/container.svg#icon-102") center center no-repeat;
  background-size: 12px 8px;
}
.btn_full-width {
  width: 100%;
}
.btn-modal-video-review {
  display: flex;
  align-items: center;
}
.btn-modal-video-review:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../i/container.svg#icon-103") center center no-repeat;
  margin: 0 10px 0 0;
}
.btn-product-select {
  display: flex;
  align-items: center;
}
.btn-product-select:before {
  content: "";
  width: 25px;
  height: 25px;
  background: url("../../i/container.svg#icon-104") center center no-repeat;
  margin: 0 10px 0 0;
}
.btn-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
  font-weight: 600;
}
.btn-edit:before {
  width: 15px;
  min-width: 15px;
  height: 15px;
  content: "";
  background: url("../../i/container.svg#icon-105") center center no-repeat;
  background-size: cover;
  margin: 0 10px 0 0;
}
.btn-edit-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-edit-white::before {
  width: 15px;
  min-width: 15px;
  height: 15px;
  content: "";
  background: url("../../i/container.svg#icon-105") center center no-repeat;
  background-size: cover;
  margin: 0 10px 0 0;
}
.btn_delete {
  background: #F5F5F5 url("../../i/container.svg#icon-51") center center no-repeat;
  background-size: 12px 12px;
  width: 35px;
  height: 35px;
  display: block;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 992px) {
  .btn-comment-reply span {
    display: inline-flex;
    background: #000;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 20px;
    min-width: 15px;
    height: 18px;
    line-height: 18px;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  .btn-comment-edit {
    width: 35px;
    height: 35px;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .btn-comment-edit:before {
    content: "";
    width: 19px;
    height: 19px;
    background: url("../../i/container.svg#icon-106") center center no-repeat;
    display: block;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .btn-comment-remove {
    width: 35px;
    height: 35px;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .btn-comment-remove:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../i/container.svg#icon-107") center center no-repeat;
    display: block;
    margin: auto;
  }
}

@media (max-width: 355px) {
  .comment__footer-l-col .btn-comment-reply.btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
button.btn-primary {
  border: none;
}

button.link-w-border {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
}

.link-w-borderline {
  cursor: pointer;
  color: #000;
  border-bottom: 1px solid #000;
}
.link-w-borderline:hover {
  color: #556710;
  border-color: #556710;
}
.link-w-borderline:active {
  color: #94B80A;
  border-color: #94B80A;
}
.link-w-border {
  cursor: pointer;
  color: #000;
  border-bottom: 1px dashed #000;
}
.link-w-border:hover {
  color: #556710;
  border-color: #556710;
}
.link-w-border:active, .link-w-border:focus {
  color: #000;
  border-bottom: 1px dashed #000;
}
.link_compare {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.link_compare::after {
  content: "";
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 5px;
  background: url("../../i/container.svg#icon-108") center center no-repeat;
}
.buttons-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.buttons-row .btn {
  margin: 10px;
}
.buttons-row_over-block {
  position: relative;
  margin-top: -44px;
  margin-right: 15px;
  background: #fff;
  padding-top: 5px;
}
.buttons-row_over-block .btn {
  margin: 0;
}
.buttons-row_over-block .btn + .btn {
  margin-left: 10px;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .product-counter__btn_subtract:hover, .product-counter__btn_plus:hover, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.forms__sub-head {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  margin: 0;
  padding: 0 0 10px 0;
}
.forms__radio-list {
  padding: 0 0 8px 0;
}
.forms__radio-list .form-check {
  padding: 0 0 10px 0;
  margin: 0;
}
.forms__radio-list input[type=radio] + label {
  font-weight: 500;
}
.forms__radio-list input[type=radio] + label:before {
  top: 2px;
}
.forms__item {
  margin: 0 0 20px;
}
.forms__section {
  margin: 0 0 29px;
}
@media (max-width: 768px) {
  .forms__section {
    margin-bottom: 30px;
  }
  .forms__section > .row {
    margin: 0 -8px;
  }
  .forms__section > .row > .col-6 {
    padding: 0 8px;
  }
}
@media (max-width: 375px) {
  .forms__section > .row {
    margin: 0;
    display: block;
  }
  .forms__section > .row > .col-6 {
    padding: 0;
    width: 100%;
  }
}
.forms__subtitle {
  font-weight: 500;
  margin: 0 0 15px;
  line-height: 1.3;
  font-size: 14px;
  color: #000;
}
@media (max-width: 768px) {
  .forms__subtitle {
    font-size: 12px;
    margin-bottom: 18px;
  }
}
.forms__auth-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #707070;
  padding: 0 0 15px 0;
}
.forms__row {
  padding: 10px 0 2px;
}
.forms__row-text {
  font-size: 13px;
  font-weight: 400;
  color: #707070;
  line-height: 1;
}
@media (max-width: 480px) {
  .forms__row-text {
    width: 100%;
    min-width: 100%;
    padding-bottom: 5px;
  }
}
.forms__row-text .link-w-border {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}
@media (max-width: 768px) {
  .forms__row-text + .link-w-border {
    margin-top: 8px;
  }
}
.forms__row_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.form-floating_with-icon {
  position: relative;
}
.form-floating_with-icon .form-control {
  padding-right: 40px;
}
.form-floating .form-control__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: none;
  background: none;
}
.form-floating .form-control__icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.form-floating .form-control__icon_date::before {
  background: url("../../i/container.svg#icon-109") center center no-repeat;
}
.form-floating .form-control__icon_time::before {
  background: url("../../i/container.svg#icon-110") center center no-repeat;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  user-select: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 24px;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  position: relative;
  cursor: pointer;
}
input[type=checkbox] + label a {
  text-decoration: underline;
}
input[type=checkbox] + label a:hover {
  text-decoration: none;
}
input[type=checkbox] + label:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #000;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  position: absolute;
}
input[type=checkbox]:checked + label:before {
  border-color: #94B80A;
  background: #94B80A url("../../i/container.svg#icon-35") center center no-repeat;
  background-size: 12px 8px;
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  user-select: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 28px;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  position: relative;
  cursor: pointer;
}
input[type=radio] + label a {
  text-decoration: underline;
}
input[type=radio] + label a:hover {
  text-decoration: none;
}
input[type=radio] + label:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #000;
  border-radius: 8px;
  left: 0;
  top: 4px;
  position: absolute;
}
input[type=radio]:checked + label:before {
  border-color: #94B80A;
  background: #94B80A url("../../i/container.svg#icon-35") center center no-repeat;
  background-size: 12px 8px;
}

input[type=checkbox]:disabled + label {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-check_delivery .form-check-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 16px 45px;
}
.form-check_delivery .form-check-label::before {
  left: 16px;
  top: 50%;
  margin: -8px 0 0 0;
}
@media (max-width: 992px) {
  .form-check_delivery .form-check-label {
    padding-top: 25px;
    padding-bottom: 25px;
    flex-wrap: wrap;
  }
  .form-check_delivery .form-check-label::before {
    left: 16px;
    top: 50%;
    margin: -8px 0 0 0;
  }
}
.form-check_delivery-ico {
  width: 40px;
  flex-shrink: 0;
  margin: 0 15px 0 0;
}
.form-check_delivery-ico img {
  max-width: 100%;
  height: auto;
  display: block;
}
.form-check_delivery-column {
  flex-grow: 1;
}
@media (max-width: 992px) {
  .form-check_delivery-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 100%;
  }
}
.form-check_delivery-column_right {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
}
@media (max-width: 992px) {
  .form-check_delivery-column_right {
    justify-content: flex-end !important;
    position: relative;
    margin: -18px 0 0 0;
    min-width: 100%;
  }
}
.form-check_delivery-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #000;
}
@media (max-width: 992px) {
  .form-check_delivery-title {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .form-check_delivery-title {
    font-size: 14px;
  }
}
.form-check_delivery-title + .form-check_delivery-text {
  padding-top: 8px;
}
@media (max-width: 992px) {
  .form-check_delivery-title + .form-check_delivery-text {
    padding-top: 5px;
    margin-top: 0;
  }
}
.form-check_delivery-text {
  font-size: 12px;
  line-height: 1;
  color: #707070;
  font-weight: 400;
  display: block;
  padding-top: 5px;
}
@media (max-width: 992px) {
  .form-check_delivery-text {
    margin-top: -5px;
    padding-top: 0;
  }
}
.form-check_delivery-msg {
  font-size: 12px;
  font-weight: 600;
  padding: 5px 8px;
  display: block;
  color: #94B80A;
  display: block;
  background: #FCFFF0;
  line-height: 1;
  margin: 0 0 0 10px;
}
.form-check_delivery-descr {
  font-size: 14px;
  line-height: 1;
  color: #000;
  font-weight: 400;
  display: block;
  padding: 5px 0 0 0;
}
@media (max-width: 992px) {
  .form-check_delivery-descr {
    padding: 5px 0 0 0;
  }
}
.form-check_delivery-descr span {
  font-size: 12px;
}
.form-check_delivery-bonus {
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
  padding-left: 22px;
  position: relative;
  color: #000;
  display: block;
}
.form-check_delivery-bonus::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  background: url("../../i/container.svg#icon-17") center center no-repeat;
  background-size: 18px 18px;
}
.form-check_visa, .form-check_without-vat, .form-check_vat, .form-check_wallet, .form-check_mono, .form-check_addr-delivery, .form-check_post-office, .form-check_self-delivery {
  position: relative;
}
.form-check_visa::before, .form-check_without-vat::before, .form-check_vat::before, .form-check_wallet::before, .form-check_mono::before, .form-check_addr-delivery::before, .form-check_post-office::before, .form-check_self-delivery::before {
  content: "";
  position: absolute;
  left: 45px;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
}
@media (max-width: 768px) {
  .form-check_addr-delivery .form-check-label, .form-check_post-office .form-check-label, .form-check_self-delivery .form-check-label {
    padding-left: 50px;
  }
  .form-check_addr-delivery:before, .form-check_post-office:before, .form-check_self-delivery:before {
    display: none;
  }
}
.form-check_operator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  width: 100%;
  min-height: 100%;
  align-items: stretch;
  position: relative;
}
.form-check_operator .form-check-label {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  padding: 16px 15px 10px 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
  margin-bottom: 10px;
}
.form-check_operator .form-check-label::before {
  right: 13px;
  bottom: 16px;
  left: inherit;
  top: inherit;
  margin-top: 0;
}
.form-check_operator input:checked + .form-check-label {
  background: #F5F8E7;
  border-color: #94B80A;
}
.form-check_operator-title {
  display: block;
  margin: 2px 0 10px;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
.form-check_operator-ico {
  height: 30px;
  margin: 0 0 10px 0;
}
.form-check_operator-ico img {
  display: block;
  max-width: 30px;
  height: auto;
}
.form-check_operator-row {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 500;
}
.form-check_operator-subtitle {
  color: #707070;
}

.star-rating {
  padding: 0 0 5px 0;
}
.star-rating__row {
  display: flex;
  margin: 0 0 0 -30px;
}
@media (max-width: 620px) {
  .star-rating__row {
    margin: 0;
    display: block;
  }
}
.star-rating__item {
  padding: 0 0 15px 30px;
}
@media (max-width: 620px) {
  .star-rating__item {
    padding: 0 0 15px 0;
  }
}
.star-rating__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  border: none;
  padding: 0 0 7px 0;
  margin: 0;
}
.star-rating__stars {
  display: flex;
  position: relative;
  width: 95px;
  height: 18px;
  background: url("../../i/container.svg#icon-162") repeat-x;
  background-size: 19px 18px;
}
@media (max-width: 620px) {
  .star-rating__stars {
    background-size: 27px 27px;
    width: 135px;
    height: 27px;
  }
}
.star-rating__stars input[type=radio] + label {
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: absolute;
  height: 18px;
  display: block;
  line-height: 0;
  font-size: 0;
}
@media (max-width: 620px) {
  .star-rating__stars input[type=radio] + label {
    height: 27px;
  }
}
.star-rating__stars input[type=radio] + label:before {
  display: none !important;
}
.star-rating__stars input[type=radio] + label:nth-of-type(1) {
  z-index: 5;
  width: 20%;
}
.star-rating__stars input[type=radio] + label:nth-of-type(2) {
  z-index: 4;
  width: 40%;
}
.star-rating__stars input[type=radio] + label:nth-of-type(3) {
  z-index: 3;
  width: 60%;
}
.star-rating__stars input[type=radio] + label:nth-of-type(4) {
  z-index: 2;
  width: 80%;
}
.star-rating__stars input[type=radio] + label:nth-of-type(5) {
  z-index: 1;
  width: 100%;
}
.star-rating__stars input[type=radio]:checked + label, .star-rating__stars input[type=radio]:focus + label, .star-rating__stars input[type=radio]:hover + label {
  background: url("../../i/container.svg#icon-163") repeat-x;
  background-size: 19px 18px;
}
@media (max-width: 620px) {
  .star-rating__stars input[type=radio]:checked + label, .star-rating__stars input[type=radio]:focus + label, .star-rating__stars input[type=radio]:hover + label {
    background-size: 27px 27px;
  }
}
.star-rating__stars .star-rating__label:hover ~ .star-rating__label {
  background: url("../../i/container.svg#icon-162") repeat-x;
  background-size: 19px 18px;
}
@media (max-width: 620px) {
  .star-rating__stars .star-rating__label:hover ~ .star-rating__label {
    background-size: 27px 27px;
  }
}

.form-control:disabled {
  border-color: #f2f2f2 !important;
  color: #f2f2f2 !important;
  background: none !important;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .product-counter__btn_subtract:hover, .product-counter__btn_plus:hover, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.comments-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  margin: 0 0 30px;
}
.comments-tabs__wrap {
  box-shadow: inset 0 0 2px 2px #f1f1f1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  flex-wrap: wrap;
  flex-direction: row;
}
@media (max-width: 768px) {
  .comments-tabs__wrap {
    width: 100%;
  }
}
.comments-tabs__wrap.nav-tabs {
  border: none;
}
.comments-tabs__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  padding: 13px 18px;
  width: 240px;
  justify-content: space-between;
  cursor: pointer;
  border: none;
  background: none;
}
.comments-tabs__item.nav-link {
  margin: 0;
}
.comments-tabs__item:hover, .comments-tabs__item_active, .comments-tabs__item.active {
  box-shadow: inset 0 0 2px #94B80A;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #f4f8e7;
  background: rgba(148, 184, 10, 0.1);
}
@media (max-width: 768px) {
  .comments-tabs__item {
    width: 50%;
  }
}
.comments-tabs__title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.comments-tabs__quan {
  min-width: 18px;
  padding: 0 3px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #000;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.comments-tabs_in-checkout {
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .comments-tabs_in-checkout {
    overflow: auto;
    display: block;
    -ms-overflow-style: transparent;
    scrollbar-width: 0;
    margin-right: -15px;
  }
  .comments-tabs_in-checkout::-webkit-scrollbar {
    background: none;
  }
}
.comments-tabs_in-checkout .comments-tabs__wrap {
  flex-wrap: nowrap;
  width: auto;
  justify-content: flex-start;
  position: relative;
  display: inline-flex;
}
.comments-tabs_in-checkout .comments-tabs__wrap .active {
  z-index: 1;
}
.comments-tabs_in-checkout .comments-tabs__wrap .nav-item:last-child {
  position: relative;
}
.comments-tabs_in-checkout .comments-tabs__item {
  width: auto;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .comments-tabs_in-checkout .comments-tabs__item {
    width: auto;
  }
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .product-counter__btn_subtract:hover, .product-counter__btn_plus:hover, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.comments-box {
  border: 1px solid #e3e3e3;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 0 30px;
}
@media (max-width: 992px) {
  .comments-box {
    flex-wrap: wrap;
    padding: 30px 15px 6px;
    margin: 0 -15px 28px;
    border-left: none;
    border-right: none;
  }
}
.comments-box__wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  padding: 10px 30px;
  width: 100%;
}
@media (max-width: 992px) {
  .comments-box__wrap {
    flex-wrap: wrap;
    padding: 20px 0;
  }
}
.comments-box__rate {
  width: 96px;
  height: 96px;
  background: linear-gradient(354.81deg, #FFB628 8.33%, rgba(255, 182, 40, 0.51) 48.91%, rgba(255, 182, 40, 0.35) 91.67%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #000;
}
@media (max-width: 1480px) {
  .comments-box__rate {
    width: 138px;
    height: 138px;
  }
}
@media (max-width: 992px) {
  .comments-box__rate {
    width: 100%;
    height: 96px;
  }
}
.comments-box__rate span {
  width: 62px;
  height: 62px;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.comments-box__item {
  margin-right: 40px;
}
.comments-box__item:last-child {
  margin-right: 0;
}
.comments-box__item-title {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  margin-bottom: 4px;
}
@media (max-width: 568px) {
  .comments-box__item-title {
    width: 51%;
  }
}
@media (max-width: 568px) {
  .comments-box__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    display: -ms-flexbox;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 10px;
  }
  .comments-box__item .rate-item {
    width: 49%;
    justify-content: flex-start;
  }
}
.comments-box__l-col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .comments-box__l-col {
    width: 100%;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
}
.comments-box__r-col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.comments-box__r-col .btn {
  font-size: 12px;
  font-weight: 600;
  padding: 13px 27px;
  margin: 3px 8px 3px 0;
}
@media (max-width: 1480px) {
  .comments-box__r-col {
    flex-direction: column;
    align-items: flex-end;
  }
  .comments-box__r-col .btn {
    margin-left: 0;
    margin-right: 0;
    min-width: 100%;
  }
}
@media (max-width: 1199px) {
  .comments-box__r-col {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .comments-box__r-col .btn {
    margin-left: 3px;
    margin-right: 3px;
    min-width: unset;
  }
}
@media (max-width: 1040px) {
  .comments-box__r-col {
    flex-direction: column;
    align-items: flex-end;
  }
  .comments-box__r-col .btn {
    margin-left: 0;
    margin-right: 0;
    min-width: 100%;
  }
}
@media (max-width: 992px) {
  .comments-box__r-col {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
  }
  .comments-box__r-col .btn {
    width: 49%;
    min-width: 49%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 380px) {
  .comments-box__r-col {
    flex-direction: column;
    align-items: flex-end;
  }
  .comments-box__r-col .btn {
    margin-left: 0;
    margin-right: 0;
    min-width: 100%;
  }
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .product-counter__btn_subtract:hover, .product-counter__btn_plus:hover, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.product-counter {
  width: 98px;
  position: relative;
  flex-shrink: 0;
}
.product-counter_size-26 {
  width: 77px;
}
.product-counter__form {
  position: relative;
}
.product-counter .form-control {
  height: 35px;
  width: 100%;
  padding: 0 35px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  text-align: center;
  font-weight: 600;
}
.product-counter .form-control[readonly] {
  background: #fff;
  border: 1px solid #CACACA;
  color: #000;
}
.product-counter__btn {
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 1;
}
.product-counter__btn_plus {
  right: 0;
  background: url("../../i/container.svg#icon-101") center center no-repeat;
  background-size: 15px 16px;
}
.product-counter__btn_subtract {
  left: 0;
  background: url("../../i/container.svg#icon-118") center center no-repeat;
  background-size: 16px 15px;
}
.product-counter_size-26 .form-control {
  padding: 0 28px;
  height: 26px;
  font-size: 12px;
}
.product-counter_size-26 .product-counter__btn {
  width: 26px;
  background-size: 11px auto;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.search-filter {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
}
.search-filter .btn_plus {
  margin: 0 0 14px;
}
.search-filter__item {
  background: #fff;
  border: 1px solid #CACACA;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #707070;
  font-size: 13px;
  font-weight: 400;
  padding: 0 40px 0 15px;
  height: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  position: relative;
  cursor: pointer;
  margin: 0 8px 14px 0;
}
.search-filter__item::before {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../../i/container.svg#icon-50") center center no-repeat;
}
.search-filter__item_active {
  background: #F5F8E7;
  border-color: #94B80A;
  color: #556710;
}
.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .accessories__list-link:hover .accessories__list-link__ico img, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__item-link_arrow:hover::after, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

@media (max-width: 992px) {
  .accessories {
    padding: 0 10px;
  }
}
.accessories__item {
  padding: 15px 15px 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.accessories__item:hover {
  background: #F5F8E7;
}
.accessories__item-type {
  font-size: 12px;
  line-height: 1;
  color: #707070;
  margin: 0 0 10px;
}
.accessories__item-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
}
.accessories__item-picture {
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  margin-right: 10px;
  flex-shrink: 0;
  background: #fff;
}
.accessories__item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  margin-bottom: 5px;
  color: #000;
}
.accessories__item-price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.accessories__item-price-col {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  color: #707070;
}
.accessories__item-price-col span {
  font-size: 13px;
}
.accessories__item-price-col_old {
  text-decoration: line-through;
  font-size: 12px;
  align-self: flex-start;
}
.accessories__item-price-col_now {
  color: #f2530c;
}
.accessories__item-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 10px;
}
.accessories__item-link {
  margin: 2px 10px 2px 0;
  position: relative;
}
.accessories__item-link_arrow {
  padding-right: 15px;
  display: inline-flex;
}
.accessories__item-link_arrow::after {
  content: "";
  display: inline-flex;
  width: 10px;
  height: 8px;
  margin-top: -4px;
  background: url("../../i/container.svg#icon-70") center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
}
.accessories__item-link_arrow-danger, .accessories__item-link_arrow-danger:hover {
  padding-right: 15px;
  display: inline-flex;
  color: #F10C0C;
  border-color: #F10C0C;
}
.accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after {
  content: "";
  display: inline-flex;
  width: 10px;
  height: 8px;
  margin-top: -4px;
  background: url("../../i/container.svg#icon-70") center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
}
.accessories__item-link_opened-danger, .accessories__item-link_opened-danger:hover {
  color: #F10C0C;
  border-color: #F10C0C;
}
.accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  transform: rotate(180deg);
}
.accessories__item-link_opened, .accessories__item-link_opened:hover {
  color: #94B80A;
  border-color: #94B80A;
}
.accessories__item-link_opened::after, .accessories__item-link_opened:hover::after {
  transform: rotate(180deg);
}
.accessories__item-msg {
  margin: 0 0 10px;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  padding: 0 0 0 28px;
}
.accessories__item-msg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.accessories__item-msg_error {
  color: #F10C0C;
}
.accessories__item-msg_error::before {
  content: "!";
  color: #F10C0C;
  background: #FFE0E0;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accessories__item-bonus {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  padding: 2px 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-right: 5px;
  background: #000;
}
.accessories__item-icon {
  position: relative;
  width: 18px;
  height: 18px;
  display: block;
}
.accessories__item-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.accessories__item-icon_error {
  color: #F10C0C;
}
.accessories__item-icon_error::before {
  content: "!";
  color: #F10C0C;
  background: #FFE0E0;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accessories__item-btn-close {
  width: 25px;
  height: 25px;
  display: block;
  align-self: flex-start;
  flex-shrink: 0;
  cursor: pointer;
  background: url("../../i/container.svg#icon-51") center no-repeat;
  background-size: 12px 12px;
  border: none;
}
.accessories__item-info {
  margin: 0 0;
}
.accessories__item-info-content {
  display: none;
  padding: 10px 0 1px 12px;
}
.accessories__item-info_opened .accessories__item-info-content {
  display: block;
}
.accessories__item-info-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}
.accessories__item-box {
  padding-top: 10px;
  display: none;
}
.accessories__item-box_opened {
  display: block;
}
.accessories__line {
  margin: 0 15px 10px;
  height: 1px;
  background: #CACACA;
  border: none;
}
.accessories__list {
  list-style-type: none;
  padding: 0 15px;
  margin: 0;
}
.accessories__list-row {
  border-top: 2px solid #e3e3e3;
}
.accessories__list-link {
  display: flex;
  padding: 13px 5px 13px 0;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  align-items: center;
}
.accessories__list-link__txt {
  flex-grow: 1;
}
.accessories__list-link__ico {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  margin: 0 9px 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accessories__list-link__ico img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
.configuration__box-item--highlighted {
  border-color: #94B80A !important;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.my-order-box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  margin: 0 0 30px;
  padding: 10px 15px 15px;
}
.my-order-box__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 15px;
}
.my-order-box__products {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-order-box__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #000;
  margin-bottom: 7px;
}
.my-order-box__price {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #707070;
}
.my-order-box__price span {
  font-size: 12px;
}
.my-order-box__item {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  margin-right: 5px;
}
.my-order-box__item_number {
  border: 1px solid #e3e3e3;
  font-size: 16px;
  font-weight: 600;
  color: #94B80A;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 0;
}
.my-order-box__item img {
  max-width: 30px;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.dots-block {
  display: inline-flex;
  align-self: center;
}
.dots-block__btn {
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  width: 35px;
  height: 35px;
  background: #F5F5F5;
}
.dots-block__btn-ins {
  position: absolute;
  width: 2px;
  height: 2px;
  top: 50%;
  left: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: -1px;
  margin-left: -1px;
  background: #000;
}
.dots-block__btn-ins::before, .dots-block__btn-ins::after {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #000;
}
.dots-block__btn-ins::before {
  top: -5px;
}
.dots-block__btn-ins::after {
  bottom: -5px;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, body .comparison__section-btn:active::after, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .comparison__section-btn:hover::after, .search-filter__item_active::before {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.comparison {
  margin: 0 0 100px;
}
@media (max-width: 768px) {
  .comparison {
    margin-bottom: 70px;
  }
}
.comparison__table-th {
  background: #F5F5F5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  align-items: stretch;
  min-height: 100%;
  padding: 10px;
  font-size: 12px;
  line-height: 1;
}
.comparison__table-td {
  text-align: center;
  min-height: 100%;
  padding: 10px 10px 21px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}
.comparison__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 25px;
}
.comparison__row .select-box,
.comparison__row .form-check {
  margin-right: 26px;
}
@media (max-width: 768px) {
  .comparison__row .select-box,
  .comparison__row .form-check {
    margin: 0 0 20px;
  }
}
.comparison__row .select-box {
  width: 300px;
}
@media (max-width: 768px) {
  .comparison__row .select-box {
    margin-bottom: 25px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .comparison__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.comparison__btn-params {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding-right: 20px;
}
.comparison__slider {
  /*&::after {
      content: '';
      width: 20px;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      background: linear-gradient(270deg, rgba($c-white, 0) 0%, rgba($c-white, 0.85) 75%, $c-white 100%);
      z-index: 2;
  }

  &::before {
      content: '';
      width: 20px;
      height: 100%;
      right: 0;
      top: 0;
      position: absolute;
      background: linear-gradient(90deg, rgba($c-white, 0) 0%, rgba($c-white, 0.85) 75%, $c-white 100%);
      z-index: 2;
  }*/
}
.comparison__slider .swiper-slide {
  width: 20%;
  height: auto;
}
@media (max-width: 1200px) {
  .comparison__slider .swiper-slide {
    width: 25%;
  }
}
@media (max-width: 992px) {
  .comparison__slider .swiper-slide {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .comparison__slider .swiper-slide {
    width: 190px;
  }
}
@media (max-width: 992px) {
  .comparison__slider:before, .comparison__slider:after {
    display: none;
  }
}
.comparison__box {
  position: relative;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .comparison__box {
    margin: 0 -15px 15px;
  }
}
.comparison__box_fixed {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 100;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05), 0 4px 55px rgba(207, 207, 207, 0.95);
}
.comparison__box_fixed .container {
  position: relative;
}
@media (max-width: 767px) {
  .comparison__box_fixed {
    margin: 0;
  }
}
.comparison__box_fixed .preview-product {
  padding: 20px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .comparison__box_fixed .preview-product {
    padding: 15px 20px 15px 0;
    flex-direction: row;
  }
}
.comparison__box_fixed .preview-product__photo {
  width: 65px;
  height: 65px;
  margin-right: 10px;
}
.comparison__box_fixed .preview-product__photo img {
  max-width: 60px;
}
@media (max-width: 768px) {
  .comparison__box_fixed .preview-product__photo {
    width: 40px;
    height: 40px;
  }
  .comparison__box_fixed .preview-product__photo img {
    max-width: 40px;
  }
}
.comparison__box_fixed .preview-product__title {
  font-size: 13px;
}
@media (max-width: 768px) {
  .comparison__box_fixed .preview-product__title {
    line-height: 1;
    -webkit-line-clamp: 3;
    height: 39px;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .comparison__box_fixed .preview-product__footer {
    padding: 5px 0 0 0;
    margin: 0 0 0 -50px;
  }
}
.comparison .preview-product_column {
  padding: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .comparison .preview-product_column {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .comparison .preview-product_column .preview-product__title {
    font-size: 13px;
  }
}
.comparison .preview-product_column .btn_delete {
  position: absolute;
  right: 0;
  top: 0;
}
.comparison__main {
  position: relative;
}
.comparison__section {
  border: 1px solid #e3e3e3;
  margin: 0 0 38px;
  position: relative;
}
@media (max-width: 767px) {
  .comparison__section {
    margin: 0 -15px 18px;
  }
}
.comparison__section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  padding: 29px 32px;
  border: none;
  background: none;
  width: 100%;
}
@media (max-width: 767px) {
  .comparison__section-header {
    justify-content: space-between;
    padding: 20px 15px;
  }
}
.comparison__section-title {
  margin: 0 17px 0 0;
  font-size: 22px;
  font-weight: 600;
  color: #000;
  line-height: 1.1;
  text-align: left;
}
@media (max-width: 767px) {
  .comparison__section-title {
    font-size: 16px;
  }
}
.comparison__section-btn {
  padding-right: 15px;
  display: inline-flex;
  position: relative;
}
.comparison__section-btn::after {
  content: "";
  display: inline-flex;
  width: 10px;
  height: 8px;
  margin-top: -4px;
  background: url("../../i/container.svg#icon-50") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
}
.comparison__section-btn_close {
  display: none;
}
.comparison__section-btn_close::after {
  transform: rotate(180deg);
}
.comparison__section-header[aria-expanded=true] .comparison__section-btn_close {
  display: inline-flex;
}
.comparison__section-header[aria-expanded=true] .comparison__section-btn_open {
  display: none;
}

.page-comparsion .header-mobile-search {
  position: relative;
}

.no-scroll-2 .comparison__table-th {
  width: 40%;
}

.no-scroll-3 .comparison__table-th {
  width: 60%;
}

.no-scroll-4 .comparison__table-th {
  width: 80%;
}

@media (max-width: 1200px) {
  .no-scroll-2 .comparison__table-th {
    width: 50%;
  }
  .no-scroll-3 .comparison__table-th {
    width: 75%;
  }
  .no-scroll-4 .comparison__table-th {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .no-scroll-2 .comparison__table-th {
    width: 380px;
  }
  .no-scroll-3 .comparison__table-th {
    width: 570px;
  }
  .no-scroll-4 .comparison__table-th {
    width: 760px;
  }
}
.comparison__slider.slider--same, .comparison__table-th.slider--same, .comparison__section.section--same {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img, body .comparison__section-btn:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .search-filter__item_active::before, .comparison__section-btn:hover::after {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.no-results-block {
  border: 2px solid #e3e3e3;
  padding: 30px 50px;
  margin: 50px 0 66px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 768px) {
  .no-results-block {
    border: none;
    padding: 20px 15px 10px;
    margin: 0 -15px 20px;
    flex-wrap: wrap;
  }
}
.no-results-block__robot {
  flex-shrink: 0;
  margin-right: 60px;
}
@media (max-width: 768px) {
  .no-results-block__robot {
    width: 104px;
    margin: 0 auto 27px;
  }
}
@media (max-width: 768px) {
  .no-results-block__column {
    width: 100%;
  }
}
.no-results-block__title {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 0 0 11px;
}
@media (max-width: 768px) {
  .no-results-block__title {
    font-size: 16px;
    margin-bottom: 18px;
  }
}
.no-results-block__list {
  position: relative;
  margin: 0 0 31px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #000;
}
.no-results-block__list li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 23px;
}
.no-results-block__list li::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 5px;
  background: #94B80A;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.no-results-block__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.no-results-block__buttons .btn {
  margin: 0 15px 20px 0;
}
@media (max-width: 768px) {
  .no-results-block__buttons .btn {
    margin: 0 0 15px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .no-results-block__buttons {
    width: 220px;
    margin: 0 auto;
  }
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img, body .comparison__section-btn:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .search-filter__item_active::before, .comparison__section-btn:hover::after {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.not-found {
  padding: 82px 0 97px;
}
@media (max-width: 768px) {
  .not-found {
    padding: 18px 0 48px;
  }
}
.not-found__title {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 0 0 16px;
}
@media (max-width: 768px) {
  .not-found__title {
    font-size: 16px;
    margin-bottom: 13px;
  }
}
.not-found__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #252525;
  margin: 0 0 29px;
}
@media (max-width: 992px) {
  .not-found__picture {
    max-width: 600px;
    margin: 0 auto 50px;
  }
}
@media (max-width: 768px) {
  .not-found__picture {
    max-width: 320px;
    margin-bottom: 30px;
  }
}
.not-found__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .not-found__buttons {
    flex-direction: column;
  }
}
.not-found__buttons .btn {
  margin: 0 15px 10px 0;
  font-size: 12px;
}
@media (max-width: 768px) {
  .not-found__buttons .btn {
    width: 100%;
    margin: 0 0 15px;
  }
}

.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img, body .comparison__section-btn:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .search-filter__item_active::before, .comparison__section-btn:hover::after {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.perhaps-block {
  margin: 0 0 17px;
}
.perhaps-block__title {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: #707070;
}
.perhaps-block__links .link-w-border {
  margin: 0 20px 13px 0;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .perhaps-block__links .link-w-border {
    margin-right: 16px;
  }
}

@font-face {
  font-family: "Caveat Regular";
  src: url("../fonts/caveat-regular.eot");
  src: url("../fonts/caveat-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/caveat-regular.woff") format("woff"), url("../fonts/caveat-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.white-filter, .box-load-more__btn:before, .btn_download.btn-secondary:before, .btn_plus-white::before, .btn-edit-white::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.black-filter, .product-btns__btn_cart.btn_ghost::before, .btn_plus:before {
  filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
}

.citrus-filter, .checkout__info-text_checked::after, .box-load-more__btn:active::before, .product-btns__btn_favorite--active::before, .product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before, .btn_share:active::before, .btn_download:active::before, .btn_review:active::before, .btn_plus:active::before, .btn_plus-white:active::before, .btn_checked:before, .btn-edit-white:active::before, .link_compare:active::after, .product-counter__btn_plus:hover, .product-counter__btn_subtract:hover, .accessories__item-link_arrow:hover::after, .accessories__item-link_opened::after, .accessories__item-link_opened:hover::after, .accessories__list-link:hover .accessories__list-link__ico img, body .comparison__section-btn:active::after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.fiji-green-filter, .search-filter__item_active::before, .comparison__section-btn:hover::after {
  filter: invert(29%) sepia(47%) saturate(2232%) hue-rotate(49deg) brightness(93%) contrast(87%);
}

.red-filter, .accessories__item-link_arrow-danger::after, .accessories__item-link_arrow-danger:hover::after, .accessories__item-link_opened-danger::after, .accessories__item-link_opened-danger:hover::after {
  filter: invert(24%) sepia(100%) saturate(7493%) hue-rotate(6deg) brightness(96%) contrast(106%);
}

.main-battle {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.main-battle .container-inner {
  max-width: 1196px;
  margin: auto;
}
.main-battle .content {
  flex: 1 0 auto;
}
.main-battle .footer-battle {
  flex: 0 0 auto;
}

.header-battle {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 20;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.header-battle__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 12px 0;
}
.header-battle .header__logo {
  margin: 0;
  width: 145px;
}
.header-battle__nav {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .header-battle__nav {
    display: none;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 10;
    width: 100%;
    background: #F9F9F9;
    border-top: 1px solid rgba(148, 142, 166, 0.4);
  }
  .header-battle__nav > li:first-child {
    padding-top: 25px;
  }
  .header-battle__nav > li:last-child {
    padding-bottom: 25px;
  }
}
.header-battle__nav__item {
  padding: 0 32px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.35;
}
@media (max-width: 768px) {
  .header-battle__nav__item {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: uppercase;
  }
}
.header-battle__nav__link {
  color: #484848;
  text-decoration: none;
}
.header-battle__nav__link:hover {
  color: #2C204F;
}
.header-battle__nav__link:active, .header-battle__nav__link:focus {
  color: #484848;
  text-decoration: none;
}
.header-battle__mobile-nav {
  display: none;
  border: none;
  background: none;
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .header-battle__mobile-nav {
    display: block;
  }
}
.header-battle__mobile-nav:before, .header-battle__mobile-nav:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}
.header-battle__mobile-nav:before {
  background: url("../i/container.svg#icon-179") center center no-repeat;
  background-size: 30px 30px;
}
.header-battle__mobile-nav:after {
  background: url("../i/container.svg#icon-180") center center no-repeat;
  background-size: 24px 24px;
  opacity: 0;
}
@media (max-width: 768px) {
  .header-battle__save-life {
    display: none;
  }
}

@media (max-width: 768px) {
  .mobile-nav-show .header-battle {
    background: #F9F9F9;
  }
  .mobile-nav-show .header-battle__mobile-nav:before {
    opacity: 0;
  }
  .mobile-nav-show .header-battle__mobile-nav:after {
    opacity: 1;
  }
}
.section-battle-promo {
  background: #2D2051 url("../i/blue-bg-grid.svg") -10px -70px;
  background-size: 100px auto;
  padding: 42px 0 58px 0;
  color: #fff;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .section-battle-promo {
    padding: 30px 0;
  }
}
.section-battle-promo .container-inner {
  position: relative;
}
.section-battle-promo__row {
  display: flex;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .section-battle-promo__row {
    flex-wrap: wrap;
  }
}
.section-battle-promo__col-text, .section-battle-promo__col-pic {
  width: 50%;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .section-battle-promo__col-text, .section-battle-promo__col-pic {
    width: 100%;
    order: 2;
  }
}
.section-battle-promo__col-pic {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .section-battle-promo__col-pic {
    order: 1;
    padding-bottom: 50px;
  }
}
.section-battle-promo__col-pic__box {
  width: 432px;
  height: 225px;
  background: url("../i/container.svg#icon-173") no-repeat;
  margin: auto;
  z-index: 1;
  position: relative;
}
.section-battle-promo__col-pic__box:before {
  content: "";
  width: 85px;
  height: 85px;
  background: url("../i/cursor-hand.svg") no-repeat;
  position: absolute;
  right: -30px;
  bottom: -45px;
}
@media (max-width: 992px) {
  .section-battle-promo__col-pic__box:before {
    display: none;
  }
}
@media (max-width: 480px) {
  .section-battle-promo__col-pic__box {
    width: 100%;
  }
}
.section-battle-promo .img-santa {
  position: absolute;
  top: -48px;
  left: 50%;
  will-change: transform;
  max-width: 280px;
  margin: 0 0 0 -140px;
  height: auto;
  z-index: 2;
}
@media (max-width: 992px) {
  .section-battle-promo .img-santa {
    height: 304px;
    margin: 0 0 0 -115px;
  }
}
.section-battle-promo__period {
  display: inline-flex;
  position: relative;
  font-family: "Caveat Regular", fantasy;
  line-height: 23px;
  padding: 5px 12px 5px 38px;
  margin: 0 0 35px 0;
  border-radius: 20px;
  font-weight: 400;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.8;
  color: #fff;
}
.section-battle-promo__period:before {
  content: "";
  width: 18px;
  height: 19px;
  position: absolute;
  left: 12px;
  top: 7px;
  background: url("../i/container.svg#icon-172") no-repeat;
}
@media (max-width: 768px) {
  .section-battle-promo__period {
    margin: 0 0 20px 0;
  }
}
.section-battle-promo__santa-go {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.04em;
  padding: 0 0 10px 0;
}
@media (max-width: 768px) {
  .section-battle-promo__santa-go {
    font-size: 14px;
  }
}
.section-battle-promo__santa-go--em {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.04em;
  font-family: "Caveat Regular", fantasy;
  padding-top: 8px;
}
.section-battle-promo__title {
  font-weight: 500;
  font-size: 46px;
  line-height: 1.17;
  letter-spacing: 0.01em;
  padding: 0 0 20px 0;
}
@media (max-width: 768px) {
  .section-battle-promo__title {
    font-size: 36px;
    padding: 0 0 15px 0;
  }
}
.section-battle-promo__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  padding: 0 0 40px 0;
}
@media (max-width: 768px) {
  .section-battle-promo__text {
    font-size: 18px;
    padding: 0 0 30px 0;
  }
}
.section-battle-promo__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 0 -20px;
}
@media (max-width: 480px) {
  .section-battle-promo__buttons {
    margin: 0;
    display: block;
  }
}
.section-battle-promo__bg-ellippse-1 {
  position: absolute;
  width: 310px;
  height: 123px;
  left: -160px;
  top: 331px;
  background: rgba(80, 43, 179, 0.5);
  filter: blur(60px);
  transform: matrix(1, 0, 0, -1, 0, 0);
  border-radius: 50%;
}
.section-battle-promo__bg-ellippse-2 {
  position: absolute;
  width: 300px;
  height: 191px;
  left: 190px;
  top: 0px;
  background: rgba(80, 43, 179, 0.6);
  filter: blur(90px);
  transform: matrix(1, 0, 0, -1, 0, 0);
  border-radius: 50%;
}
.section-battle-promo__bg-ellippse-3 {
  position: absolute;
  width: 367px;
  height: 340px;
  right: 100px;
  top: 20px;
  border-radius: 50%;
  background: rgba(80, 43, 179, 0.5);
  filter: blur(60px);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.section-battle-promo__bg-ellippse-4 {
  border-radius: 50%;
  position: absolute;
  width: 369px;
  height: 275px;
  right: 0;
  bottom: -137px;
  background: rgba(80, 43, 179, 0.4);
  filter: blur(60px);
  transform: matrix(1, 0, 0, -1, 0, 0) translate3d(50%, 0, 0);
}
.section-battle-promo__counter-title {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.8);
  padding: 0 0 15px 0;
}
.section-battle-promo .counter-date-container {
  background: none;
  padding: 0;
  margin: 0 0 50px -22px;
}
@media (max-width: 992px) {
  .section-battle-promo .counter-date-container {
    margin-bottom: 0;
  }
}
.section-battle-promo .counter-date-container__item {
  padding: 0 0 0 22px;
  width: auto;
  min-width: unset;
}
.section-battle-promo .counter-date-container__section {
  background: none;
}
.section-battle-promo .counter-date-container__value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 52px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  font-family: "Caveat Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 0 5px 0 0;
  margin: 0 0 6px 0;
}
.section-battle-promo .counter-date-container__label {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.21;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.95);
}

@keyframes sway5 {
  0% {
    transform: rotate(5deg) rotateY(10deg);
  }
  50% {
    transform: rotate(-5deg) rotateY(-10deg);
  }
  100% {
    transform: rotate(5deg) rotateY(10deg);
  }
}
.img-santa {
  animation: sway5 3s infinite;
  animation-timing-function: ease;
  transform-origin: top;
  animation-fill-mode: forwards;
}

/*
.section-battle-promo__col-pic:hover .img-santa  {
    animation-name: sway5;
    animation-duration: 3s;
    animation-timing-function: ease;
    transform-origin: top;
    animation-fill-mode: forwards;
}*/
@media (max-width: 992px) {
  .img-santa {
    animation: sway5 4s infinite;
    animation-timing-function: ease;
    transform-origin: top;
    animation-fill-mode: forwards;
  }
}
.btn-battle-primary {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  padding: 27px 44px;
  cursor: pointer;
  border-radius: 35px;
  margin: 0 0 0 20px;
  box-shadow: 0px 25px 40px rgba(232, 60, 44, 0.4);
  color: #fff;
  border: 1px solid #EE4233;
  background: #EE4233;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn-battle-primary:hover {
  background: #E63D2E;
  border-color: #E63D2E;
  color: #fff;
  box-shadow: none;
}
.btn-battle-primary:active, .btn-battle-primary:focus {
  background: #F5F8E7;
  color: #EE4233;
  border-color: #EE4233;
  box-shadow: none;
}
.btn-battle-primary:disabled {
  background: #F5F5F5;
  border-color: #F5F5F5;
  box-shadow: none;
  color: #707070;
  cursor: not-allowed;
  pointer-events: all;
}

.btn-battle-secondary {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
  padding: 27px 44px;
  background: #2D2050;
  border: 1px solid #A4A9B9;
  cursor: pointer;
  border-radius: 35px;
  margin: 0 0 0 20px;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  text-decoration: none;
}
.btn-battle-secondary:hover {
  background: #5A4989;
  border-color: #5A4989;
  text-decoration: none;
  color: #fff;
}
.btn-battle-secondary:active, .btn-battle-secondary:focus {
  background: #5A4989;
  border-color: #5A4989;
  text-decoration: none;
  color: #fff;
}
.btn-battle-secondary:disabled {
  background: #AFA9C2;
  border-color: #AFA9C2;
  color: rgba(44, 32, 79, 0.5);
  cursor: not-allowed;
  pointer-events: all;
}

@media (max-width: 480px) {
  .section-battle-promo .btn-battle-primary, .btn-battle-secondary {
    width: 100%;
    margin: 0 0 15px 0;
    text-align: center;
    justify-content: center;
  }
}
.section-holidays-under-threat {
  background: url("../i/white-bg-grid.svg") -10px -40px;
  background-size: 100px auto;
  margin: auto;
  padding: 96px 0 117px 0;
  position: relative;
}
@media (max-width: 992px) {
  .section-holidays-under-threat {
    padding: 88px 0 210px 0;
  }
}
.section-holidays-under-threat .container-inner {
  position: relative;
}
.section-holidays-under-threat__box {
  box-shadow: 0px 4px 16px rgba(45, 32, 81, 0.2);
  background: #EAE9FC;
  border-radius: 8px;
  max-width: 690px;
  border-left: 2px solid #c4b6c7;
  border-top: 2px solid #c4b6c7;
  position: relative;
  z-index: 2;
}
.section-holidays-under-threat__panel {
  background: #D6D2E1;
  border-radius: 8px 8px 0 0;
  height: 29px;
  display: flex;
  padding: 7px 0 0 9px;
}
.section-holidays-under-threat__panel:before {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../i/container.svg#icon-174") no-repeat;
  margin: 0 6px 0 0;
}
.section-holidays-under-threat__panel:after {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../i/container.svg#icon-175") no-repeat;
}
.section-holidays-under-threat__body {
  padding: 21px 36px 31px 36px;
}
@media (max-width: 768px) {
  .section-holidays-under-threat__body {
    padding: 15px;
  }
}
.section-holidays-under-threat__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #2C204F;
  padding: 0 0 0 28px;
  margin: 0 0 18px 0;
  background: url("../i/container.svg#icon-176") 0 center no-repeat;
  background-size: 21px 20px;
}
@media (max-width: 992px) {
  .section-holidays-under-threat__title {
    display: none;
  }
}
.section-holidays-under-threat__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.88;
  color: #2C204F;
}
.section-holidays-under-threat__text strong {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #2C204F;
  font-family: "Caveat Regular";
  border: 1px solid rgba(44, 32, 79, 0.15);
  border-radius: 50px;
  white-space: nowrap;
  padding: 1px 10px 5px 10px;
  display: inline-flex;
}
@media (max-width: 768px) {
  .section-holidays-under-threat__text {
    font-size: 14px;
    line-height: 2;
  }
  .section-holidays-under-threat__text strong {
    line-height: 20px;
    font-size: 20px;
    padding: 0 8px 4px 8px;
  }
}
.section-holidays-under-threat .kop-1 {
  left: -60px;
  bottom: -16px;
  position: absolute;
}
@media (max-width: 992px) {
  .section-holidays-under-threat .kop-1 {
    display: none;
  }
}
.section-holidays-under-threat .kop-2 {
  left: 662px;
  top: 28px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 992px) {
  .section-holidays-under-threat .kop-2 {
    bottom: -150px;
    top: auto;
    left: -50px;
    z-index: 10;
  }
}
.section-holidays-under-threat .kop-3 {
  left: 59%;
  top: -132px;
  position: absolute;
}
@media (max-width: 992px) {
  .section-holidays-under-threat .kop-3 {
    top: -115px;
  }
}
.section-holidays-under-threat .kop-4 {
  left: 68%;
  top: -53px;
  position: absolute;
  z-index: 5;
}
@media (max-width: 992px) {
  .section-holidays-under-threat .kop-4 {
    top: -35px;
    left: 60%;
  }
}
.section-holidays-under-threat .kop-5 {
  right: 3%;
  bottom: -145px;
  position: absolute;
}
@media (max-width: 992px) {
  .section-holidays-under-threat .kop-5 {
    display: none;
  }
}
.section-holidays-under-threat .safe-1 {
  right: 12%;
  top: 20px;
  position: absolute;
}
@media (max-width: 1200px) {
  .section-holidays-under-threat .safe-1 {
    right: 2%;
  }
}
@media (max-width: 992px) {
  .section-holidays-under-threat .safe-1 {
    right: 5%;
    width: 187px;
    height: auto;
    bottom: -180px;
    top: auto;
    z-index: 10;
  }
}

.section-winter-battle {
  background: #2D2051 url("../i/bg-battle-light.png") center 20px no-repeat;
  position: relative;
}
.section-winter-battle-inner {
  background: url("../i/blue-bg-grid.svg") -10px -70px;
  background-size: 100px auto;
  padding: 90px 0 103px 0;
}
@media (max-width: 992px) {
  .section-winter-battle-inner {
    padding: 50px 0;
  }
}
.section-winter-battle__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.95);
  padding: 0 0 48px 0;
}
@media (max-width: 992px) {
  .section-winter-battle__title {
    font-size: 32px;
    padding: 0 0 32px 0;
  }
}
@media (max-width: 480px) {
  .section-winter-battle__title {
    font-size: 28px;
    padding: 0 0 32px 0;
  }
}
.section-winter-battle__rows {
  display: flex;
}
@media (max-width: 992px) {
  .section-winter-battle__rows {
    display: block;
  }
}
.section-winter-battle__col-right {
  width: 185px;
  flex-shrink: 0;
  font-family: "Caveat Regular";
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 992px) {
  .section-winter-battle__col-right {
    width: 100%;
    max-width: 330px;
    margin: auto;
  }
  .section-winter-battle__col-right:before {
    content: "";
    background: url("../i/win-arrow-3.svg") no-repeat;
    width: 134px;
    height: 21px;
    margin: 0 auto 20px auto;
    display: block;
  }
}
.section-winter-battle__col-right:after {
  content: "";
  background: url("../i/win-arrow.svg") no-repeat;
  width: 137px;
  height: 181px;
  margin: 40px 0 0 -20px;
  display: block;
}
@media (max-width: 992px) {
  .section-winter-battle__col-right:after {
    display: none;
  }
}
.section-winter-battle__col-grid {
  flex-grow: 1;
  padding: 0 40px 0 0;
  display: grid;
  grid-template-columns: 38% 28% 28%;
  gap: 30px 30px;
  grid-template-areas: "left . ." "left . .";
}
@media (max-width: 992px) {
  .section-winter-battle__col-grid {
    padding: 0 0 30px 0;
    gap: 20px 20px;
  }
}
@media (max-width: 768px) {
  .section-winter-battle__col-grid {
    padding: 0 0 30px 0;
    gap: 20px 20px;
    grid-template-areas: "left left" ". ." ". .";
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .section-winter-battle__col-grid {
    gap: 10px 10px;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
  }
}
.section-winter-battle__item {
  background: #F2EDFF;
  border-radius: 30px;
  position: relative;
  padding: 35px 20px 20px 20px;
}
@media (max-width: 768px) {
  .section-winter-battle__item {
    border-radius: 20px;
  }
}
@media (max-width: 480px) {
  .section-winter-battle__item {
    border-radius: 15px;
    padding: 35px 15px 20px 15px;
  }
}
@media (max-width: 380px) {
  .section-winter-battle__item {
    border-radius: 10px;
    padding: 30px 10px 10px 10px;
  }
}
.section-winter-battle__item--wait {
  background: url("../i/bg-battle-wait.png") no-repeat;
  background-size: cover;
  font-family: "Caveat Regular";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.8);
  padding: 0 0 30px 0;
  text-align: center;
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
}
.section-winter-battle__item--main {
  grid-area: left;
  padding: 57px 25px 25px 25px;
}
.section-winter-battle__item__photo {
  height: 107px;
  margin: 0 0 7px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-winter-battle__item__photo img {
  max-width: 100%;
  max-height: 107px;
  display: block;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.section-winter-battle__item__label {
  position: absolute;
  top: 16px;
  left: 22px;
  border-radius: 16px;
  background: #EE4233;
  color: #fff;
  padding: 0 7px;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  font-size: 12px;
}
@media (max-width: 480px) {
  .section-winter-battle__item__label {
    top: 14px;
    left: 12px;
  }
}
.section-winter-battle__item__name a {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #2C204F;
  display: -webkit-box;
  padding-left: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
@media (max-width: 480px) {
  .section-winter-battle__item__name a {
    font-size: 12px;
    padding-left: 0;
  }
}
.section-winter-battle__item__name a:hover {
  color: #5A4989;
}
.section-winter-battle__item__name a:before {
  content: "";
  width: 20px;
  min-width: 20px;
  height: 21px;
  background: url("../i/container.svg#icon-177") no-repeat;
  position: absolute;
  left: 0;
  top: -1px;
}
@media (max-width: 480px) {
  .section-winter-battle__item__name a:before {
    display: none;
  }
}

.section-winter-battle__item--main {
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .section-winter-battle__item--main {
    padding: 57px 20px 40px 20px;
  }
}
@media (max-width: 768px) {
  .section-winter-battle__item--main {
    padding: 52px 15px 20px 15px;
  }
}
.section-winter-battle__item--main .section-winter-battle__item__label {
  left: 25px;
  top: 20px;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
@media (max-width: 480px) {
  .section-winter-battle__item--main .section-winter-battle__item__label {
    left: 15px;
    top: 15px;
  }
}
.section-winter-battle__item--main .section-winter-battle__item__photo {
  height: 320px;
}
.section-winter-battle__item--main .section-winter-battle__item__photo img {
  max-height: 300px;
}
@media (max-width: 768px) {
  .section-winter-battle__item--main .section-winter-battle__item__photo img {
    max-height: 170px;
  }
}
@media (max-width: 768px) {
  .section-winter-battle__item--main .section-winter-battle__item__photo {
    height: 190px;
  }
}
.section-winter-battle__item--main .section-winter-battle__item__name {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  padding: 0 25px;
}
@media (max-width: 768px) {
  .section-winter-battle__item--main .section-winter-battle__item__name {
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  .section-winter-battle__item--main .section-winter-battle__item__name {
    padding: 5px 0 0 0;
    bottom: auto;
    left: auto;
    position: static;
  }
}
.section-winter-battle__item--main .section-winter-battle__item__name a {
  font-weight: 600;
  font-size: 16px;
}

.section-how-get-prizes {
  background: url("../i/white-bg-grid.svg") -10px -80px;
  background-size: 100px auto;
  padding: 80px 0 138px 0;
}
@media (max-width: 992px) {
  .section-how-get-prizes {
    padding: 60px 0;
  }
}
@media (max-width: 768px) {
  .section-how-get-prizes {
    padding: 50px 0;
  }
}
.section-how-get-prizes__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.3;
  color: #2C204F;
  padding: 0 0 40px 0;
  margin: 0;
}
@media (max-width: 768px) {
  .section-how-get-prizes__title {
    font-size: 28px;
    padding: 0 0 30px 0;
  }
}
.section-how-get-prizes__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width: 768px) {
  .section-how-get-prizes__list {
    padding-bottom: 50px;
  }
}
.section-how-get-prizes__list > div:nth-child(1) {
  width: calc(37.6% - 30px);
}
@media (max-width: 992px) {
  .section-how-get-prizes__list > div:nth-child(1) {
    width: calc(50% - 30px);
  }
}
@media (max-width: 768px) {
  .section-how-get-prizes__list > div:nth-child(1) {
    width: calc(100% - 30px);
  }
}
.section-how-get-prizes__list > div:nth-child(2) {
  width: calc(25.4% - 30px);
}
@media (max-width: 992px) {
  .section-how-get-prizes__list > div:nth-child(2) {
    width: calc(50% - 30px);
  }
}
@media (max-width: 768px) {
  .section-how-get-prizes__list > div:nth-child(2) {
    width: calc(100% - 30px);
  }
}
.section-how-get-prizes__list > div:nth-child(3) {
  width: calc(37% - 30px);
}
@media (max-width: 992px) {
  .section-how-get-prizes__list > div:nth-child(3) {
    width: calc(100% - 30px);
  }
}
@media (max-width: 480px) {
  .section-how-get-prizes__list > div:nth-child(4) .section-how-get-prizes__item__pic, .section-how-get-prizes__list > div:nth-child(5) .section-how-get-prizes__item__pic {
    width: 44px;
    margin: 0 16px 0 0;
  }
  .section-how-get-prizes__list > div:nth-child(4) p, .section-how-get-prizes__list > div:nth-child(5) p {
    margin: 0 0 0 -60px;
    padding: 0;
  }
}
.section-how-get-prizes__list > div:nth-child(4) .section-how-get-prizes__item__title {
  padding: 12px 0;
}
.section-how-get-prizes__item {
  margin: 0 15px 30px 15px;
  flex-shrink: 0;
  width: calc(50% - 30px);
  background: #EFEEFC;
  border: 1px dashed #9979EA;
  backdrop-filter: blur(5px);
  border-radius: 30px;
}
@media (max-width: 992px) {
  .section-how-get-prizes__item {
    width: calc(100% - 30px);
    margin-bottom: 15px;
  }
}
.section-how-get-prizes__item__row {
  display: flex;
  padding: 24px 16px 20px 16px;
}
@media (max-width: 480px) {
  .section-how-get-prizes__item__row {
    padding: 20px 16px;
  }
}
.section-how-get-prizes__item__pic {
  width: 75px;
  flex-shrink: 0;
}
.section-how-get-prizes__item__pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.section-how-get-prizes__item__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #2C204F;
}
.section-how-get-prizes__item__text a {
  color: #2C204F;
  text-decoration: underline;
}
.section-how-get-prizes__item__text a:hover {
  color: #2C204F;
  text-decoration: none;
}
.section-how-get-prizes__item__text p {
  margin: 0;
}
.section-how-get-prizes__item__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  color: #2C204F;
  padding: 0 0 5px 0;
}

.section-unique-prize {
  background: #2D2051 url("../i/bg-unique.png") no-repeat;
  border-radius: 40px;
  padding: 30px 0 15px 0;
  margin: 10px 0 0 0;
}
@media (max-width: 768px) {
  .section-unique-prize {
    padding: 0 0 20px 0;
    margin: 0 0 60px 0;
    border-radius: 30px;
  }
}
.section-unique-prize__row {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .section-unique-prize__row {
    display: block;
  }
}
.section-unique-prize__pic {
  width: 29%;
  padding: 0 30px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .section-unique-prize__pic {
    width: 100%;
  }
}
.section-unique-prize__pic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.section-unique-prize__pic__mob {
  display: none !important;
}
@media (max-width: 768px) {
  .section-unique-prize img {
    display: none;
  }
  .section-unique-prize .section-unique-prize__pic__mob {
    display: block !important;
    position: relative;
    top: -25px;
  }
}
.section-unique-prize__text {
  flex-grow: 1;
  padding: 0 8% 0 0;
  color: #fff;
}
@media (max-width: 768px) {
  .section-unique-prize__text {
    padding: 10px 20px 20px 20px;
  }
}
.section-unique-prize__text__row {
  display: flex;
}
@media (max-width: 620px) {
  .section-unique-prize__text__row {
    display: block;
  }
}
.section-unique-prize__text__left {
  flex-grow: 1;
  padding: 0 10% 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.65;
}
@media (max-width: 992px) {
  .section-unique-prize__text__left {
    font-size: 16px;
  }
}
@media (max-width: 620px) {
  .section-unique-prize__text__left {
    padding: 0;
  }
}
.section-unique-prize__text__left p {
  margin: 0;
  padding: 0 0 24px 0;
}
.section-unique-prize__text__right {
  width: 185px;
  flex-shrink: 0;
  font-family: "Caveat Regular";
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 620px) {
  .section-unique-prize__text__right {
    width: 100%;
    padding: 20px 0 0 0;
  }
}
.section-unique-prize__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: #fff;
  margin: 0;
  padding: 0 0 24px 0;
  max-width: 540px;
}
@media (max-width: 992px) {
  .section-unique-prize__title {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .section-unique-prize__title {
    font-size: 28px;
  }
}

.instagram-more {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
}
.instagram-more:before {
  content: "";
  width: 100%;
  height: 38px;
  position: absolute;
  left: 130px;
  top: -5px;
  background: url("../i/win-arrow-2.svg") no-repeat;
  background-size: contain;
}
@media (max-width: 620px) {
  .instagram-more:before {
    display: none;
  }
}
.instagram-more a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
  display: inline-flex;
  font-family: "Caveat Regular";
}
.instagram-more a:before {
  content: "";
  background: url("../i/container.svg#icon-178") 0 3px no-repeat;
  background-size: 18px auto;
  width: 18px;
  height: 24px;
  flex-shrink: 0;
  margin: 0 8px 0 0;
}
.instagram-more a:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.step2victory {
  padding: 100px 0 0 0;
}
@media (max-width: 992px) {
  .step2victory {
    padding: 50px 0 0 0;
  }
}
.step2victory__row {
  display: flex;
}
@media (max-width: 992px) {
  .step2victory__row {
    display: block;
    position: relative;
    padding: 0 0 100px 0;
  }
  .step2victory__row .btn-battle-primary {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 992px) {
  .step2victory__row .btn-battle-primary {
    width: 100%;
    justify-content: center;
  }
}
.step2victory__meta-col {
  min-width: 320px;
}
@media (max-width: 992px) {
  .step2victory__meta-col {
    min-width: unset;
  }
}
.step2victory__info-col {
  padding-left: 8%;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.56;
  color: #2C204F;
}
@media (max-width: 992px) {
  .step2victory__info-col {
    padding: 30px 0 0 0;
  }
}
.step2victory__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.222;
  color: #2C204F;
  padding: 0 0 25px 0;
  margin: 0;
}
@media (max-width: 768px) {
  .step2victory__title {
    font-size: 28px;
    padding: 0 0 5px 0;
  }
}
.step2victory .btn-battle-primary {
  margin: 0;
  display: inline-flex;
}
.step2victory__info-pic {
  height: 106px;
  display: flex;
  align-items: center;
  margin-top: -20px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .step2victory__info-pic {
    margin: 0 0 15px 0;
    height: auto;
  }
}
.step2victory__info-pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .step2victory__info-pic img {
    max-height: 90px;
  }
}

.section-comp-every-home {
  background: #EAE9FC;
  padding: 72px 0 0 0;
}
@media (max-width: 1180px) {
  .section-comp-every-home {
    padding: 48px 0 0 0;
  }
}
.section-comp-every-home__row {
  display: flex;
}
@media (max-width: 992px) {
  .section-comp-every-home__row {
    flex-wrap: wrap;
  }
}
.section-comp-every-home__text {
  flex-grow: 1;
  padding: 0 0 20px 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44;
  color: #2C204F;
}
@media (max-width: 1180px) {
  .section-comp-every-home__text {
    font-size: 16px;
    padding: 0 0 20px 30px;
  }
}
@media (max-width: 992px) {
  .section-comp-every-home__text {
    order: 1;
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.section-comp-every-home__text p {
  margin: 0;
  padding: 0 0 20px 0;
}
.section-comp-every-home__pic {
  width: 35%;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .section-comp-every-home__pic {
    width: 100%;
    order: 2;
  }
}
.section-comp-every-home__pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .section-comp-every-home__pic img {
    margin: auto;
    max-height: 320px;
  }
}
.section-comp-every-home__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.11;
  color: #2C204F;
  margin: 0;
  padding: 0 0 20px 0;
  max-width: 480px;
}
@media (max-width: 992px) {
  .section-comp-every-home__title {
    max-width: unset;
    font-size: 32px;
  }
}
.section-comp-every-home .btn-battle-secondary {
  background-color: unset;
  display: inline-flex;
  margin: 0;
  color: #2C204F;
}

.footer-battle {
  background: #2b1e50;
  padding: 25px 0;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.8);
}
.footer-battle__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .footer-battle__logo {
    display: none;
  }
}
.footer-battle__dev-logo {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .footer-battle__dev-logo {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.footer-battle__copyright {
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .footer-battle__copyright {
    padding: 0 0 20px 0;
  }
}
.footer-battle__save-logo {
  display: none;
}
@media (max-width: 768px) {
  .footer-battle__save-logo {
    display: block;
  }
}

.page-battle .comments-tabs__wrap {
  box-shadow: inset 0 0 2px #CACACA;
}
.page-battle .comments-tabs_in-checkout .comments-tabs__item {
  border: 2px solid transparent;
}
.page-battle .comments-tabs__item:hover, .page-battle .comments-tabs__item_active, .page-battle .comments-tabs__item.active {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: none;
  border: 2px solid #EE4233;
}
.page-battle .comments-tabs__title {
  color: #2C204F;
}
.page-battle .form-control, .page-battle .form-control:focus, .page-battle input[type=checkbox] + label {
  color: #2C204F;
}
.page-battle input[type=checkbox] + label:before {
  border-color: #2C204F;
}
.page-battle input[type=checkbox]:checked + label:before {
  border-color: #2C204F;
  background-color: #2C204F;
}
.page-battle .link-w-border {
  color: #2C204F;
  border-color: #2C204F;
}
.page-battle .popup-form__btn {
  color: #fff;
  border: 1px solid #EE4233;
  background: #EE4233;
  box-shadow: 0px 25px 40px rgba(232, 60, 44, 0.4);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}
.page-battle .popup-form__btn:hover {
  background: #E63D2E;
  border-color: #E63D2E;
  color: #fff;
  box-shadow: none;
}
.page-battle .popup-form__btn:active {
  background: #F5F8E7;
  color: #EE4233;
  border-color: #EE4233;
  box-shadow: none;
}
.page-battle .popup-form__btn:disabled {
  background: #F5F5F5;
  border-color: #F5F5F5;
  box-shadow: none;
  color: #707070;
  cursor: not-allowed;
  pointer-events: all;
}

.modal-prize-photo {
  padding: 0 0 15px 0;
}
.modal-prize-photo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

.section-battle-white {
  background: #fff;
}

.my-battle-box {
  background: #EFEEFC;
  border: 1px solid #CBBEEE;
  backdrop-filter: blur(8px);
  padding: 24px 32px;
  border-radius: 16px;
  margin: -16px 0 0 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 480px) {
  .my-battle-box {
    padding: 16px 20px;
  }
}
.my-battle-box__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .my-battle-box__row {
    display: block;
  }
  .my-battle-box__row .btn-battle-primary {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 480px) {
  .my-battle-box__row .btn-battle-primary {
    margin: 15px 0 0 0;
    width: 100%;
    text-align: center;
  }
}
.my-battle-box__user {
  display: flex;
  align-items: center;
}
.my-battle-box__user__info {
  position: relative;
}
.my-battle-box__user__ava {
  width: 47px;
  flex-shrink: 0;
  position: relative;
  margin: 0 15px 0 0;
}
@media (max-width: 480px) {
  .my-battle-box__user__ava {
    margin: 0 10px 0 10px;
  }
}
.my-battle-box__user__ava img {
  display: block;
  max-width: 100%;
  height: auto;
}
.my-battle-box__user__name {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #2C204F;
  padding: 0 19px 0 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.my-battle-box__user__name:before {
  content: "";
  background: url("../i/container.svg#icon-181") no-repeat;
  background-size: 13px 7px;
  position: absolute;
  right: 0;
  top: 7px;
  width: 13px;
  height: 7px;
  will-change: transform;
  transition: transform 0.1s ease-in-out;
}
.my-battle-box__user__name[aria-expanded=true]:before {
  transform: rotate(180deg);
}
.my-battle-box__user__name__txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-battle-box__user__name__txt strong:before {
  content: " — ";
}
@media (max-width: 768px) {
  .my-battle-box__user__name__txt strong {
    display: none;
  }
}
.my-battle-box__user__popup {
  width: 100%;
  border-radius: 10px;
  padding: 0;
}
.my-battle-box__user__popup__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.my-battle-box__user__popup__list li {
  padding: 0;
  margin: 0;
}
.my-battle-box__user__popup__list a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #2C204F;
  padding: 11px 18px;
}
.my-battle-box__user__popup__list a:hover {
  color: #2C204F;
}
.my-battle-box__user__coins {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(44, 32, 79, 0.8);
}
.my-battle-box__user__coins__summ {
  white-space: nowrap;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #2C204F;
  display: inline-flex;
  align-items: baseline;
  padding: 0 0 0 5px;
}
.my-battle-box__user__coins__summ i {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #2C204F;
  padding: 0 0 0 4px;
}
.my-battle-box__status {
  left: 20px;
  top: -15px;
  position: absolute;
}
@media (max-width: 768px) {
  .my-battle-box__status {
    display: none;
  }
}
.my-battle-box .btn-battle-primary {
  padding: 17px 32px;
}

.bsb-section {
  padding: 60px 0 0 0;
}
@media (max-width: 768px) {
  .bsb-section {
    padding: 50px 0 0 0;
  }
}
.bsb-section__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  color: #2C204F;
  margin: 0;
  padding: 0 0 35px 0;
}
@media (max-width: 768px) {
  .bsb-section__title {
    padding: 0 0 25px 0;
    font-size: 28px;
  }
}

.bsb-list-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px -30px -15px;
}
@media (max-width: 620px) {
  .bsb-list-info {
    margin: 0 0 -20px 0;
  }
}
.bsb-list-info__item {
  flex-shrink: 0;
  width: calc(33.3333% - 30px);
  margin: 0 15px 30px 15px;
  background: #EFEEFC;
  border: 1px dashed #9979EA;
  backdrop-filter: blur(5px);
  border-radius: 30px;
  position: relative;
  padding: 30px;
}
@media (max-width: 992px) {
  .bsb-list-info__item {
    width: calc(50% - 30px);
    border-radius: 16px;
  }
}
@media (max-width: 620px) {
  .bsb-list-info__item {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 15px 20px;
  }
}
.bsb-list-info__item.finish {
  background: #EFEEFC;
  border: 1px dashed rgba(153, 121, 234, 0.5);
  backdrop-filter: blur(5px);
}
.bsb-list-info__item.finish .bsb-list-info__value, .bsb-list-info__item.finish .bsb-list-info__label {
  opacity: 0.4;
}
.bsb-list-info__item.moderate {
  background: #EFEEFC;
  border: 1px dashed rgba(153, 121, 234, 0.5);
  backdrop-filter: blur(5px);
}
.bsb-list-info__item.moderate .bsb-list-info__value, .bsb-list-info__item.moderate .bsb-list-info__label {
  opacity: 0.4;
}
.bsb-list-info__value {
  padding: 0 0 5px 0;
  font-weight: 500;
  font-size: 36px;
  line-height: 1;
  color: #2C204F;
}
.bsb-list-info__value__tl {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #2C204F;
}
.bsb-list-info__label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #2C204F;
}
.bsb-list-info__label a {
  color: #2C204F;
  text-decoration: underline;
}
.bsb-list-info__label a:hover {
  color: #2C204F;
  text-decoration: none;
}
.bsb-list-info__ico-status {
  right: 33px;
  top: -11px;
  position: absolute;
}
.bsb-list-info__qst img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
@media (max-width: 620px) {
  .bsb-list-info__qst img {
    max-height: 68px;
  }
}

.tooltip-battle {
  opacity: 1 !important;
}
.tooltip-battle .tooltip-inner {
  min-width: 200px;
  max-width: 300px;
  background: #2C204F;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
  color: #FFFFFF;
  padding: 12px;
  opacity: 1;
}

.tooltip-battle.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-battle.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #2C204F;
}

.tooltip-battle.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-battle.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #2C204F;
}

.tooltip-battle.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-battle.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #2C204F;
}

.tooltip-battle.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-battle.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #2C204F;
}

.tooltip-battle.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .tooltip-battle.bs-tooltip-start .tooltip-arrow, .tooltip-battle.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .tooltip-battle.bs-tooltip-end .tooltip-arrow {
  margin-top: -8px;
}

.bsb-list-info--double .bsb-list-info__item {
  width: calc(50% - 30px);
  padding: 20px 30px;
}
@media (max-width: 992px) {
  .bsb-list-info--double .bsb-list-info__item {
    width: calc(50% - 30px);
  }
}
@media (max-width: 620px) {
  .bsb-list-info--double .bsb-list-info__item {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 15px 20px;
  }
}

.counter-inline-date {
  display: inline-flex;
  position: relative;
  top: -4px;
}
@media (max-width: 480px) {
  .counter-inline-date {
    top: auto;
  }
}
.counter-inline-date .counter-date-container {
  background: none;
  padding: 8px 10px 7px 32px;
  margin: 0;
  border: 1px solid rgba(148, 142, 166, 0.5);
  border-radius: 35px;
  position: relative;
}
.counter-inline-date .counter-date-container:before {
  content: "";
  background: url("../i/counter-inline.png") no-repeat;
  left: 6px;
  top: 5px;
  position: absolute;
  width: 23px;
  height: 23px;
}
.counter-inline-date .counter-date-container__item {
  padding: 0 0 0 8px;
  margin: 0;
  background: none;
  width: auto;
  min-width: unset;
}
.counter-inline-date .counter-date-container__section {
  padding: 0;
  margin: 0;
  background: none;
  display: flex;
  align-items: baseline;
}
.counter-inline-date .counter-date-container__value {
  margin: 0;
  background: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: rgba(44, 32, 79, 0.8);
  padding: 0 3px 0 0;
}
.counter-inline-date .counter-date-container__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: rgba(44, 32, 79, 0.8);
  margin: 0;
  padding: 0;
}

.section-open-safe-wrapper {
  padding: 60px 0 60px 0;
}
@media (max-width: 768px) {
  .section-open-safe-wrapper {
    padding: 10px 0 10px 0;
  }
}

@media (max-width: 768px) {
  .bsb-section_mp50 {
    padding-bottom: 50px;
  }
}
.section-open-safe {
  border-radius: 40px;
  background: #2D2051;
  position: relative;
}
@media (max-width: 992px) {
  .section-open-safe {
    margin: 0 -15px;
    border-radius: 0;
  }
}
.section-open-safe__bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 40px;
  z-index: 1;
}
.section-open-safe__bg__ellippse-1 {
  position: absolute;
  width: 310px;
  height: 123px;
  left: -176px;
  top: 272px;
  background: rgba(80, 43, 179, 0.5);
  filter: blur(60px);
  transform: matrix(1, 0, 0, -1, 0, 0);
  border-radius: 50%;
}
.section-open-safe__bg__ellippse-2 {
  position: absolute;
  width: 300px;
  height: 191px;
  left: 163px;
  top: -16px;
  background: rgba(80, 43, 179, 0.6);
  filter: blur(90px);
  transform: matrix(1, 0, 0, -1, 0, 0);
  border-radius: 50%;
}
.section-open-safe__bg__ellippse-3 {
  position: absolute;
  width: 367px;
  height: 340px;
  right: 130px;
  top: -24px;
  background: rgba(80, 43, 179, 0.4);
  filter: blur(60px);
  transform: matrix(1, 0, 0, -1, 0, 0);
  border-radius: 50%;
}
.section-open-safe__bg__ellippse-4 {
  position: absolute;
  width: 344px;
  height: 275px;
  left: 843px;
  bottom: -240px;
  background: rgba(80, 43, 179, 0.4);
  filter: blur(60px);
  transform: matrix(1, 0, 0, -1, 0, 0);
  border-radius: 50%;
}
.section-open-safe__rows {
  padding: 7.7% 10.8%;
  background: url(../i/blue-bg-grid.svg) -10px -70px;
  background-size: 100px auto;
  border-radius: 40px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .section-open-safe__rows {
    padding: 50px 20px;
  }
}
@media (max-width: 768px) {
  .section-open-safe__rows {
    padding: 50px 20px 100px 20px;
    position: relative;
    display: block;
  }
}
.section-open-safe__col-left {
  flex-grow: 1;
  padding: 0 10% 50px 0;
  position: relative;
}
@media (max-width: 768px) {
  .section-open-safe__col-left {
    width: 100%;
    padding: 0 0 40px 0;
    position: static;
  }
}
.section-open-safe__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.28;
  color: rgba(255, 255, 255, 0.95);
  padding: 0 0 24px 0;
}
@media (max-width: 768px) {
  .section-open-safe__title {
    font-size: 28px;
  }
}
.section-open-safe__info {
  background: url("../i/container.svg#icon-182") no-repeat;
  background-size: 21px 21px;
  padding: 0 0 0 33px;
  font-family: "Caveat Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.1;
  color: #fff;
  max-width: 390px;
}
@media (max-width: 768px) {
  .section-open-safe__info {
    font-size: 24px;
    line-height: 1.2;
    padding: 0;
    background: none;
  }
}
.section-open-safe__period {
  position: absolute;
  left: 0;
  bottom: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
  .section-open-safe__period {
    left: 0;
    width: 100%;
    bottom: 40px;
    padding: 0 20px;
    text-align: center;
  }
}

.open-safe {
  background: #34265B;
  border: 1.49194px solid rgba(219, 219, 219, 0.3);
  border-radius: 30px;
  padding: 52px 36px 36px 36px;
  min-width: 386px;
}
@media (max-width: 768px) {
  .open-safe {
    width: 100%;
    min-width: 100%;
  }
}
.open-safe__pic {
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
  height: 170px;
  position: relative;
  background: url("../i/bg-safe.png") center bottom no-repeat;
}
.open-safe__pic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.open-safe__open-pic, .open-safe__close-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.open-safe__open-pic {
  display: none;
}
.open-safe__btn {
  height: 70px;
  background: #584C79;
  border-radius: 40px;
  font-weight: 600;
  font-size: 14px;
  line-height: 70px;
  white-space: nowrap;
  color: #FFFFFF;
  padding: 0 48px;
  text-decoration: none;
  display: block;
  text-align: center;
}
.open-safe__btn:hover {
  background: #5A4989;
  color: #fff;
  text-decoration: none;
}
.open-safe__btn:active, .open-safe__btn:focus {
  background: #5A4989;
  color: #fff;
  text-decoration: none;
}
.open-safe__btn[disabled=disabled] {
  background: #5A4989;
  color: #fff;
  text-decoration: none;
}
.open-safe__btn-open {
  height: 70px;
  box-shadow: 0px 25px 40px rgba(232, 60, 44, 0.4);
  border-radius: 40px;
  font-weight: 600;
  font-size: 14px;
  line-height: 70px;
  white-space: nowrap;
  padding: 0 40px;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff;
  border: 1px solid #EE4233;
  background: #EE4233;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .open-safe__btn-open {
    padding: 0 20px;
  }
}
.open-safe__btn-open:hover {
  background: #E63D2E;
  border-color: #E63D2E;
  color: #fff;
  box-shadow: none;
}
.open-safe__btn-open:active, .open-safe__btn-open:focus {
  background: #F5F8E7;
  color: #EE4233;
  border-color: #EE4233;
  box-shadow: none;
}
.open-safe__btn-open:disabled {
  background: #F5F5F5;
  border-color: #F5F5F5;
  box-shadow: none;
  color: #707070;
  cursor: not-allowed;
  pointer-events: all;
}

.bsb-list-prizes-wrapper .section-winter-battle__rows {
  align-items: flex-start;
}
.bsb-list-prizes-wrapper .section-winter-battle__col-grid {
  display: flex;
  margin: 0 -12px;
  gap: unset;
  padding: 0 30px 0 0;
  grid-template-areas: unset;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .bsb-list-prizes-wrapper .section-winter-battle__col-grid {
    padding: 0 0 20px 0;
  }
}
.bsb-list-prizes-wrapper .section-winter-battle__item {
  display: block;
  width: calc(25% - 24px);
  flex-shrink: 0;
  margin: 0 12px 25px 12px;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .bsb-list-prizes-wrapper .section-winter-battle__item {
    margin: 0 8px 16px 8px;
    width: calc(25% - 16px);
  }
}
@media (max-width: 768px) {
  .bsb-list-prizes-wrapper .section-winter-battle__item {
    margin: 0 8px 16px 8px;
    width: calc(50% - 16px);
  }
}
.bsb-list-prizes-wrapper .section-winter-battle__col-right {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  color: #2C204F;
}
.bsb-list-prizes-wrapper .section-winter-battle__col-right:after {
  background: url("../i/win-arrow-dark.svg") no-repeat;
  margin-left: 0;
}
@media (max-width: 992px) {
  .bsb-list-prizes-wrapper .section-winter-battle__col-right:before {
    background: url("../i/win-arrow-3-dark.svg") no-repeat;
  }
}
.bsb-list-prizes-wrapper .section-winter-battle__col-right a {
  color: #2C204F;
  text-decoration: underline;
}
.bsb-list-prizes-wrapper .section-winter-battle__col-right a:hover {
  color: #2C204F;
  text-decoration: none;
}

.bsb-already-win__col-left {
  background: #F2EDFF;
  border-radius: 20px;
  width: 230px;
  flex-shrink: 0;
  padding: 30px 20px 20px 20px;
  margin: 0 0 25px 0;
  position: relative;
}
@media (max-width: 992px) {
  .bsb-already-win__col-left {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.bsb-already-win__col-left__pic {
  padding: 0 0 20px 0;
}
.bsb-already-win__col-left__pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.bsb-already-win__col-left__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: #2C204F;
  padding: 0 0 60px 0;
}
.bsb-already-win__col-left__text span {
  display: block;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  padding: 0 0 5px 0;
}
.bsb-already-win__col-left__zero {
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  color: #2C204F;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 15px 20px 15px;
  font-family: "Caveat Regular";
}
.bsb-already-win__col-left__zero:before {
  content: "";
  width: 20px;
  min-width: 20px;
  height: 21px;
  background: url("../i/container.svg#icon-177") no-repeat;
  margin: 0 6px 0 0;
  display: inline-block;
  vertical-align: top;
}
.bsb-already-win .section-winter-battle__col-grid {
  display: flex;
  margin: 0 -12px;
  gap: unset;
  padding: 0 0 0 30px;
  grid-template-areas: unset;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .bsb-already-win .section-winter-battle__col-grid {
    padding: 0;
    margin: 0 -8px;
  }
}
.bsb-already-win .section-winter-battle__item {
  display: block;
  width: calc(25% - 24px);
  flex-shrink: 0;
  margin: 0 12px 25px 12px;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .bsb-already-win .section-winter-battle__item {
    margin: 0 8px 16px 8px;
    width: calc(25% - 16px);
  }
}
@media (max-width: 768px) {
  .bsb-already-win .section-winter-battle__item {
    margin: 0 8px 16px 8px;
    width: calc(50% - 16px);
  }
}

.bsb-stat {
  padding: 0 0 50px 0;
}
.bsb-stat__row {
  display: flex;
}
@media (max-width: 992px) {
  .bsb-stat__row {
    display: block;
  }
}
.bsb-stat__col-left {
  flex-grow: 1;
  border: 1px solid #CBBEEE;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .bsb-stat__col-left {
    margin: 0 0 25px 0;
  }
}
.bsb-stat__table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  display: block;
}
.bsb-stat__table th {
  border: none;
  border-bottom: 1px solid #CBBEEE;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #948EA6;
  padding: 17px 20px;
  width: 30%;
}
@media (max-width: 768px) {
  .bsb-stat__table th {
    padding: 15px;
  }
}
.bsb-stat__table td {
  border: none;
  text-align: center;
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  text-transform: capitalize;
  color: #2C204F;
  padding: 15px 20px;
  width: 30%;
}
@media (max-width: 768px) {
  .bsb-stat__table td {
    padding: 15px;
  }
}
.bsb-stat__table tr > th:nth-child(1) {
  text-align: left;
  padding: 17px 28px;
  width: 40%;
}
@media (max-width: 768px) {
  .bsb-stat__table tr > th:nth-child(1) {
    padding: 15px;
  }
}
.bsb-stat__table tr > td:nth-child(1) {
  text-align: left;
  padding: 15px 10px 15px 28px;
  width: 34px;
}
@media (max-width: 768px) {
  .bsb-stat__table tr > td:nth-child(1) {
    padding: 15px 10px 15px 10px;
  }
}
.bsb-stat__table tr > td:nth-child(2) {
  text-align: left;
  padding-left: 0;
}
@media (max-width: 768px) {
  .bsb-stat__table tr > td:nth-child(2) {
    font-size: 14px;
  }
}
.bsb-stat__table thead {
  display: table;
  width: 100%;
}
.bsb-stat__table tbody {
  max-height: 300px;
  overflow-y: auto;
  display: block;
  width: 100%;
}
.bsb-stat__table tbody > tr:nth-child(odd) td {
  background: rgba(239, 238, 252, 0.4);
}
.bsb-stat__table tbody tr {
  width: 100%;
  display: table;
}
.bsb-stat__col-right {
  width: 331px;
  background: #EFEEFC;
  border: 1px dashed #9979EA;
  backdrop-filter: blur(5px);
  border-radius: 30px;
  padding: 30px;
  margin: 0 0 0 30px;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 992px) {
  .bsb-stat__col-right {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 480px) {
  .bsb-stat__col-right {
    padding: 20px;
    border-radius: 20px;
  }
}
.bsb-stat__col-right__pic {
  padding: 0 0 16px 0;
}
.bsb-stat__col-right__pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.bsb-stat__col-right__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  color: #2C204F;
  padding: 0 0 5px 0;
}
.bsb-stat__col-right__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #2C204F;
  padding: 0 0 60px 0;
}
.bsb-stat__col-right__after-end {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(44, 32, 79, 0.9);
  padding: 0 30px 30px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .bsb-stat__col-right__after-end {
    padding: 0 20px 20px 20px;
  }
}
.bsb-stat__counter {
  min-width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: rgba(44, 32, 79, 0.8);
  border: 1px solid rgba(148, 142, 166, 0.4);
  border-radius: 40px;
  padding: 0 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.bsb-stat .custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.bsb-stat .custom-scroll::-webkit-scrollbar-track {
  background: none !important;
  border: none;
  width: 5px;
  max-width: 5px;
}
.bsb-stat .custom-scroll::-webkit-scrollbar-thumb {
  background: #CFCFD7;
  border-color: #CFCFD7;
  border-width: 3px;
  width: 5px;
}
.bsb-stat .custom-scroll:hover::-webkit-scrollbar-thumb {
  background: #CFCFD7;
  border-color: #CFCFD7;
  border-width: 3px;
  width: 5px;
}

.mb-110 {
  margin-bottom: 110px;
}
@media (max-width: 768px) {
  .mb-110 {
    margin-bottom: 60px;
  }
}

.battle-temp-list {
  list-style: none;
  padding: 40px 20px;
  margin: 0;
}
.battle-temp-list li {
  padding: 0 0 10px 0;
}

.emitter {
  position: relative;
}
.emitter div {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
  background: var(--particle-color);
}

.ov-hidden {
  overflow: hidden;
}

.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out 9 backwards, 1s gravity ease-in 9 backwards, 5s position linear 9 backwards;
  -webkit-animation: 1s bang ease-out 9 backwards, 1s gravity ease-in 9 backwards, 5s position linear 9 backwards;
  -o-animation: 1s bang ease-out 9 backwards, 1s gravity ease-in 9 backwards, 5s position linear 9 backwards;
  -ms-animation: 1s bang ease-out 9 backwards, 1s gravity ease-in 9 backwards, 5s position linear 9 backwards;
  animation: 1s bang ease-out 9 backwards, 1s gravity ease-in 9 backwards, 5s position linear 9 backwards;
}

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: 151px -270.6666666667px hsl(105, 100%, 50%), -174px -93.6666666667px hsl(306, 100%, 50%), 157px 31.3333333333px hsl(112, 100%, 50%), -182px -254.6666666667px hsl(47, 100%, 50%), -240px -156.6666666667px hsl(300, 100%, 50%), -111px -34.6666666667px hsl(211, 100%, 50%), 73px -158.6666666667px hsl(171, 100%, 50%), 242px -188.6666666667px hsl(44, 100%, 50%), -195px -144.6666666667px hsl(358, 100%, 50%), -38px -403.6666666667px hsl(196, 100%, 50%), 232px -364.6666666667px hsl(332, 100%, 50%), -18px -274.6666666667px hsl(318, 100%, 50%), -15px -176.6666666667px hsl(197, 100%, 50%), -89px -303.6666666667px hsl(277, 100%, 50%), 199px -283.6666666667px hsl(256, 100%, 50%), -230px -52.6666666667px hsl(172, 100%, 50%), -43px -373.6666666667px hsl(83, 100%, 50%), -148px -69.6666666667px hsl(131, 100%, 50%), 243px -383.6666666667px hsl(239, 100%, 50%), 205px -66.6666666667px hsl(15, 100%, 50%), 47px -151.6666666667px hsl(191, 100%, 50%), -92px -347.6666666667px hsl(356, 100%, 50%), -2px -224.6666666667px hsl(169, 100%, 50%), -248px -354.6666666667px hsl(31, 100%, 50%), 61px -281.6666666667px hsl(318, 100%, 50%), 167px -380.6666666667px hsl(281, 100%, 50%), 133px -21.6666666667px hsl(194, 100%, 50%), -170px 60.3333333333px hsl(294, 100%, 50%), -165px -35.6666666667px hsl(194, 100%, 50%), 188px -356.6666666667px hsl(257, 100%, 50%), 24px -322.6666666667px hsl(69, 100%, 50%), -96px -302.6666666667px hsl(196, 100%, 50%), 147px -318.6666666667px hsl(34, 100%, 50%), -134px 32.3333333333px hsl(221, 100%, 50%), -198px 80.3333333333px hsl(302, 100%, 50%), -103px -0.6666666667px hsl(164, 100%, 50%), 156px -31.6666666667px hsl(86, 100%, 50%), 92px -32.6666666667px hsl(325, 100%, 50%), 195px -19.6666666667px hsl(174, 100%, 50%), -79px -92.6666666667px hsl(135, 100%, 50%), -225px -356.6666666667px hsl(353, 100%, 50%), 154px -244.6666666667px hsl(215, 100%, 50%), -230px -350.6666666667px hsl(358, 100%, 50%), -142px -65.6666666667px hsl(209, 100%, 50%), -59px -57.6666666667px hsl(14, 100%, 50%), -165px -153.6666666667px hsl(207, 100%, 50%), -66px -310.6666666667px hsl(70, 100%, 50%), -57px -93.6666666667px hsl(35, 100%, 50%), -194px -149.6666666667px hsl(325, 100%, 50%), 147px -218.6666666667px hsl(19, 100%, 50%), -101px -217.6666666667px hsl(230, 100%, 50%);
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 151px -270.6666666667px hsl(105, 100%, 50%), -174px -93.6666666667px hsl(306, 100%, 50%), 157px 31.3333333333px hsl(112, 100%, 50%), -182px -254.6666666667px hsl(47, 100%, 50%), -240px -156.6666666667px hsl(300, 100%, 50%), -111px -34.6666666667px hsl(211, 100%, 50%), 73px -158.6666666667px hsl(171, 100%, 50%), 242px -188.6666666667px hsl(44, 100%, 50%), -195px -144.6666666667px hsl(358, 100%, 50%), -38px -403.6666666667px hsl(196, 100%, 50%), 232px -364.6666666667px hsl(332, 100%, 50%), -18px -274.6666666667px hsl(318, 100%, 50%), -15px -176.6666666667px hsl(197, 100%, 50%), -89px -303.6666666667px hsl(277, 100%, 50%), 199px -283.6666666667px hsl(256, 100%, 50%), -230px -52.6666666667px hsl(172, 100%, 50%), -43px -373.6666666667px hsl(83, 100%, 50%), -148px -69.6666666667px hsl(131, 100%, 50%), 243px -383.6666666667px hsl(239, 100%, 50%), 205px -66.6666666667px hsl(15, 100%, 50%), 47px -151.6666666667px hsl(191, 100%, 50%), -92px -347.6666666667px hsl(356, 100%, 50%), -2px -224.6666666667px hsl(169, 100%, 50%), -248px -354.6666666667px hsl(31, 100%, 50%), 61px -281.6666666667px hsl(318, 100%, 50%), 167px -380.6666666667px hsl(281, 100%, 50%), 133px -21.6666666667px hsl(194, 100%, 50%), -170px 60.3333333333px hsl(294, 100%, 50%), -165px -35.6666666667px hsl(194, 100%, 50%), 188px -356.6666666667px hsl(257, 100%, 50%), 24px -322.6666666667px hsl(69, 100%, 50%), -96px -302.6666666667px hsl(196, 100%, 50%), 147px -318.6666666667px hsl(34, 100%, 50%), -134px 32.3333333333px hsl(221, 100%, 50%), -198px 80.3333333333px hsl(302, 100%, 50%), -103px -0.6666666667px hsl(164, 100%, 50%), 156px -31.6666666667px hsl(86, 100%, 50%), 92px -32.6666666667px hsl(325, 100%, 50%), 195px -19.6666666667px hsl(174, 100%, 50%), -79px -92.6666666667px hsl(135, 100%, 50%), -225px -356.6666666667px hsl(353, 100%, 50%), 154px -244.6666666667px hsl(215, 100%, 50%), -230px -350.6666666667px hsl(358, 100%, 50%), -142px -65.6666666667px hsl(209, 100%, 50%), -59px -57.6666666667px hsl(14, 100%, 50%), -165px -153.6666666667px hsl(207, 100%, 50%), -66px -310.6666666667px hsl(70, 100%, 50%), -57px -93.6666666667px hsl(35, 100%, 50%), -194px -149.6666666667px hsl(325, 100%, 50%), 147px -218.6666666667px hsl(19, 100%, 50%), -101px -217.6666666667px hsl(230, 100%, 50%);
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 151px -270.6666666667px hsl(105, 100%, 50%), -174px -93.6666666667px hsl(306, 100%, 50%), 157px 31.3333333333px hsl(112, 100%, 50%), -182px -254.6666666667px hsl(47, 100%, 50%), -240px -156.6666666667px hsl(300, 100%, 50%), -111px -34.6666666667px hsl(211, 100%, 50%), 73px -158.6666666667px hsl(171, 100%, 50%), 242px -188.6666666667px hsl(44, 100%, 50%), -195px -144.6666666667px hsl(358, 100%, 50%), -38px -403.6666666667px hsl(196, 100%, 50%), 232px -364.6666666667px hsl(332, 100%, 50%), -18px -274.6666666667px hsl(318, 100%, 50%), -15px -176.6666666667px hsl(197, 100%, 50%), -89px -303.6666666667px hsl(277, 100%, 50%), 199px -283.6666666667px hsl(256, 100%, 50%), -230px -52.6666666667px hsl(172, 100%, 50%), -43px -373.6666666667px hsl(83, 100%, 50%), -148px -69.6666666667px hsl(131, 100%, 50%), 243px -383.6666666667px hsl(239, 100%, 50%), 205px -66.6666666667px hsl(15, 100%, 50%), 47px -151.6666666667px hsl(191, 100%, 50%), -92px -347.6666666667px hsl(356, 100%, 50%), -2px -224.6666666667px hsl(169, 100%, 50%), -248px -354.6666666667px hsl(31, 100%, 50%), 61px -281.6666666667px hsl(318, 100%, 50%), 167px -380.6666666667px hsl(281, 100%, 50%), 133px -21.6666666667px hsl(194, 100%, 50%), -170px 60.3333333333px hsl(294, 100%, 50%), -165px -35.6666666667px hsl(194, 100%, 50%), 188px -356.6666666667px hsl(257, 100%, 50%), 24px -322.6666666667px hsl(69, 100%, 50%), -96px -302.6666666667px hsl(196, 100%, 50%), 147px -318.6666666667px hsl(34, 100%, 50%), -134px 32.3333333333px hsl(221, 100%, 50%), -198px 80.3333333333px hsl(302, 100%, 50%), -103px -0.6666666667px hsl(164, 100%, 50%), 156px -31.6666666667px hsl(86, 100%, 50%), 92px -32.6666666667px hsl(325, 100%, 50%), 195px -19.6666666667px hsl(174, 100%, 50%), -79px -92.6666666667px hsl(135, 100%, 50%), -225px -356.6666666667px hsl(353, 100%, 50%), 154px -244.6666666667px hsl(215, 100%, 50%), -230px -350.6666666667px hsl(358, 100%, 50%), -142px -65.6666666667px hsl(209, 100%, 50%), -59px -57.6666666667px hsl(14, 100%, 50%), -165px -153.6666666667px hsl(207, 100%, 50%), -66px -310.6666666667px hsl(70, 100%, 50%), -57px -93.6666666667px hsl(35, 100%, 50%), -194px -149.6666666667px hsl(325, 100%, 50%), 147px -218.6666666667px hsl(19, 100%, 50%), -101px -217.6666666667px hsl(230, 100%, 50%);
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 151px -270.6666666667px hsl(105, 100%, 50%), -174px -93.6666666667px hsl(306, 100%, 50%), 157px 31.3333333333px hsl(112, 100%, 50%), -182px -254.6666666667px hsl(47, 100%, 50%), -240px -156.6666666667px hsl(300, 100%, 50%), -111px -34.6666666667px hsl(211, 100%, 50%), 73px -158.6666666667px hsl(171, 100%, 50%), 242px -188.6666666667px hsl(44, 100%, 50%), -195px -144.6666666667px hsl(358, 100%, 50%), -38px -403.6666666667px hsl(196, 100%, 50%), 232px -364.6666666667px hsl(332, 100%, 50%), -18px -274.6666666667px hsl(318, 100%, 50%), -15px -176.6666666667px hsl(197, 100%, 50%), -89px -303.6666666667px hsl(277, 100%, 50%), 199px -283.6666666667px hsl(256, 100%, 50%), -230px -52.6666666667px hsl(172, 100%, 50%), -43px -373.6666666667px hsl(83, 100%, 50%), -148px -69.6666666667px hsl(131, 100%, 50%), 243px -383.6666666667px hsl(239, 100%, 50%), 205px -66.6666666667px hsl(15, 100%, 50%), 47px -151.6666666667px hsl(191, 100%, 50%), -92px -347.6666666667px hsl(356, 100%, 50%), -2px -224.6666666667px hsl(169, 100%, 50%), -248px -354.6666666667px hsl(31, 100%, 50%), 61px -281.6666666667px hsl(318, 100%, 50%), 167px -380.6666666667px hsl(281, 100%, 50%), 133px -21.6666666667px hsl(194, 100%, 50%), -170px 60.3333333333px hsl(294, 100%, 50%), -165px -35.6666666667px hsl(194, 100%, 50%), 188px -356.6666666667px hsl(257, 100%, 50%), 24px -322.6666666667px hsl(69, 100%, 50%), -96px -302.6666666667px hsl(196, 100%, 50%), 147px -318.6666666667px hsl(34, 100%, 50%), -134px 32.3333333333px hsl(221, 100%, 50%), -198px 80.3333333333px hsl(302, 100%, 50%), -103px -0.6666666667px hsl(164, 100%, 50%), 156px -31.6666666667px hsl(86, 100%, 50%), 92px -32.6666666667px hsl(325, 100%, 50%), 195px -19.6666666667px hsl(174, 100%, 50%), -79px -92.6666666667px hsl(135, 100%, 50%), -225px -356.6666666667px hsl(353, 100%, 50%), 154px -244.6666666667px hsl(215, 100%, 50%), -230px -350.6666666667px hsl(358, 100%, 50%), -142px -65.6666666667px hsl(209, 100%, 50%), -59px -57.6666666667px hsl(14, 100%, 50%), -165px -153.6666666667px hsl(207, 100%, 50%), -66px -310.6666666667px hsl(70, 100%, 50%), -57px -93.6666666667px hsl(35, 100%, 50%), -194px -149.6666666667px hsl(325, 100%, 50%), 147px -218.6666666667px hsl(19, 100%, 50%), -101px -217.6666666667px hsl(230, 100%, 50%);
  }
}
@keyframes bang {
  to {
    box-shadow: 151px -270.6666666667px hsl(105, 100%, 50%), -174px -93.6666666667px hsl(306, 100%, 50%), 157px 31.3333333333px hsl(112, 100%, 50%), -182px -254.6666666667px hsl(47, 100%, 50%), -240px -156.6666666667px hsl(300, 100%, 50%), -111px -34.6666666667px hsl(211, 100%, 50%), 73px -158.6666666667px hsl(171, 100%, 50%), 242px -188.6666666667px hsl(44, 100%, 50%), -195px -144.6666666667px hsl(358, 100%, 50%), -38px -403.6666666667px hsl(196, 100%, 50%), 232px -364.6666666667px hsl(332, 100%, 50%), -18px -274.6666666667px hsl(318, 100%, 50%), -15px -176.6666666667px hsl(197, 100%, 50%), -89px -303.6666666667px hsl(277, 100%, 50%), 199px -283.6666666667px hsl(256, 100%, 50%), -230px -52.6666666667px hsl(172, 100%, 50%), -43px -373.6666666667px hsl(83, 100%, 50%), -148px -69.6666666667px hsl(131, 100%, 50%), 243px -383.6666666667px hsl(239, 100%, 50%), 205px -66.6666666667px hsl(15, 100%, 50%), 47px -151.6666666667px hsl(191, 100%, 50%), -92px -347.6666666667px hsl(356, 100%, 50%), -2px -224.6666666667px hsl(169, 100%, 50%), -248px -354.6666666667px hsl(31, 100%, 50%), 61px -281.6666666667px hsl(318, 100%, 50%), 167px -380.6666666667px hsl(281, 100%, 50%), 133px -21.6666666667px hsl(194, 100%, 50%), -170px 60.3333333333px hsl(294, 100%, 50%), -165px -35.6666666667px hsl(194, 100%, 50%), 188px -356.6666666667px hsl(257, 100%, 50%), 24px -322.6666666667px hsl(69, 100%, 50%), -96px -302.6666666667px hsl(196, 100%, 50%), 147px -318.6666666667px hsl(34, 100%, 50%), -134px 32.3333333333px hsl(221, 100%, 50%), -198px 80.3333333333px hsl(302, 100%, 50%), -103px -0.6666666667px hsl(164, 100%, 50%), 156px -31.6666666667px hsl(86, 100%, 50%), 92px -32.6666666667px hsl(325, 100%, 50%), 195px -19.6666666667px hsl(174, 100%, 50%), -79px -92.6666666667px hsl(135, 100%, 50%), -225px -356.6666666667px hsl(353, 100%, 50%), 154px -244.6666666667px hsl(215, 100%, 50%), -230px -350.6666666667px hsl(358, 100%, 50%), -142px -65.6666666667px hsl(209, 100%, 50%), -59px -57.6666666667px hsl(14, 100%, 50%), -165px -153.6666666667px hsl(207, 100%, 50%), -66px -310.6666666667px hsl(70, 100%, 50%), -57px -93.6666666667px hsl(35, 100%, 50%), -194px -149.6666666667px hsl(325, 100%, 50%), 147px -218.6666666667px hsl(19, 100%, 50%), -101px -217.6666666667px hsl(230, 100%, 50%);
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(150px);
    -moz-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -o-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(150px);
    -moz-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -o-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(150px);
    -moz-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -o-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(150px);
    -moz-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -o-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(150px);
    -moz-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -o-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body,
html {
  max-width: 100%;
}

body {
  line-height: 1.35;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #fff;
  font-size: 14px;
  margin: 0;
  color: #000;
  font-weight: normal;
  position: relative;
}

button,
input,
select,
textarea {
  outline: none;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
}

button:focus {
  outline: none;
}

input,
select,
textarea {
  font-weight: normal;
}

select:-moz-focusring {
  text-shadow: 0 0 0 #000;
  color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

.container {
  max-width: 1580px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.img-fluid {
  max-width: 100%;
  display: block;
  height: auto;
}

a {
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  color: #000;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  color: #556710;
}
a:focus {
  color: #94B80A;
}

.clearfix::after {
  content: " ";
  display: table;
  clear: both;
}

dl,
ol,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol {
  margin: 0 0 20px 25px;
  list-style-type: decimal;
  list-style-position: outside;
}

img {
  border: none;
  vertical-align: top;
}

table {
  border-collapse: collapse;
}

td,
th {
  padding: 10px 20px;
  border: 1px solid #000;
}

hr {
  height: 0;
  border: none;
  margin: 0 0 40px;
  background: #000;
  height: 1px;
}

.hidden {
  overflow: hidden;
}

/* media */
@media (max-width: 992px) {
  .btn_comparison, .btn_favorite, .btn_user {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
  }
  .btn_your-city-mobile {
    display: inline-block;
    vertical-align: top;
    background: url("../../i/container.svg#icon-36") 0 center no-repeat;
    background-size: cover;
    background-size: 28px 28px;
  }
  .btn_mob-navi {
    display: block;
  }
}
.main {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #fff;
}

.header-top__column > a, .header-top__column .header-phones {
  margin-right: 10px;
}

.dropdown-box {
  position: relative;
  z-index: 1;
  margin-left: -17px;
}
.dropdown-box__header {
  position: relative;
  z-index: 1;
  padding: 4px 17px 5px;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.dropdown-box__header::after {
  content: "";
  display: inline-flex;
  width: 8px;
  height: 9px;
  margin-left: 3px;
  background: url("../../i/container.svg#icon-14") center no-repeat;
}
.dropdown-box__content {
  position: absolute;
  min-width: 100%;
  left: 0;
  top: -12px;
  padding: 55px 17px 1px;
  display: none;
  background: #fff;
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .dropdown-box__content {
    top: -12px;
    padding: 45px 15px 1px 15px !important;
  }
}
.dropdown-box__list li {
  margin-bottom: 12px;
}
.dropdown-box__list a {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}

.header-navi .dropdown-box__list a {
  text-transform: none;
}

@media (min-width: 992px) {
  .dropdown-box:hover .dropdown-box__header::after {
    background: url("../../i/container.svg#icon-33") center no-repeat;
  }
  .dropdown-box:hover .dropdown-box__content {
    display: block;
  }
}
.header .catalog-box {
  margin-right: 10px;
}
.catalog-box__btn {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 13px 88px 14px 60px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  position: relative;
}
.catalog-box__btn::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../../i/container.svg#icon-192") center no-repeat;
  position: absolute;
  left: 32px;
  top: 50%;
  margin-top: -10px;
}
.catalog-box__btn:active::before {
  background: url("../../i/container.svg#icon-193") center no-repeat;
}
.catalog-box__navi {
  flex-direction: column;
  padding: 0 30px 0 0;
  border-right: 2px solid #F2F2F2;
}
.catalog-box__navi .nav-link {
  font-size: 14px;
  color: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 27px;
  padding: 9px 10px 9px 10px;
  position: relative;
  display: flex;
  align-items: center;
  border: none;
  background: none;
  text-align: left;
  cursor: default;
}
.catalog-box__navi .nav-link:hover {
  background: #F5F8E7;
  color: #556710;
}
.catalog-box__navi .nav-link:hover .nav-link__ico .nav-link__ico-a {
  opacity: 0;
}
.catalog-box__navi .nav-link:hover .nav-link__ico .nav-link__ico-b {
  opacity: 1;
}
.catalog-box__navi .nav-link.active {
  background: #F5F8E7;
  color: #556710;
}
.catalog-box__navi .nav-link.active .nav-link__ico .nav-link__ico-a {
  opacity: 0;
}
.catalog-box__navi .nav-link.active .nav-link__ico .nav-link__ico-b {
  opacity: 1;
}
.catalog-box__navi .nav-link .count {
  font-weight: 400;
  color: #707070;
}
.catalog-box__navi .nav-link__ico {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  margin: 0 15px 0 0;
  position: relative;
}
.catalog-box__navi .nav-link__ico img {
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
  width: 25px;
  height: auto;
}
.catalog-box__navi .nav-link__ico-b {
  opacity: 0;
}
.catalog-box__navi .nav-link:hover .nav-link__ico .nav-link__ico-a {
  opacity: 0;
}
.catalog-box__navi .nav-link:hover .nav-link__ico .nav-link__ico-b {
  opacity: 1;
}
.catalog-box__navi a.nav-link {
  cursor: pointer;
}
.catalog-box__navi button.nav-link:before, .catalog-box__navi button.nav-link:after {
  content: "";
  height: 16px;
  width: 16px;
  right: 10px;
  top: 50%;
  margin: -8px 0 0 0;
  position: absolute;
}
.catalog-box__navi button.nav-link:before {
  background: url("../../i/container.svg#icon-16") center no-repeat;
  background-size: 6px auto;
}
.catalog-box__dropdown {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 4px 90px rgba(0, 0, 0, 0.45);
  background: #fff;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 10px;
  top: 100%;
  display: none;
  position: absolute;
  z-index: 200;
  padding: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.catalog-box_opened .catalog-box__dropdown {
  display: block;
}
.catalog-box .tab-content {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 15px 0 0;
  flex-direction: column;
}
.catalog-box .tab-content::before {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  height: 30px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.catalog-box .tab-pane {
  height: 100%;
}
.catalog-box .tab-pane .promo-box {
  margin-bottom: 29px;
}
.catalog-box__ins {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 250px);
  padding: 0 30px 0 0;
  /* custom scrollbar */
  /* Up */
  /* Down */
}
.catalog-box__ins::-webkit-scrollbar {
  width: 15px;
  border-radius: 10px;
  position: relative;
  background: #F5F5F5;
}
.catalog-box__ins::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #F5F5F5;
}
.catalog-box__ins::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, #E3E3E3, #E3E3E3), #F2F2F2;
  border-radius: 100px;
  width: 11px;
  left: 2px;
}
.catalog-box__ins::-webkit-scrollbar-button {
  height: 15px;
  width: 15px;
}
.catalog-box__ins::-webkit-scrollbar-button:vertical:decrement {
  border: none;
  background: url("data:image/svg+xml,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M1.458 4.375 3.5 2.333l2.042 2.042' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='matrix(0 1 1 0 0 0)' d='M0 0h7v7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
}
.catalog-box__ins::-webkit-scrollbar-button:vertical:increment {
  border: none;
  background: url("data:image/svg+xml,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M1.458 2.625 3.5 4.667l2.042-2.042' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='rotate(-90 3.5 3.5)' d='M0 0h7v7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
}
.catalog-box__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin: 0 0 28px;
  width: 100%;
}
.catalog-box__item-photo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  margin-right: 13px;
}
.catalog-box__item-photo img {
  max-width: 50px;
}
.catalog-box__item-title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0 0 7px;
}
.catalog-box__item-title-link {
  color: #000;
}
.catalog-box__item-title-link:hover {
  color: #556710;
}
.catalog-box__item-title-link:active {
  color: #94B80A;
}
.catalog-box__item-list li {
  margin-bottom: 11px;
}
.catalog-box__item-link {
  font-size: 13px;
  line-height: 1.35;
  color: #707070;
}
.catalog-box__item-link:hover {
  color: #556710;
}
.catalog-box__item-link:active {
  color: #94B80A;
}
.catalog-box__item-more {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  position: relative;
  padding-right: 20px;
  line-height: 1.1;
}
.catalog-box__item-more::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
  height: 16px;
  margin-top: -8px;
  background: url("../../i/container.svg#icon-16") center no-repeat;
  background-size: 6px 10px;
}

.card-block__info-goto-all {
  display: none;
}
@media (max-width: 575px) {
  .card-block__info-goto-all {
    display: block;
    padding: 0 0 15px 0;
  }
}

/* media */
@media (max-width: 992px) {
  /*.catalog-box {
        display: none;
    }*/
}
.breadcrumb {
  margin: 0 0 5px;
  padding-top: 16px;
  overflow-x: auto;
}
.breadcrumb-wrap {
  overflow-x: auto;
}
.breadcrumb-wrap::-webkit-scrollbar {
  display: none;
  opacity: 0;
  height: 0;
}
.breadcrumb-ins {
  display: flex;
  min-width: 100px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.breadcrumb-item {
  font-size: 12px;
  color: #666666;
  font-weight: 500;
  white-space: nowrap;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #CECECE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: none;
  padding: 0;
  display: inline-flex;
  margin: 0 9px 0 2px;
  position: relative;
  top: -2px;
}
.breadcrumb a {
  font-size: 12px;
  color: #666666;
  font-weight: 500;
}

/* media */
@media (max-width: 991px) {
  .breadcrumb {
    margin-right: -15px;
  }
}
.build-item {
  border: 2px solid #F2F2F2;
}
.build-item__header {
  border-bottom: 2px solid #F2F2F2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
}
.build-item__content {
  padding: 28px;
}
.build-item__photo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
  padding: 15px;
}
.build-item__photo img {
  max-width: 90px;
}
.build-item__header .build-item__photo {
  border-right: 2px solid #F2F2F2;
  height: auto;
  min-height: 100%;
}
.build-item__column {
  padding: 15px 30px;
  width: 100%;
}
.build-item__column-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
}
.build-item__title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0 0 13px;
  padding-right: 150px;
}
.build-item__cost {
  font-weight: 500;
  color: #000;
  line-height: 1.25;
  white-space: nowrap;
  font-size: 22px;
}
.build-item__cost span {
  font-size: 14px;
}
.build-item__cost_new {
  color: #f2530c;
  font-size: 22px;
  line-height: 1;
}
.build-item__cost_old {
  font-size: 12px;
  text-decoration: line-through;
  color: #707070;
  margin-bottom: 2px;
}
.build-item__cost_old span {
  font-size: 12px;
}
.build-item__box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 13px;
}
.build-item__box-column {
  width: calc(100% - 45px);
}
.build-item__box-descr {
  font-size: 12px;
  font-weight: 500;
  color: #8D8D8D;
}
.build-item__box .not-enough {
  color: #F10C0C;
}
.build-item__box-title {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.build-item__box-link {
  font-size: 12px;
  font-weight: 500;
}
.build-item__box .build-item__photo {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.build-item__box .build-item__photo img {
  max-width: 35px;
}
.build-item__buttons .btn {
  margin-left: 8px;
}
.build-item__btn_view, .build-item__btn_edit {
  padding: 7px 15px 8px;
  font-size: 12px;
  font-weight: 600;
}
.build-item__btn_compare, .build-item__btn_favorite, .build-item__btn_buy {
  display: inline-flex;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  padding: 0;
}
.build-item__btn_compare:before, .build-item__btn_favorite:before, .build-item__btn_buy:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.build-item__btn_compare::before {
  background: url("../../i/container.svg#icon-21") center no-repeat;
  background-size: cover;
}
.build-item__btn_favorite::before {
  background: url("../../i/container.svg#icon-20") center no-repeat;
  background-size: cover;
}
.build-item__btn_buy::before {
  background: url("../../i/container.svg#icon-10") center no-repeat;
  background-size: cover;
}
.build-item__btn_remove {
  color: #000000;
  background: none;
  padding: 0 0 0 24px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 30px;
  top: 25px;
  margin: 0;
  line-height: 20px;
}
.build-item__btn_remove::before {
  content: "";
  background: url("../../i/container.svg#icon-100") center no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -2px;
}
@media (max-width: 768px) {
  .build-item__btn_remove {
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 0 !important;
    font-size: 0 !important;
    border-radius: 50%;
    background: #F5F5F5;
    border-color: #F5F5F5;
    position: relative;
    top: unset;
    right: unset;
    margin-left: 10px !important;
  }
  .build-item__btn_remove:before {
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}

.modal-remove-build .btn + .btn {
  margin-left: 15px;
}

@media (max-width: 768px) {
  .build-item__content {
    padding: 122px 15px 5px;
  }
  .build-item__title {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .build-item__cost_new {
    font-size: 18px;
  }
  .build-item__header {
    position: relative;
  }
  .build-item__photo {
    width: 110px;
  }
  .build-item__photo img {
    max-width: 90px;
  }
  .build-item__column {
    padding: 10px 15px;
  }
  .build-item__column-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    display: -ms-flexbox;
    flex-direction: row-reverse;
  }
  .build-item__cost_new {
    margin-right: 10px;
  }
  .build-item__buttons {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    display: -ms-flexbox;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 15px 5px;
    border-bottom: 2px solid #F2F2F2;
  }
  .build-item__buttons .btn {
    margin: 0 0 10px;
  }
  .build-item__btn_view {
    width: 49%;
    margin-right: auto !important;
  }
  .build-item__btn_edit {
    width: 49%;
    margin-left: auto !important;
  }
  .build-item__btn_favorite {
    margin-right: 10px !important;
  }
}
.comment {
  border: 1px solid #e3e3e3;
  margin: 0 0 20px;
}
.comment__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  padding: 18px 30px;
  border-bottom: 1px solid #e3e3e3;
  border-top: none;
}
.comment__header-l-col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.comment__reply .comment__header {
  border: none;
}
.comment__content {
  padding: 22px 30px 7px;
}
.comment__footer {
  border-top: 1px solid #e3e3e3;
  padding: 20px 30px 0;
}
@media (max-width: 992px) {
  .comment__footer {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .comment__footer {
    padding: 15px;
  }
}
.comment__footer-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  padding-bottom: 20px;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .comment__footer-wrap {
    padding: 0;
  }
}
.comment__footer-wrap .btn {
  font-size: 12px;
  font-weight: 600;
}
.comment__footer-l-col .btn {
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 8px;
}
@media (max-width: 480px) {
  .comment__footer-l-col .btn {
    margin-right: 4px;
  }
}
.comment__name {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-right: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
}
.comment__name img {
  max-height: 22px;
  margin-right: 10px;
}
.comment__reply .comment__name {
  font-size: 14px;
}
.comment__reply .comment__header {
  padding: 3px 0 0;
}
.comment__reply .comment__content {
  padding-top: 9px;
  padding-left: 0;
  padding-right: 0;
}
.comment__date {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
}
.comment__badge {
  background: #F5FFD0;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  display: block;
  margin-right: 12px;
}
.comment__text {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.comment__text p {
  margin: 0 0 12px;
}
.comment__box {
  margin-bottom: 6px;
}
.comment__box:nth-child(n-1) {
  margin-bottom: 19px;
}
.comment__box-title {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  margin-bottom: 2px;
}
.comment__box-content {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.comment__gallery {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
}
.comment__gallery-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  width: 120px;
  height: 120px;
  position: relative;
  margin: 0 15px 15px 0;
}
.comment__gallery-item img {
  max-width: 120px;
}
.comment__gallery-item::before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 35px;
  height: 35px;
  background: #fff url("../../i/container.svg#icon-34") center no-repeat;
  background-size: 18px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.comment__rate {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 16px;
}
.comment__rate .rate-item {
  margin: 0 20px 6px 0;
}
.comment__rate .rate-item:last-child {
  margin-right: 0;
}
.comment__reply .comment__reply {
  padding-left: 30px;
  padding-top: 2px;
}
.comment__reply .comment__text {
  padding-bottom: 5px;
}
.comment__reply .comment__text p {
  margin: 0 0 5px;
}
.comment__verify {
  padding-left: 24px;
  position: relative;
  margin: 0 0 6px;
}
.comment__verify::before {
  content: "";
  background: #94B80A url("../../i/container.svg#icon-35") center no-repeat;
  background-size: 12px auto;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.comment__view-more {
  padding-bottom: 29px;
  padding-top: 8px;
}
@media (max-width: 992px) {
  .comment__view-more {
    padding-bottom: 8px;
  }
}
.comment__view-more-link {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
.comment__view-more-link:hover {
  color: #556710;
  border-color: #556710;
}
.comment__view-more-link:focus {
  color: #94B80A;
  border-color: #94B80A;
}
.comment__action {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
}
.comment__action-quan {
  display: inline-flex;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  background: #000;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-left: 6px;
}
.comment__action-sep {
  margin: 0 5px;
  width: 1px;
  height: 18px;
  background: #000;
  margin: 0 15px;
}

.comment__full-container {
  display: flex;
}
@media (max-width: 768px) {
  .comment__full-container {
    flex-wrap: wrap;
  }
}
.comment__comment-col {
  flex-grow: 1;
  border-left: 1px solid #e3e3e3;
}
@media (max-width: 768px) {
  .comment__comment-col {
    border-left: none;
    border-top: 1px solid #e3e3e3;
    width: 100%;
  }
}
.comment__product-col {
  width: 187px;
  flex-shrink: 0;
  padding: 20px;
}
@media (max-width: 768px) {
  .comment__product-col {
    width: 100%;
    display: flex;
    padding: 0;
  }
}
.comment__product-photo {
  padding: 0 0 15px 0;
}
@media (max-width: 768px) {
  .comment__product-photo {
    width: 82px;
    flex-shrink: 0;
    padding: 10px;
    border-right: 1px solid #e3e3e3;
  }
}
.comment__product-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
}
.comment__product-name a {
  color: #000;
}
@media (max-width: 768px) {
  .comment__product-name {
    padding: 15px;
    flex-grow: 1;
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  .comment__reply {
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .comment__responce {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .comment__responce {
    margin: 0;
  }
}

.comment__comment-col .comment__header, .comment__comment-col .comment__content, .comment__comment-col .comment__footer {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .comment__comment-col .comment__header, .comment__comment-col .comment__content, .comment__comment-col .comment__footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 768px) {
  .comment__name {
    font-size: 14px;
  }
  .comment__header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
  }
  .comment__content {
    padding: 15px 15px;
  }
  .comment__footer {
    padding: 15px 15px;
  }
  .comment__rate {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .comment__verify {
    font-size: 12px;
    font-weight: 600;
    margin: 5px 0 0 0;
  }
}
.shipping__header {
  margin-bottom: 7px;
  margin-bottom: 7px;
}
.shipping .nav-link {
  padding: 0;
  border: none;
  margin: 0 15px 8px 0;
  background: none;
  color: #707070;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px dashed #707070;
}
.shipping .nav-link:hover, .shipping .nav-link.active {
  color: #000;
  border-color: #000;
}
.shipping__sheet {
  font-size: 14px;
  color: #000;
}
.shipping__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
}
.shipping__sheet .shipping__col {
  padding: 6px 0;
}
.shipping__sheet .shipping__col-title {
  padding: 10px 0 3px;
  width: 100%;
}
.shipping__col-title {
  color: #707070 !important;
  font-size: 12px !important;
  font-weight: 500;
}
.shipping__col_w1 {
  width: 50%;
  position: relative;
}
.shipping__col_w2 {
  width: 30%;
}
.shipping__col_w3 {
  width: 20%;
  text-align: right;
}
.shipping__item {
  padding-left: 26px;
  position: relative;
  display: inline-flex;
}
.shipping__item::before {
  content: "";
  left: 0;
  height: 18px;
  width: 18px;
  position: absolute;
}
.shipping__item_bubble::before {
  background: url("../../i/container.svg#icon-36") center no-repeat;
}
.shipping__item_lightning::before {
  height: 19px;
  background: url("../../i/container.svg#icon-37") center no-repeat;
}
.shipping__item_np::before {
  background: url("../../i/container.svg#icon-38") center no-repeat;
}
.shipping__item_me::before {
  height: 19px;
  background: url("../../i/container.svg#icon-39") center no-repeat;
}
.shipping__cost {
  font-weight: 500;
  white-space: nowrap;
}
.shipping__cost span {
  font-size: 12px;
}
.shipping__map-link {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 0 26px;
  white-space: nowrap;
}
.shipping__badge {
  padding: 2px 8px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  background: #f5ffd0;
}

@media (max-width: 1440px) {
  .shipping__row {
    flex-wrap: wrap;
  }
  .shipping__col_w1 {
    width: 70%;
    order: 0;
  }
  .shipping__col_w2 {
    width: 100%;
    order: 1;
    padding-top: 0 !important;
    padding-left: 26px !important;
    color: #F2530C;
    font-size: 12px;
  }
  .shipping__col_w3 {
    width: 30%;
    order: 0;
  }
}
.y__btn {
  display: inline-flex;
  position: relative;
  border: none;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, #e3e3e3, #e3e3e3), linear-gradient(0deg, #F2F2F2, #F2F2F2);
  font-size: 13px;
  font-weight: 600;
  color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.button-tooltip {
  display: inline-flex;
  position: relative;
}
.button-tooltip__btn {
  display: inline-flex;
  position: relative;
  border: none;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, #e3e3e3, #e3e3e3), linear-gradient(0deg, #F2F2F2, #F2F2F2);
  font-size: 13px;
  font-weight: 600;
  color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.view-more-block {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: center;
}
@media (max-width: 992px) {
  .view-more-block {
    padding-top: 20px;
  }
}
.view-more-block__btn {
  position: relative;
  padding: 13px 42px;
  font-size: 12px;
  font-weight: 600;
}
.view-more-block__btn span {
  display: inline-flex;
  height: 18px;
  font-size: 12px;
  min-width: 18px;
  font-weight: 600;
  line-height: 18px;
  padding: 0 4px;
  background: #fff;
  color: #000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-left: 6px;
  justify-content: center;
  text-align: center;
  align-items: center;
}

@media (max-width: 992px) {
  .view-more-block__btn {
    padding: 10px 41px;
  }
}
.promo-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  background: linear-gradient(90.3deg, #FFF3F0 0.89%, #FFF0E6 34.39%, #FFEEEB 99.84%), linear-gradient(90.3deg, #FFDBD0 0.89%, #FFE3CE 34.39%, #FFDAD2 99.84%);
  padding: 15px;
}
@media (max-width: 480px) {
  .promo-box {
    display: block;
  }
}
.promo-box_promo {
  background: linear-gradient(90.3deg, #F6F0FF 0.89%, #ECE1FD 34.39%, #DFCEFC 99.84%);
}
@media (max-width: 480px) {
  .promo-box_promo {
    background: linear-gradient(90.3deg, #FFDBD0 0.89%, #FFE3CE 34.39%, #FFDAD2 99.84%);
  }
}
.promo-box_b-radius {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.promo-box__badge {
  margin-right: 23px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 2px 7px;
}
@media (max-width: 480px) {
  .promo-box__badge {
    display: inline-flex;
    margin: 0 0 10px 0;
  }
}
.promo-box_action .promo-box__badge {
  background: #DB4254;
}
.promo-box_gift .promo-box__badge {
  background: #4D9FEB;
}
.promo-box__column {
  margin-right: auto;
}
.promo-box__photo {
  margin-right: 20px;
  height: 50px;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
@media (max-width: 480px) {
  .promo-box__photo {
    margin: 0 10px 0 0;
  }
}
.promo-box__photo img {
  max-width: 40px;
}
.promo-box__title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0 0 5px 0;
}
.promo-box__text {
  font-size: 13px;
  font-weight: 400;
  color: #000;
}
.promo-box__text span {
  font-weight: 500;
}
.promo-box__btn {
  display: block;
  width: 35px;
  height: 35px;
  background-color: #DB4254;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: url("../../i/container.svg#icon-40");
  background-size: 6px 10px;
  background-position: 16px center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 480px) {
  .promo-box__btn {
    width: auto;
    height: auto;
    border-radius: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    background-image: url("../../i/container.svg#icon-41");
    background-size: 15px 15px;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0 17px 0 0;
    display: inline-flex;
    color: #f2530c;
  }
}
.promo-box_gift .promo-box__btn {
  background-color: #4D9FEB;
}
@media (max-width: 480px) {
  .promo-box_gift .promo-box__btn {
    background-color: transparent;
  }
}
.promo-box__wrapper {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 480px) {
  .promo-box__wrapper {
    margin: 0;
  }
}

.subscribe-block {
  background: #94B80A;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.subscribe-block [class^=col-]:first-child {
  border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.subscribe-block__column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  padding: 40px 0 40px 55px;
}
.subscribe-block__form {
  background: linear-gradient(0deg, #94B80A, #94B80A), #A2C617;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
}
.subscribe-block__text {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-right: 55px;
  max-width: 33%;
}
.subscribe-block__input {
  font-size: 13px;
  color: #fff;
  width: 100%;
  padding: 0 270px 0 25px;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  height: 44px;
}
.subscribe-block ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.subscribe-block ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.subscribe-block :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.subscribe-block :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.subscribe-block__btn {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  padding: 10px;
  background: #fff;
  border: none;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  width: 260px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
}

.content {
  position: relative;
  z-index: 1;
}
.content_z-index-12 {
  z-index: 12;
}

/* media */
@media (max-width: 1440px) {
  .subscribe-block__text {
    margin-right: 10px;
    min-width: 270px;
  }
  .subscribe-block__column {
    padding-left: 20px;
  }
  .subscribe-block__input {
    padding: 0 220px 0 20px;
  }
  .subscribe-block__btn {
    width: 210px;
  }
}
@media (max-width: 1200px) {
  .catalog-box__btn {
    padding: 13px 50px 14px 60px;
  }
  .catalog-box .tab-content {
    padding: 0;
  }
}
@media (max-width: 1100px) {
  .subscribe-block__input {
    padding: 0 160px 0 20px;
  }
  .subscribe-block__btn {
    width: 150px;
  }
  .subscribe-block__btn span {
    display: none;
  }
}
@media (max-width: 992px) {
  .catalog-box__dropdown {
    width: calc(100vw - 50px);
    right: auto;
    left: 0;
  }
  .subscribe-block__column {
    flex-direction: column;
  }
  .subscribe-block__text {
    max-width: 100%;
    text-align: left;
    line-height: 1.2;
    margin: 0 0 18px;
  }
}
@media (max-width: 768px) {
  .subscribe-block {
    padding: 25px 0 30px;
  }
  .subscribe-block__logo {
    width: 177px;
    margin: 0 auto 26px;
  }
  .subscribe-block__column {
    padding-top: 30px;
    padding-left: 0;
    padding-bottom: 0;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
  }
  .subscribe-block__form {
    flex-direction: column;
  }
  .subscribe-block__input {
    width: 100%;
    height: 40px;
    margin: 0 0 15px;
    padding: 0 20px;
  }
  .subscribe-block__btn {
    position: relative;
    width: 100%;
    height: 40px;
  }
  .subscribe-block__btn span {
    display: inline;
    padding: 0 0 0 3px;
  }
  .subscribe-block [class^=col-]:first-child {
    border: none;
  }
}
.products-viewed {
  padding: 20px 0;
  margin: 0 0 80px;
}
@media (max-width: 992px) {
  .products-viewed {
    margin: 0 0 50px 0;
    padding-top: 0;
  }
}
.products-viewed__title {
  margin: 20px 0 0 0;
  font-size: 22px;
  font-weight: 600;
  color: #000;
}
.products-viewed__slider {
  position: relative;
}
.products-viewed .swiper-button-prev {
  left: -20px;
  margin-top: -39px;
}
.products-viewed .swiper-button-next {
  right: -20px;
  margin-top: -39px;
}
@media (max-width: 1180px) {
  .products-viewed .swiper-button-prev, .products-viewed .swiper-button-next {
    display: none !important;
  }
}

.faq-hide-box:not(.show) {
  display: block;
  visibility: visible;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.faq-hide-box:not(.show):after {
  content: "";
  height: 50px;
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.faq-hide-box.show {
  height: auto;
}

/* media */
@media (max-width: 992px) {
  .products-viewed .slick-list {
    margin: 0 -15px;
  }
  .products-viewed .slick-prev {
    left: -15px !important;
  }
  .products-viewed .slick-next {
    right: -15px !important;
  }
  .products-viewed .slick-slide {
    margin: 0 15px;
  }
  .products-viewed__title {
    font-size: 18px;
  }
}
.preview-product {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  position: relative;
}
.preview-product_column {
  flex-direction: column;
}
.preview-product__photo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  width: 110px;
  height: 110px;
  flex-shrink: 0;
}
.preview-product__photo img {
  max-width: 100px;
}
.preview-product_column .preview-product__photo {
  height: 150px;
  width: 100%;
  margin-bottom: 10px;
}
.preview-product_column .preview-product__photo img {
  max-width: 100%;
  max-height: 130px;
}
.preview-product__header {
  margin-bottom: 6px;
}
.preview-product__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 1.4;
  height: 36px;
}
.preview-product__footer, .preview-product__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
}
.preview-product__footer {
  padding-top: 10px;
  justify-content: space-between;
}
.preview-product .rate-item {
  margin-right: 11px;
}
.preview-product__column {
  padding-left: 20px;
}
.preview-product__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.preview-product__btn {
  display: inline-flex;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  padding: 0;
  margin-left: 7px;
}
.preview-product__btn:first-child {
  margin-left: 0;
}
.preview-product__btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.preview-product__btn_compare::before {
  background: url("../../i/container.svg#icon-21") center no-repeat;
  background-size: cover;
}
.preview-product__btn_favorite::before {
  background: url("../../i/container.svg#icon-20") center no-repeat;
  background-size: cover;
}
.preview-product__btn_cart::before {
  background: url("../../i/container.svg#icon-18") center no-repeat;
  background-size: cover;
}
.preview-product__btn_cart:active::before {
  background: url("../../i/container.svg#icon-19") center no-repeat;
  background-size: cover;
}
.preview-product__btn_cart--active {
  background: #F5F8E7 !important;
  border: 1px solid #94B80A !important;
}
.preview-product__btn_cart--active::before {
  background: url("../../i/container.svg#icon-19") center no-repeat !important;
  background-size: cover !important;
}
.preview-product__btn_cart--active:active::before {
  background: url("../../i/container.svg#icon-19") center no-repeat !important;
  background-size: cover !important;
}
.preview-product__btn_remove {
  position: absolute;
  right: 0;
  top: 0;
}
.preview-product__btn_remove::before {
  background: url("../../i/container.svg#icon-42") center no-repeat;
  background-size: 18px auto;
}
.preview-product__row-switch {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 130px;
  display: flex;
  justify-content: center;
}
.preview-product__btn-switch {
  margin: 0 5px;
  position: relative;
  width: 10px;
  height: 10px;
  border: none;
  background: none;
  border-radius: 50%;
  display: flex;
}
.preview-product__btn-switch__half {
  width: 5px;
  height: 10px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.preview-product__btn-switch__half + .preview-product__btn-switch__half {
  border-radius: 0 10px 10px 0;
}
.preview-product__btn-switch--active:after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #94B80A;
  position: absolute;
  left: -4px;
  top: -4px;
}
.preview-product__cost {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 1;
}
.preview-product__cost span {
  font-size: 13px;
}
.preview-product__cost_old {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  text-decoration: line-through;
}
.preview-product__cost_new {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #f2530c;
  padding: 3px 0 0 0;
}

@media (max-width: 768px) {
  .preview-product {
    flex-direction: column;
  }
  .preview-product__photo {
    height: 140px;
    width: 100%;
  }
  .preview-product__column {
    padding-left: 5px;
  }
  .reviews-last .review-short .preview-product {
    flex-direction: row;
  }
  .reviews-last .review-short .preview-product__column {
    padding-left: 5px;
  }
  .reviews-last .review-short .preview-product__title {
    font-size: 13px;
    line-height: 18px;
    height: 72px;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 568px) {
  .preview-product__footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .preview-product__footer-column {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    display: -ms-flexbox;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-bottom: 7px;
  }
  .preview-product__footer .product-btns {
    margin-left: -7px;
  }
  .preview-product__cost_new {
    margin-right: 5px;
  }
  .preview-product__row {
    overflow: hidden;
  }
}
.rate-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.rate-item__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.rate-item__star {
  margin-right: 2px;
  background: url("../../i/container.svg#icon-43") center no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
}
.rate-item__star_gray {
  background: url("../../i/container.svg#icon-44") center no-repeat;
  background-size: cover;
}
.rate-item_s18 .rate-item__star {
  width: 18px;
  height: 18px;
  margin-right: 2px;
}
.rate-item_s18 .rate-item__total {
  font-size: 16px;
}
.rate-item__description {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  padding-top: 3px;
  padding-left: 3px;
}
.rate-item__total {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  padding-left: 3px;
}
.rate-item_xl .rate-item__star {
  width: 20px;
  height: 20px;
}
.rate-item_xl .rate-item__total {
  font-size: 14px;
}

.categories-slider {
  position: relative;
  margin: 20px 0 30px 0;
  /*&:hover {
        &:after {
            display: none;
        }
    }*/
}
.categories-slider:after {
  content: "";
  width: 25%;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 61.49%, #FFFFFF 87.75%);
  z-index: 2;
}
.categories-slider .swiper-button-prev {
  left: -20px;
}
.categories-slider .swiper-button-next {
  right: -20px;
}
.categories-slider__image {
  border-radius: 10px;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: cover;
}
.categories-slider__image:before {
  content: "";
  height: 0;
  width: 100%;
  padding: 17.5% 0 0 0;
  display: block;
}
.categories-slider__text {
  left: 65px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  max-width: 380px;
  z-index: 2;
}
.categories-slider__label {
  display: inline-flex;
  position: relative;
  font-weight: 700;
  color: #fff;
  font-size: 10px;
  padding: 0 12px;
  height: 19px;
  line-height: 19px;
}
.categories-slider__label:before {
  content: "";
  width: 100%;
  height: 19px;
  transform: skew(-20deg);
  background: #C8020E;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
}
.categories-slider__name {
  font-weight: 600;
  font-size: 26px;
  line-height: 110%;
  letter-spacing: -0.04em;
  color: #fff;
  margin: 10px 0 18px 0;
}
.categories-slider__name a {
  color: #fff;
}
.categories-slider__name a:hover {
  color: #fff;
}
.categories-slider__btn {
  padding: 0.45rem 1rem;
  font-size: 12px;
  font-weight: 600;
}

.categories-slider-progress-bar-container {
  margin: 0 0 30px 0;
}
.categories-slider-progress-bar-container .swiper-slide {
  transition: none;
}
.categories-slider-progress-bar-container__item {
  cursor: pointer;
}
.categories-slider-progress-bar-container__progress-bar {
  height: 2px;
  background: #e3e3e3;
  border-radius: 2px;
  position: relative;
}
.categories-slider-progress-bar-container__progress-bar:after {
  content: "";
  height: 2px;
  width: 0;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #94B80A;
  border-radius: 2px;
}
.categories-slider-progress-bar-container .swiper-slide-thumb-active .categories-slider-progress-bar-container__progress-bar {
  background: #000;
}
.categories-slider-progress-bar-container .swiper-slide-thumb-active .categories-slider-progress-bar-container__progress-bar:after {
  width: 100%;
  transition: width 5s linear;
}
.categories-slider-progress-bar-container__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #000;
  padding: 0 0 10px 0;
}

.page-main-header {
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
  padding: 15px 0 20px 0;
}
.page-main-header__counter {
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: #000;
  padding: 0 5px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  display: inline-flex;
  font-size: 12px;
  margin: 0 15px 0 5px;
  position: relative;
  top: -6px;
  white-space: nowrap;
}

.pagehead-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 15px 0 20px 0;
}
.pagehead-container__header {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .pagehead-container__header {
    font-size: 21px;
  }
}
@media (max-width: 480px) {
  .pagehead-container__header {
    font-size: 20px;
    width: 100%;
    min-width: 100%;
    padding: 0 0 10px 0;
  }
}
.pagehead-container__counter {
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: #000;
  padding: 0 5px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  display: inline-flex;
  font-size: 12px;
  margin: 0 15px 0 5px;
  position: relative;
  top: -4px;
  white-space: nowrap;
}
.pagehead-container__link-recommendation {
  margin: 0px 5px 0 0;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
}
.pagehead-container .button-tooltip {
  top: -4px;
}
.pagehead-container_promo-page {
  padding: 0 0 20px 0;
}
.pagehead-container_promo-page .pagehead-container__header {
  font-weight: 600;
  line-height: 1.3;
}

.category-sort-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 30px 0;
}
.category-sort-container__search {
  position: relative;
  width: 374px;
  min-width: 374px;
}
.category-sort-container__quick-labels {
  display: flex;
  flex-grow: 1;
}
.category-sort-container__quick-labels__btn {
  margin: 0 0 0 10px;
  white-space: nowrap;
}
.category-sort-container__btn-show-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: 44px;
  margin-right: 0;
}
.category-sort-container__btn-show-filter:before {
  content: "";
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: url("../../i/container.svg#icon-45") no-repeat;
  margin: 0 15px 0 0;
}
.category-sort-container__switch-view {
  display: flex;
  border-radius: 22px;
  border: 1px solid #CACACA;
  height: 44px;
  width: 88px;
  min-width: 88px;
  position: relative;
  margin: 0 0 0 30px;
}
.category-sort-container__switch-view__btn {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 22px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  border: 1px solid transparent;
  position: absolute;
  top: -1px;
  background: none;
}
.category-sort-container__switch-view__btn:before, .category-sort-container__switch-view__btn:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 11px;
  transition: opacity 0.3s ease;
}
.category-sort-container__switch-view__btn:after {
  opacity: 0;
}
.category-sort-container__switch-view__btn.active {
  background: #F5F8E7;
  border-color: #94B80A;
}
.category-sort-container__switch-view__btn.active:before {
  opacity: 0;
}
.category-sort-container__switch-view__btn.active:after {
  opacity: 1;
}
.category-sort-container__switch-view__btn-buble {
  left: -1px;
}
.category-sort-container__switch-view__btn-buble:before {
  background: url("../../i/container.svg#icon-46") no-repeat;
}
.category-sort-container__switch-view__btn-buble:after {
  background: url("../../i/container.svg#icon-47") no-repeat;
}
.category-sort-container__switch-view__btn-list {
  right: -1px;
}
.category-sort-container__switch-view__btn-list:before {
  background: url("../../i/container.svg#icon-48") no-repeat;
}
.category-sort-container__switch-view__btn-list:after {
  background: url("../../i/container.svg#icon-49") no-repeat;
}
.category-sort-container__sorting {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.select2.select2-container {
  width: 100% !important;
}

.body-sort-select-open .content {
  z-index: 20;
}

.sorting-box {
  position: relative;
}
.sorting-box .select2-container.select2-container--open {
  left: auto !important;
  right: 0 !important;
}
@media (max-width: 1023px) {
  .sorting-box .select2-container.select2-container--open {
    left: 0 !important;
    right: auto !important;
  }
}
.sorting-box .dropdown-sorting-select {
  min-width: 220px !important;
}
.sorting-box .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0;
  height: 44px;
}
.sorting-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
  font-size: 14px;
  line-height: 44px;
  color: #000;
  padding-left: 0;
}
.sorting-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0;
  width: 15px;
  height: 16px;
  top: 14.5px;
  background: url("../../i/container.svg#icon-50") no-repeat;
}
.sorting-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.dropdown-sorting-select {
  background: #fff;
  border: 1px solid #CACACA !important;
  box-shadow: 0px 10px 20px rgba(185, 185, 185, 0.25);
  border-radius: 10px !important;
  min-width: 220px;
}
.dropdown-sorting-select .select2-results__options {
  padding: 12px 0;
}
.dropdown-sorting-select .select2-results__options .select2-results__option {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  padding: 6px 26px;
}
.dropdown-sorting-select .select2-results__options .select2-results__option:hover {
  background: #F5F5F5;
}
.dropdown-sorting-select .select2-results__options .select2-results__option--highlighted.select2-results__option--selectable {
  background: #F5F5F5;
  color: #000;
}

.category-main-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 70px;
}
.category-main-container .category-filter-col {
  margin-bottom: 20px;
}
.category-main-container .pagination-nav {
  margin-bottom: 0 !important;
}
.category-main-container .pagination-nav .pagination {
  margin-bottom: 0 !important;
}

.category-filter-col {
  border: 1px solid #e3e3e3;
}

.filter-mobile-close-panel {
  display: none;
  padding: 15px;
}
.filter-mobile-close-panel__title {
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #000;
  position: relative;
  user-select: none;
  padding: 0 0 0 50px;
  border: none;
  background: none;
  display: block;
  width: 100%;
  text-align: left;
}
.filter-mobile-close-panel__title:after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: url("../../i/container.svg#icon-51") center center no-repeat;
  background-size: 12px auto;
  border: 1px solid #e3e3e3;
}

.filter-selected-items {
  padding: 30px;
}
.filter-selected-items__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px 0;
}
.filter-selected-items__meta__label {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #707070;
}
.filter-selected-items__meta__btn-clean {
  font-weight: 600;
}
.filter-selected-items__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -12px -12px 0;
}
.filter-selected-items__list__item {
  margin: 0 12px 12px 0;
  font-weight: 600;
  font-size: 12px;
  padding: 5px 16px 6px 16px;
  line-height: 13px;
  color: #556710;
  background: #F5F8E7;
  border: 1px solid #F5F8E7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-selected-items__list__item:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../i/container.svg#icon-52") no-repeat;
  margin: -1px 0 -1px 10px;
}
@media (max-width: 768px) {
  .filter-selected-items__list__item {
    margin-bottom: 15px;
  }
}
.filter-selected-items--mobile {
  display: none;
}
.filter-selected-items--scroll-mob {
  padding: 0 !important;
}
@media (max-width: 992px) {
  .filter-selected-items--scroll-mob {
    padding: 15px 0 0 0;
    margin: 0 -15px 15px 0;
    width: calc(100% + 15px);
  }
}
.filter-selected-items--scroll-mob .filter-selected-items__list {
  margin: 0;
}
@media (max-width: 992px) {
  .filter-selected-items--scroll-mob .filter-selected-items__list {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin: 0;
  }
}
.filter-selected-items--scroll-mob .filter-selected-items__list__item {
  white-space: nowrap;
}

.filter-your-config {
  padding: 30px;
  border-top: 1px solid #e3e3e3;
  background: #F5F8E7;
}
.filter-your-config__head {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  padding: 0 25px 0 0;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.filter-your-config__head:after {
  content: "";
  width: 15px;
  height: 16px;
  background: url("../../i/container.svg#icon-50") no-repeat;
  right: 0;
  top: 50%;
  position: absolute;
  margin: -8px 0 0 0;
}
.filter-your-config__head[aria-expanded=true]:after {
  transform: rotate(180deg);
}
.filter-your-config__label {
  display: block;
  padding: 15px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #000;
  margin: 0;
}
.filter-your-config__input {
  background: none;
  margin: 0 0 10px 0;
}
.filter-your-config__btn {
  margin: 17px 0 0 0;
  display: block;
  width: 100%;
}
.filter-your-config .form-floating > .form-control:focus ~ label, .filter-your-config .form-floating > .form-control:not(:placeholder-shown) ~ label {
  background: #F5F8E7;
}

.filter-item {
  padding: 30px;
  border-top: 1px solid #e3e3e3;
}
.filter-item__head {
  position: relative;
  cursor: pointer;
  user-select: none;
  font-weight: 400;
  font-size: 14px;
  padding-right: 15px;
  line-height: 135%;
  color: #707070;
}
.filter-item__head:after {
  content: "";
  width: 15px;
  height: 16px;
  background: url("../../i/container.svg#icon-50") no-repeat;
  right: 0;
  top: 50%;
  position: absolute;
  margin: -8px 0 0 0;
}
.filter-item__head[aria-expanded=true]:after {
  transform: rotate(180deg);
}
.filter-item__head .button-tooltip {
  margin: 0 0 0 6px;
}
.filter-item__body__inner {
  position: relative;
}
.filter-item__search-box {
  padding: 15px 0 0 0;
}

.filter-mobile-back {
  display: none;
  padding: 15px;
  margin: -15px -15px 0 -15px;
  border-bottom: 1px solid #e3e3e3;
}
.filter-mobile-back__btn {
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #000;
  position: relative;
  user-select: none;
  padding: 0 0 0 50px;
  border: none;
  background: none;
  display: block;
  width: 100%;
  text-align: left;
  user-select: none;
}
.filter-mobile-back__btn:after {
  content: "";
  background: url("../../i/container.svg#icon-13") no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 10px;
}

.filter-range-slider__input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0 17px 0;
}
.filter-range-slider__input {
  display: block;
  height: 44px;
  background: #fff;
  border: 1px solid #CACACA;
  border-radius: 10px;
  padding: 0 18px;
  font-weight: 400;
  font-size: 14px;
  color: #707070;
  flex-grow: 1;
  width: auto;
  max-width: 110px;
}
.filter-range-slider__separator {
  width: 15px;
  min-width: 15px;
  position: relative;
  height: 44px;
  font-size: 0;
  line-height: 0;
}
.filter-range-slider__separator:after {
  content: "";
  width: 5px;
  height: 1px;
  background: #e3e3e3;
  left: 5px;
  top: 22px;
  position: absolute;
}
.filter-range-slider__btn {
  margin: 0 0 0 10px;
}
.filter-range-slider__num {
  display: inline-flex;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 3px 5px;
  background: #000;
  border-radius: 500px;
  margin: 0 0 0 5px;
}
.filter-range-slider__base {
  margin: 0 0 18px 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 20px;
}
.filter-range-slider__base:before {
  content: "";
  width: 100%;
  height: 4px;
  border-radius: 4px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #e3e3e3;
}
.filter-range-slider__base .noUi-connect {
  background: none;
}
.filter-range-slider__base .noUi-connect:before {
  content: "";
  height: 4px;
  background: #94B80A;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}
.filter-range-slider__base .noUi-handle {
  width: 30px;
  height: 20px;
  border-radius: 10px;
  box-shadow: none;
  border: none;
  background: #000;
  right: -15px;
  top: 0;
}
.filter-range-slider__base .noUi-handle:after {
  display: none;
}
.filter-range-slider__base .noUi-handle:before {
  border: none;
  width: 11px;
  height: 2px;
  box-shadow: none;
  background: url("../../i/container.svg#icon-53") no-repeat;
  background-size: 11px 2px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
}

.filter-list-opts {
  margin: 15px 0 0 0;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 1023px) {
  .filter-list-opts {
    max-height: calc(100dvh - 150px);
  }
}
.filter-list-opts_xl {
  max-height: 376px;
}
@media (max-width: 1023px) {
  .filter-list-opts_xl {
    max-height: calc(100dvh - 150px);
  }
}
.filter-list-opts_with-bottom-shadow:after {
  content: "";
  width: 100%;
  height: 69px;
  background: linear-gradient(0, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  left: 0;
  position: absolute;
}
.filter-list-opts_with-bottom-shadow .filter-list-opts__inner {
  padding-bottom: 50px;
}
.filter-list-opts__item {
  padding: 0 0 12px 0;
}
.filter-list-opts__item__num {
  color: #707070;
  padding: 0 0 0 6px;
}
.filter-list-opts__item__inner {
  position: relative;
  display: inline-flex;
}
.filter-list-opts .form-check {
  padding: 0 0 12px 0;
}
.filter-list-opts__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  padding: 0 0 12px 0;
}
.filter-list-opts__list {
  padding: 0 0 10px 20px;
}

.filter-option-apply {
  position: absolute;
  left: 100%;
  transform: translateY(-38px);
  z-index: 50;
  background: #000000;
  border-radius: 0 10px 10px 0;
  height: 55px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0;
  white-space: nowrap;
  box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.25);
}
.filter-option-apply:before {
  content: "";
  background: url("../../i/container.svg#icon-54") no-repeat;
  width: 39px;
  height: 55px;
  position: absolute;
  left: -39px;
  top: 0;
}
.filter-option-apply__btn {
  margin: 0 0 0 15px;
}

.category-items-col {
  flex-grow: 1;
}

.catalog-container {
  padding: 1px 0 0 0;
  margin: 0 0 0 -1px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: dense;
  border-left: 1px solid #e3e3e3;
  align-content: stretch;
  justify-content: stretch;
}
.catalog-container .product-item {
  width: auto;
  border-left: none;
}
@media (max-width: 1440px) {
  .catalog-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .catalog-container {
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
  }
}
.catalog-container_mobile-slider {
  margin: 0;
  display: block;
}
.catalog-container_mobile-slider .swiper-wrapper {
  z-index: 51;
  flex-wrap: wrap;
  padding: 1px 0 0 0;
  margin: 0 0 0 -1px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-flow: dense;
  border-left: 1px solid #e3e3e3;
}
@media (max-width: 1200px) {
  .catalog-container_mobile-slider .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 992px) {
  .catalog-container_mobile-slider {
    display: block;
    overflow: hidden;
  }
  .catalog-container_mobile-slider .swiper-wrapper {
    flex-wrap: nowrap;
    display: flex;
  }
  .catalog-container_mobile-slider .product-item {
    width: 280px;
    min-width: 280px;
    margin: 0;
    border-left: none;
  }
  .catalog-container_mobile-slider .product-item:first-child {
    border-left: 1px solid #e3e3e3;
    width: 281px;
  }
}
@media (max-width: 767px) {
  .catalog-container_mobile-slider .product-item, .catalog-container_mobile-slider .product-item:first-child {
    width: 240px;
    min-width: 240px;
    border: none;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .catalog-container_mobile-slider .product-item, .catalog-container_mobile-slider .product-item:first-child {
    width: 180px;
    min-width: 180px;
    border: none;
    padding: 0;
  }
}

.product-item {
  border: 1px solid #e3e3e3;
  margin: -1px 0 0 -1px;
  padding: 20px;
  width: calc(25% + 1px);
}
.product-item__code {
  font-size: 13px;
  line-height: 18px;
  color: #707070;
  text-align: right;
  position: absolute;
  right: 0;
  top: 2px;
  white-space: nowrap;
}
.product-item__code span {
  color: #000;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .product-item__code {
    /*font-size: 0;
          line-height: 0;*/
    top: auto;
    bottom: 0;
    font-size: 12px;
    line-height: 15px;
  }
  .product-item__code span {
    font-size: 12px;
    line-height: 15px;
  }
}
.product-item .rate-item {
  margin: 0 10px 0 0;
}
.product-item__col-pic {
  height: 270px;
  position: relative;
  margin: 0 0 15px 0;
  padding: 30px 0;
  flex-grow: 1;
}
.product-item__pic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-item__pic img {
  display: block;
  max-width: 100%;
  max-height: 210px;
  width: auto;
  height: auto;
}
.product-item__bonus-point {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0 0 23px;
  white-space: nowrap;
  background: url("../../i/container.svg#icon-55") no-repeat;
  background-size: 18px 18px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #000;
}
.product-item__bonus-point span {
  padding: 0 0 0 4px;
}
.product-item__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  height: 36px;
  overflow: hidden;
  margin: 0 0 7px 0;
}
.product-item__title a {
  color: #000;
  display: block;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .product-item__title a {
    word-break: break-word;
  }
}
.product-item__row {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  min-height: 30px;
}
.product-item__footer, .product-item__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
}
.product-item__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-item__footer-column {
  flex-direction: column;
  display: flex;
}

.catalog-container--list {
  display: block;
}
.catalog-container--list .product-item {
  width: calc(100% + 1px);
  min-width: calc(100% + 1px);
  padding: 30px;
}
.catalog-container--list .product-item__inner {
  display: flex;
  align-items: flex-start;
}
.catalog-container--list .product-item__col-plate {
  display: flex;
  flex-wrap: wrap;
}
.catalog-container--list .product-item__title {
  height: auto;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
}
.catalog-container--list .product-item__title a {
  -webkit-line-clamp: 5;
}
.catalog-container--list .product-item__col-text {
  width: 100%;
  min-width: 100%;
  order: 1;
}
.catalog-container--list .product-item__row {
  order: 2;
  width: 100%;
  min-width: 100%;
}
.catalog-container--list .product-item__footer {
  order: 4;
  justify-content: space-between;
  width: 100%;
  min-width: 100%;
}
.catalog-container--list .product-item__footer-column {
  display: flex;
  align-items: baseline;
  flex-direction: row-reverse;
}
.catalog-container--list .product-item .product-short-char {
  order: 3;
  display: block;
  width: 100%;
  min-width: 100%;
}
.catalog-container--list .product-item .product-short-char__list {
  padding: 5px 0 10px 0;
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
}
.catalog-container--list .product-item .product-short-char__item {
  padding: 0 10px 15px 10px;
  width: 33.3333%;
  min-width: 33.3333%;
}
.catalog-container--list .product-item .product-short-char__item__label {
  display: block;
  padding: 0 0 3px 0;
}
.catalog-container--list .product-item .product-short-char__item-list-view {
  display: block;
}
.catalog-container--list .product-item__col-pic {
  height: 210px;
  width: 210px;
  min-width: 210px;
  margin: 0 35px 0 0;
  padding: 0 0 30px 0;
}
.catalog-container--list .product-item__col-pic img {
  max-height: 180px;
}
.catalog-container--list .product-item .product-cost {
  font-size: 30px;
}
.catalog-container--list .product-item .product-cost span {
  font-size: 22px;
}
.catalog-container--list .product-item .product-cost_old {
  font-size: 16px;
  font-weight: 400;
}
.catalog-container--list .product-item .product-cost_new {
  margin: 0 5px 0 0;
}
.catalog-container--list .product-item .product-btns {
  flex-wrap: nowrap;
}
.catalog-container--list .product-item .product-btns__btn-more {
  display: inline-flex;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
  font-weight: 600;
}

.product-label {
  left: 0;
  top: 0;
  position: absolute;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #fff;
  padding: 5px 8px;
  border-radius: 14px;
  white-space: nowrap;
}
.product-label--hit {
  background: #EF8433;
}
.product-label--stock {
  background: #DB4254;
}
.product-label--present {
  background: #4D9FEB;
}
.product-label--product-of-the-day {
  background: #EF8433;
}
.product-label--coming-soon {
  background: #EF8433;
}
.product-label--black-friday {
  background: #212121;
}
@media (max-width: 480px) {
  .product-label {
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 10px;
  }
}

.product-cost {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.25;
  white-space: nowrap;
}
.product-cost span {
  font-size: 13px;
}
.product-cost_new {
  color: #f2530c;
}
.product-cost_old {
  font-size: 12px;
  text-decoration: line-through;
  color: #707070;
}
.product-cost_old span {
  font-size: 12px;
}

.product-status {
  padding: 1px 5px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
}
.product-status_in-stock {
  color: #94B80A;
  background: #F5F8E7;
}
.product-status_end {
  color: #FFB628;
  background: #FFF7E9;
}
.product-status_on-order {
  color: #707070;
  background: #F5F5F5;
}
.product-status_not-available {
  color: #707070;
  background: #F5F5F5;
}

.product-btns {
  display: flex;
}
.product-btns__btn {
  display: inline-flex;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  padding: 0;
  margin-left: 7px;
}
.product-btns__btn:first-child {
  margin-left: 0;
}
.product-btns__btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.product-btns__btn_compare::before {
  background: url("../../i/container.svg#icon-21") center no-repeat;
  background-size: cover;
}
.product-btns__btn_compare--active, .product-btns__btn_compare--active:hover {
  border-color: #94B80A;
  background: #F5F8E7;
}
.product-btns__btn_compare--active::before, .product-btns__btn_compare--active:hover::before {
  background: url("../../i/container.svg#icon-21") center no-repeat;
  background-size: cover;
}
.product-btns__btn_favorite::before {
  background: url("../../i/container.svg#icon-20") center no-repeat;
  background-size: cover;
}
.product-btns__btn_favorite--active {
  /*border: 1px solid $c-citrus;
  background: $c-twilight-blue;*/
}
.product-btns__btn_cart::before {
  background: url("../../i/container.svg#icon-18") center no-repeat;
  background-size: cover;
}
.product-btns__btn_cart:active::before {
  background: url("../../i/container.svg#icon-19") center no-repeat;
  background-size: cover;
}
.product-btns__btn_cart--active {
  background: #F5F8E7;
  border: 1px solid #94B80A !important;
}
.product-btns__btn_cart--active::before {
  background: url("../../i/container.svg#icon-190") center no-repeat;
  background-size: cover;
}
.product-btns__btn_cart--active:active::before {
  background: url("../../i/container.svg#icon-190") center no-repeat;
  background-size: cover;
}
.product-btns__btn_cart.btn_ghost::before {
  background: url("../../i/container.svg#icon-55") center no-repeat;
  background-size: cover;
}
.product-btns__btn_remove {
  position: absolute;
  right: 0;
  top: 0;
}
.product-btns__btn_remove::before {
  background: url("../../i/container.svg#icon-42") center no-repeat;
  background-size: 17px auto;
}
.product-btns__btn-more {
  display: none;
  width: auto;
  border-radius: 20px;
  align-items: center;
}

.product-short-char {
  display: none;
}
.product-short-char__list {
  padding: 10px 0 0 0;
}
.product-short-char__item {
  padding: 10px 0 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  color: #000;
}
.product-short-char__item__label {
  color: #707070;
}
.product-short-char__item-list-view {
  display: none;
}

/* media */
@media (max-width: 1440px) {
  .filter-selected-items, .filter-your-config, .filter-item {
    padding: 20px;
  }
  .filter-range-slider__base {
    margin: 0 15px 18px 15px;
  }
  .filter-item {
    padding-right: 15px;
    padding-left: 15px;
  }
  .filter-item__head {
    padding-right: 10px;
  }
  .filter-item__head:after {
    right: -5px;
  }
}
@media (max-width: 1400px) {
  .category-sort-container {
    flex-wrap: wrap;
  }
  .category-sort-container__search {
    order: 1;
  }
  .category-sort-container__quick-labels {
    order: 4;
    width: 100%;
  }
  .category-sort-container__quick-labels__btn {
    margin: 15px 15px 0 0;
  }
  .category-sort-container__sorting {
    order: 2;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
  }
  .category-sort-container__switch-view {
    order: 3;
  }
}
@media (max-width: 1023px) {
  .filter-selected-items--mobile {
    display: block;
    padding: 15px 0 0 0;
    margin: 0 -15px 15px 0;
    width: calc(100% + 15px);
  }
  .filter-selected-items--mobile .filter-selected-items__list {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin: 0;
  }
  .filter-selected-items--mobile .filter-selected-items__list__item {
    white-space: nowrap;
  }
  .filter-item__body {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1005;
    background: #fff;
  }
  .filter-item__body__inner {
    min-height: 100vh;
    padding: 15px;
  }
  .filter-item__head:after {
    transform: rotate(-90deg);
  }
  .category-sort-container__quick-labels {
    order: 1;
    padding: 0 0 10px 0;
    margin: 0 -10px 0px 0;
    max-width: calc(100% + 10px);
    overflow-x: auto;
  }
  .category-sort-container__quick-labels__btn {
    margin: 0 10px 5px 0;
  }
  .category-sort-container .filter-selected-items--mobile {
    order: 2;
  }
  .category-sort-container__search {
    order: 3;
    width: 100%;
    min-width: 100%;
    padding: 0 0 25px 0;
  }
  .category-sort-container__sorting {
    justify-content: flex-start;
    order: 4;
  }
  .category-sort-container__switch-view {
    order: 5;
  }
}
@media (min-width: 1024px) {
  .category-filter-col.collapse.col-lg-3 {
    display: block !important;
  }
}
@media (max-width: 1023px) {
  .filter-mobile-close-panel, .filter-mobile-back {
    display: block;
  }
  .show-mobile-filter {
    overflow: hidden;
  }
  .show-mobile-filter .header {
    z-index: 1 !important;
  }
  .show-mobile-filter .btn_back-to-top {
    z-index: -1 !important;
  }
  .category-main-container {
    display: block;
  }
  .category-sort-container__btn-show-filter {
    display: flex;
  }
  .category-filter-col {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    border: none;
    z-index: 1000;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin: 0;
  }
  .category-filter-col .filter-selected-items {
    display: none;
  }
  .category-items-col {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .catalog-container--buble .product-item:hover {
    z-index: 15;
    position: relative;
    background: #fff;
    padding: 0;
  }
  .catalog-container--buble .product-item:hover .product-item__inner {
    position: absolute;
    padding: 20px;
    z-index: 15;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    background: #fff;
    box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.25), 0px 10px 5px -10px rgba(0, 0, 0, 0.1), 0px 4px 55px rgba(189, 189, 189, 0.55);
    border: 1px solid #e3e3e3;
  }
  .catalog-container--buble .product-item:hover .product-short-char {
    display: block;
  }
}
@media (max-width: 480px) {
  .filter-option-apply {
    left: auto;
    right: 0;
  }
  .filter-range-slider__input {
    max-width: 95px;
    padding: 0 15px;
  }
}
.box-load-more {
  padding: 30px 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.box-load-more__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-load-more__btn:before {
  content: "";
  width: 25px;
  min-width: 25px;
  height: 24px;
  background: url("../../i/container.svg#icon-56") center no-repeat;
  margin: 0 10px 0 0;
}
@media (max-width: 992px) {
  .categories-slider .swiper-button-prev {
    left: -15px;
  }
  .categories-slider .swiper-button-next {
    right: -15px;
  }
}
@media (max-width: 768px) {
  .product-item {
    padding: 15px;
    margin-left: 0;
  }
  .product-item__bonus-point span {
    display: none;
  }
  .product-item__col-pic {
    height: 200px;
    padding: 0 0 20px 0;
  }
  .category-sort-container__switch-view {
    margin-left: 10px;
  }
  .categories-slider {
    display: none !important;
  }
  .product-item {
    width: calc(50% + 1px);
  }
  .catalog-container {
    margin: 0 -15px;
  }
  .catalog-container--list .product-item {
    padding: 15px;
    border-right: none;
  }
  .catalog-container--list .product-item__col-pic {
    height: 130px;
    width: 130px;
    min-width: 130px;
    padding: 15px 0;
    margin: 0 15px 0 0;
  }
  .catalog-container--list .product-item__col-pic img {
    max-height: 100px;
  }
  .catalog-container--list .product-item__title {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
  }
  .catalog-container--list .product-item__title a {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .catalog-container--list .product-item__col-text {
    order: 1;
  }
  .catalog-container--list .product-item__row {
    order: 2;
    margin: 0 0 5px 0;
  }
  .catalog-container--list .product-item__footer {
    order: 3;
    display: block;
  }
  .catalog-container--list .product-item__footer-column {
    justify-content: flex-end;
  }
  .catalog-container--list .product-item .product-short-char {
    order: 4;
    margin: 0 0 0 -145px;
    width: calc(100% + 145px);
    min-width: calc(100% + 145px);
  }
  .catalog-container--list .product-item .product-short-char__list {
    padding: 5px 0 0 0;
    margin-bottom: -5px;
  }
  .catalog-container--list .product-item .product-short-char__item {
    padding-bottom: 10px;
  }
  .catalog-container--list .product-item .product-short-char__item__label {
    padding: 0;
  }
  .catalog-container--list .product-item .product-btns {
    padding: 5px 0 15px 0;
  }
  .catalog-container--list .product-item .product-cost {
    font-size: 16px;
  }
  .catalog-container--list .product-item .product-cost span {
    font-size: 11px;
  }
  .catalog-container--list .product-item .product-cost_old {
    font-size: 11px;
  }
}
@media (max-width: 660px) {
  .catalog-container--list .product-item .product-short-char__item {
    width: 50%;
    min-width: 50%;
  }
}
@media (max-width: 480px) {
  .catalog-container--list .product-item .product-btns {
    margin: 0 0 0 -7px;
  }
  .catalog-container--list .product-item .product-btns__btn-more {
    display: none;
  }
  .product-btns__btn:first-child {
    margin-left: 7px;
  }
  .product-item__footer {
    display: block;
  }
  .product-item__footer .product-btns {
    margin: 0 0 0 -7px;
  }
  .product-item__footer-column {
    padding: 0 0 10px 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
  }
  .product-item__footer-column .product-cost_old {
    padding: 0 0 0 4px;
  }
}
@media (max-width: 440px) {
  .catalog-container--list .product-item .product-short-char__item {
    width: 100%;
    min-width: 100%;
  }
}
.reviews-last {
  padding: 0 0 120px 0;
}
.reviews-last__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  color: #000;
  padding: 0 0 30px 0;
  margin: 0;
}
.reviews-last__title span {
  font-weight: 400;
  color: #707070;
  padding: 0 0 0 5px;
}
.reviews-last .preview-product__footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0 0 20px;
  margin: 0;
}
.reviews-last .preview-product__row {
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.reviews-last .preview-product__column {
  position: relative;
  min-height: 130px;
}
.reviews-last .preview-product__footer-column {
  margin: 0;
  padding: 0;
}

.review-short {
  border: 1px solid #e3e3e3;
}
.review-short .review-body {
  border-top: 1px solid #e3e3e3;
  padding: 15px;
}
.review-short .review-body__row {
  align-items: flex-start;
  justify-content: space-between;
}
.review-short .review-body__row .col {
  flex-grow: unset;
}
.review-short .review-body__date {
  white-space: nowrap;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
}
.review-short .rate-item {
  margin: 0 10px 0 0;
}
.review-short .review-body-text {
  height: 95px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 10px 0 0 0;
}
.review-short .review-user-name {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  padding: 0 0 5px 0;
}
.review-short .preview-product {
  padding: 15px 15px 15px 5px;
}
.review-short .preview-product__photo {
  width: 130px;
  height: 130px;
  padding: 10px;
}
.review-short .preview-product__title {
  -webkit-line-clamp: 3;
  height: 58px;
}
.review-short .preview-product__footer-column {
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
}
.review-short .preview-product .product-cost_new {
  padding: 0 5px 0 0;
}
.review-short .product-label {
  left: 30px;
  top: 30px;
}
.review-short .review-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 15px 15px;
}
.review-short .review-footer__btns {
  display: flex;
}
.review-short .review-footer__more {
  font-weight: 500;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  text-decoration: underline;
}
.review-short .review-footer__more:hover {
  color: #000;
  text-decoration: none;
}
.review-short .review-footer .btn_like {
  padding: 7px 12px 8px 32px;
  margin: 0 5px 0 0;
}
.review-short .review-footer .btn_like:before {
  left: 10px;
}

.faq {
  padding: 0 0 70px 0;
}

.faq-show-all {
  padding: 50px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.faq-show-all__btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #000;
  border: none;
  background: none;
  border-bottom: 1.5px dashed #000;
  cursor: pointer;
}

.faq-item {
  margin: 0 0 15px 0;
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  padding: 20px;
}
.faq-item__head {
  cursor: pointer;
  min-height: 44px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #333;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 60px 0 0;
}
.faq-item__head:before {
  content: "";
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
}
.faq-item__head:after {
  content: "";
  width: 44px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  background: url("../../i/container.svg#icon-57") center no-repeat;
  background-size: 20px 20px;
}
.faq-item__head[aria-expanded=true]:before {
  background: #F5F8E7;
  border-color: #94B80A;
}
.faq-item__head[aria-expanded=true]:after {
  background: url("../../i/container.svg#icon-58") center no-repeat;
  background-size: 20px 20px;
}
.faq-item__body__text {
  padding: 10px 90px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #707070;
}
.faq-item__body__text p:last-child {
  margin: 0;
  padding: 0;
}

.horizont-line-link {
  padding: 0;
  margin: 0 0 0 -1px;
  width: 100%;
  max-width: 100%;
  grid-column: 1/-1;
  overflow: hidden;
  position: relative;
  display: block;
}
.horizont-line-link img {
  display: block;
  height: auto;
  width: 100%;
  min-width: 100%;
}
.horizont-line-link .mobile-pic {
  display: none;
}
.horizont-line-link__title {
  font-style: italic;
  font-weight: 800;
  font-size: 21px;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
  padding: 0 60px 0 25px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 70px;
}
.horizont-line-link:after {
  content: "";
  width: 35px;
  height: 35px;
  border-radius: 50%;
  right: 20px;
  top: 17px;
  position: absolute;
  background: #fff url("../../i/container.svg#icon-32") center no-repeat;
  background-size: 6px 10px;
}

@media (max-width: 992px) {
  .horizont-line-link {
    grid-template-rows: unset;
    height: auto;
  }
  .horizont-line-link img {
    display: none;
    height: auto;
    width: 100%;
    max-width: 100dvw;
  }
  .horizont-line-link__title {
    display: none;
  }
  .horizont-line-link .mobile-pic {
    display: block;
  }
}
/* media */
@media (max-width: 768px) {
  .reviews-last {
    padding: 0 0 80px 0;
  }
  .reviews-last .preview-product__footer {
    padding-left: 5px;
  }
  .reviews-last__title {
    font-size: 18px;
    padding: 0 0 20px 0;
    font-weight: 500;
  }
  .reviews-last__title span {
    font-weight: 300;
  }
  .faq-show-all {
    padding: 20px 0 0 0;
  }
  .faq-item {
    padding: 15px;
    margin: 0 0 10px 0;
  }
  .faq-item__head {
    min-height: 32px;
    font-size: 14px;
    padding-right: 40px;
  }
  .faq-item__head:after, .faq-item__head:before {
    width: 32px;
    height: 32px;
  }
  .faq-item__head:after {
    background-size: 14px auto !important;
  }
  .faq-item__body__text {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .box-load-more__btn {
    padding: 12px 24px;
    text-align: center;
    justify-content: center;
  }
  .horizont-line-link__title {
    font-size: 16px;
  }
}
@media (max-width: 374px) {
  .review-short .review-footer__more {
    font-size: 12px;
    padding: 0 0 0 15px;
  }
}
@media (max-width: 355px) {
  .product-status {
    font-size: 11px;
  }
}
/* main page content */
.mainpage-container-cols {
  padding: 20px 0;
  align-items: flex-start;
}
.mainpage-container-cols .catalog-box__dropdown {
  display: block;
  position: static;
  left: auto;
  top: auto;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
}
.mainpage-container-cols .catalog-box__dropdown .col-lg-9 {
  display: none;
}
.mainpage-container-cols .categories-slider {
  margin-top: 0;
  margin-bottom: 20px;
}
.mainpage-container-cols .categories-slider__image {
  height: auto;
}
.mainpage-container-cols .categories-slider__image:before {
  content: "";
  height: 0;
  width: 100%;
  padding: 50% 0 0 0;
  display: block;
}
.mainpage-container-cols .categories-slider__name {
  font-size: 40px;
  margin: 10px 0 50px 0;
}
.mainpage-container-cols .categories-slider__label {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.mainpage-container-cols .categories-slider__label:before {
  height: 28px;
}
.mainpage-container-cols .categories-slider__btn {
  font-size: 14px;
  padding: 0.65rem 1.6rem;
}

.swiper-on-main {
  overflow: hidden;
  position: relative;
}

.quick-main-links {
  display: flex;
  margin: 0 -8px;
  padding: 0 0 10px 0;
}
.quick-main-links__item {
  padding: 0 8px;
  flex: 1;
}
.quick-main-links__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  padding: 25px;
  gap: 8px;
  background: #f5f5f5;
}
.quick-main-links__link span {
  flex-grow: 1;
}
.quick-main-links__link em {
  font-style: normal;
  white-space: nowrap;
  display: inline-flex;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 26px;
  border: 1px solid #cacaca;
  line-height: 1;
  background: #fff;
  border-radius: 25px;
}
.quick-main-links__link--config {
  background: #F5FFE9 url("../../i/bg-new-quick-config.svg") 55% bottom no-repeat;
}
.quick-main-links__link--my-builds {
  background: #f5f5f5 url("../../i/bg-new-quick-user.svg") 55% bottom no-repeat;
}
.quick-main-links__link img {
  display: block;
  flex-shrink: 0;
  width: 30px;
  height: auto;
}
.quick-main-links__link:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.popuplar-queries {
  padding: 0 0 110px 0;
}
.popuplar-queries__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin: 0 0 20px 0;
}
.popuplar-queries__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.popuplar-queries__item {
  width: 25%;
  min-width: 25%;
  padding: 0 8px 10px 8px;
}
.popuplar-queries__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background: #F5F5F5;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  border-radius: 30px;
}
.popuplar-queries__link span {
  padding: 0 0 0 15px;
}
.popuplar-queries__link:hover {
  background: #ececec;
  color: #000;
  text-decoration: none;
}

.our-advantages {
  padding: 0 0 110px 0;
}
.our-advantages__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin: 0 0 20px 0;
}
.our-advantages__list {
  display: flex;
  flex-wrap: wrap;
  margin: 1px 0 0 1px;
}
.our-advantages__item {
  width: 33.3333%;
  min-width: 33.3333%;
  padding: 30px;
  position: relative;
  border: 1px solid #e3e3e3;
  margin: -1px 0 0 -1px;
}
.our-advantages__item__text {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.our-advantages__item p {
  margin: 0 0 20px 0;
  padding: 0;
}
.our-advantages__item__ico {
  right: 30px;
  bottom: 30px;
  position: absolute;
  background: #F5F8E7;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.popular-products {
  padding: 0 0 110px 0;
}
.popular-products__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin: 0 0 20px 0;
}
.popular-products__container {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .popular-products__container {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
  }
}
.popular-products__col-main {
  margin: 0 10px 0 0;
  flex-grow: 1;
  border: 1px solid #e3e3e3;
  padding: 10px 0 10px 0;
}
@media (max-width: 1360px) {
  .popular-products__col-main {
    display: none;
  }
}
.popular-products__col-main .preview-product {
  justify-content: flex-start;
  align-items: unset;
  padding: 20px;
}
.popular-products__col-main .preview-product__title {
  font-size: 16px;
  font-weight: 600;
}
.popular-products__col-main .preview-product__photo {
  width: 200px;
  height: 200px;
}
.popular-products__col-main .preview-product__photo img {
  max-width: 200px;
}
.popular-products__col-main .preview-product__column {
  padding-bottom: 45px;
  position: relative;
}
.popular-products__col-main .preview-product__footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 20px;
}
.popular-products__col-main .preview-product__footer-column {
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  align-items: baseline;
}
.popular-products__col-main .preview-product__footer-column .product-cost_old {
  padding: 0 0 0 4px !important;
}
.popular-products__col-main .preview-product .product-cost_new {
  font-size: 36px;
  line-height: 1;
}
.popular-products__col-main .preview-product .product-cost_new span {
  font-size: 22px;
}
.popular-products__col-main .preview-product .product-cost_old {
  font-size: 13px;
  position: relative;
}
.popular-products__col-main .preview-product .product-cost_label-discount {
  position: absolute;
  left: 0;
  top: -18px;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  background: #000;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  padding: 0 4px;
  white-space: nowrap;
}
.popular-products .product-btns__btn-more {
  display: inline-flex;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
  font-weight: 600;
}
.popular-products__col-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  min-width: 50%;
  padding: 0;
  margin: 0 0 -20px -40px;
}
@media (max-width: 992px) {
  .popular-products__col-list {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .popular-products__col-list::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    position: relative;
    background: none;
    box-shadow: none;
    background-clip: padding-box;
  }
  .popular-products__col-list::-webkit-scrollbar-track {
    border-radius: 12px;
    background: #CACACA;
    width: 12px;
    max-width: 12px;
    border: 5px solid transparent;
    background-clip: padding-box;
  }
  .popular-products__col-list::-webkit-scrollbar-track:horizontal {
    height: 12px;
  }
  .popular-products__col-list::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 12px;
    width: 2px;
    border: 5px solid transparent;
    background-clip: padding-box;
  }
  .popular-products__col-list::-webkit-scrollbar-thumb:horizontal {
    height: 2px;
  }
  .popular-products__col-list:hover::-webkit-scrollbar-thumb {
    background: #94B80A url("../../i/container.svg#icon-59") center no-repeat;
    background-size: 2px 10px;
    border-radius: 12px;
    width: 12px;
    border: 5px solid #94B80A;
  }
  .popular-products__col-list:hover::-webkit-scrollbar-thumb:horizontal {
    background: #94B80A url("../../i/container.svg#icon-60") center no-repeat;
    background-size: 10px 2px;
  }
  .popular-products__col-list::-webkit-scrollbar-button {
    height: 0;
    width: 0;
    display: none;
  }
}
.popular-products .popular-products__item {
  width: 50%;
  min-width: 50%;
  padding: 10px 10px 20px 50px;
}
@media (max-width: 992px) {
  .popular-products .popular-products__item {
    min-width: 340px;
    width: 340px;
  }
}
@media (max-width: 768px) {
  .popular-products .popular-products__item {
    min-width: 260px;
    width: 260px;
  }
}
@media (max-width: 480px) {
  .popular-products .popular-products__item {
    min-width: 165px;
    width: 165px;
  }
}
.popular-products .popular-products__item--first {
  display: none;
}
@media (max-width: 992px) {
  .popular-products .popular-products__item--first {
    display: block;
    min-width: 340px;
    width: 340px;
  }
}
@media (max-width: 768px) {
  .popular-products .popular-products__item--first {
    min-width: 260px;
    width: 260px;
  }
}
@media (max-width: 480px) {
  .popular-products .popular-products__item--first {
    min-width: 165px;
    width: 165px;
  }
}

.data-filter-list {
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -10px 20px 0;
}
.data-filter-list__main-level, .data-filter-list__sub-level {
  display: flex;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}
.data-filter-list .btn {
  margin: 0 10px 0 0;
  white-space: nowrap;
}
.data-filter-list .btn_active {
  color: #556710;
  border-color: #F5F8E7;
  background: #F5F8E7;
}
.data-filter-list .btn[aria-expanded=true] {
  color: #556710;
  border-color: #F5F8E7;
  background: #F5F8E7;
}
.data-filter-list .btn_filter-action {
  background: #FFF3F0;
  border-color: #FFF3F0;
  display: inline-flex;
  align-items: center;
}
.data-filter-list .btn_filter-action:before {
  content: "";
  width: 19px;
  min-width: 19px;
  height: 19px;
  background: url("../../i/container.svg#icon-61") no-repeat;
  margin: 0 10px 0 0;
  display: block;
}
.data-filter-list .btn_filter-action:hover {
  border-color: #f2530c;
}

.show-all-products {
  display: flex;
  justify-content: center;
  padding: 30px 0 0 0;
}
.show-all-products .btn + .btn {
  margin-left: 15px;
}

.outlet-products {
  padding: 0 0 120px 0;
}
.outlet-products__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin: 0 0 20px 0;
}
.outlet-products .catalog-container {
  grid-template-columns: repeat(5, 1fr);
  grid-auto-flow: dense;
}

.promotions, .recent-piblications {
  padding: 0 0 110px 0;
}
.promotions__title, .recent-piblications__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin: 0 0 20px 0;
}
.promotions .show-all-products, .recent-piblications .show-all-products {
  padding: 0;
}

.articles-container {
  display: flex;
  margin-bottom: 30px;
}
.articles-container__list-col {
  width: 50%;
  min-width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -15px 0;
}
.articles-container__list-col__item {
  padding: 0 0 15px 15px;
  width: 50%;
  min-width: 50%;
}
.articles-container__list-col__item-hidden {
  display: none;
}
.articles-container__list-col__item--first {
  display: none;
}
.articles-container__main-col {
  flex-grow: 1;
  position: relative;
}
.articles-container__main-col .article-item {
  padding: 30px;
  min-height: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
}
.articles-container__main-col .article-item__photo {
  padding: 45% 0 0 0;
  margin: 0 0 15px 0;
}
.articles-container__main-col .article-item__body {
  position: relative;
  padding: 0 0 55px 0;
  flex-grow: 1;
}
.articles-container__main-col .article-item__wrap-title {
  height: auto;
  margin: 0;
}
.articles-container__main-col .article-item__title {
  font-weight: 600;
  font-size: 22px;
  display: block;
  -webkit-line-clamp: 3;
  line-height: 26px;
  max-height: 78px;
  height: auto;
}
.articles-container__main-col .article-item__date {
  font-weight: 400;
  font-size: 13px;
  margin: 0 0 15px 0;
}

.article-item {
  padding: 20px;
  border: 1px solid #e3e3e3;
}
@media (min-width: 993px) {
  .article-item:hover a img {
    transform: scale(1.08);
  }
}
.article-item__photo {
  width: 100%;
  height: 0;
  padding: 45% 0 0 0;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.article-item__photo a {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.article-item__photo img {
  display: block;
  width: auto;
  height: auto;
}
@media (min-width: 993px) {
  .article-item__photo img {
    transition: transform 0.6s ease-in-out;
  }
}
.article-item__body {
  position: relative;
  padding: 0 0 30px 0;
}
.article-item__wrap-title {
  height: 61px;
  margin: 0 0 15px 0;
}
.article-item__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 40px;
  margin: 0 0 8px 0;
}
.article-item__title a {
  color: #000;
}
.article-item__date {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #707070;
}
.article-item__text {
  font-weight: 400;
  font-size: 14px;
  color: #707070;
}
.article-item__meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.article-item__meta-row .btn {
  font-weight: 600;
}
.article-item__meta-view {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
.article-item__meta-view__item {
  padding: 0 0 0 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #707070;
}
.article-item__meta-view__item__num-view {
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='8.5' cy='8.5' rx='7.5' ry='5.5' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='8.5' cy='8.5' r='2.5' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat;
  padding: 0 0 0 20px;
}
.article-item__meta-view__item__num-like {
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.234 13.6V5.656m0 7.944h7.382L15.3 8.331V6.974c0-.718-.611-1.318-1.342-1.318H9.26l.753-1.978c.285-.84-.538-1.978-1.424-1.978L5.234 5.656m0 7.944s-2.684 0-2.684-1.978V7.633c0-1.977 2.684-1.977 2.684-1.977' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
  padding: 0 0 0 20px;
}

.promotion-time {
  display: flex;
  align-items: baseline;
}
.promotion-time__end-period {
  font-weight: 500;
  font-size: 12px;
  color: #000;
  padding: 7px 0 7px 9px;
}
.promotion-time__list {
  display: flex;
  background: #FFF3F0;
  padding: 7px 9px;
}
.promotion-time__list__item {
  display: flex;
  align-items: baseline;
  height: 16px;
}
.promotion-time__list__item__value {
  font-weight: 500;
  font-size: 16px;
  color: #f2530c;
  line-height: 16px;
}
.promotion-time__list__item__label {
  font-weight: 500;
  font-size: 12px;
  padding: 0 0 0 3px;
  color: #000;
  line-height: 16px;
}
.promotion-time__list__item + .promotion-time__list__item {
  padding-left: 10px;
}

.meta-info-list {
  display: flex;
  align-items: center;
  margin: 0 0 0 -10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #707070;
}
.meta-info-list__item {
  padding: 0 0 0 10px;
}
.meta-info-list__view {
  padding: 0 0 0 23px;
  background: url("../../i/container.svg#icon-62") no-repeat;
  background-size: 17px 17px;
}
.meta-info-list__time {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
  line-height: 17px;
  padding: 0 0 0 20px;
  background: url("../../i/container.svg#icon-63") no-repeat;
  background-size: 17px 17px;
}
.meta-info-list__like {
  padding: 0 0 0 20px;
  background: url("../../i/container.svg#icon-64") no-repeat;
  background-size: 17px 17px;
}
.meta-info-list__comments {
  padding: 0 0 0 20px;
  background: url("../../i/container.svg#icon-65") no-repeat;
  background-size: 17px 17px;
}
.meta-info-list__date {
  padding: 0 0 0 20px;
  background: url("../../i/container.svg#icon-66") no-repeat;
  background-size: 17px 17px;
}

.recent-piblications .article-item__body {
  padding-bottom: 25px;
}
.recent-piblications .articles-container__main-col .article-item__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.recent-piblications .show-all-products .btn_secondary {
  padding-left: 40px;
  padding-right: 40px;
}

.toggle-box-wrapper {
  padding: 30px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.toggle-box-height {
  font-weight: 600;
  line-height: 120%;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  padding: 13px 42px;
  font-size: 12px;
  border-radius: 30px;
}
.toggle-box-height:hover {
  border-color: #313131;
  background-color: #313131;
  color: #fff;
}
.toggle-box-height:active, .toggle-box-height:focus, .toggle-box-height:active:focus {
  background: #F5F8E7;
  color: #94B80A;
  border-color: #94B80A;
  box-shadow: none;
}

.info-text-article {
  padding: 0 0 70px 0;
}
.info-text-article .toggle-box-wrapper {
  padding: 30px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.info-text-article .toggle-box-height {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #000;
  border: none;
  background: none;
  border-bottom: 1.5px dashed #000;
  cursor: pointer;
  padding: 0;
  border-radius: 0;
}
.info-text-article .toggle-box-height:hover {
  border-color: #000;
  background-color: transparent;
  color: #000;
}
.info-text-article .toggle-box-height:active, .info-text-article .toggle-box-height:focus, .info-text-article .toggle-box-height:active:focus {
  border-color: #000;
  background-color: transparent;
  color: #000;
  box-shadow: none;
}
.info-text-article__body {
  display: block;
  overflow: hidden;
  position: relative;
}

.data-height-shadow {
  position: relative;
}
.data-height-shadow:after {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.data-height-shadow.open:after {
  display: none;
}

[data-height] {
  transition: max-height 0.2s linear;
  overflow: hidden;
}
.mainpage-container-cols {
  position: relative;
}
.mainpage-container-cols > .col-lg-3 {
  z-index: 1;
}
.mainpage-container-cols > .col-lg-9 {
  z-index: 2;
  position: relative;
  /*@media (min-width: 993px) {
          width: calc(100% - 390px);
      }*/
}
.mainpage-container-cols .catalog-box .col-lg-3 {
  width: 100%;
}
.mainpage-container-cols .catalog-box .col-lg-9 {
  width: 0;
}

.catalog-slider-main-mobile {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.catalog-slider-main-mobile__container {
  margin: 0 0 25px 0;
  overflow: hidden;
  position: relative;
}
.catalog-slider-main-mobile .swiper-slide {
  width: 105px;
}
.catalog-slider-main-mobile__ico {
  height: 35px;
  width: 35px;
}
.catalog-slider-main-mobile__ico img {
  display: block;
}
.catalog-slider-main-mobile__ico__hover {
  display: none !important;
}
.catalog-slider-main-mobile__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 90px;
  background: #F5F5F5;
  border-radius: 10px;
  text-decoration: none;
}
.catalog-slider-main-mobile__link:hover {
  background: #F5F8E7;
}
.catalog-slider-main-mobile__link:hover .catalog-slider-main-mobile__ico img {
  display: none !important;
}
.catalog-slider-main-mobile__link:hover .catalog-slider-main-mobile__ico .catalog-slider-main-mobile__ico__hover {
  display: block !important;
}
.catalog-slider-main-mobile__link--active {
  background: #F5F8E7;
}
.catalog-slider-main-mobile__link--active .catalog-slider-main-mobile__ico img {
  display: none !important;
}
.catalog-slider-main-mobile__link--active .catalog-slider-main-mobile__ico .catalog-slider-main-mobile__ico__hover {
  display: block !important;
}
.catalog-slider-main-mobile__txt {
  font-weight: 500;
  font-size: 10px;
  color: #000;
  margin: 5px 5px 0 5px;
  text-align: center;
  display: flex;
  line-height: 13px;
  height: 26px;
  align-items: center;
}
.catalog-slider-main-mobile__txt i {
  font-style: normal;
  color: #707070;
}
.catalog-slider-main-mobile .slick-prev, .catalog-slider-main-mobile .slick-next {
  display: none !important;
}
.catalog-slider-main-mobile--pc-visible {
  height: auto;
  visibility: visible;
  overflow: visible;
  position: relative;
}
.catalog-slider-main-mobile--pc-visible .catalog-slider-main-mobile__container {
  margin-right: 0;
}
.catalog-slider-main-mobile--pc-visible .swiper-slide {
  width: 155px !important;
  margin: 0;
}
.catalog-slider-main-mobile--pc-visible .catalog-slider-main-mobile__link {
  height: 118px;
}
.catalog-slider-main-mobile--pc-visible .catalog-slider-main-mobile__txt {
  display: block;
  font-size: 14px;
  line-height: 18px;
  height: 36px;
}
.catalog-slider-main-mobile--pc-visible .swiper-button-prev, .catalog-slider-main-mobile--pc-visible .swiper-button-next {
  margin-top: -38px;
}
.catalog-slider-main-mobile--pc-visible .swiper-button-prev {
  left: -20px;
}
.catalog-slider-main-mobile--pc-visible .swiper-button-next {
  right: -20px;
}

/* media */
@media (max-width: 1600px) {
  .products-viewed__slider .product-btns__btn {
    margin-left: 5px;
  }
}
@media (max-width: 1440px) {
  .outlet-products .catalog-container > div {
    display: none;
  }
  .outlet-products .catalog-container > div:nth-child(-n+8) {
    display: block;
  }
  .outlet-products .catalog-container {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: dense;
  }
  .articles-container__main-col .article-item {
    padding: 15px;
  }
  .articles-container__list-col .article-item {
    padding: 15px;
  }
  .articles-container__list-col .article-item__meta-row .btn {
    font-size: 12px;
  }
  .articles-container__list-col .promotion-time__end-period {
    font-size: 11px;
    padding-left: 3px;
  }
  .articles-container__list-col .promotion-time__list__item__label {
    font-size: 11px;
  }
  .articles-container__list-col .promotion-time__list__item__value {
    font-size: 14px;
  }
  .articles-container__list-col .promotion-time__list {
    padding: 5px;
  }
  .articles-container__list-col .article-item__meta-view {
    display: none;
  }
}
@media (max-width: 1360px) {
  .popular-products__col-main {
    margin: 0 0 20px 0;
  }
  .popular-products__col-main .preview-product__column {
    flex-grow: 1;
    padding-left: 45px;
  }
  .popular-products__col-main .preview-product__footer {
    padding-left: 45px;
  }
  .popular-products__col-list {
    width: 100%;
    min-width: 100%;
    margin-bottom: -10px;
  }
  .popular-products__col-list .preview-product__footer {
    display: flex;
  }
  .popular-products__col-list .preview-product__column {
    flex-grow: 1;
  }
  /*.articles-container__list-col {
        .promotion-time {
            display: block;
            &__list {
                justify-content: center;
                padding: 2px;
                &__item {
                    &__value {
                        font-size: 13px;
                        font-weight: 600;
                    }
                }
            }
            &__end-period {
                font-size: 11px;
                padding: 2px 0 0 0;
            }
        }
    }*/
}
@media (max-width: 1280px) {
  .articles-container__main-col {
    display: none;
  }
  .articles-container__list-col {
    display: flex;
    flex-wrap: wrap;
    width: unset;
    min-width: 100%;
    margin: 0 0 0 -15px;
  }
  .articles-container__list-col__item {
    width: 33.3333%;
    min-width: 33.3333%;
    padding: 0 0 15px 15px;
  }
  .articles-container__list-col__item-hidden, .articles-container__list-col__item--first {
    display: block;
  }
  .articles-container__list-col .article-item__text {
    display: none;
  }
  .articles-container .promotion-time__list .promotion-time__list__item {
    display: none;
  }
  .articles-container .promotion-time__list .promotion-time__list__item:first-child {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .our-advantages__item {
    padding: 20px;
    width: 50%;
    min-width: 50%;
  }
  .our-advantages__item__ico {
    right: 20px;
    bottom: 20px;
  }
}
@media (max-width: 1100px) {
  .popular-products__col-main {
    display: none;
    border: none;
  }
  .popular-products .product-cost_label-discount {
    display: none !important;
  }
  .popular-products .product-btns__btn-more {
    display: none;
  }
  .catalog-slider-main-mobile {
    height: auto;
    visibility: visible;
    overflow: visible;
  }
  .outlet-products .catalog-container > div {
    display: none !important;
  }
  .outlet-products .catalog-container > div:nth-child(-n+6) {
    display: block !important;
  }
  .outlet-products .catalog-container {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
  }
  .popuplar-queries__item {
    width: 33.3333%;
    min-width: 33.3333%;
  }
  .mainpage-container-cols > .col-lg-3 {
    display: none;
  }
  .mainpage-container-cols > .col-lg-9 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .catalog-box .catalog-box__dropdown.short-width {
    width: 390px !important;
    max-width: 390px !important;
  }
  .catalog-box .catalog-box__dropdown.short-width .col-lg-9 {
    display: none !important;
  }
  .catalog-box .catalog-box__dropdown.short-width .col-lg-3 {
    width: 100% !important;
  }
  .catalog-box .catalog-box__dropdown.short-width .catalog-box__navi {
    border-color: transparent !important;
  }
  .main-catalog-open .catalogs-splash {
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: rgba(0, 0, 0, 0.3);
    z-index: 299;
  }
  .main-catalog-open .content {
    z-index: 12;
  }
  .main-catalog-open .mainpage-container-cols {
    z-index: 400;
  }
  .main-catalog-open .mainpage-container-cols .catalog-box {
    position: absolute;
    left: -3px;
    top: 5px;
    width: calc(100% + 6px);
    padding: 15px;
  }
  .main-catalog-open .mainpage-container-cols > .col-lg-3 {
    z-index: 500;
  }
  .main-catalog-open .mainpage-container-cols > .col-lg-3 .catalog-box {
    background: #fff;
    border-radius: 10px;
  }
  .main-catalog-open .mainpage-container-cols > .col-lg-3 .catalog-box__dropdown .col-lg-3 {
    width: 25%;
  }
  .main-catalog-open .mainpage-container-cols > .col-lg-3 .catalog-box__dropdown .col-lg-9 {
    display: block;
    width: 75%;
  }
  .menu-short-width .mainpage-container-cols > .col-lg-9 {
    display: block;
  }
  .menu-short-width .mainpage-container-cols .catalog-box {
    width: 410px;
  }
  .menu-short-width .catalog-box .catalog-box__dropdown {
    width: 390px !important;
    max-width: 390px !important;
  }
  .menu-short-width .catalog-box .catalog-box__dropdown .col-lg-9 {
    display: none !important;
  }
  .menu-short-width .catalog-box .catalog-box__dropdown .mainpage-container-cols.row > .col-lg-9 {
    display: block !important;
  }
  .menu-short-width .catalog-box .catalog-box__dropdown .col-lg-3 {
    width: 390px !important;
  }
  .menu-short-width .catalog-box .catalog-box__dropdown .catalog-box__navi {
    border-color: transparent !important;
  }
}
@media (max-width: 992px) {
  .articles-container__list-col {
    flex-wrap: nowrap;
    width: unset;
    min-width: 100%;
    margin: 0;
    overflow: hidden;
    overflow-x: scroll;
  }
  .articles-container__list-col__item {
    width: 300px;
    min-width: 300px;
    padding: 0 0 15px 0;
  }
  .articles-container__list-col__item + .articles-container__list-col__item {
    margin-left: 15px;
  }
  .articles-container--full-list .articles-container__list-col {
    flex-wrap: wrap;
    overflow: auto;
  }
  .articles-container--full-list .articles-container__list-col .articles-container__list-col__item + .articles-container__list-col__item {
    margin-left: 0;
  }
  .popular-products__col-list {
    flex-wrap: nowrap;
    margin: 0;
  }
  .popular-products__col-list .popular-products__item {
    padding: 0 0 10px 0;
  }
  .popular-products__col-list .popular-products__item + .popular-products__item {
    margin-left: 10px;
  }
  .mainpage-container-cols {
    padding: 20px 0 30px 0;
  }
  .popuplar-queries, .our-advantages, .popular-products, .outlet-products, .promotions, .recent-piblications {
    padding: 0 0 60px 0;
  }
  .popuplar-queries__title, .our-advantages__title, .popular-products__title, .outlet-products__title, .promotions__title, .recent-piblications__title {
    font-size: 18px;
  }
  .our-advantages__item__text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .outlet-products .catalog-container {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
  }
  .our-advantages__item__ico {
    width: 60px;
    height: 60px;
  }
  .our-advantages__item__ico img {
    width: auto;
    height: auto;
    max-width: 35px;
  }
  .quick-main-links {
    display: block;
    margin: 0;
  }
  .quick-main-links__item {
    width: 100%;
    min-width: 100%;
    padding: 0 0 10px 0;
  }
  .popuplar-queries__item {
    width: 50%;
    min-width: 50%;
  }
  .categories-slider:after {
    width: 16%;
  }
  .mainpage-container-cols .categories-slider, .about .categories-slider {
    display: block !important;
  }
  .mainpage-container-cols .categories-slider__text, .about .categories-slider__text {
    left: 45px;
  }
  .mainpage-container-cols .categories-slider__label, .about .categories-slider__label {
    height: 18px;
    line-height: 18px;
    font-size: 10px;
  }
  .mainpage-container-cols .categories-slider__label:before, .about .categories-slider__label:before {
    height: 18px;
  }
  .mainpage-container-cols .categories-slider__name, .about .categories-slider__name {
    margin: 8px 0 40px 0;
    font-size: 26px;
  }
  .mainpage-container-cols .categories-slider__btn, .about .categories-slider__btn {
    font-size: 12px;
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 620px) {
  .our-advantages__item {
    width: 100%;
    min-width: 100%;
    min-height: 136px;
  }
  .show-all-products {
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 280px;
    margin: auto;
  }
  .show-all-products .btn + .btn {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .categories-slider-progress-bar-container {
    overflow: hidden;
    overflow-x: auto;
    margin: 0 -3px 20px -3px;
    padding: 0 0 10px 0;
  }
  /*.mainpage-container-cols .categories-slider-progress-bar-container {
        .swiper-slide {
            min-width: 160px;
            width: 160px;
        }
    }*/
}
@media (max-width: 480px) {
  .popuplar-queries__item {
    width: 100%;
    min-width: 100%;
  }
  .quick-main-links__link {
    justify-content: center;
  }
  .quick-main-links__link span {
    text-align: center;
    padding: 0 0 0 10px;
    max-width: 170px;
  }
}
.latest-orders {
  border: 1px solid #e3e3e3;
  margin: 0 0 120px 0;
  padding: 30px;
  position: relative;
}
.latest-orders__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000;
  margin: 0 0 8px 0;
}
.latest-orders__info-detail {
  font-weight: 400;
  font-size: 13px;
  color: #707070;
  padding: 0 0 60px 0;
}
.latest-orders__info-detail em {
  font-style: normal;
  white-space: nowrap;
  color: #000;
  font-weight: 500;
}
.latest-orders__btn-all-orders {
  position: absolute;
  left: 30px;
  bottom: 30px;
  white-space: nowrap;
}
.latest-orders__list {
  margin: 0;
}

.order-item {
  border: 1px solid #e3e3e3;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 15px 20px;
  margin: 0 0 15px 0;
}
.order-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-item__delivery-status {
  padding: 0 15px 0 0;
  min-width: 190px;
}
.order-item__delivery-status__row {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  display: flex;
  margin: 0 0 7px 0;
}
.order-item__delivery-status__delivered, .order-item__delivery-status__in-process, .order-item__delivery-status__cansel, .order-item__delivery-status__pending {
  padding: 3px 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #94B80A;
  background: #F5F8E7;
  margin: 0 10px 0 0;
}
.order-item__delivery-status__in-process {
  color: #3858C7;
  background: #E7ECFF;
}
.order-item__delivery-status__cansel {
  color: #707070;
  background: #F5F5F5;
}
.order-item__delivery-status__time {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
}
.order-item__delivery-status__pending {
  color: #F17A0C;
  background: #FFEBD8;
}
.order-item__number {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
.order-item__delivered-company {
  padding: 0 15px 0 0;
}
@media (max-width: 1440px) {
  .order-item__delivered-company {
    display: none;
  }
}
@media (max-width: 768px) {
  .order-item__delivered-company {
    display: block;
  }
}
.order-item__delivered-company__name {
  font-weight: 500;
  font-size: 12px;
  color: #000;
  padding: 0 0 5px 0;
}
.order-item__delivered-address {
  font-weight: 400;
  font-size: 13px;
  color: #000;
}
.order-item__col-photos {
  display: flex;
  margin: 0 15px 0 -5px;
  /*@media (max-width: 1140px) {
          display: none;
      }
      @media (max-width: 998px) {
          display: flex;
      }*/
}
@media (max-width: 480px) {
  .order-item__col-photos > div:nth-child(n+5) {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .order-item__col-photos > div:nth-child(n+3) {
    display: none !important;
  }
}
.order-item__item-photo {
  margin: 0 0 0 5px;
  width: 55px;
  height: 55px;
  min-width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-item__item-photo img {
  max-width: 100%;
  max-height: 55px;
  width: auto;
  height: auto;
  display: block;
}
.order-item__btn-more-info {
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  background: #fff;
  width: 55px;
  min-width: 55px;
  height: 55px;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  display: block;
  padding: 28px 3px 0 3px;
  text-align: center;
  line-height: 1.35;
  position: relative;
}
@media (max-width: 1200px) {
  .order-item__btn-more-info {
    display: none;
  }
}
@media (max-width: 992px) {
  .order-item__btn-more-info {
    display: block;
  }
}
.order-item__btn-more-info:after {
  content: "";
  width: 14px;
  height: 13px;
  background: url("../../i/container.svg#icon-67") no-repeat;
  position: absolute;
  top: 12px;
  left: 50%;
  margin: 0 0 0 -7px;
}
.order-item__btn-more-info span {
  display: none;
}
.order-item__pay-status-col {
  padding: 0 15px 0 0;
  flex-grow: 1;
}
.order-item__pay-status--paid, .order-item__pay-status--awaiting-payment, .order-item__pay-status--not-paid, .order-item__pay-status--ttn-number {
  padding: 3px 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  display: inline-flex;
  color: #94B80A;
  background: #F5F8E7;
  margin-top: 2px;
}
.order-item__pay-status--awaiting-payment {
  color: #F17A0C;
  background: #FFEBD8;
}
.order-item__pay-status--not-paid {
  color: #707070;
  background: #F5F5F5;
}
.order-item__pay-status--ttn-number {
  color: #3858C7;
  background: #E7ECFF;
}
.order-item__short-info {
  text-align: right;
  padding: 0 20px 0 0;
}
.order-item__short-info__quantity {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
}
.order-item__short-info__price {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
}
.order-item__short-info__price span {
  font-size: 13px;
}
.order-item__btn-add-review {
  margin: 0 20px 0 0;
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .order-item__btn-add-review {
    margin: 0 15px 0 0;
  }
}
.order-item__btn-collapse-toggle {
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 20px;
  position: relative;
  display: block;
  background: #000;
  border: 1px solid #000;
}
.order-item__btn-collapse-toggle:before {
  content: "";
  background: url("../../i/container.svg#icon-68") no-repeat;
  width: 18px;
  height: 17px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 0.2s ease;
}
.order-item__btn-collapse-toggle:after {
  content: "";
  background: url("../../i/container.svg#icon-69") no-repeat;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.order-item__btn-collapse-toggle[aria-expanded=true] {
  border-color: #94B80A;
  background: #F5F8E7;
}
.order-item__btn-collapse-toggle[aria-expanded=true]:before {
  opacity: 0;
}
.order-item__btn-collapse-toggle[aria-expanded=true]:after {
  opacity: 1;
}
.order-item__body {
  padding-top: 20px;
}
.order-item__history-container {
  background: #F5F5F5;
  border-radius: 10px;
  margin: 0 0 20px 0;
}
.order-item__history-container__button {
  display: block;
  border: none;
  background: none;
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  position: relative;
  padding: 10px;
  height: 44px;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  color: #000;
}
.order-item__history-container__button:after {
  content: "";
  width: 15px;
  height: 16px;
  background: url("../../i/container.svg#icon-70") no-repeat;
  right: 10px;
  top: 50%;
  position: absolute;
  margin: -8px 0 0 0;
  transition: transform 0.2s ease;
}
.order-item__history-container__button[aria-expanded=true]:after {
  transform: rotate(180deg);
}
.order-item__history-container__body {
  padding: 2px 10px 0 10px;
}
.order-item__history-container__list {
  padding: 0 0 1px 0;
}
.order-item__history-container__list__item {
  padding: 1px 0 1px 10px;
  margin: 0 0 10px 0;
  display: flex;
  position: relative;
  color: #707070;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.order-item__history-container__list__item:before {
  content: "";
  width: 2px;
  background: #FFB628;
  border-radius: 2px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.order-item__history-container__list__item--current:before {
  background: #94B80A;
}
.order-item__history-container__list__item--current .order-item__history-container__list__item__status {
  color: #000;
}
.order-item__history-container__list__item__time {
  width: 35%;
  min-width: 35%;
}
.order-item__details-list__item {
  display: flex;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
  align-items: flex-start;
}
.order-item__details-list__item__label {
  color: #707070;
  min-width: 50%;
  width: 50%;
}
.order-item__details-list__item__value {
  color: #000;
}
.order-item__details-list__item__value--delivery-company {
  display: flex;
  align-items: center;
}
.order-item__details-list__item__value--delivery-company img {
  margin-right: 5px;
}
.order-item__details-list__item .order-item__pay-status--paid {
  display: inline-flex;
  margin: 5px 0 0 0;
}
.order-item__product-list {
  padding: 0 0 20px 0;
  margin: -15px 0 0 0;
}
.order-item__product-list__item {
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
}
.order-item__product-list__item__photo {
  width: 55px;
  min-width: 55px;
  margin: 0 10px 0 0;
}
.order-item__product-list__item__photo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.order-item__product-list__item__col-info {
  flex-grow: 1;
}
.order-item__product-list__item__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 0 5px 0;
}
.order-item__product-list__item__name a {
  color: #000;
  text-decoration: none;
}
.order-item__product-list__item__code {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
}
.order-item__product-list__item__option {
  position: relative;
  font-weight: 600;
  font-size: 12px;
  color: #000;
  margin: 7px 0 0 0;
}
.order-item__product-list__item__option a {
  font-weight: 500;
  color: #000;
  text-decoration: underline;
}
.order-item__product-list__item__option__price {
  position: absolute;
  right: -140px;
  top: 0;
  font-weight: 500;
  white-space: nowrap;
}
.order-item__product-list__item__col-bonus {
  width: 60px;
  min-width: 60px;
  text-align: center;
  padding: 10px 0 0 0;
}
.order-item__product-list__item__col-price {
  width: 80px;
  min-width: 80px;
  text-align: right;
  white-space: nowrap;
  padding: 5px 0 0 0;
}
.order-item__product-list__item__col-price__price-wnum {
  font-weight: 500;
  font-size: 12px;
  color: #000;
}
.order-item__product-list__item__col-price__price-wnum span {
  color: #707070;
}
.order-item__product-list__item__col-price__price-total {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
.order-item__product-list__item__col-price__price-total span {
  font-size: 13px;
}
.order-item__bonus {
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  display: inline-flex;
  padding: 0 23px 0 0;
  position: relative;
}
.order-item__bonus:after {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../../i/container.svg#icon-71") no-repeat;
}
.order-item__btn-product-add-review {
  font-weight: 600;
  white-space: nowrap;
  padding: 0.375rem 1rem;
  font-size: 12px;
  margin-top: 8px;
}
.order-item.open .order-item__col-photos, .order-item.open .order-item__pay-status-col, .order-item.open .order-item__short-info {
  opacity: 0;
}
.order-item__summary {
  display: flex;
  align-items: center;
}
.order-item__summary__btn-repeat, .order-item__summary__btn-cansel {
  font-size: 14px;
  padding: 23px 45px;
  white-space: nowrap;
}
.order-item__summary__list {
  padding: 0 0 15px 0;
  flex-grow: 1;
  margin: 0 -3px;
}
.order-item__summary__list__item {
  padding: 3px 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.order-item__summary__list__item__label {
  font-weight: 400;
  font-size: 13px;
  color: #707070;
}
.order-item__summary__list__item__value {
  font-weight: 500;
  font-size: 13px;
  color: #000;
  white-space: nowrap;
}
.order-item__summary__list__item__value--total {
  font-size: 16px;
}
.order-item__summary__list__item__value--total span {
  font-size: 13px;
}

.basket-section {
  border: 1px solid #e3e3e3;
  margin: 0 0 100px 0;
  padding: 30px;
  position: relative;
}
.basket-section__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000;
  margin: 0 0 8px 0;
}
.basket-section__info-detail {
  font-weight: 400;
  font-size: 13px;
  color: #707070;
  padding: 0 0 60px 0;
}
.basket-section__info-detail em {
  font-style: normal;
  white-space: nowrap;
  color: #000;
  font-weight: 500;
}
.basket-section__btn-all-orders {
  position: absolute;
  left: 30px;
  bottom: 30px;
  white-space: nowrap;
}
.basket-section__list {
  margin: 0 0 -15px 0;
}
.basket-section .preview-product__title {
  margin-right: 40px;
}
.basket-section .preview-product__column {
  position: relative;
}
.basket-section .swiper-button-next {
  right: -20px;
  margin-top: -38px;
}
@media (max-width: 992px) {
  .basket-section .swiper-button-next {
    right: -15px;
  }
}
.basket-section .swiper-button-prev {
  left: -20px;
  margin-top: -38px;
}
@media (max-width: 992px) {
  .basket-section .swiper-button-prev {
    left: -15px;
  }
}
.basket-section__slider {
  position: relative;
}
.basket-section__slider:after {
  content: "";
  width: 60px;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  z-index: 2;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.basket-section__slider:hover:after {
  opacity: 0;
}

/* media */
@media (max-width: 1440px) {
  .latest-orders, .basket-section {
    padding: 0;
    border: none;
  }
  .latest-orders__btn-all-orders {
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 1200px) {
  .latest-orders {
    position: relative;
    padding: 0 0 68px 0;
    margin: 0 0 70px 0;
  }
  .latest-orders > .row {
    display: block;
  }
  .latest-orders > .row > .col-lg-3, .latest-orders > .row > .col-lg-9 {
    width: 100%;
  }
  .latest-orders__info-detail {
    padding: 0 0 20px 0;
  }
  .latest-orders__btn-all-orders {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
  .basket-section {
    position: relative;
    padding: 0 0 68px 0;
    margin: 0 0 60px 0;
  }
  .basket-section > .row {
    display: block;
  }
  .basket-section > .row > .col-lg-3, .basket-section > .row > .col-lg-9 {
    width: 100%;
  }
  .basket-section__info-detail {
    padding: 0 0 20px 0;
  }
  .basket-section__btn-checkout {
    left: 50%;
    bottom: 0;
    position: absolute;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
  }
}
@media (max-width: 992px) {
  .about .categories-slider.slick-slider .slick-next, .mainpage-container-cols .categories-slider.slick-slider .slick-next {
    margin-right: 4px;
  }
  .categories-slider.slick-slider .slick-next {
    margin-right: -10px;
  }
  .categories-slider.slick-slider .slick-prev {
    margin-left: -6px;
  }
  .basket-section__slider:after {
    display: none;
  }
  .order-item__btn-add-review, .order-item__pay-status-col {
    display: none;
  }
  .order-item__delivered-company {
    flex-grow: 1;
  }
}
@media (max-width: 768px) {
  .order-item {
    padding: 15px;
  }
  .order-item__header {
    flex-wrap: wrap;
    position: relative;
  }
  .order-item__header:after {
    content: "";
    width: calc(100% + 30px);
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    left: -15px;
    bottom: 60px;
  }
  .order-item__delivery-status {
    width: 40%;
    min-width: 40%;
    padding: 0 0 30px 0;
  }
  .order-item__delivery-status__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    padding: 0;
    margin: 2px 0;
  }
  .order-item__short-info {
    padding: 0;
    min-height: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .order-item__delivered-address {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 17px;
  }
  .order-item__delivered-company {
    padding: 0 45px 30px 0;
    width: 60%;
    min-width: 60%;
  }
  .order-item__btn-collapse-toggle {
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(270deg);
  }
  .order-item__btn-more-info {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .order-item__btn-more-info:after {
    display: none;
  }
  .order-item__btn-more-info span {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #94B80A;
  }
  .order-item__item-photo {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .order-item__item-photo img {
    max-height: 40px;
  }
}
@media (max-width: 620px) {
  .modal-content .comments-tabs_in-checkout {
    margin-top: 30px;
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .order-item__delivery-status {
    width: 100%;
    min-width: 100%;
  }
  .order-item__delivered-company {
    display: none;
  }
}
.temp-list-pages {
  list-style: none;
  padding: 30px 0;
  font-size: 16px;
  line-height: 1.3;
}
.temp-list-pages li {
  padding: 10px 0;
}

.articles-container--full-list {
  margin-left: -15px;
  margin-bottom: 0;
}
.articles-container--full-list .articles-container__list-col {
  width: auto;
  min-width: 100%;
}
.articles-container--full-list .articles-container__list-col__item {
  width: 33.3333%;
  min-width: 33.3333%;
}
.articles-container--full-list .article-item__meta-row .btn {
  margin-left: 14px;
}

.one-promo {
  display: grid;
  grid-template-areas: "head aside" "body aside";
  grid-template-columns: 68% 32%;
  grid-template-rows: auto auto;
  align-content: start;
  padding: 15px 0 110px 0;
}
@media (max-width: 992px) {
  .one-promo {
    grid-template-areas: "head" "aside" "body";
    grid-template-columns: 100%;
    padding: 10px 0 50px 0;
  }
}
.one-promo__aside {
  grid-area: aside;
  margin: 0 0 0 30px;
}
@media (max-width: 992px) {
  .one-promo__aside {
    margin: 0;
  }
}
.one-promo__aside__box-border {
  border: 1px solid #e3e3e3;
  padding: 40px;
}
.one-promo__aside__item {
  padding: 0 0 25px 0;
  margin: 0 0 25px 0;
  border-bottom: 1px solid #e3e3e3;
}
.one-promo__aside__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  padding: 0 0 16px 0;
  margin: 0;
}
.one-promo__aside__period {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  margin: -6px 0 0 0;
  position: relative;
  padding: 0 0 0 21px;
  color: #707070;
}
.one-promo__aside__period:before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.48 4.227 1.028-1.029L14.51 4.2l-1.03 1.029a6.375 6.375 0 1 1-1-1.002Zm-3.98 9.94a4.96 4.96 0 0 0 4.58-6.856 4.959 4.959 0 1 0-4.58 6.856Zm-.709-8.5h1.417v4.25H7.791v-4.25ZM5.666.708h5.667v1.417H5.666V.708Z' fill='%23000'/%3E%3C/svg%3E") no-repeat;
}
.one-promo__main {
  grid-area: body;
}
.one-promo__box-border {
  border: 1px solid #e3e3e3;
  padding: 40px;
  margin: 0 0 40px 0;
}
.one-promo__header {
  grid-area: head;
}
.one-promo__header__title {
  font-weight: 600;
  font-size: 25px;
  line-height: 1.3;
  color: #000;
  margin: 0 0 20px 0;
  padding: 0;
}
.one-promo__header__pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.one-promo__body {
  grid-area: body;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #707070;
}
.one-promo__body h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  margin: 0 0 15px 0;
  padding: 0;
}
.one-promo__body h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  margin: 0 0 10px 0;
  padding: 0;
}
.one-promo__body p {
  padding: 0 0 10px 0;
  margin: 0;
}
.one-promo__body a {
  color: #3858C7;
  text-decoration: underline;
}
.one-promo__body a:hover {
  color: #3858C7;
  text-decoration: none;
}
.one-promo__body ul {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}
.one-promo__body ul li {
  padding: 0 0 0 16px;
  position: relative;
}
.one-promo__body ul li:before {
  content: "•";
  left: 0;
  top: 0;
  position: absolute;
  width: 16px;
  text-align: center;
}

.counter-date-container {
  padding: 15px 15px 15px 5px;
  margin: 0 0 25px 0;
  display: flex;
  background: linear-gradient(90.3deg, #FFF3F0 0.89%, #FFF0E6 34.39%, #FFEEEB 99.84%), #F5F8E7;
}
.counter-date-container__item {
  padding: 0 0 0 10px;
  width: 25%;
  min-width: 25%;
}
.counter-date-container__section {
  background: #fff;
  text-align: center;
}
.counter-date-container__value {
  font-weight: 500;
  font-size: 35px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #f2530c;
  padding: 32px 0 5px 0;
}
.counter-date-container__label {
  padding: 0 0 32px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #707070;
}

.likes-box {
  display: flex;
  align-items: center;
}
.likes-box__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  padding: 0 15px 0 0;
}
@media (max-width: 480px) {
  .likes-box__title {
    font-size: 14px;
    font-weight: 500;
  }
}
.likes-box__btn-container {
  display: flex;
  margin: 0 0 0 -15px;
}
.likes-box .btn-like, .likes-box .btn-dislike {
  height: 30px;
  border: none;
  background: none;
  cursor: pointer;
  line-height: 30px;
  font-weight: 400;
  font-size: 14px;
  color: #707070;
  padding: 0 0 0 33px;
  position: relative;
  margin: 0 0 0 15px;
}
.likes-box .btn-like:before, .likes-box .btn-dislike:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  transition: filter 0.2s ease-in-out;
}
.likes-box .btn-like:hover, .likes-box .btn-dislike:hover {
  color: #000;
}
.likes-box .btn-like:hover:before, .likes-box .btn-dislike:hover:before {
  filter: invert(55%) sepia(99%) saturate(794%) hue-rotate(33deg) brightness(99%) contrast(92%);
}
.likes-box .btn-like:before {
  background: url("../../i/container.svg#icon-3") center no-repeat;
}
.likes-box .btn-dislike:before {
  background: url("../../i/container.svg#icon-4") no-repeat;
}

.social-list-share {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0 0 0 -10px !important;
  padding: 0 !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
}
.social-list-share__item {
  padding: 0 0 0 10px !important;
}
.social-list-share__item:before {
  display: none !important;
}
.social-list-share__item--label {
  padding: 0 5px 10px 10px !important;
}
.social-list-share__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: relative;
  transition: transform 0.2s ease-in-out;
}
.social-list-share__link:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.social-list-share__link:hover {
  transform: translate3d(0, -2px, 0);
}
.social-list-share__link-tg {
  background: #1EA5DF;
}
.social-list-share__link-tg:before {
  background: url("../../i/container.svg#icon-72") 9px center no-repeat;
  background-size: 19px 17px;
}
.social-list-share__link-in {
  background: linear-gradient(210.02deg, #6818A7 7.11%, #EE542E 71.2%, #F7CD61 95.41%);
}
.social-list-share__link-in:before {
  background: url("../../i/container.svg#icon-73") center center no-repeat;
  background-size: 18px 18px;
}
.social-list-share__link-fb {
  background: #324FB5;
}
.social-list-share__link-fb:before {
  background: url("../../i/container.svg#icon-74") center center no-repeat;
  background-size: 10px 21px;
}
.social-list-share__link-vb {
  background: #7360F2;
}
.social-list-share__link-vb:before {
  background: url("../../i/container.svg#icon-75") center center no-repeat;
  background-size: 20px 20px;
}
.social-list-share__link-tw {
  background: #1DA1F2;
}
.social-list-share__link-tw:before {
  background: url("../../i/container.svg#icon-76") center center no-repeat;
  background-size: 20px 20px;
}
.social-list-share__link-yt {
  background: #de2e2e;
}
.social-list-share__link-yt:before {
  background: url("../../i/container.svg#icon-77") center center no-repeat;
  background-size: 20px 14px;
}

.go-back {
  padding: 0 0 20px 0;
}
.go-back a {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  padding: 0 0 0 18px;
}
.go-back a:before {
  content: "";
  left: 0;
  top: 2px;
  position: absolute;
  width: 15px;
  height: 15px;
  transition: filter 0.2s ease-in-out;
}
.go-back a:before {
  background: url("../../i/container.svg#icon-78") no-repeat;
}
.go-back a:hover {
  color: #94B80A;
}
.go-back a:hover:before {
  filter: invert(64%) sepia(7%) saturate(5298%) hue-rotate(32deg) brightness(99%) contrast(92%);
}

.promo-actions-categories {
  padding: 0 0 25px 0;
  position: relative;
  z-index: 2;
}

.subsection-head {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  color: #000;
  margin: 0;
  padding: 0 0 30px 0;
}

.articles-container--subsection {
  display: block;
  margin: 0;
  padding: 0 0 120px 0;
}
.articles-container--subsection .articles-container__subsection-slider {
  margin: 0;
}
.articles-container--subsection .articles-container__list-col__item {
  width: auto;
  min-width: unset;
  padding: 0;
}
.articles-container--subsection .article-item__meta-row .btn {
  margin-left: 10px;
}

/* media */
@media (max-width: 1440px) {
  .articles-container--subsection .article-item__meta-row .btn {
    display: none;
  }
}
@media (max-width: 1240px) {
  .one-promo__box-border {
    padding: 20px;
  }
  .one-promo__aside__box-border {
    padding: 20px;
  }
  .one-promo__aside .social-list-share {
    flex-wrap: wrap;
  }
  .one-promo__aside .social-list-share__item--label {
    width: 100%;
    min-width: 100%;
    padding: 0 0 10px 10px;
  }
  .counter-date-container {
    padding: 10px 10px 10px 5px;
  }
  .counter-date-container__item {
    padding: 0 0 0 5px;
  }
  .counter-date-container__value {
    font-size: 28px;
  }
}
@media (max-width: 1160px) {
  .articles-container--full-list .articles-container__list-col__item {
    width: 50%;
    min-width: 50%;
  }
}
@media (max-width: 1100px) {
  .articles-container--subsection .promotion-time__end-period, .articles-container--subsection .promotion-time__list__item__label {
    font-size: 11px;
  }
  .articles-container--full-list, .articles-container--full-list .articles-container__list-col {
    display: flex;
    margin-left: 0;
  }
  .articles-container--full-list .articles-container__list-col {
    margin: 0 0 0 -15px;
  }
  .articles-container--full-list .articles-container__list-col .articles-container__list-col__item {
    padding: 0 0 15px 15px;
  }
}
@media (max-width: 992px) {
  .counter-date-container__value {
    font-size: 35px;
  }
  .catalog-slider-main-mobile--pc-visible .swiper-button-next, .catalog-slider-main-mobile--pc-visible .swiper-button-prev {
    display: none !important;
  }
  .one-promo {
    padding: 15px 0 75px 0;
  }
  .one-promo__box-border {
    border: none;
    padding: 0;
    margin: 0 0 20px 0;
  }
  .one-promo__main {
    padding: 0;
  }
  .one-promo__header {
    padding: 0;
    border: none;
  }
  .one-promo__header__title {
    font-size: 20px;
  }
  .one-promo__aside {
    width: 100%;
    min-width: 100%;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
  }
  .one-promo__aside__box-border {
    border: none;
    padding: 0;
  }
  .articles-container--subsection .article-item__meta-row .btn {
    display: block;
    font-size: 12px;
  }
  .articles-container--subsection .promotion-time__list {
    padding: 3px 4px;
  }
  .articles-container--subsection .promotion-time__list__item__value {
    font-size: 13px;
  }
  .article-item__meta-view {
    display: none;
  }
  .catalog-slider-main-mobile--pc-visible .catalog-slider-main-mobile__container {
    margin-right: 0;
  }
  .catalog-slider-main-mobile--pc-visible .catalog-slider-main-mobile__container:before {
    display: none !important;
  }
  .catalog-slider-main-mobile--pc-visible .swiper-slide {
    width: 105px !important;
    margin: 0;
  }
  .catalog-slider-main-mobile--pc-visible .swiper-slide a {
    height: 90px;
  }
  .catalog-slider-main-mobile--pc-visible .catalog-slider-main-mobile__txt {
    font-size: 10px;
    line-height: 13px;
    height: 26px;
  }
}
@media (max-width: 767px) {
  .articles-container--full-list .articles-container__list-col__item {
    width: 100%;
    min-width: 100%;
  }
  .articles-container .articles-container__list-col__item {
    width: 240px;
    min-width: 240px;
  }
  .articles-container--full-list .articles-container__list-col .articles-container__list-col__item {
    width: 50%;
    min-width: 50%;
  }
  .articles-container__list-col .article-item__meta-row .btn {
    display: none;
  }
  .one-promo__aside__item {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }
  .one-promo__aside__title {
    padding: 0 0 15px 0;
    line-height: 1.3;
  }
  .one-promo__header {
    margin: 0 0 20px 0;
  }
  .counter-date-container {
    margin: 0 0 20px 0;
  }
  .likes-box__title {
    font-size: 15px;
    font-weight: 500;
  }
  .article-item {
    padding: 15px;
  }
  .articles-container--subsection {
    padding: 0 0 80px 0;
  }
  .subsection-head {
    font-weight: 500;
    font-size: 18px;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 680px) {
  .articles-container--subsection .article-item__meta-row .btn {
    display: none;
  }
}
@media (max-width: 480px) {
  .articles-container--full-list .articles-container__list-col .articles-container__list-col__item {
    width: 100%;
    min-width: 100%;
  }
  .articles-container--subsection .article-item__meta-row .btn {
    display: block;
  }
  .articles-container--full-list .article-item {
    padding: 15px;
  }
  .articles-container--full-list .article-item__meta-row .btn {
    font-size: 12px;
    margin: 0 0 0 5px;
  }
  .articles-container--full-list .promotion-time__end-period {
    font-size: 11px;
    padding: 7px 0 7px 5px;
  }
  .articles-container--full-list .promotion-time__list__item__label {
    font-size: 11px;
  }
  .articles-container--full-list .promotion-time__list__item__value {
    font-size: 14px;
  }
}
/* media */
.goto__inner {
  display: inline-flex;
  align-items: center;
  background: #000;
  border-radius: 10px;
  padding: 18px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
}
.goto__text {
  padding: 0 5px 0 0;
}
.goto__link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  margin: 0 5px 0 0;
}
.goto__link:hover {
  border-color: transparent;
  color: #fff;
  text-decoration: none;
}
.goto__timer {
  margin: -8px 0 -8px 10px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  position: relative;
}
.goto__btn-close {
  width: 36px;
  height: 36px;
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 1px;
}
.goto__btn-close:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../i/container.svg#icon-79") center center no-repeat;
  background-size: 21px 21px;
}

.goto__timer-counter {
  display: flex;
  justify-content: center;
  background-color: #000;
  min-height: 38px;
}
.goto__timer-counter .chart-container {
  padding: 2px;
  overflow: visible;
}
.goto__timer-counter .chart-container .back {
  stroke: #707070;
  stroke-width: 2;
}
.goto__timer-counter .chart-container .front {
  stroke: #94B80A;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 695.84;
  transform: rotate(-90deg);
  transform-origin: center;
  animation: fill 10s reverse;
}
@keyframes fill {
  to {
    stroke-dasharray: 0, 1000000;
  }
}

.catalog-container_mobile-slider {
  margin: 0 0 95px;
}
.catalog-container_mobile-slider .swiper-scrollbar {
  display: none;
}
.catalog-container_mobile-slider .product-item__inner {
  display: flex;
  flex-direction: column;
}
.catalog-container_mobile-slider .product-item__bonus-point {
  position: relative;
  left: auto;
  bottom: auto;
  margin: 0 0 15px 0;
}
.catalog-container_mobile-slider .product-item__col-plate {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 155px;
}
.catalog-container_mobile-slider .product-item_pre-order .product-item__footer {
  flex-wrap: wrap;
}
.catalog-container_mobile-slider .product-item_pre-order .product-item__footer-column {
  min-width: 100%;
  margin: 0 0 15px 0;
}
@media (max-width: 480px) {
  .catalog-container_mobile-slider .product-item_pre-order .product-item__footer-column {
    margin: 0;
  }
}
.catalog-container_mobile-slider .product-item .product-btns__pre-order {
  margin: 0 0 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.catalog-container_mobile-slider .product-item .product-btns__pre-order:before {
  content: "";
  width: 21px;
  height: 21px;
  background: url("../../i/container.svg#icon-171") center center no-repeat;
  background-size: 21px 21px;
  display: block;
}

.product-item_pre-order {
  /*.product-item__footer {
        flex-wrap: wrap;
    }
    .product-item__footer-column {
        min-width: 100%;
        margin: 0 0 15px 0;
        @media (max-width: 480px) {
            margin: 0;
        }
    }
    .product-item__col-plate {
        height: 155px;
        position: relative;
    }*/
}
.product-item_pre-order .product-btns__pre-order {
  margin: 0 0 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  font-size: 0;
  line-height: 0;
}
.product-item_pre-order .product-btns__pre-order:before {
  content: "";
  width: 21px;
  height: 21px;
  background: url("../../i/container.svg#icon-171") center center no-repeat;
  background-size: 21px 21px;
  display: block;
}
@media (max-width: 360px) {
  .product-item_pre-order .product-item__footer .product-btns {
    flex-wrap: wrap;
  }
}

.catalog-container--search .product-item_pre-order .product-item__col-plate {
  /*margin-top: -44px;
      @media (max-width: 480px) {
          margin-top: 0px;
      }
      @media (max-width: 480px) {
          margin-top: -40px;
      }*/
}

@media (max-width: 992px) {
  .catalog-container_mobile-slider {
    margin: 0 0 45px 0;
  }
  .catalog-container_mobile-slider .swiper-scrollbar {
    display: block;
  }
}
/*
@media (min-width: 992px) {

 .catalog-container_mobile-slider.catalog-container--buble .product-item:hover {
    box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.25), 0px 10px 5px -10px rgba(0, 0, 0, 0.1), 0px 4px 55px rgba(189, 189, 189, 0.55);
    padding: 20px;

    .product-item__inner {
      position: static !important;
      left: auto;
      top: auto;
      padding: 0;
      border: none;
      box-shadow: none;
      width: auto;
    }
  }
}
*/
.select-box .select2-container--default .select2-selection--single {
  height: 44px;
  border: 1px solid #CACACA;
  transition: border-color 0.2s ease;
  border-radius: 10px;
}
.select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
  color: #707070;
  padding: 0 38px 0 18px;
  font-size: 14px;
  font-weight: 400;
  transition: color 0.2s ease;
}
.select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 14px;
  width: 15px;
  height: 16px;
  top: 14.5px;
  background: url("../../i/container.svg#icon-50") no-repeat;
}
.select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select-box .select2-container--default .select2-selection--single:hover {
  border-color: #000;
}
.select-box .select2-container--default .select2-selection--single:hover .select2-selection__rendered {
  color: #000;
}
.select-box .select2-container--default.select2-container--open .select2-selection--single:hover {
  border-color: #CACACA;
}
.select-box .select2-container--default.select2-container--open .select2-selection--single:hover .select2-selection__rendered {
  color: #707070;
}
.select-box .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
}
.select-box .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #94B80A;
}
.select-box .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #CACACA;
}
.select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
  color: #707070;
}

.dropdown-select {
  background: #fff;
  border: 1px solid #CACACA;
  box-shadow: 0px 10px 20px rgba(185, 185, 185, 0.25);
  border-radius: 10px;
  overflow: hidden;
  min-width: 220px;
}
.dropdown-select .select2-results__options {
  padding: 0;
}
.dropdown-select .select2-results__options .select2-results__option {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  padding: 6px 18px;
}
.dropdown-select .select2-results__options .select2-results__option:hover {
  background: #F5F5F5;
}
.dropdown-select .select2-results__options .select2-results__option--highlighted.select2-results__option--selectable {
  background: #F5F5F5;
  color: #000;
}

.select2-container--default .dropdown-select .select2-results__option--selected {
  background: #e3e3e3;
}

.select2-container--open.dropdown-select.select2-dropdown--above {
  box-shadow: 0px -10px 20px rgba(185, 185, 185, 0.25);
}

.select2-container--focus, .select2-container--focus * {
  outline: none !important;
}

.select2-container--open {
  z-index: 9999999;
}

.shops-select-box .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0;
  height: 44px;
}
.shops-select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 600;
  font-size: 16px;
  line-height: 44px;
  color: #000;
  padding-left: 0;
  padding-right: 22px;
}
.shops-select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0;
  width: 15px;
  height: 16px;
  top: 13px;
  background: url("../../i/container.svg#icon-80") no-repeat;
}
.shops-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.dropdown-shops-select {
  background: #fff;
  border: 1px solid #CACACA !important;
  box-shadow: 0px 10px 20px rgba(185, 185, 185, 0.25);
  border-radius: 10px !important;
  min-width: 300px;
}
.dropdown-shops-select .select2-results__options {
  padding: 12px 0;
}
.dropdown-shops-select .select2-results__options .select2-results__option {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  padding: 6px 26px;
}
.dropdown-shops-select .select2-results__options .select2-results__option:hover {
  background: #F5F5F5;
}
.dropdown-shops-select .select2-results__options .select2-results__option--highlighted.select2-results__option--selectable {
  background: #F5F5F5;
  color: #000;
}

.comp-slider {
  position: relative;
}
.comp-slider .swiper-slide {
  width: 200px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  background: #F5F5F5;
  color: #000;
  text-align: center;
}
.comp-slider .swiper {
  margin: 0 0 2px 0;
}
.comp-slider .line-head {
  background: #000;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 20px;
  line-height: 20px;
  z-index: 10;
}

.line-head {
  background: #000;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 20px;
  line-height: 20px;
  z-index: 10;
}

#slider2 .swiper-button-prev, #slider2 .swiper-button-next, #slider3 .swiper-button-prev, #slider3 .swiper-button-next {
  display: none !important;
}

/* search catalog */
.catalog-container--search {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 1fr;
  border-left: 1px solid #e3e3e3;
  margin: 0 0 120px 0;
}
.catalog-container--search .product-item {
  border-left: none;
  width: auto;
}
@media (max-width: 1440px) {
  .catalog-container--search {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 992px) {
  .catalog-container--search {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .catalog-container--search {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .catalog-container--search {
    margin: 0 -15px 60px -15px;
    border: none;
  }
  .catalog-container--search .product-item:nth-child(2n+2) {
    border-right: none;
  }
  .catalog-container--search .product-item {
    width: 100%;
    min-width: 100%;
  }
  .catalog-container--search .product-item__pic img {
    max-height: 160px;
  }
  .catalog-container--search .product-status {
    font-size: 10px;
    white-space: nowrap;
  }
}

/* contacts page */
.subpages__row {
  padding-top: 20px;
}
.subpages__row .catalog-box {
  display: block;
  position: static;
  bottom: auto;
  top: auto;
  left: auto !important;
  right: auto;
}
.subpages__row .catalog-box__dropdown {
  display: block;
  position: static;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  box-shadow: none;
  border-radius: 0;
  margin: 0 0 20px 0;
  padding: 0;
}
.subpages__row .catalog-box__dropdown .col-lg-9 {
  display: none;
}
.subpages__row .catalog-box__dropdown .col-lg-3 {
  width: 100%;
}
.subpages__row .catalog-box__dropdown .catalog-box__navi {
  border: none;
  padding-right: 15px;
}
.subpages__nav {
  list-style: none;
  margin: 0;
  padding: 0 0 20px 0;
}
@media (max-width: 992px) {
  .subpages__nav {
    margin: 0 20px;
    border-top: 1px solid #e3e3e3;
    padding: 10px 0;
  }
}
.subpages__nav .nav-item {
  padding: 0;
  margin: 0;
}
.subpages__nav .nav-link {
  display: block;
  padding: 14px 10px 14px 51px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  position: relative;
}
@media (max-width: 992px) {
  .subpages__nav .nav-link {
    padding: 10px 10px 10px 21px;
    line-height: 20px;
    font-size: 14px;
  }
}
.subpages__nav .nav-link:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
  background: #e3e3e3;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 992px) {
  .subpages__nav .nav-link:before {
    left: 0;
    top: 17px;
  }
}
.subpages__nav .nav-link:hover, .subpages__nav .nav-link.active {
  background: #F5F8E7;
}
.subpages__nav .nav-link:hover:before, .subpages__nav .nav-link.active:before {
  background-color: #94B80A;
}
@media (max-width: 992px) {
  .subpages__nav .nav-link:hover, .subpages__nav .nav-link.active {
    background: none;
  }
}
@media (max-width: 992px) {
  .subpages__nav .nav-link {
    font-size: 14px;
  }
}

.subpages__main--single {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}
.subpages__box {
  border: 1px solid #e3e3e3;
  padding: 40px;
  margin: 0 0 20px 0;
}
@media (max-width: 1280px) {
  .subpages__box {
    padding: 30px;
    margin: 0 0 20px 0;
  }
}
@media (max-width: 480px) {
  .subpages__box {
    padding: 0;
    border: none;
    margin: 0 0 20px 0;
  }
}
@media (max-width: 992px) {
  .subpages__row {
    margin: 0;
  }
  .subpages__side-nav {
    padding: 0 0 20px 0;
  }
  .subpages__main {
    padding: 30px 0 0 0;
    border-top: 1px solid #e3e3e3;
  }
  .subpages__side-nav-box {
    background: #F5F5F5;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  }
}
.subpages .pagehead-container {
  padding: 0 0 20px 0;
}
.subpages .pagehead-container__header {
  font-size: 22px;
}

.contacts__subhead {
  display: flex;
  align-items: center;
  padding: 0 0 15px 0;
}
.contacts__subhead__ico {
  width: 25px;
  flex-shrink: 0;
  margin: 0 5px 0 0;
}
.contacts__subhead__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
}
.contacts__info-col {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .contacts__info-col {
    display: block;
  }
}
.contacts__info-col__left {
  flex-grow: 1;
}
.contacts__info-col__right {
  width: 33.3333%;
  flex-shrink: 0;
  text-align: right;
  padding: 0 0 30px 0;
}
@media (max-width: 768px) {
  .contacts__info-col__right {
    width: 100%;
    padding: 5px 0 20px 0;
    text-align: left;
  }
}
.contacts__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .contacts__list {
    margin: 0 -10px;
  }
}
.contacts__list__item {
  padding: 0 30px 30px 30px;
  width: 50%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .contacts__list__item {
    padding: 0 10px 20px 10px;
  }
}
@media (max-width: 480px) {
  .contacts__list__item {
    padding: 0 10px 15px 40px;
    width: 100%;
  }
}
.contacts__value {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  padding: 0 0 5px 0;
}
.contacts__value a {
  color: #000;
}
.contacts__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  color: #707070;
}
.contacts__online__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  padding: 0 0 10px 0;
}
.contacts__online__list {
  display: flex;
  margin: 0 0 0 -10px;
  flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .contacts__online__list {
    flex-wrap: wrap;
  }
}
.contacts__online__link {
  margin: 5px 0 5px 10px;
  display: flex;
  height: 44px;
  border-radius: 22px;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px 0 44px;
  background: #F5F5F5;
  position: relative;
}
@media (max-width: 820px) {
  .contacts__online__link {
    width: calc(50% - 10px);
  }
}
.contacts__online__ico {
  left: 7px;
  top: 7px;
  position: absolute;
}
.contacts__online__txt {
  display: block;
}
.contacts__online__counter {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #555555;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .contacts__online__counter {
    display: none;
  }
}

.timework {
  background: #F5F5F5;
  display: inline-block;
  padding: 8px 15px;
  text-align: left;
}
@media (max-width: 480px) {
  .timework {
    margin: 0 0 0 30px;
    padding: 5px 10px;
  }
}
.timework__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  color: #707070;
  padding: 0 0 3px 0;
}
.timework__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -5px -5px -5px;
}
.timework__item {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  padding: 0 5px 5px 5px;
}

.lets-be-friends {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  .lets-be-friends {
    flex-wrap: wrap;
  }
}
.lets-be-friends__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000;
  flex-grow: 1;
}
@media (max-width: 1280px) {
  .lets-be-friends__title {
    width: 100%;
    min-width: 100%;
    padding: 0 0 20px 0;
  }
}

.showrooms {
  padding: 56px 0 80px 0;
}
.showrooms__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000;
  padding: 0 0 20px 0;
}
.showrooms__tabs-nav {
  list-style: none;
  border: none;
  border-radius: 0;
  margin: 0 0 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.showrooms__tabs-nav .nav-item {
  flex-grow: 1;
  width: 33.3333%;
}
@media (max-width: 540px) {
  .showrooms__tabs-nav .nav-item {
    width: 50%;
  }
}
.showrooms__tabs-nav .nav-link {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border: none;
  border-bottom: 2px solid #e3e3e3;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  padding: 10px;
  opacity: 1;
}
.showrooms__tabs-nav .nav-link.active {
  border-color: #000;
  color: #000;
}
.showrooms__fmap {
  position: relative;
  margin: 0 0 30px 0;
  background-size: cover !important;
  border-radius: 10px;
  height: 400px;
  overflow: hidden;
}
.showrooms__fmap img {
  border-radius: 10px;
}
@media (max-width: 768px) {
  .showrooms__fmap {
    height: 300px;
  }
}
@media (max-width: 480px) {
  .showrooms__fmap {
    height: 300px;
    margin: 0 -15px 30px -15px;
    border-radius: 0;
  }
}
.showrooms__city-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  padding: 0 0 20px 0;
}
.showrooms__city-info__thead {
  display: flex;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  padding: 0 0 15px 0;
  margin: 0 -8px;
}
@media (max-width: 768px) {
  .showrooms__city-info__thead {
    display: none;
  }
}
.showrooms__city-info__th {
  width: 33.33333%;
  flex-shrink: 0;
  padding: 0 8px;
  align-items: flex-start;
}
.showrooms__city-info__tr {
  display: flex;
  margin: 0 -8px;
  padding: 21px 0 20px 0;
  position: relative;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .showrooms__city-info__tr {
    flex-wrap: wrap;
  }
}
.showrooms__city-info__tr:before {
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  background: #e3e3e3;
  left: 8px;
  top: 0;
  position: absolute;
}
.showrooms__city-info__td-address, .showrooms__city-info__td-photo, .showrooms__city-info__td-schedule {
  width: 33.33333%;
  flex-shrink: 0;
  padding: 0 8px;
}
@media (max-width: 768px) {
  .showrooms__city-info__td-address {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .showrooms__city-info__td-address {
    width: 100%;
  }
}
.showrooms__city-info__td-photo {
  position: relative;
}
@media (max-width: 768px) {
  .showrooms__city-info__td-photo {
    width: 100%;
    margin-top: 20px;
  }
}
.showrooms__city-info__td-photo img {
  border-radius: 5px;
  width: 100%;
}
.showrooms__city-info__address {
  padding: 0 0 15px 30px;
  margin: 0;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  display: block;
}
.showrooms__city-info__address:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -1px;
  background: url("../../i/container.svg#icon-36") center center no-repeat;
  background-size: 18px 18px;
}
@media (max-width: 768px) {
  .showrooms__city-info__td-schedule {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .showrooms__city-info__td-schedule {
    width: 100%;
    padding: 20px 0 0 40px;
  }
}
.showrooms__city-info__links {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 15px;
  font-weight: 500;
  font-size: 12px;
}
.showrooms__city-info__links a {
  margin: 0 0 5px 15px;
  color: #000;
}
.showrooms .opening-hours__days {
  background: #F5F5F5;
  color: #000;
  width: auto;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 10px;
}
.showrooms .opening-hours__time {
  color: #707070;
}
.showrooms .swiper-button-next {
  right: -12px;
}
@media (max-width: 992px) {
  .showrooms .swiper-button-next {
    right: -6px;
  }
}
.showrooms .swiper-button-prev {
  left: -12px;
}
@media (max-width: 992px) {
  .showrooms .swiper-button-prev {
    left: -6px;
  }
}

.nav-link-mobile {
  height: 44px;
  display: flex;
  background: #F5F5F5;
  border-radius: 10px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0 40px 0 52px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
}
.nav-link-mobile:hover, .nav-link-mobile:focus {
  color: #000;
  text-decoration: none;
}
.nav-link-mobile:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #94B80A;
  position: absolute;
  left: 31px;
  top: 19px;
  border-radius: 50%;
}
.nav-link-mobile:after {
  content: "";
  background: url("../../i/container.svg#icon-50") no-repeat;
  width: 15px;
  height: 16px;
  position: absolute;
  right: 15px;
  top: 15px;
  left: auto;
  background-size: 15px 16px;
  opacity: 1;
}
.nav-link-mobile[aria-expanded=true]:after {
  transform: rotate(180deg);
}

@media (min-width: 993px) {
  .user-nav-mobile-container {
    display: block !important;
  }
  .nav-link-mobile {
    display: none !important;
  }
}
.modal-gallery {
  position: relative;
}
.modal-gallery::before, .modal-gallery::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100px;
  top: 0;
  z-index: 2;
}
.modal-gallery::before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 59.9%, #FFFFFF 100%);
  left: 0;
}
.modal-gallery::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -2.68%, rgba(255, 255, 255, 0.85) 58.82%, #FFFFFF 100%);
  right: 0;
}
@media (max-width: 480px) {
  .modal-gallery:before, .modal-gallery:after {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .modal-gallery:before, .modal-gallery:after {
    display: none !important;
  }
  .modal-gallery .swiper-button-next, .modal-gallery .swiper-button-prev {
    display: none !important;
  }
}
.modal-gallery img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.modal-gallery .swiper-button-next {
  right: -10px;
  box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.4), 0px 15px 40px -10px rgba(0, 0, 0, 0.25);
}
.modal-gallery .swiper-button-prev {
  left: -10px;
  box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.4), 0px 15px 40px -10px rgba(0, 0, 0, 0.25);
}

/* blog page */
.aside-item-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #707070;
  padding: 0 0 15px 0;
}

.blog-nav {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
@media (max-width: 992px) {
  .blog-nav {
    margin: -10px 0 20px 0;
  }
}
.blog-nav .nav-item {
  padding: 0;
  margin: 0;
}
.blog-nav .nav-link {
  display: block;
  padding: 14px 10px 14px 51px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  position: relative;
}
@media (max-width: 992px) {
  .blog-nav .nav-link {
    padding: 10px 10px 10px 48px;
    line-height: 20px;
    font-size: 14px;
  }
}
.blog-nav .nav-link:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
}
@media (max-width: 992px) {
  .blog-nav .nav-link:before {
    left: 21px;
    top: 17px;
  }
}
.blog-nav .nav-link:hover {
  background: #F5F8E7;
}
@media (max-width: 992px) {
  .blog-nav .nav-link:hover {
    background: none;
  }
}
.blog-nav .nav-link.active {
  background: #F5F8E7;
}
@media (max-width: 992px) {
  .blog-nav .nav-link {
    font-size: 14px;
  }
}
.blog-nav__all:before {
  background: #EE3535;
}
.blog-nav__articles:before {
  background: #7CC520;
}
.blog-nav__reviews:before {
  background: #33ABEE;
}
.blog-nav__news:before {
  background: #8931F3;
}

.aside-articles-products .catalog-box__ins {
  padding: 0;
  max-height: unset;
  overflow: visible;
}
.aside-articles-products .catalog-box__navi .nav-link {
  padding-right: 35px;
}
.aside-articles-products .catalog-box__navi .nav-link:after {
  content: "";
  width: 24px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  background: none;
}
@media (max-width: 992px) {
  .aside-articles-products {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 85%;
    height: 100%;
    max-height: 0;
    background: #fff;
    border-radius: 0;
    z-index: 9999;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}

.body-blog-nav-open {
  overflow: hidden;
  height: 100%;
  /*.aside-articles-products {
        @media (max-width: 992px) {
            transform: translate3d(0,0,0);
            visibility: visible;
            transition: transform .3s ease-in-out;
        }
    }*/
}
.body-blog-nav-open .overlay-subnav {
  transition: opacity 0.15s linear;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  /*overflow-x: hidden;
      overflow-y: auto;*/
  opacity: 0.5;
  background: #000;
  cursor: pointer;
  z-index: 100;
}
.body-blog-nav-open .aside-articles-products {
  max-height: 100%;
}
@media (max-width: 992px) {
  .body-blog-nav-open .header {
    z-index: 1;
  }
}
.body-blog-nav-open .subpages__row .catalog-box__dropdown .col-lg-3 {
  width: 100%;
  padding: 0;
}
.body-blog-nav-open .aside-articles-products__inner {
  padding: 0 12px;
  overflow-y: auto;
  max-height: 100vh;
}
.body-blog-nav-open .blog-product-row {
  margin: 0;
}
.body-blog-nav-open .blog-product-row .col-4 {
  padding: 10px 20px;
}
.body-blog-nav-open .subpages__row .catalog-box__dropdown .col-lg-9 {
  width: 100%;
  display: block;
  height: 100%;
}
.body-blog-nav-open .catalog-box .tab-content {
  display: block;
  width: auto;
  height: auto;
}
.body-blog-nav-open .catalog-box .tab-content::before {
  display: none;
}
.body-blog-nav-open .btn_back-to-top {
  display: none !important;
}

@media (max-width: 992px) {
  .aside-item-social {
    display: none;
  }
}

.all-nav-items {
  padding: 20px 15px 15px 15px;
  margin-top: 10px;
  border-top: 1px solid #e3e3e3;
  display: none;
}
@media (max-width: 992px) {
  .all-nav-items {
    display: block;
  }
}
.all-nav-items__btn {
  width: 100%;
}

.blog-nav-open .aside-articles-products {
  position: relative;
}
.blog-nav-open .aside-articles-products__inner {
  position: absolute;
  left: -15px;
  top: -20px;
  margin: 0;
  padding: 20px 0 0 15px;
  background: #fff;
  box-shadow: 0px 4px 90px rgba(0, 0, 0, 0.45), 0px 4px 20px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  z-index: 200;
}
.blog-nav-open .subpages__row .catalog-box__dropdown .col-lg-9 {
  display: block;
}
.blog-nav-open .subpages__row .catalog-box__dropdown .col-lg-3 {
  width: 25%;
}

.blog-product-row {
  position: relative;
  z-index: 500;
}
.blog-product-row > .col-4 {
  border-left: 1px solid #e3e3e3 !important;
  border-right: 1px solid #e3e3e3 !important;
  padding-top: 0;
  padding-left: 30px;
}
@media (max-width: 992px) {
  .blog-product-row > .col-4 {
    border: none;
    width: 100%;
    padding: 35px 20px 20px 20px;
  }
}
.blog-product-row > .col-8 {
  padding: 0 30px 0 30px;
}
@media (max-width: 992px) {
  .blog-product-row > .col-8 {
    display: none;
  }
}
.blog-product-row .articles-container__list-col {
  display: block;
  margin: 0 0 -10px 0;
  width: 100%;
  min-width: 100%;
}
.blog-product-row .articles-container__list-col__item {
  width: 100%;
  min-width: 100%;
  padding: 0;
  margin: 0 0 10px 0;
}
.blog-product-row .article-item {
  display: flex;
  padding: 15px;
}
.blog-product-row .article-item__photo {
  width: 45%;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  position: relative;
  height: 90px;
}
.blog-product-row .article-item__body {
  flex-grow: 1;
  margin: 0 0 0 15px;
}
.blog-product-row .article-item__wrap-title {
  height: 60px;
  margin: 0;
}
.blog-product-row .articles-container__list-col .article-item__title {
  line-height: 20px;
  height: 60px;
  max-height: 60px;
  margin: 0;
  -webkit-line-clamp: 3;
}

.blog-product-subnav {
  margin: 0;
  padding: 0;
}
.blog-product-subnav .nav-item {
  padding: 0;
  margin: 0;
}
.blog-product-subnav .nav-link {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 10px;
  border-radius: 10px;
  margin: 0;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
}
.blog-product-subnav .nav-link:hover {
  color: #000;
  background: #F5F8E7;
}
.blog-product-subnav .counter {
  color: #707070;
}

.blog-box-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000;
  margin: 0;
  padding: 0 0 20px 0;
}
@media (max-width: 992px) {
  .blog-box-title {
    font-size: 20px;
    font-weight: 500;
  }
}

.articles-container__list-col--single {
  width: auto;
  min-width: unset;
  margin: 0 0 35px -15px;
}
.articles-container__list-col--single .articles-container__list-col__item {
  width: 33.3333%;
  min-width: 33.3333%;
}
@media (max-width: 992px) {
  .articles-container__list-col--single .articles-container__list-col__item {
    width: 320px;
    min-width: 320px;
  }
}
@media (max-width: 768px) {
  .articles-container__list-col--single .articles-container__list-col__item {
    width: 280px;
    min-width: 280px;
  }
}
@media (max-width: 480px) {
  .articles-container__list-col--single .articles-container__list-col__item {
    width: 240px;
    min-width: 240px;
  }
}
@media (max-width: 992px) {
  .articles-container__list-col--single {
    margin-left: 0;
  }
}

.article-label {
  left: 15px;
  top: 15px;
  position: absolute;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  padding: 6px 10px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}

.article-label--news {
  color: #8931F3;
  background: #F3E9FF;
}

.article-label--reviews {
  color: #33ABEE;
  background: #E9F7FF;
}

.article-label--articles {
  color: #94B80A;
  background: #F5FFE9;
}

.subscribe-mini {
  padding: 20px 0 70px 0;
}
@media (max-width: 768px) {
  .subscribe-mini {
    padding: 15px 0 50px 0;
  }
}
.subscribe-mini__row {
  background: #94B80A;
  border-radius: 10px;
  display: flex;
  position: relative;
  padding: 45px 40px 45px 170px;
}
@media (max-width: 1360px) {
  .subscribe-mini__row {
    padding: 25px 40px 25px 170px;
  }
}
@media (max-width: 768px) {
  .subscribe-mini__row {
    padding: 30px 15px;
    margin: 0 -15px;
    background-image: url("../../i/container.svg#icon-82");
    background-size: 166px 178px;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    border-radius: 0;
  }
}
.subscribe-mini__pic {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .subscribe-mini__pic {
    display: none;
  }
}
.subscribe-mini__text {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
@media (max-width: 1200px) {
  .subscribe-mini__text {
    display: block;
  }
}
.subscribe-mini__text__col {
  padding: 0 30px 0 0;
  flex-grow: 1;
}
@media (max-width: 1440px) {
  .subscribe-mini__text__col {
    max-width: 280px;
    flex-shrink: 0;
  }
}
@media (max-width: 1440px) and (max-width: 1200px) {
  .subscribe-mini__text__col {
    max-width: 100%;
  }
}
@media (max-width: 1360px) {
  .subscribe-mini__text__col {
    padding: 0 0 15px 0;
  }
}
.subscribe-mini__container {
  flex-grow: 1;
  min-width: 360px;
}
@media (max-width: 1200px) {
  .subscribe-mini__container {
    min-width: 100%;
  }
}
.subscribe-mini .subscribe-block__form {
  width: 100%;
  background: none;
}
.subscribe-mini__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #fff;
}
.subscribe-mini__title span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  padding: 10px 0 0 0;
}
.subscribe-mini .subscribe-block__input {
  opacity: 1;
  background: none;
  color: #fff;
  padding-right: 180px;
}
.subscribe-mini .subscribe-block__input::placeholder {
  color: #fff;
}
@media (max-width: 768px) {
  .subscribe-mini .subscribe-block__input {
    padding-right: 20px;
  }
}
.subscribe-mini .subscribe-block__btn {
  width: 176px;
}
@media (max-width: 768px) {
  .subscribe-mini .subscribe-block__btn {
    width: 100%;
  }
}

.articles-container__list-col--full-width {
  width: unset;
  min-width: unset;
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
  overflow: visible;
}
@media (max-width: 768px) {
  .articles-container__list-col--full-width {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
  }
}
.articles-container__list-col--full-width .articles-container__list-col__item {
  width: 100%;
  min-width: 100%;
  padding: 0 0 15px 0;
}
@media (max-width: 768px) {
  .articles-container__list-col--full-width .articles-container__list-col__item {
    width: 50%;
    min-width: 50%;
    padding: 0 8px 16px 8px;
  }
}
@media (max-width: 520px) {
  .articles-container__list-col--full-width .articles-container__list-col__item {
    width: 100%;
    min-width: 100%;
    padding: 0 8px 16px 8px;
  }
}
.articles-container__list-col--full-width .articles-container__list-col__item + .articles-container__list-col__item {
  margin: 0;
}
.articles-container__list-col--full-width .article-item {
  display: flex;
  padding: 30px;
}
@media (max-width: 1280px) {
  .articles-container__list-col--full-width .article-item {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .articles-container__list-col--full-width .article-item {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .articles-container__list-col--full-width .article-item {
    display: block;
  }
}
.articles-container__list-col--full-width .article-item__photo {
  width: 43%;
  flex-shrink: 0;
  padding: 19% 0 0 0;
  margin: 0;
}
@media (max-width: 1280px) {
  .articles-container__list-col--full-width .article-item__photo {
    padding: 24% 0 0 0;
  }
}
@media (max-width: 768px) {
  .articles-container__list-col--full-width .article-item__photo {
    width: 100%;
    padding: 50% 0 0 0;
    margin: 0 0 10px 0;
  }
}
.articles-container__list-col--full-width .article-item__body {
  flex-grow: 1;
  margin: 0 0 0 30px;
  padding: 0 0 25px 0;
}
@media (max-width: 1280px) {
  .articles-container__list-col--full-width .article-item__body {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 768px) {
  .articles-container__list-col--full-width .article-item__body {
    margin: 0;
  }
}
.articles-container__list-col--full-width .article-label {
  position: static;
  display: inline-flex;
  left: auto;
  top: auto;
  margin: 0 0 10px 0;
}
.articles-container__list-col--full-width .article-item__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
@media (max-width: 1580px) {
  .articles-container__list-col--full-width .article-item__text {
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 1280px) {
  .articles-container__list-col--full-width .article-item__text {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 768px) {
  .articles-container__list-col--full-width .article-item__text {
    display: none;
  }
}
.articles-container__list-col--full-width .article-item__text p {
  padding: 0;
  margin: 0;
}

@media (min-width: 993px) {
  .aside-articles-products {
    display: block !important;
  }
}
.aside-articles-btn-mob {
  padding: 13px 40px 13px 64px;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  position: relative;
  width: 100%;
  text-align: left;
  border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 993px) {
  .aside-articles-btn-mob {
    display: none;
  }
}
.aside-articles-btn-mob:before {
  content: "";
  width: 35px;
  height: 35px;
  background: url("../../i/container.svg#icon-83") no-repeat;
  left: 19px;
  top: 6px;
  position: absolute;
}
.aside-articles-btn-mob:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../../i/container.svg#icon-81") no-repeat;
  background-size: 16px auto;
  right: 16px;
  top: 16px;
  position: absolute;
}

@media (max-width: 992px) {
  .aside-articles-products .catalog-box .tab-pane {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    height: 100%;
    background: #fff;
    width: 85%;
  }
}

@media (max-width: 992px) {
  .aside-articles-products .catalog-box .catalog-box__ins {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
  }
  .aside-articles-products .catalog-box .catalog-box__dropdown {
    width: auto;
  }
  .aside-articles-products .catalog-box .catalog-box__navi .nav-link.active {
    background: none;
    color: #000;
    border-radius: 0;
  }
  .aside-articles-products .catalog-box__navi {
    padding: 0 !important;
  }
}
.top-article {
  padding: 0 0 30px 0;
}
.top-article__title {
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  color: #000000;
  padding: 0 0 20px 0;
  margin: 0;
}
@media (max-width: 992px) {
  .top-article__title {
    font-size: 20px;
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  .articles-container__list-col--single-4 .articles-container__list-col__item {
    width: 25%;
    min-width: 25%;
  }
}
.articles-container__list-col--single-4 .article-item__wrap-title, .articles-container__list-col--single-4 .article-item__title {
  margin: 0;
}

.article-single__row {
  display: grid;
  grid-template-areas: "head aside" "body aside";
  grid-template-columns: 68% 32%;
  grid-template-rows: auto auto;
  align-content: start;
  padding: 15px 0 80px 0;
}
@media (max-width: 992px) {
  .article-single__row {
    grid-template-areas: "head" "aside" "body";
    grid-template-columns: 100%;
    padding: 10px 0 50px 0;
  }
}
.article-single__head {
  grid-area: head;
}
.article-single__aside {
  grid-area: aside;
  margin: 0 0 0 30px;
}
@media (max-width: 992px) {
  .article-single__aside {
    margin: 0;
  }
}
.article-single__body {
  grid-area: body;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #707070;
}
.article-single__body h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #000;
  margin: 0;
  padding: 15px 0 10px 0;
}
.article-single__body strong {
  font-weight: 500;
  color: #000;
}
.article-single__body p {
  margin: 0;
  padding: 0 0 15px 0;
}
.article-single__body ul {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}
.article-single__body ul li {
  padding: 0 0 0 16px;
  position: relative;
}
.article-single__body ul li:before {
  content: "•";
  left: 0;
  top: 0;
  position: absolute;
  width: 16px;
  text-align: center;
}
.article-single__body a {
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid #000;
}
.article-single__body a:hover {
  text-decoration: none;
  color: #556710;
  border-color: #556710;
}
.article-single__box-border {
  border: 1px solid #e3e3e3;
  padding: 40px;
  margin: 0 0 30px 0;
}
@media (max-width: 1280px) {
  .article-single__box-border {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .article-single__box-border {
    padding: 0 0 20px 0;
    border: none;
    margin: 0;
  }
}
.article-single__box-border img {
  width: 100%;
  max-width: unset;
}
.article-single .pagehead-container {
  padding: 0 0 20px 0;
  margin: 0;
}
.article-single .pic-list {
  display: grid;
  grid-template-columns: auto auto auto;
  margin: 0 -8px;
}
.article-single .pic-list__item {
  padding: 0 8px 16px 8px;
  flex-grow: 1;
}
@media (max-width: 620px) {
  .article-single .pic-list {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 480px) {
  .article-single .pic-list {
    grid-template-columns: auto;
  }
}
.article-single__share-box {
  padding: 30px;
  border: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 30px 0;
}
@media (max-width: 992px) {
  .article-single__share-box {
    margin: 20px 0;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .article-single__share-box {
    margin: 20px 0;
    padding: 15px;
    display: block;
  }
  .article-single__share-box .likes-box {
    padding: 0 0 15px 0;
  }
}
@media (max-width: 480px) {
  .article-single__share-box {
    padding: 15px;
  }
  .article-single__share-box .social-list-share {
    flex-wrap: wrap;
  }
  .article-single__share-box .social-list-share__item--label {
    display: block;
    width: 100%;
    padding-bottom: 10px;
  }
}
@media (max-width: 380px) {
  .article-single__share-box .likes-box .btn-like, .article-single__share-box .likes-box .btn-dislike {
    margin-left: 7px;
  }
}
.article-single .article-label {
  position: static;
  left: auto;
  top: auto;
  margin: 0 0 25px 0;
}
@media (max-width: 992px) {
  .article-single .article-label {
    margin: 0 0 10px 0;
  }
}
.article-single .meta-info-list {
  flex-wrap: wrap;
}
.article-single .meta-info-list__item {
  margin-bottom: 10px;
}

.table-of-contents {
  padding: 25px 0 0 0;
  margin: 25px 0 0 0;
  border-top: 1px solid #e3e3e3;
}
@media (max-width: 992px) {
  .table-of-contents {
    padding: 20px 0 20px 0;
    margin: 20px 0 0 0;
    border-bottom: 1px solid #e3e3e3;
  }
}
.table-of-contents__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  padding: 0 0 10px 0;
}
@media (max-width: 992px) {
  .table-of-contents__title {
    background: #F5F5F5;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000;
    padding: 15px 40px 15px 15px;
    position: relative;
    margin: 0;
  }
  .table-of-contents__title:before {
    content: "";
    width: 24px;
    height: 25px;
    position: absolute;
    right: 11px;
    top: 11px;
    background: url("../../i/container.svg#icon-84") no-repeat;
  }
  .table-of-contents__title[aria-expanded=false]:before {
    transform: rotate(180deg);
  }
}
.table-of-contents__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .table-of-contents__list {
    margin: 15px 0 0 0;
  }
  .table-of-contents__list > li:last-child {
    padding-bottom: 0;
  }
}
.table-of-contents__list li {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  padding: 0 0 15px 20px;
  position: relative;
  line-height: 1.3;
}
.table-of-contents__list li:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 5px;
  top: 7px;
  background: #94B80A;
  border-radius: 50%;
}
@media (min-width: 993px) {
  .table-of-contents__wrapper {
    display: block !important;
  }
}

.portal .categories-slider-progress-bar-container {
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .portal .categories-slider {
    display: block !important;
  }
}
.portal__row {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin: 0 0 120px 0;
}
@media (max-width: 768px) {
  .portal__row {
    display: block;
    margin: 0 0 70px 0;
  }
}
.portal__item {
  border: 1px solid #e3e3e3;
  border-left: none;
  border-top: none;
  min-height: 330px;
  padding: 25px;
}
@media (max-width: 992px) {
  .portal__item {
    padding: 15px 15px 20px 15px;
  }
}
@media (max-width: 768px) {
  .portal__item {
    min-height: 20px;
    padding: 15px;
  }
}
.portal__base {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin: 0 0 15px 0;
}
@media (max-width: 768px) {
  .portal__base {
    margin: 0;
    position: relative;
    width: 100%;
    padding: 0 25px 0 0;
  }
  .portal__base:after {
    content: "";
    width: 25px;
    height: 25px;
    background: url("../../i/container.svg#icon-85") no-repeat;
    position: absolute;
    right: 0px;
    top: 50%;
    margin: -13px 0 0 0;
  }
  .portal__base[aria-expanded=true]:after {
    transform: rotate(180deg);
  }
}
.portal__base__pic {
  width: 80px;
  flex-shrink: 0;
  margin: 0 10px 0 0;
  display: block;
}
.portal__base__pic img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .portal__base__pic {
    width: 50px;
    height: 50px;
  }
}
.portal__base__text {
  display: block;
}
.portal__base__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #000;
  display: block;
}
.portal__base__sub-title {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #707070;
}
.portal__sublist {
  list-style: none;
  padding: 0 0 8px 0;
  margin: 0;
}
@media (max-width: 768px) {
  .portal__sublist {
    padding: 10px 0 0 0;
  }
}
.portal__sublist__item {
  padding: 0 0 8px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
}
.portal__sublist__link {
  color: #000;
  text-decoration: none;
}
.portal__sublist__link span {
  color: #707070;
}
.portal__all-items {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}
.portal__all-items__link {
  color: #000;
  padding: 0 18px 0 0;
  text-decoration: none;
  position: relative;
}
.portal__all-items__link:after {
  content: "";
  width: 6px;
  height: 10px;
  background: url("../../i/container.svg#icon-32") center no-repeat;
  position: absolute;
  right: 3px;
  top: 4px;
}
.portal__item--nolist {
  display: flex;
  align-items: center;
  justify-content: center;
}
.portal__item--nolist .portal__base {
  display: block;
  text-align: center;
}
.portal__item--nolist .portal__base__pic {
  height: 150px;
  width: 150px;
  margin: 0 0 10px 0;
}
.portal__item--nolist .portal__base:after {
  display: none !important;
}
@media (max-width: 768px) {
  .portal__item--nolist {
    display: block;
  }
  .portal__item--nolist .portal__base {
    display: flex;
    text-align: left;
  }
  .portal__item--nolist .portal__base__pic {
    height: 50px;
    width: 50px;
    margin: 0 10px 0 0;
  }
  .portal__item--nolist .portal__base__text {
    flex-grow: 1;
  }
}
@media (min-width: 769px) {
  .portal__wrap-sublist {
    display: block !important;
  }
}

/* about */
.about {
  padding: 0 0 60px 0;
}
.about .categories-slider {
  margin-top: 0;
  margin-bottom: 20px;
}
.about .categories-slider__name {
  font-size: 40px;
  margin: 10px 0 50px 0;
}
.about .categories-slider__label {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.about .categories-slider__label:before {
  height: 28px;
}
.about .categories-slider__btn {
  font-size: 14px;
  padding: 0.65rem 1.6rem;
}
.about__artice {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #707070;
}
.about__artice h2 {
  font-weight: 600;
  font-size: 25px;
  line-height: 130%;
  color: #000;
  margin: 0;
  padding: 0 0 30px 0;
}
@media (max-width: 992px) {
  .about__artice h2 {
    font-size: 21px;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 768px) {
  .about__artice h2 {
    font-size: 18px;
    padding: 0 0 20px 0;
  }
}
.about__artice h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #000;
  margin: 0 0 15px 0;
  padding: 0;
}
@media (max-width: 768px) {
  .about__artice h3 {
    font-size: 14px;
  }
}
.about__artice p {
  padding: 0 0 15px 0;
  margin: 0;
}
.about__artice strong {
  color: #000;
  font-weight: 500;
}
.about__artice q {
  display: block;
  background: #F5F8E7;
  border-radius: 10px;
  padding: 20px 20px 20px 41px;
  position: relative;
  margin: 15px 0 30px 0;
  color: #000;
}
.about__artice q:before {
  content: "";
  width: 3px;
  height: calc(100% - 40px);
  left: 20px;
  top: 20px;
  position: absolute;
  background: #94B80A;
  border-radius: 3px;
}
@media (max-width: 768px) {
  .about__artice q {
    padding: 15px 15px 15px 35px;
  }
  .about__artice q:before {
    left: 17px;
    width: 2px;
  }
}
.about__stat-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0 0 50px 0;
}
.about__stat-list__item {
  width: calc(25% - 20px);
  margin: 0 10px 20px 10px;
  flex-shrink: 0;
  background: rgba(245, 248, 231, 0.8);
  border-radius: 10px;
  padding: 10px;
}
@media (max-width: 992px) {
  .about__stat-list__item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .about__stat-list__item {
    width: calc(100% - 20px);
    margin: 0 10px 10px 10px;
  }
}
.about__stat-list__value {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
  color: #94B80A;
}
@media (max-width: 480px) {
  .about__stat-list__value {
    font-size: 25px;
  }
}
.about__stat-list__label {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #3D3D3D;
}
.about__buy-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0 0 50px 0;
}
.about__buy-list__item {
  padding: 0 10px 20px 10px;
  width: 33.3333%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .about__buy-list__item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .about__buy-list__item {
    width: 100%;
    padding: 0 10px 10px 10px;
  }
}
.about__buy-list__link {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #000;
}
@media (max-width: 480px) {
  .about__buy-list__link {
    font-size: 14px;
    line-height: 130%;
    font-weight: 500;
  }
}
.about__buy-list__ico {
  width: 35px;
  height: 35px;
  margin: 0 5px 0 0;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .about__buy-list__ico {
    width: 30px;
    height: 30px;
  }
}
.about__faq-list {
  padding: 0 0 55px 0;
}
.about__wrap-table {
  margin: 0 0 50px 0;
  overflow-x: auto;
}
.about__wrap-table .table {
  min-width: 768px;
  margin: 0;
}
.about__buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 70px 0;
}
@media (max-width: 480px) {
  .about__buttons .btn {
    margin-right: 0 !important;
    width: 100% !important;
  }
}
.about__highlight-text {
  background: #F5F5F5;
  border: 1px solid #e3e3e3;
  padding: 30px 110px 30px 30px;
  margin: 0 0 40px 0;
  position: relative;
}
.about__highlight-text:before {
  content: "";
  width: 73px;
  height: 71px;
  position: absolute;
  top: 50%;
  margin: -35px 0 0 0;
  right: 20px;
  background: url("../../i/container.svg#icon-86") no-repeat;
}
@media (max-width: 992px) {
  .about__highlight-text {
    padding: 20px 110px 20px 20px;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .about__highlight-text {
    padding: 90px 15px 15px 15px;
    margin: 0;
  }
  .about__highlight-text:before {
    margin: 0;
    top: 10px;
    right: auto;
    left: 15px;
  }
}
.about__highlight-text > p:last-child {
  padding: 0;
  margin: 0;
}

.table {
  border: none;
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  margin: 0 0 50px 0;
}
.table th {
  border: none;
  text-align: left;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #707070;
}
.table td {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  padding: 15px;
  border: none;
}
.table tbody > tr:nth-child(odd) td {
  background: #F5F5F5;
}
.table tbody > tr > td:first-child {
  border-radius: 5px 0 0 5px;
}
.table tbody > tr > td:last-child {
  border-radius: 0 5px 5px 0;
}

.video-placeholder {
  margin: 0 0 70px 0;
}
@media (max-width: 768px) {
  .video-placeholder {
    margin: 0 0 50px 0;
  }
}
.video-placeholder__link {
  display: block;
  position: relative;
}
.video-placeholder__link img {
  display: block;
  width: 100%;
  height: auto;
}
.video-placeholder__link:after {
  content: "";
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin: -40px 0 0 -40px;
  border-radius: 50%;
  background: #94B80A url("../../i/container.svg#icon-30") 31px center no-repeat;
  background-size: 25px auto;
}
@media (max-width: 768px) {
  .video-placeholder__link:after {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    background: #94B80A url("../../i/container.svg#icon-30") 21px center no-repeat;
    background-size: 12px auto;
  }
}

.article-filter-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 10px 0;
}
.article-filter-row .data-filter-list {
  margin: 0;
  padding: 0;
}
.article-filter-row .sorting-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}
.article-filter-row .sorting-box .select2-container--default .select2-selection--single {
  height: 35px;
}
.article-filter-row .sorting-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
}
@media (max-width: 768px) {
  .article-filter-row .sorting-box {
    display: none;
  }
}

.modal-showroom__address {
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #000;
  font-style: normal;
  margin: 0 0 10px 0;
  padding: 0;
}
.modal-showroom .opening-hours__row:last-child {
  margin-bottom: 20px;
}
.modal-showroom .opening-hours__days {
  background: #F5F5F5;
  color: #000;
  width: auto;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 10px;
}
.modal-showroom .opening-hours__time {
  color: #707070;
}

.city-select-box {
  padding: 0 0 15px 0;
}
.city-select-box .select2.select2-container {
  width: auto !important;
}
.city-select-box .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0;
  height: 24px;
}
.city-select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding-left: 0;
}
.city-select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0;
  width: 15px;
  height: 16px;
  top: 5px;
  background: url("../../i/container.svg#icon-50") no-repeat;
}
.city-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.dropdown-sorting-select-city {
  min-width: 260px !important;
}

.modal-gallery-thumb {
  height: 0;
  overflow: hidden;
}
@media (max-width: 575px) {
  .modal-gallery-thumb {
    height: auto;
    overflow: visible;
    margin: 10px 0 18px 0;
  }
}
.modal-gallery-thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  cursor: pointer;
}

@media (max-width: 575px) {
  .modal-gallery .swiper-scrollbar {
    display: none !important;
  }
}
.modal.fade {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}

.modal.fade.show {
  display: block !important;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}

.select2-container--default .dropdown-select {
  min-width: 150px;
}

.form-check-group-main input[type=checkbox] + label {
  font-weight: 500;
}

.form-check-group {
  padding: 0 0 5px 20px;
}

.svg-container {
  width: 0;
  height: 0;
  overflow: hidden;
}

.catalog-box__side-nav {
  overflow: hidden;
  display: block !important;
  position: relative;
  visibility: visible;
  transition: none !important;
}
.catalog-box__side-nav.smooth:after {
  height: 76px;
  width: 98%;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 73.96%);
}
.catalog-box__side-nav.show {
  max-height: unset !important;
  height: auto !important;
  transition: none !important;
}
.catalog-box__view-side {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
}
.catalog-box__view-side__btn {
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  color: #000;
  cursor: pointer;
  position: relative;
  padding: 0 18px 0 0;
  background: none;
}
.catalog-box__view-side__btn:after {
  content: "";
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  position: absolute;
  background: url("../../i/container.svg#icon-50") right center no-repeat;
  background-size: 15px 15px;
}
.catalog-box__view-side__btn[aria-expanded=true]:after {
  transform: rotate(180deg);
}

.card-block__assembly-meta-row {
  padding-bottom: 15px;
  align-items: center;
}
.card-block__assembly-author {
  font-weight: 400;
  font-size: 13px;
  line-height: 135%;
  color: #000;
}
.card-block__assembly-author span {
  color: #707070;
}
@media (max-width: 576px) {
  .card-block__assembly-author {
    margin: 0 0 10px 0;
  }
}

.assembly-status {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  display: inline-flex;
  padding: 5px 8px;
}
.assembly-status--enable {
  color: #556710;
  background: #F5FFD0;
}

@media (max-width: 768px) {
  .composition-components {
    border-top: 1px solid #e3e3e3;
    margin: 0 -15px;
    padding: 0 15px;
  }
}
.composition-components__item {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .composition-components__item {
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 15px;
    border-bottom: 1px solid #e3e3e3;
  }
}
.composition-components__item--not-available {
  background: #FFF3F0;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .composition-components__item--not-available {
    border-radius: 0;
  }
}
.composition-components__col-pic-txt-wrapper {
  min-width: 40%;
  max-width: 360px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .composition-components__col-pic-txt-wrapper {
    min-width: 100%;
    max-width: 100%;
    position: relative;
    padding: 17px 0 18px 0;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .composition-components__col-pic-txt-wrapper {
    order: 1;
  }
}
.composition-components__col-pic {
  width: 55px;
  flex-shrink: 0;
  padding: 5px;
  margin: 0 10px 0 0;
}
.composition-components__col-name {
  flex-grow: 1;
}
.composition-components__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  padding: 0 0 5px 0;
}
@media (max-width: 768px) {
  .composition-components__label {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (max-width: 480px) {
  .composition-components__col-control {
    width: 100%;
    padding: 20px 0 0 0;
    order: 5;
  }
}
.composition-components__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  margin: 0 0 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.composition-components__video-review {
  font-weight: 500;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.composition-components__video-review a {
  color: #000;
}
.composition-components .not-enough {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #EE3535;
  padding: 0 5px 0 21px;
  position: relative;
}
.composition-components .not-enough:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: -2px;
  background: #FFE0E0 url("../../i/container.svg#icon-168") center center no-repeat;
  background-size: 2px 10px;
  border-radius: 50%;
}
.composition-components__col-ratio {
  flex-shrink: 0;
  min-width: 60px;
  margin: 0 10px;
  text-align: center;
}
@media (max-width: 768px) {
  .composition-components__col-ratio {
    margin: 0 10px 0 0;
    min-width: unset;
  }
}
@media (max-width: 480px) {
  .composition-components__col-ratio {
    order: 3;
    margin: 0;
  }
}
.composition-components__col-amount {
  margin: 0 10px;
  min-width: 90px;
  text-align: center;
}
@media (max-width: 480px) {
  .composition-components__col-amount {
    order: 4;
    margin: 0;
  }
}
.composition-components__code {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  padding: 0 0 5px 0;
}
.composition-components__amount {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  white-space: nowrap;
}
.composition-components__amount em {
  font-style: normal;
  color: #707070;
}
.composition-components__amount .currency {
  font-size: 13px;
}
.composition-components__col-total-summ {
  margin: 0 10px;
  min-width: 150px;
  text-align: right;
}
@media (max-width: 480px) {
  .composition-components__col-total-summ {
    order: 2;
    margin: 0;
  }
}
.composition-components__summ {
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}
.composition-components__summ .currency {
  font-size: 14px;
}
@media (max-width: 480px) {
  .composition-components__summ {
    font-size: 16px;
  }
  .composition-components__summ .currency {
    font-size: 12px;
  }
}
.composition-components .btn-edit {
  padding: 0;
  height: 40px;
  width: 40px;
  font-size: 0;
  line-height: 0;
}
.composition-components .btn-edit:before {
  margin: 0 0 0 2px;
}
@media (max-width: 480px) {
  .composition-components .btn-edit {
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
  }
  .composition-components .btn-edit:before {
    margin: 0 10px 0 0;
  }
}

.additional-features {
  display: flex;
  flex-wrap: wrap;
}
.additional-features__item {
  border: 1px solid #e3e3e3;
  width: 16.6666%;
  flex-shrink: 0;
  padding: 10px;
}
@media (max-width: 768px) {
  .additional-features__item {
    width: 33.33333%;
  }
}
@media (max-width: 480px) {
  .additional-features__item {
    width: 50%;
  }
}
.additional-features__item + .additional-features__item {
  border-left: none;
}
@media (max-width: 768px) {
  .additional-features__item:nth-child(3n+1) {
    border-left: 1px solid #e3e3e3;
  }
  .additional-features__item:nth-child(n+4) {
    border-top: none;
  }
}
@media (max-width: 480px) {
  .additional-features__item:nth-child(3n+1) {
    border-left: none;
  }
  .additional-features__item:nth-child(2n+1) {
    border-left: 1px solid #e3e3e3;
  }
  .additional-features__item:nth-child(n+3) {
    border-top: none;
  }
}
.additional-features__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
  width: 80px;
  height: 80px;
  border: 2px dashed #e3e3e3;
  border-radius: 40px;
  position: relative;
}
.additional-features__ico:before {
  content: "";
  width: 62px;
  height: 62px;
  border-radius: 31px;
  background: #A6C617;
  position: absolute;
  left: 7px;
  top: 7px;
  z-index: 0;
}
.additional-features__ico img {
  display: block;
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.additional-features__txt {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  color: #333;
}

.before-config__row {
  display: flex;
  margin: 0 -15px;
  padding: 25px 0 100px;
}
@media (max-width: 992px) {
  .before-config__row {
    display: block;
    margin: 0;
    padding: 20px 0 60px 0;
  }
}
.before-config__btns-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.before-config__btns-row .btn {
  margin: 0 8px 15px 8px;
  white-space: nowrap;
}
.before-config__left-col {
  margin: 0 15px;
  flex-shrink: 0;
  width: calc(50% - 30px);
  background: #F5F8E7;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 30px;
}
@media (max-width: 1200px) {
  .before-config__left-col {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .before-config__left-col {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
  }
}
@media (max-width: 620px) {
  .before-config__left-col {
    flex-direction: column;
    text-align: center;
    display: block;
    padding: 30px 20px;
  }
  .before-config__left-col .btn {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .before-config__left-col .btn {
    width: 100%;
    white-space: nowrap;
  }
}
.before-config__left-col p {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #707070;
  margin: 0;
  padding: 0 0 25px 0;
}
@media (max-width: 620px) {
  .before-config__left-col p {
    font-size: 14px;
  }
}
.before-config__right-col {
  margin: 0 15px;
  flex-shrink: 0;
  width: calc(50% - 30px);
  border: 1px solid #e3e3e3;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
}
@media (max-width: 1200px) {
  .before-config__right-col {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .before-config__right-col {
    width: 100%;
    padding: 30px 20px;
    margin: 0;
  }
}
.before-config__pic {
  margin: 0 10% 0 0;
}
@media (max-width: 1200px) {
  .before-config__pic {
    margin: 0 6% 0 0;
  }
}
@media (max-width: 620px) {
  .before-config__pic {
    margin: 0 auto 30px auto;
    width: 94px;
  }
}
.before-config__title {
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  padding: 0 0 15px 0;
}
@media (max-width: 620px) {
  .before-config__title {
    font-size: 18px;
    padding: 0 0 15px 0;
  }
}
.before-config__need-help-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000;
  text-align: center;
  margin: 0;
  padding: 0 0 30px 0;
}
@media (max-width: 620px) {
  .before-config__need-help-title {
    font-size: 18px;
    padding: 0 0 12px 0;
    font-weight: 600;
  }
}
.before-config__need-help-btns {
  display: flex;
  justify-content: center;
}
@media (max-width: 620px) {
  .before-config__need-help-btns {
    flex-wrap: wrap;
  }
}
.before-config__need-help-btns .btn {
  margin: 0 8px;
}
@media (max-width: 620px) {
  .before-config__need-help-btns .btn {
    margin: 8px auto;
    width: 90%;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .before-config__need-help-btns .btn {
    width: 100%;
  }
}

.checking-order-status__row {
  display: flex;
  margin: 0 -16px;
  padding: 25px 0 120px 0;
}
@media (max-width: 992px) {
  .checking-order-status__row {
    margin: 0;
    display: block;
    padding: 20px 0 80px 0;
  }
}
.checking-order-status__col-form {
  margin: 0 15px;
  flex-shrink: 0;
  width: calc(60% - 30px);
  border: 1px solid #e3e3e3;
  border-radius: 20px;
  padding: 40px;
}
@media (max-width: 1240px) {
  .checking-order-status__col-form {
    padding: 30px;
  }
}
@media (max-width: 992px) {
  .checking-order-status__col-form {
    margin: 0 0 30px 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .checking-order-status__col-form {
    padding: 30px 15px;
  }
}
.checking-order-status__col-call {
  margin: 0 15px;
  flex-shrink: 0;
  width: calc(40% - 30px);
  background: #F5F8E7;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px;
}
@media (max-width: 1240px) {
  .checking-order-status__col-call {
    padding: 30px;
  }
}
@media (max-width: 992px) {
  .checking-order-status__col-call {
    margin: 0 0 30px 0;
    width: 100%;
    background: none;
    border: 1px solid #e3e3e3;
  }
}
@media (max-width: 768px) {
  .checking-order-status__col-call {
    padding: 30px 15px;
    margin: 0;
  }
}
.checking-order-status__col-call p {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  margin: 0 auto;
  max-width: 500px;
  padding: 0 0 30px 0;
  color: #707070;
}
@media (max-width: 768px) {
  .checking-order-status__col-call p {
    font-size: 14px;
    padding: 0 0 20px 0;
  }
}
.checking-order-status__title {
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  text-align: left;
  padding: 0 0 30px 0;
  margin: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .checking-order-status__title {
    text-align: center;
    font-size: 21px;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 480px) {
  .checking-order-status__title {
    text-align: center;
    font-size: 18px;
    padding: 0 0 20px 0;
  }
}
.checking-order-status__number-not-enought {
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  color: #000;
  margin: 0;
  padding: 0 0 15px 0;
  text-align: center;
}
@media (max-width: 992px) {
  .checking-order-status__number-not-enought {
    font-size: 21px;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 480px) {
  .checking-order-status__number-not-enought {
    font-size: 18px;
    padding: 0 0 20px 0;
  }
}
.checking-order-status__controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 840px) {
  .checking-order-status__controls {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.checking-order-status__controls .btn {
  margin-right: 25px;
}
@media (max-width: 840px) {
  .checking-order-status__controls .btn {
    margin: 0;
    order: 2;
  }
}
@media (max-width: 480px) {
  .checking-order-status__controls .btn {
    width: 100%;
    text-align: center;
  }
}

.form-input-sub-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  padding: 10px 0 30px 0;
  color: #707070;
}
@media (max-width: 840px) {
  .form-input-sub-text {
    padding: 10px 0 20px 0;
  }
}

.alert-inline {
  display: inline-flex;
  font-weight: 500;
  font-size: 13px;
  line-height: 110%;
  color: #000;
  padding: 6px 10px 6px 26px;
  position: relative;
  background: #FFE0E0;
  border-radius: 8px;
  margin: 15px 0;
}
.alert-inline:before {
  content: "";
  background: #F10C0C url("../../i/container.svg#icon-169") center center no-repeat;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-size: 2px 10px;
  position: absolute;
  top: 6px;
  left: 6px;
}

@media (max-width: 840px) {
  .checking-order-status__row .alert-inline {
    order: 1;
    margin: 0 0 25px 0;
  }
}
.checking-order-status-result {
  padding: 25px 0 120px 0;
  position: relative;
}
@media (max-width: 768px) {
  .checking-order-status-result {
    padding: 20px 0 80px 0;
  }
}
.checking-order-status-result .order-item {
  border: none;
  padding: 0;
  display: flex;
}
@media (max-width: 1440px) {
  .checking-order-status-result .order-item__delivered-company {
    display: block;
  }
}
@media (max-width: 992px) {
  .checking-order-status-result .order-item {
    flex-wrap: wrap;
  }
  .checking-order-status-result .order-item__btn-add-review {
    display: block;
  }
}
@media (max-width: 768px) {
  .checking-order-status-result .order-item__body {
    padding-top: 10px;
  }
  .checking-order-status-result .order-item__header:after {
    display: none;
  }
  .checking-order-status-result .order-item__delivery-status {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .checking-order-status-result .order-item__delivered-company, .checking-order-status-result .order-item__number {
    display: none;
  }
}
@media (max-width: 480px) {
  .checking-order-status-result .order-item__summary {
    flex-wrap: wrap;
  }
  .checking-order-status-result .order-item__summary__list {
    padding: 0;
    order: 1;
  }
  .checking-order-status-result .order-item__summary__btn-repeat {
    order: 2;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
    padding: 12px 15px;
  }
  .checking-order-status-result .order-item__btn-add-review, .checking-order-status-result .order-item__btn-add-review:hover, .checking-order-status-result .order-item__btn-add-review:focus, .checking-order-status-result .order-item__btn-add-review:active {
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: none;
    color: #000;
    line-height: 1.35;
    border: none;
    border-bottom: 1px dashed #000;
  }
  .checking-order-status-result .order-item__product-list__item__name {
    height: 37px;
  }
  .checking-order-status-result .order-item__product-list__item {
    position: relative;
  }
  .checking-order-status-result .order-item__product-list__item__col-bonus {
    width: auto;
    min-width: unset;
    padding: 0;
    position: absolute;
    top: 55px;
    right: 90px;
  }
  .checking-order-status-result .order-item__product-list__item__photo {
    width: 50px;
    min-width: 50px;
  }
  .checking-order-status-result .order-item__product-list__item__option__price {
    right: -80px;
  }
  .checking-order-status-result .order-item__details-list__item {
    display: block;
  }
  .checking-order-status-result .order-item__details-list__item__label {
    width: 100%;
    min-width: 100%;
    padding: 0 0 5px 0;
  }
}
.checking-order-status-result .order-item__left-col {
  width: 48.5%;
  flex-shrink: 0;
  margin: 0 3% 0 0;
  border-radius: 10px;
  padding: 45px;
  border: 1px solid #e3e3e3;
}
@media (max-width: 1100px) {
  .checking-order-status-result .order-item__left-col {
    padding: 30px;
  }
}
@media (max-width: 992px) {
  .checking-order-status-result .order-item__left-col {
    margin: 0 0 30px 0;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
  }
}
.checking-order-status-result .order-item__right-col {
  width: 48.5%;
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 992px) {
  .checking-order-status-result .order-item__right-col {
    width: 100%;
  }
}
.checking-order-status-result .order-item__right-col-container {
  border-radius: 10px;
  padding: 45px;
  border: 1px solid #e3e3e3;
}
@media (max-width: 1100px) {
  .checking-order-status-result .order-item__right-col-container {
    padding: 30px;
  }
}
@media (max-width: 992px) {
  .checking-order-status-result .order-item__right-col-container {
    padding: 0;
    border: none;
    border-radius: 0;
  }
}
.checking-order-status-result .order-item__right-col-inner {
  padding: 0 30px 0 0;
  max-height: 680px;
  overflow-y: auto;
}
@media (max-width: 992px) {
  .checking-order-status-result .order-item__right-col-inner {
    overflow-y: unset;
    max-height: unset;
    padding: 0;
  }
}
.checking-order-status-result .order-item__title-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 25px 0;
}
@media (max-width: 768px) {
  .checking-order-status-result .order-item__title-col {
    padding: 0 0 10px 0;
  }
}
.checking-order-status-result .order-item__product-list-title-mobile {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  padding: 0 0 20px 0;
  margin: 0;
  display: none;
}
@media (max-width: 992px) {
  .checking-order-status-result .order-item__product-list-title-mobile {
    display: block;
  }
}
.checking-order-status-result .order-item__btn-add-review {
  margin: 0;
}
.checking-order-status-result .order-item__title {
  font-weight: 500;
  font-size: 25px;
}
@media (max-width: 768px) {
  .checking-order-status-result .order-item__title {
    font-size: 18px;
  }
}
.question-item {
  border: 1px solid #e3e3e3;
  margin: 0 0 25px 0;
}
@media (max-width: 768px) {
  .question-item {
    margin: 0 0 15px 0;
  }
}
.question-item__head {
  padding: 18px 30px;
}
@media (max-width: 768px) {
  .question-item__head {
    padding: 15px;
  }
}
.question-item__head__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 10px 0;
  flex-wrap: wrap;
}
.question-item__head__name {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  color: #000;
  padding: 2px 10px 0 0;
}
.question-item__head__label {
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #000;
  padding: 6px 8px;
  background: linear-gradient(0deg, #F5FFD0, #F5FFD0), #EBFFA0;
}
.question-item__head__date {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #707070;
  white-space: nowrap;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  padding: 6px 0 0 0;
}
.question-item__head__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #000;
  padding: 0 0 15px 0;
}
.question-item__body {
  border-top: 1px solid #e3e3e3;
  padding: 20px 30px;
}
@media (max-width: 768px) {
  .question-item__body {
    padding: 15px;
  }
}
.question-item__btn-answer {
  font-weight: 600;
}
.question-item__answer__author {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  padding: 0 0 5px 0;
}
.question-item__answer__author img {
  display: block;
  height: auto;
  max-width: 85px;
  margin: 0 0 3px 0;
}
.question-item__answer__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #000;
  padding: 0 0 5px 0;
}
.question-item__answer__links {
  font-weight: 600;
  font-size: 12px;
}
.question-item__answer__link {
  color: #000;
  text-decoration: none;
}
.question-item__answer__link:hover {
  color: #000;
  text-decoration: none;
}
.question-item__answer__separator {
  padding: 0;
  font-size: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  color: #000;
  width: 1px;
  height: 18px;
  background: #000;
  margin: 0 15px;
}
.question-item__view-more {
  padding: 10px 0 0 0;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
}
.question-item__view-more a {
  color: #000;
  border-color: #000;
}
.question-item__view-more a:hover, .question-item__view-more a:focus, .question-item__view-more a:active {
  color: #000;
  border-color: #000;
}
.question-item__view-more__hide {
  display: none;
}

.question-item__answer + .question-item__answer {
  padding-top: 20px;
}

.question-item__view-more a[aria-expanded=true] .question-item__view-more__show {
  display: none;
}
.question-item__view-more a[aria-expanded=true] .question-item__view-more__hide {
  display: inline;
}

@media (min-width: 993px) {
  .goto-wrapper-pos {
    display: none;
  }
}
.goto-wrapper-pos {
  position: fixed;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 30;
  display: flex;
  justify-content: center;
  padding: 0 15px;
}

.modal-select-bank .modal-header {
  padding: 0;
  margin: 0;
}
.modal-select-bank .modal-content {
  background: #F5F5F5;
}
.modal-select-bank .modal-title {
  font-size: 25px;
  line-height: 1.45;
  font-weight: 500;
  padding: 0 0 20px 0;
  margin: 0;
}

.credit-item {
  background: #fff;
  border: 1px solid #e3e3e3;
  padding: 30px;
  margin: 0 0 20px 0;
  border-radius: 10px;
}
@media (max-width: 640px) {
  .credit-item {
    padding: 20px;
  }
}
.credit-item__header {
  position: relative;
  cursor: pointer;
}
.credit-item__logo {
  padding: 0 0 5px 0;
}
.credit-item__title {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.credit-item__btn-toggle {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-item__btn-toggle:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../i/container.svg#icon-189") center center no-repeat;
  display: block;
  margin: 0 10px 0 0;
}
.credit-item__num-pays {
  padding: 30px 0 5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #707070;
}
.credit-item__list-opts {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  padding: 0 0 20px 0;
}
@media (max-width: 640px) {
  .credit-item__list-opts {
    display: none;
  }
}
.credit-item__num-pays-label {
  padding: 0 0 10px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #707070;
}
.credit-item__mob-select {
  max-height: 0;
  overflow: hidden;
}
@media (max-width: 640px) {
  .credit-item__mob-select {
    max-height: unset;
    overflow: visible;
    padding: 0 0 20px 0;
  }
}
.credit-item__opt-item {
  padding: 0 5px 10px 5px;
  width: 25%;
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .credit-item__opt-item {
    width: 120px;
  }
}
.credit-item__opt-item input[type=radio] {
  display: none;
}
.credit-item__opt-item input[type=radio] + label {
  display: block;
  padding: 12px 16px;
  background: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  color: #000;
  white-space: nowrap;
  border-radius: 40px;
  border: 1px solid #CACACA;
  cursor: pointer;
  text-align: center;
}
.credit-item__opt-item input[type=radio] + label:before, .credit-item__opt-item input[type=radio] + label:after {
  display: none;
}
.credit-item__opt-item input[type=radio]:checked + label {
  border-color: #A2C617;
  color: #A2C617;
  background: #F5F8E7;
}
.credit-item__month-pay {
  padding: 0 0 30px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #707070;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 0 30px 0;
}
.credit-item__month-pay span {
  color: #F1430C;
  font-size: 40px;
  white-space: nowrap;
}
.credit-item__month-pay span i {
  font-style: normal;
  font-size: 22px;
}
.credit-item__cols {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 640px) {
  .credit-item__cols {
    display: block;
  }
}
.credit-item__left-side {
  padding: 0 20px 0 0;
}
@media (max-width: 640px) {
  .credit-item__left-side {
    padding: 0 0 20px 0;
  }
}
.credit-item__ichar {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #707070;
}
.credit-item__ichar__label {
  padding: 0 20px 0 0;
}
.credit-item__ichar__value {
  white-space: nowrap;
}
.credit-item__conditions {
  padding: 15px 0 0 0;
}
.credit-item__conditions a {
  font-size: 12px;
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}
.credit-item__conditions a:hover {
  color: #000;
  text-decoration: none;
}

.credit-item__ichar + .credit-item__ichar {
  padding-top: 5px;
}

@media (min-width: 640px) {
  .credit-item {
    display: block !important;
    opacity: 1 !important;
  }
}
.credit-item__mobile-nav {
  display: none;
  list-style: none !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  border: none !important;
}
.credit-item__mobile-nav li {
  padding-bottom: 8px !important;
  margin-bottom: 15px;
}
.credit-item__mobile-nav li + li {
  padding-left: 5px !important;
  margin: 0 !important;
}
.credit-item__mobile-nav .nav-link {
  display: block;
  white-space: nowrap;
  border: none;
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  border-radius: 5px;
  position: relative;
  background: #fff;
}
.credit-item__mobile-nav .nav-link:after {
  content: "";
  height: 3px;
  width: 100%;
  background: #CACACA;
  border-radius: 3px;
  position: absolute;
  left: 0;
  bottom: -8px;
}
.credit-item__mobile-nav .nav-link.active:after {
  background: #94B80A;
}

@media (max-width: 640px) {
  .credit-item__mobile-nav {
    display: flex;
  }
  .credit-item__right-side .btn {
    width: 100%;
    text-align: center;
  }
  .credit-item__conditions {
    text-align: center;
  }
  .credit-item__body {
    display: block !important;
    opacity: 1 !important;
  }
  .credit-item__btn-toggle {
    display: none !important;
  }
}
.credit-item__header[aria-expanded=false] .credit-item__btn-toggle {
  display: none;
}

.b-itps-section {
  overflow: hidden;
  position: relative;
}

.b-itps-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  left: 0;
  top: 0;
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  margin: 20px;
  overflow: hidden;
}

.b-itps-section-reverse .b-itps-text-wrapper {
  justify-content: flex-start;
}

.b-itps-section .b-itps-text {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  width: 40%;
  margin: 20px 30px 20px 0;
}

.b-itps-list-section {
  margin: 0 -30px;
}

.b-itps-section-reverse .b-itps-text {
  margin: 20px 0 20px 30px;
}

.b-itps-section .b-itps-text h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  color: #ffa800;
  margin: 0 0 10px 0;
  padding: 0;
}

.b-itps-section .b-itps-text h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.b-itps-section .b-pic, .b-itps-section .b-pic-mob {
  display: block;
  width: 100%;
  height: auto;
}

.b-itps-section .b-pic-mob {
  display: none;
}

.b-itps-list-section-light .b-itps-text, .b-itps-list-section-light .b-itps-text h2, .b-itps-list-section-light .b-itps-text h3, .b-itps-list-section-light .b-itps-text * {
  text-align: center;
  color: #fff;
}

.b-itps-section-center-top .b-itps-text-wrapper {
  align-items: flex-start;
  justify-content: flex-start;
}

.b-itps-section-center-top .b-itps-text-wrapper .b-itps-text {
  width: 90%;
  margin: 0 auto;
  padding: 30px 10px 10px 10px;
}

.b-itps-section-center-top .b-itps-text-wrapper .b-itps-text p {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 620px) {
  .b-product-mob-body th {
    padding: 5px !important;
    font-size: 12px !important;
  }
}
.btn_back-to-top.top {
  bottom: 130px !important;
}

.checkout {
  padding: 50px 0;
}
.checkout__box {
  border: 2px solid #e3e3e3;
  display: block;
  margin: 0 -15px;
}
@media (max-width: 768px) {
  .checkout__box {
    border: none;
    border-top: 2px solid #e3e3e3;
    padding-top: 25px;
  }
}
.checkout__box_aside {
  margin-left: 14px;
}
@media (max-width: 1200px) {
  .checkout__box_aside {
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .checkout__box_aside {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.checkout__box-content {
  padding: 28px 30px;
  border-bottom: 2px solid #e3e3e3;
}
.checkout__box-content:last-of-type {
  border: none;
}
@media (max-width: 1240px) {
  .checkout__box-content {
    padding: 25px 20px;
  }
}
@media (max-width: 768px) {
  .checkout__box-content {
    padding: 15px;
  }
}
.checkout__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 30px;
  border-bottom: 2px solid #e3e3e3;
}
@media (max-width: 1240px) {
  .checkout__info {
    padding: 20px;
  }
}
.checkout__info:last-of-type {
  border: none;
}
@media (max-width: 768px) {
  .checkout__info {
    padding-left: 15px;
    padding-right: 15px;
  }
  .checkout__info:last-of-type {
    border-bottom: 2px solid #e3e3e3;
  }
}
.checkout__info .link-w-border {
  font-weight: 500;
}
.checkout__info-text {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
.checkout__info-text_checked {
  padding-left: 28px;
  position: relative;
}
.checkout__info-text_checked::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #F5F8E7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.checkout__info-text_checked::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("../../i/container.svg#icon-102") center center no-repeat;
  background-size: 12px 8px;
}
.checkout__info-descr {
  line-height: 1.35;
  font-size: 13px;
  color: #707070;
}
@media (max-width: 768px) {
  .checkout__info-descr {
    margin-bottom: 6px;
  }
}
.checkout__info-bonus {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  padding-left: 22px;
  position: relative;
  margin: 0 0 6px;
}
.checkout__info-bonus::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  background: url("../../i/container.svg#icon-17") center center no-repeat;
  background-size: 18px 18px;
}
.checkout__info-bonus strong {
  font-weight: 700;
}
.checkout__info-bonus_off::before {
  background: url("../../i/container.svg#icon-119") center center no-repeat;
}
.checkout__section {
  border-bottom: 1px solid #e3e3e3;
}
.checkout__section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  padding: 24px 30px 24px 40px;
  flex-wrap: wrap;
}
@media (max-width: 1240px) {
  .checkout__section-header {
    padding: 24px 20px 24px 20px;
  }
}
@media (max-width: 768px) {
  .checkout__section-header {
    padding: 15px;
  }
}
.checkout__section-header-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
}
.checkout__section-header-name {
  font-size: 18px;
  font-weight: 500;
  color: #707070;
}
@media (max-width: 768px) {
  .checkout__section-header-name {
    font-weight: 600;
  }
}
.checkout__section-header-number {
  width: 30px;
  flex-shrink: 0;
  height: 30px;
  margin-right: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
  background: #F5F5F5;
}
@media (max-width: 768px) {
  .checkout__section-header-number {
    margin-right: 10px;
  }
}
.checkout__section-header-column {
  margin-right: 20px;
}
.checkout__section-header-auth {
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  padding: 0 0 0 20px;
}
@media (max-width: 1120px) {
  .checkout__section-header-auth {
    width: 100%;
    padding: 10px 0 0 50px;
  }
}
@media (max-width: 991px) {
  .checkout__section-header-auth {
    width: auto;
    padding: 0 0 0 10px;
  }
}
@media (max-width: 768px) {
  .checkout__section-header-auth {
    width: 100%;
    padding: 10px 0 0 0;
  }
}
.checkout__section-header-auth::before {
  content: "";
  height: 28px;
  margin-top: -14px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  background: #e3e3e3;
}
@media (max-width: 768px) {
  .checkout__section-header-auth::before {
    display: none;
  }
}
.checkout__section-header-auth a {
  margin-right: 6px;
}
.checkout__section-content {
  padding: 0 30px 20px 40px;
  display: none;
}
@media (max-width: 1240px) {
  .checkout__section-content {
    padding: 0 20px 20px 20px;
  }
}
@media (max-width: 768px) {
  .checkout__section-content {
    padding: 0 15px 15px;
  }
}
.checkout__section_opened .checkout__section-content {
  display: block;
}
.checkout__section_opened .checkout__section-header-name {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
@media (max-width: 768px) {
  .checkout__section_opened .checkout__section-header-name {
    font-size: 16px;
  }
}
.checkout__section_opened .checkout__section-header-number {
  color: #fff;
  width: 40px;
  height: 40px;
  background: #94B80A;
}
@media (max-width: 768px) {
  .checkout__section_opened .checkout__section-header-number {
    width: 30px;
    height: 30px;
  }
}
.checkout__section-line {
  border: none;
  border-top: 2px dashed #e3e3e3;
  margin: 10px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 992px) {
  .checkout__section-line {
    margin: 10px -15px;
  }
}
@media (max-width: 768px) {
  .checkout__section-btn {
    width: 100%;
  }
}
.checkout__form {
  padding: 40px;
  display: block;
}
@media (max-width: 1240px) {
  .checkout__form {
    padding: 40px 20px 20px;
  }
}
@media (max-width: 768px) {
  .checkout__form {
    padding: 15px;
  }
}
.checkout__form .forms__item {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .checkout__form .forms__item {
    margin-bottom: 20px;
  }
}
.checkout__form .form-check {
  margin: 0 0 10px;
}
@media (max-width: 768px) {
  .checkout__form .form-check {
    margin-bottom: 15px;
  }
}
.checkout__choice-city {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .checkout__choice-city {
    margin-bottom: 35px;
  }
}
.checkout__choice-city .select-box {
  margin: 10px 20px 10px 0;
  width: 250px;
}
@media (max-width: 768px) {
  .checkout__choice-city .select-box {
    width: 100%;
    margin: 0 0 11px;
  }
}
.checkout__choice-city .link-w-border {
  margin: 5px 20px 5px 0;
}
@media (max-width: 768px) {
  .checkout__delivery-item {
    margin: 0 -15px;
  }
}
.checkout__delivery-item_opened {
  border: 1px solid #94B80A;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.checkout__delivery-item-content {
  display: none;
  padding: 7px 16px 23px 45px;
}
@media (max-width: 768px) {
  .checkout__delivery-item-content {
    padding: 7px 15px 23px 15px;
  }
}
.checkout__delivery-item_opened .checkout__delivery-item-content {
  display: block;
}
.checkout__delivery-msg p {
  margin: 0;
}
.checkout__delivery-msg_error {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 5px 10px 5px 26px;
  position: relative;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  background: #FFF3F0;
}
.checkout__delivery-msg_error::before {
  content: "!";
  position: absolute;
  left: 7px;
  top: 7px;
  background: #F10C0C;
  color: #fff;
  text-align: center;
  width: 12px;
  height: 12px;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.checkout__delivery-msg_list {
  background: #F5F5F5;
  padding: 20px 30px;
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #000;
}
.checkout__delivery-msg_list ul {
  list-style-type: none;
  margin: 0;
  bottom: 0;
}
.checkout__delivery-msg_list li {
  padding: 0 0 0 13px;
  position: relative;
}
.checkout__delivery-msg_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.checkout__delivery-msg_hint {
  padding: 0 0 0 20px;
  margin: 10px 0;
  border-left: 2px solid #F10C0C;
  font-size: 14px;
  line-height: 1.35;
}
.checkout__delivery-msg_attention {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 10px 10px 50px;
  position: relative;
  background: #FFF3F0;
  font-size: 14px;
  line-height: 1.35;
  color: #707070;
  margin: 0 0 30px;
}
.checkout__delivery-msg_attention::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  background: #F10C0C url("../../i/container.svg#icon-120") center 5px no-repeat;
  background-size: 14px 14px;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.checkout__delivery-msg_attention strong {
  font-weight: 500;
  color: #000;
}
.checkout__delivery-msg_attention p {
  margin: 0 0 2px;
}
.checkout__delivery-hint {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  font-style: italic;
  margin: 0 0 20px;
}
.checkout__delivery-hint span {
  color: #F10C0C;
}
.checkout__delivery-check-addr {
  /*display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;*/
  margin: 0 0 15px;
}
.checkout__delivery-check-addr:last-of-type {
  margin-bottom: 20px;
}
.checkout__delivery-check-addr .form-check {
  margin: 0 20px 0 0;
}
.checkout__delivery-check-addr-date {
  padding-left: 28px;
  color: #707070;
  min-width: 100%;
  padding-top: 8px;
}
.checkout__delivery-check-addr-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
}
@media (max-width: 620px) {
  .checkout__delivery-check-addr-column {
    display: block;
  }
}
.checkout__delivery-box .row {
  margin-left: -15px;
  margin-right: 0;
}
@media (max-width: 768px) {
  .checkout__delivery-box .row {
    margin: 0;
    flex-wrap: nowrap;
  }
}
.checkout__delivery-box [class^=col-] {
  margin-left: 15px;
}
.checkout__delivery-box [class^=col-] {
  width: 180px;
  padding: 0 0 8px 0 !important;
}
@media (max-width: 768px) {
  .checkout__delivery-box [class^=col-] {
    width: 180px;
  }
}
@media (max-width: 768px) {
  .checkout__delivery-box {
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }
}
.checkout__delivery-box .form-check_operator {
  width: 180px;
}
@media (max-width: 768px) {
  .checkout__delivery-box .form-check_operator {
    width: 180px;
    flex-shrink: 0;
    margin-right: 15px;
  }
}
.checkout__delivery-box .form-check_operator .form-check-label {
  min-height: 150px;
}
.checkout__selected-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .checkout__selected-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.checkout__selected-box-item {
  margin: 10px 17px 10px 0;
  font-size: 14px;
  padding-right: 17px;
  font-weight: 400;
  color: #000;
  position: relative;
}
.checkout__selected-box-item:last-of-type {
  padding-right: 0;
  margin-right: 25px;
}
.checkout__selected-box-item:last-of-type::before {
  display: none;
}
@media (max-width: 768px) {
  .checkout__selected-box-item {
    margin: 0 0 4px;
    padding: 0;
  }
  .checkout__selected-box-item:last-of-type {
    margin: 0 0 9px;
  }
}
.checkout__selected-box-item::before {
  content: "";
  right: 0;
  top: 50%;
  height: 20px;
  width: 1px;
  position: absolute;
  background: #e3e3e3;
  margin-top: -10px;
}
@media (max-width: 768px) {
  .checkout__selected-box-item::before {
    display: none;
  }
}

.before-header {
  background: #a2c617;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 1;
  padding: 20px;
  color: #000;
  display: block;
  text-decoration: none;
  text-align: center;
}
@media (max-width: 992px) {
  .before-header {
    font-size: 16px;
    padding: 16px;
    line-height: 1.2;
  }
}

a.before-header {
  cursor: pointer;
}
a.before-header:hover, a.before-header:active, a.before-header:focus {
  background: #94B80A;
  color: #000;
}

.ny4__container {
  border-radius: 10px;
  background: #f6f6f6;
  margin: 30px 0 50px 0;
  padding: 50px;
  color: #000;
}
.ny4__inner {
  max-width: 756px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.ny4__inner .counter-date-container {
  margin: 0 0 40px 0;
  background: none;
  padding: 0;
}
.ny4__inner .counter-date-container__item {
  padding: 0 10px;
}
.ny4__inner .counter-date-container__value {
  padding: 64px 5px 12px;
  font-size: 70px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -2.1px;
}
.ny4__inner .counter-date-container__label {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  padding: 0 5px 64px;
}
.ny4__title {
  color: #000;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.75px;
  margin: 0;
  padding: 0;
}
.ny4__sub-title {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  margin: 0 0 25px 0;
  padding: 0;
}
.ny4__sub-title strong {
  font-weight: 600;
}
.ny4__form__title {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  padding: 0 0 10px 0;
}
.ny4__form__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 0 0 25px 0;
}
.ny4__form .subscribe-block__form {
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
  border-radius: 30px;
}
.ny4__form .subscribe-block__input {
  border: 2px solid #e3e3e3;
  color: #000;
}
.ny4__form .subscribe-block__btn {
  background: #94B80A;
  color: #fff;
  font-size: 12px;
  max-width: 220px;
  transition: background-color 0.4s ease-in;
}
.ny4__form .subscribe-block__btn:hover, .ny4__form .subscribe-block__btn:active, .ny4__form .subscribe-block__btn:focus {
  background: #7A9709;
  color: #fff;
}
.ny4__form .btn_primary {
  margin-top: 15px;
  display: none;
}

@media (max-width: 768px) {
  .ny4__container {
    margin: 20px 0 30px 0;
    padding: 30px 15px;
  }
  .ny4__inner .counter-date-container {
    margin: 0 -6px 25px -6px;
    justify-content: center;
  }
  .ny4__inner .counter-date-container__item {
    padding: 0 6px;
  }
  .ny4__inner .counter-date-container__value {
    padding: 12px 5px 12px;
    font-size: 40px;
    letter-spacing: -1.2px;
  }
  .ny4__inner .counter-date-container__label {
    font-size: 14px;
    padding: 0 5px 12px;
  }
  .ny4__title {
    font-size: 18px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
  }
  .ny4__sub-title {
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .ny4__form__title {
    font-size: 16px;
    padding: 0 0 5px 0;
  }
  .ny4__form__text {
    font-size: 14px;
    padding: 0 0 15px 0;
  }
  .ny4__form .subscribe-block__form {
    background: none;
    border-radius: 0;
  }
  .ny4__form .subscribe-block__input {
    border: 2px solid #e3e3e3;
    background: #fff;
  }
  .ny4__form .subscribe-block__btn {
    max-width: 100%;
  }
  .ny4__form .btn_primary {
    width: 100%;
    margin: 0 auto;
    max-width: 320px;
    display: block;
  }
}
@media (max-width: 380px) {
  .ny4__inner .counter-date-container__value {
    font-size: 32px;
  }
  .ny4__inner .counter-date-container__label {
    font-size: 12px;
  }
}
.product-item__free-delivery {
  margin: 0 0 15px 0;
  min-height: 24px;
}
.product-item__free-delivery span {
  display: flex;
  font-size: 12px;
  color: #707070;
  padding: 0 0 0 25px;
  line-height: 12px;
  align-items: center;
  height: 24px;
  position: relative;
}
.product-item__free-delivery span:before {
  content: "";
  background: url("../../i/container.svg#icon-195") 0 0 no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 1px;
}

.pay-list-banks {
  display: flex;
  margin: 0 0 20px 0;
  height: 30px;
}
@media (max-width: 400px) {
  .pay-list-banks {
    margin: 0 0 15px 0;
  }
}
.pay-list-banks .swiper-slide a {
  width: 44px;
  height: 44px;
  position: relative;
}
.pay-list-banks .swiper-slide a span {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 0.5px solid #DEDEDE;
  background: #FFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  right: 0;
  bottom: 0;
  position: absolute;
}

.price-with-promo {
  color: #FFB628;
  padding: 5px 0 21px 0;
}
.price-with-promo__sum {
  white-space: nowrap;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  padding: 0 15px 0 0;
}
.price-with-promo__sum span {
  font-size: 14px;
  font-weight: 400;
  padding: 0 0 0 5px;
}
.price-with-promo__notice {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  border-bottom: 1px dashed #FFB628;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  user-select: none;
}
.price-with-promo__notice:hover {
  border-color: transparent;
}
.price-with-promo__drop {
  min-width: 300px;
  max-width: 300px;
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0px 4px 35px rgba(185, 185, 185, 0.25);
  border: 1px solid #e3e3e3;
  margin: -40px 0 0 0 !important;
  right: 110px !important;
  left: auto !important;
}
@media (max-width: 992px) {
  .price-with-promo__drop {
    margin: 0;
    right: auto !important;
    left: 20px !important;
  }
}
@media (max-width: 767px) {
  .price-with-promo__drop {
    max-width: 260px;
    min-width: 260px;
    padding: 18px;
  }
}
@media (max-width: 540px) {
  .price-with-promo__drop {
    right: auto !important;
    left: 0 !important;
    top: 0 !important;
    transform: translate3d(0, 75px, 0) !important;
  }
}
.price-with-promo__drop .btn-dropdown-menu {
  right: auto;
  left: -18px;
}
.price-with-promo .promocode-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #707070;
  padding: 0 0 15px 0;
}
@media (max-width: 767px) {
  .price-with-promo .promocode-text {
    font-size: 14px;
  }
}
.price-with-promo .promocode-text strong {
  white-space: nowrap;
  font-weight: 600;
  color: #000;
}
.price-with-promo .link-how2use {
  font-size: 16px;
  font-weight: 500;
  color: #94B80A;
  text-decoration: underline;
}
.price-with-promo .link-how2use:hover {
  text-decoration: underline;
  color: #7A9709;
}
@media (max-width: 767px) {
  .price-with-promo .link-how2use {
    font-size: 14px;
  }
}

.share-drop {
  max-width: 300px;
  min-width: 300px;
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0px 4px 35px rgba(185, 185, 185, 0.25);
  border: 1px solid #e3e3e3;
  margin: 15px 0 0 0 !important;
}
@media (max-width: 767px) {
  .share-drop {
    max-width: 260px;
    min-width: 260px;
    padding: 18px;
  }
}

.b-share-box-popup-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-share-box-popup-list li {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
@media (max-width: 767px) {
  .b-share-box-popup-list li {
    font-size: 14px;
  }
}
.b-share-box-popup-list li + li {
  padding-top: 15px;
}
.b-share-box-popup-list .b-link-copy, .b-share-box-popup-list .b-link-fb, .b-share-box-popup-list .b-link-telegram, .b-share-box-popup-list .b-link-viber {
  display: inline-block;
  vertical-align: top;
  padding: 10px 0 10px 50px;
  color: #707070;
  position: relative;
}
.b-share-box-popup-list .b-link-copy:hover, .b-share-box-popup-list .b-link-fb:hover, .b-share-box-popup-list .b-link-telegram:hover, .b-share-box-popup-list .b-link-viber:hover {
  color: #000;
}
.b-share-box-popup-list .b-link-copy:before, .b-share-box-popup-list .b-link-fb:before, .b-share-box-popup-list .b-link-telegram:before, .b-share-box-popup-list .b-link-viber:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
.b-share-box-popup-list .b-link-copy:before {
  background: url("../../i/container.svg#icon-199") no-repeat;
}
.b-share-box-popup-list .b-link-fb:before {
  background: url("../../i/container.svg#icon-200") no-repeat;
}
.b-share-box-popup-list .b-link-telegram:before {
  background: url("../../i/container.svg#icon-201") no-repeat;
}
.b-share-box-popup-list .b-link-viber:before {
  background: url("../../i/container.svg#icon-202") no-repeat;
}
.b-share-box-popup-list .link-text {
  color: #94B80A;
  text-decoration: underline;
}
.b-share-box-popup-list .link-text:hover {
  text-decoration: underline;
  color: #7A9709;
}

.btn-dropdown-menu {
  width: 36px;
  height: 36px;
  background: none;
  cursor: pointer;
  position: absolute;
  right: -18px;
  top: -18px;
  border: 1px solid #e3e3e3;
  background: #fff;
  border-radius: 50%;
}
.btn-dropdown-menu:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../i/container.svg#icon-203") center center no-repeat;
  background-size: 21px 21px;
}

.catalog-container--list .pay-list-banks {
  margin: -15px 0 0 15px;
}
.catalog-container--list .product-item__pic__img {
  margin-top: 22px;
  display: block;
}

.catalog-container--buble .pay-list-banks {
  margin: 0 0 10px 0;
}

.battle2023__intro {
  max-width: 688px;
  padding: 0 0 56px 0;
}
@media (max-width: 992px) {
  .battle2023__intro {
    padding: 0 0 16px 0;
  }
}
.battle2023__intro .pagehead-container__header {
  color: #000;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.75px;
  margin: 0;
  padding: 0 0 24px 0;
}
@media (max-width: 992px) {
  .battle2023__intro .pagehead-container__header {
    font-size: 22px;
    padding: 0 0 16px 0;
  }
}
.battle2023__intro h2 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 24px 0;
}
@media (max-width: 992px) {
  .battle2023__intro h2 {
    font-size: 14px;
    padding: 0 0 12px 0;
  }
}
.battle2023__intro p {
  color: #707070;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
}
@media (max-width: 992px) {
  .battle2023__intro p {
    font-size: 14px;
  }
}
.battle2023__bonuses {
  padding: 0 0 72px 0;
}
@media (max-width: 992px) {
  .battle2023__bonuses {
    padding: 0 0 24px 0;
  }
}
.battle2023__bonuses__head {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  padding: 0 0 16px 0;
}
@media (max-width: 992px) {
  .battle2023__bonuses__head {
    font-size: 16px;
    padding: 0 0 12px 0;
  }
}
.battle2023__bonuses__container {
  display: flex;
  align-items: flex-end;
}
.battle2023__bonuses__multi {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  background: url("../../i/container.svg#icon-206") center center no-repeat;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  margin: 0 0 0 40px;
}
@media (max-width: 992px) {
  .battle2023__bonuses__multi {
    margin: 0 0 0 5px;
  }
}
.battle2023__bonuses__line {
  height: 40px;
  border-radius: 20px;
  flex-grow: 1;
  background: rgba(135, 68, 244, 0.1);
  position: relative;
  margin: 0 0 7px 0;
  padding: 3px;
  overflow: hidden;
}
.battle2023__bonuses__line__inner {
  height: 34px;
  border-radius: 20px 0 0 20px;
  background: #8744F4;
  display: inline-flex;
  font-size: 0;
  line-height: 0;
}
.battle2023__bonuses__line.complete .battle2023__bonuses__line__inner {
  border-radius: 20px;
}
.battle2023__category {
  margin: 0 0 80px 0;
}
@media (max-width: 992px) {
  .battle2023__category {
    margin: 0 0 32px 0;
  }
}
.battle2023__category__title {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 20px 0;
}
.battle2023__category__row {
  display: grid;
  border-bottom: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 0 0 24px 0;
}
@media (max-width: 768px) {
  .battle2023__category__row {
    grid-template-columns: 1fr 1fr;
  }
}
.battle2023__category__item {
  border: 1px solid #f2f2f2;
  padding: 20px;
  text-align: center;
}
.battle2023__category__item__bonus {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  padding: 0 0 5px 0;
}
.battle2023__category__item__stat {
  color: #A2C617;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
.battle2023__category__item__title {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  min-height: 38px;
  margin: 0 0 10px 0;
}
.battle2023__category__item__title span {
  display: block;
  font-weight: 500;
  padding: 10px 0 0 0;
}
.battle2023__category__item__doit {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.battle2023__category__item__doit a {
  color: #a2c617;
  text-decoration: none;
  border-bottom: 1px dashed #a2c617;
  display: inline-block;
  vertical-align: top;
}
.battle2023__category__item__doit a:hover {
  border-color: transparent;
}
.battle2023__category__item__pic {
  width: 57px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px auto;
  background: url("../../i/container.svg#icon-207") center center no-repeat;
}
.battle2023__category__item.done {
  border-color: #A2C617;
  background: #F5F8E7;
}
.battle2023__category__item.processing {
  background: rgba(255, 182, 40, 0.1);
}
.battle2023__category__item.processing .battle2023__category__item__pic {
  background: url("../../i/container.svg#icon-208") center center no-repeat;
}
.battle2023__category__item.processing .battle2023__category__item__stat {
  color: #FFB628;
}
.battle2023__category--comers .battle2023__category__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  .battle2023__category--comers .battle2023__category__item {
    align-items: flex-start;
  }
}
.battle2023__category--comers .battle2023__category__item__title {
  padding: 0;
  margin: 0;
}
.battle2023__complete-all {
  color: #8744F4;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
}
.battle2023__faq__title {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 24px 0;
}
@media (max-width: 768px) {
  .battle2023__become {
    text-align: center;
  }
}

.modal-battlepass-2023 .modal-dialog {
  max-width: 552px;
}
.modal-battlepass-2023 .modal-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 20px 10px 0;
  padding: 0;
  text-align: left;
}
.modal-battlepass-2023 .quest-rules {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 0;
}
.modal-battlepass-2023 p {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  line-height: 1.35;
  margin: 0;
  padding: 0 0 15px 0;
}
.modal-battlepass-2023 .btn.btn-secondary {
  margin-top: 15px;
}
@media (max-width: 520px) {
  .modal-battlepass-2023 .btn.btn-secondary {
    margin-top: 10px;
  }
}

.mbp-item {
  padding: 15px 0;
}
@media (max-width: 520px) {
  .mbp-item {
    padding: 10px 0;
  }
  .mbp-item .form-control, .mbp-item .form-floating > label {
    font-size: 12px;
  }
}
.mbp-item__row {
  display: flex;
}
.mbp-item__button {
  width: 202px;
  padding: 0 20px 0 0;
  flex-shrink: 0;
}
@media (max-width: 520px) {
  .mbp-item__button {
    width: 59px;
    padding: 0 15px 0 0;
  }
}
.mbp-item__button .btn {
  width: 100%;
}
@media (max-width: 520px) {
  .mbp-item__button .btn {
    padding: 0;
    margin: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
  }
}
.mbp-item__field {
  flex-grow: 1;
}

.btn-mbp-instagramm:before, .btn-mbp-telegram:before, .btn-mbp-tik-tok:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0 0;
  flex-shrink: 0;
  background: url("../../i/container.svg#icon-209") center center no-repeat;
}

.btn-mbp-instagramm:before {
  background: url("../../i/container.svg#icon-209") center center no-repeat;
}

.btn-mbp-telegram:before {
  background: url("../../i/container.svg#icon-210") center center no-repeat;
}

.btn-mbp-tik-tok:before {
  background: url("../../i/container.svg#icon-211") center center no-repeat;
}

@media (max-width: 520px) {
  .btn-mbp-instagramm, .btn-mbp-instagramm:hover, .btn-mbp-instagramm:focus, .btn-mbp-instagramm:active, .btn-mbp-instagramm:active:focus {
    background: linear-gradient(210deg, #6818A7 7.11%, #EE542E 71.2%, #F7CD61 95.41%);
    border: none;
  }
  .btn-mbp-instagramm:before, .btn-mbp-instagramm:hover:before, .btn-mbp-instagramm:focus:before, .btn-mbp-instagramm:active:before, .btn-mbp-instagramm:active:focus:before {
    margin: auto;
  }
  .btn-mbp-telegram, .btn-mbp-telegram:hover, .btn-mbp-telegram:focus, .btn-mbp-telegram:active, .btn-mbp-telegram:active:focus {
    background: #000;
    border: none;
  }
  .btn-mbp-telegram:before, .btn-mbp-telegram:hover:before, .btn-mbp-telegram:focus:before, .btn-mbp-telegram:active:before, .btn-mbp-telegram:active:focus:before {
    margin: auto;
  }
  .btn-mbp-tik-tok, .btn-mbp-tik-tok:hover, .btn-mbp-tik-tok:focus, .btn-mbp-tik-tok:active, .btn-mbp-tik-tok:active:focus {
    background: #1EA5DF;
    border: none;
  }
  .btn-mbp-tik-tok:before, .btn-mbp-tik-tok:hover:before, .btn-mbp-tik-tok:focus:before, .btn-mbp-tik-tok:active:before, .btn-mbp-tik-tok:active:focus:before {
    margin: auto;
  }
}
.mbp-list-points {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0 0 15px 0;
}
.mbp-list-points li {
  flex-shrink: 0;
  width: 50%;
  padding: 0 10px 15px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}
.mbp-list-points li a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.mbp-list-points li a:hover {
  color: #94B80A;
  text-decoration: none;
  border-bottom: 1px solid #94B80A;
}

.mbp-center-btns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mbp-center-btns .btn {
  flex-grow: 0;
  width: 47%;
  margin: 0 !important;
}

.b-pfd-article p {
  line-height: 25px;
}

.b-pfd-article ul li {
  padding: 10px 0 10px 20px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}

.b-pfd-article ul {
  list-style: none;
  vertical-align: top;
  line-height: 20px;
  margin: 0;
}

.b-pfd-article ul li:before {
  content: "";
  background: #c2db92;
  width: 5px;
  height: 5px;
  left: 5px;
  top: 18px;
  position: absolute;
  border-radius: 2px;
}

@media (max-width: 860px) {
  .b-hide-860 {
    display: none;
  }
}
.b-i-product-mid-meta-color {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.b-i-product-select-color {
  display: flex;
  align-items: center;
}

.b-i-product-select-color-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.b-i-product-select-color-list > li {
  padding: 7px;
}
.b-i-product-select-color-list > .active {
  padding: 3px;
  border: 2px solid #a2c617;
  border-radius: 50%;
}
.b-i-product-select-color-list .b-ipsc-color-item {
  width: 16px;
  height: 16px;
  display: flex;
}
.b-i-product-select-color-list .b-ipsc-color {
  width: 8px;
  height: 16px;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
}
.b-i-product-select-color-list .b-ipsc-color + .b-ipsc-color {
  border-radius: 0 16px 16px 0;
}

.b-ipsc-all-color-list-inner {
  background: #fff;
  border-radius: 7px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 10px rgba(1, 2, 2, 0.15);
}
.b-ipsc-all-color-list-inner:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 1px !important;
  margin: 0 !important;
  right: 15px !important;
  background: #fff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  z-index: 1;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
.b-ipsc-all-color-list-inner .b-i-product-select-color-list {
  background: #fff;
  z-index: 2;
  position: relative;
  padding: 9px;
}

.b-ipsc-all-color-list {
  left: 50% !important;
  top: 0 !important;
  position: absolute;
  min-width: 140px !important;
  max-width: 200px !important;
  margin: 0 !important;
  z-index: 1000 !important;
  padding: 0 !important;
  border-radius: unset !important;
  background: none !important;
  border: none !important;
  transform: translate3d(-85%, 36px, 0) !important;
}

.b-ipsc-all-color > a {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  text-decoration: none;
  border-bottom: 1px solid #94B80A;
  color: #94B80A;
  font-weight: 500;
}
.b-ipsc-all-color > a:hover {
  border-color: #fff;
  color: #94B80A;
}

.b-ipsc-all-color-container {
  position: relative;
}

.trade-in-history {
  max-width: 762px;
  border: 1px solid #e3e3e3;
  padding: 20px;
  margin: 0 0 30px 0;
}
.trade-in-history h3 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0;
}
.trade-in-history .description {
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  margin: 0 0 30px 0;
  padding: 0;
}
.trade-in-history .btn-update {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.trade-in-history .btn-update:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23fff' stroke='%23F5F8E7' stroke-width='.4'%3E%3Cpath d='m6.097 6.98-.323-.769-2.254.95C4.64 4.61 7.198 2.917 10 2.917A7.091 7.091 0 0 1 17.083 10h.834c0-4.365-3.552-7.917-7.917-7.917-3.077 0-5.895 1.826-7.18 4.595l-.715-2.119-.79.267 1.233 3.649 3.55-1.495Zm-3.042.377-.004.002-.001-.004.005.002ZM13.903 13.02l.323.768 2.254-.95c-1.12 2.552-3.678 4.245-6.48 4.245A7.091 7.091 0 0 1 2.917 10h-.833c0 4.365 3.55 7.917 7.916 7.917 3.077 0 5.895-1.826 7.18-4.595l.716 2.118.79-.267-1.234-3.648-3.55 1.495Zm3.042-.377.004-.003.002.005-.006-.002Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  flex-shrink: 0;
  margin: 0 10px 0 0;
  display: block;
}
.trade-in-history .btn-update:focus, .trade-in-history .btn-update:active {
  background: #000;
  color: #fff;
  border-color: #000;
}

.user-nav__link-trade-in:before {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.333 16.5a.833.833 0 0 0-.833.833V21.5c0 .46.373.833.833.833h.834v8.334a4.167 4.167 0 0 0 4.166 4.166h13.334a4.167 4.167 0 0 0 4.166-4.166v-8.334h.834c.46 0 .833-.373.833-.833v-4.167a.833.833 0 0 0-.833-.833H8.333Z' fill='url(%23a)'/%3E%3Cpath d='M27.541 20.273H8.12v8.093a3.236 3.236 0 0 0 3.236 3.236h12.95a3.236 3.236 0 0 0 3.237-3.236v-8.093m-7.157-4.855H8.119A1.619 1.619 0 0 0 6.5 17.037v1.618a1.619 1.619 0 0 0 1.619 1.618m19.422 0a1.619 1.619 0 0 0 1.619-1.618v-.892m-11.33-2.345v-1.619m0 1.619H12.51a2.777 2.777 0 0 1-1.961-.813 2.774 2.774 0 0 1-.813-1.961v-.463a3.236 3.236 0 0 1 3.237-3.237A4.854 4.854 0 0 1 17.83 13.8m0 1.619v16.184m0-17.803a4.855 4.855 0 0 1 4.855-4.855' stroke='%23000' stroke-width='1.325'/%3E%3Cpath d='m31.07 18.405-11.243-3.11a.712.712 0 0 1-.497-.877l.552-1.993a.712.712 0 0 1 .877-.497l10.944 3.028.299.082c.379.105.601.498.496.877l-.551 1.994a.712.712 0 0 1-.877.496ZM32.026 9.583l-.322 5.372M30.188 8.542s2.46 1.068 3.471 2.652' stroke='%23000' stroke-width='1.325'/%3E%3Cpath d='M35.166 14.248a1.863 1.863 0 1 0 0-3.727 1.863 1.863 0 0 0 0 3.727Z' stroke='%23000' stroke-width='1.325'/%3E%3Cpath d='m21.148 12.036 3.008-5.378a3.716 3.716 0 0 1 1.363-1.396c.995-.581 2.687-1.152 4.963-.407 3.812 1.248 4.949 5.686 4.949 5.686' stroke='%23000' stroke-width='1.325'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='16.574' y1='37.623' x2='23.125' y2='10.779' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239A9A9A' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23D9D9D9' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.user-nav__link-trade-in:after {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.333 15.5a.833.833 0 0 0-.833.833V20.5c0 .46.373.833.833.833h.834v8.334a4.167 4.167 0 0 0 4.167 4.166h13.333a4.167 4.167 0 0 0 4.167-4.166v-8.334h.833c.46 0 .833-.373.833-.833v-4.167a.833.833 0 0 0-.833-.833H7.333Z' fill='url(%23a)'/%3E%3Cpath d='M27.541 20.273H8.12v8.093a3.236 3.236 0 0 0 3.236 3.236h12.95a3.236 3.236 0 0 0 3.237-3.236v-8.093m-7.157-4.855H8.119A1.619 1.619 0 0 0 6.5 17.037v1.618a1.619 1.619 0 0 0 1.619 1.618m19.422 0a1.619 1.619 0 0 0 1.619-1.618v-.892m-11.33-2.345v-1.619m0 1.619H12.51a2.777 2.777 0 0 1-1.961-.813 2.774 2.774 0 0 1-.813-1.961v-.463a3.236 3.236 0 0 1 3.237-3.237A4.854 4.854 0 0 1 17.83 13.8m0 1.619v16.184m0-17.803a4.855 4.855 0 0 1 4.855-4.855' stroke='%23A2C617' stroke-width='1.325'/%3E%3Cpath d='M27.541 20.273H8.12v8.093a3.236 3.236 0 0 0 3.236 3.236h12.95a3.236 3.236 0 0 0 3.237-3.236v-8.093m-7.157-4.855H8.119A1.619 1.619 0 0 0 6.5 17.037v1.618a1.619 1.619 0 0 0 1.619 1.618m19.422 0a1.619 1.619 0 0 0 1.619-1.618v-.892m-11.33-2.345v-1.619m0 1.619H12.51a2.777 2.777 0 0 1-1.961-.813 2.774 2.774 0 0 1-.813-1.961v-.463a3.236 3.236 0 0 1 3.237-3.237A4.854 4.854 0 0 1 17.83 13.8m0 1.619v16.184m0-17.803a4.855 4.855 0 0 1 4.855-4.855' stroke='%2394B80A' stroke-width='1.325'/%3E%3Cpath d='m31.07 18.405-11.243-3.11a.712.712 0 0 1-.496-.877l.551-1.993a.712.712 0 0 1 .877-.497l10.945 3.028.298.082c.38.105.602.498.497.877l-.552 1.994a.712.712 0 0 1-.877.496Z' stroke='%23A2C617' stroke-width='1.325'/%3E%3Cpath d='m31.07 18.405-11.243-3.11a.712.712 0 0 1-.496-.877l.551-1.993a.712.712 0 0 1 .877-.497l10.945 3.028.298.082c.38.105.602.498.497.877l-.552 1.994a.712.712 0 0 1-.877.496Z' stroke='%2394B80A' stroke-width='1.325'/%3E%3Cpath d='m32.027 9.583-.323 5.372' stroke='%23A2C617' stroke-width='1.325'/%3E%3Cpath d='m32.027 9.583-.323 5.372' stroke='%2394B80A' stroke-width='1.325'/%3E%3Cpath d='M30.188 8.542s2.46 1.068 3.471 2.652' stroke='%23A2C617' stroke-width='1.325'/%3E%3Cpath d='M30.188 8.542s2.46 1.068 3.471 2.652' stroke='%2394B80A' stroke-width='1.325'/%3E%3Cpath d='M35.166 14.248a1.863 1.863 0 1 0 0-3.727 1.863 1.863 0 0 0 0 3.727Z' stroke='%23A2C617' stroke-width='1.325'/%3E%3Cpath d='M35.166 14.248a1.863 1.863 0 1 0 0-3.727 1.863 1.863 0 0 0 0 3.727Z' stroke='%2394B80A' stroke-width='1.325'/%3E%3Cpath d='m21.148 12.036 3.008-5.378a3.716 3.716 0 0 1 1.363-1.396c.995-.581 2.687-1.152 4.963-.407 3.812 1.248 4.949 5.686 4.949 5.686' stroke='%23A2C617' stroke-width='1.325'/%3E%3Cpath d='m21.148 12.036 3.008-5.378a3.716 3.716 0 0 1 1.363-1.396c.995-.581 2.687-1.152 4.963-.407 3.812 1.248 4.949 5.686 4.949 5.686' stroke='%2394B80A' stroke-width='1.325'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='15.574' y1='36.623' x2='22.125' y2='9.779' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2394B80A' stop-opacity='.47'/%3E%3Cstop offset='1' stop-color='%2394B80A' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

#configPopupCPU.modal.fade {
  display: block !important;
  visibility: visible;
  left: -99999vw;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
}

#configPopupCPU.modal.fade.show {
  display: block !important;
  visibility: visible;
  transition: opacity 0.3s ease 0s;
  left: 0;
  position: fixed;
}

#configPopupCPU .filter-range-slider__base {
  margin: 0;
}

@media (min-width: 641px) {
  .modal-w-600.modal-remove-build .modal-dialog {
    max-width: 520px;
  }
}
@media (max-width: 420px) {
  .modal-w-600.modal-remove-build .modal-body {
    text-align: center;
  }
  .modal-w-600.modal-remove-build .modal-body .btn {
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  .modal-w-600.modal-remove-build .modal-body .btn + .btn {
    margin-top: 20px;
  }
  .my-build-item .build-item__header {
    display: block;
    border: none;
  }
  .my-build-item .build-item__photo {
    border: none;
    margin: 0 auto;
  }
  .my-build-item .build-item__column {
    border-top: 2px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 0 !important;
  }
  .my-build-item .build-item__column-price {
    position: absolute;
    right: 15px;
    top: 8px;
    padding: 0 !important;
  }
  .my-build-item .build-item__title {
    flex-grow: 1;
    padding-right: 95px;
    font-size: 14px;
    line-height: 20px;
  }
  .my-build-item .build-item__buttons {
    padding-top: 6px;
  }
  .my-build-item .build-item__btn_view {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .my-build-item .build-item__btn_edit {
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f5f5f5;
    position: relative;
    padding: 0;
    margin: 0 10px 10px 0 !important;
  }
  .my-build-item .build-item__btn_edit:before {
    content: "";
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    background: url("../../i/container.svg#icon-105") center no-repeat;
  }
  .my-build-item .build-item__btn_remove {
    margin: 0 10px 10px 0 !important;
  }
  .my-build-item .build-item__btn_buy {
    margin: 0 0 10px 10px !important;
  }
}
.dropdown-select-with-search {
  transform: translateY(-36px);
}

.select2-dropdown.dropdown-select-with-search {
  border-color: #CACACA !important;
}

.dropdown-select-with-search.dropdown .dropdown-menu {
  top: auto !important;
}

.select2-container--open .select2-dropdown--above.dropdown-select-with-search {
  transform: translateY(6px);
}

.popover-select-city-content {
  display: none;
}

.popover-city .popover-inner {
  padding: 30px 20px;
  text-align: center;
}
.popover-city .popover-city-head {
  font-weight: 500;
  color: #808080;
  font-size: 16px;
  line-height: 1.4;
}
.popover-city .popover-city-current {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  padding: 0 0 20px 0;
}

.popover-custom-city {
  background: none !important;
  padding: 0 !important;
  min-width: 280px;
  max-width: 280px;
}
.popover-custom-city .popover-body {
  border: 1px solid #E3E3E3;
  background: #fff;
  box-shadow: 0 4px 35px rgba(185, 185, 185, 0.25);
  border-radius: 10px;
  padding: 0 !important;
}

.popover-custom-city.bs-popover-bottom > .popover-arrow::before {
  border-bottom-color: #E3E3E3;
}

.popover-custom-city.bs-popover-bottom > .popover-arrow::after {
  border-bottom-color: #fff;
}

.popover-city-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.popover-city-nav .btn {
  white-space: nowrap;
}

.header-select-city {
  padding: 0 12px 0 0;
}
@media (max-width: 992px) {
  .header-select-city {
    display: none;
  }
}

.select-city-button {
  background: none;
  cursor: pointer;
  padding: 0 20px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  border: none;
}
.select-city-button span {
  max-width: 100px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
.select-city-button:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 3px;
  background: url("../../i/container.svg#icon-36") center no-repeat;
  background-size: contain;
}
.select-city-button:after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 3px;
  background: url("../../i/container.svg#icon-12") center no-repeat;
  background-size: contain;
}

.modal-open .popover-custom-city {
  display: none;
}

.city-searcher {
  position: relative;
}

.main-cities {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px 0 0;
}
.main-cities li {
  padding: 0 25px 25px 0;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.main-cities li a {
  color: #000;
  text-decoration: underline;
}
.main-cities li a:hover {
  text-decoration: none;
  color: #000;
}

.modal-default-city .modal-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin: 0 0 10px 0;
}
.modal-default-city .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url("../../i/container.svg#icon-34") center no-repeat;
  background-size: contain;
}
.modal-default-city .modal-subtitle {
  font-size: 13px;
  color: #808080;
}
.modal-default-city .modal-body {
  margin: -10px -30px 0 -30px;
  border-top: 1px solid #909090;
  padding: 20px 30px 0 30px;
}
@media (max-width: 620px) {
  .modal-default-city .modal-body {
    margin: -10px -20px 0 -20px;
    padding: 20px 20px 0 20px;
  }
}

.block-separator {
  height: 24px;
  width: 1px;
  background: #B3B3B3;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 992px) {
  .block-separator {
    display: none;
  }
}

.quick-config .page-main-header {
  text-align: center;
}

.qcpc-list-option-logos--video li:not(:last-child) input[type=checkbox] + label {
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.qcpc {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px;
}
.qcpc .filter-range-slider__input-container {
  padding-top: 0;
}

.qcpc-item {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 20px 30px;
  width: calc(50% - 13px);
}
@media (max-width: 920px) {
  .qcpc-item {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .qcpc-item {
    padding: 20px;
  }
}

@media (max-width: 620px) {
  .qcpc-list-option-mb {
    display: block !important;
  }
  .qcpc-list-option-mb li {
    width: 100% !important;
    margin: 0 !important;
  }
  .qcpc-list-option-mb li + li {
    margin-top: 20px !important;
    padding: 0 !important;
  }
  .qcpc-list-option-logos li {
    width: 50% !important;
  }
  .qcpc-list-option-qt {
    flex-wrap: wrap;
    margin-bottom: -20px !important;
  }
  .qcpc-list-option-qt li {
    width: 50% !important;
    padding: 0 20px 20px 0 !important;
    margin: 0 !important;
  }
  .qcpc-list-option-qt li + li {
    padding: 0 20px 20px 0 !important;
    margin: 0 !important;
  }
}
.qcpc-item-title {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 16px 0;
  font-weight: 500;
}

.qcpc-list-option {
  list-style: none;
  display: flex;
  margin: 0;
  width: 100%;
}
.qcpc-list-option li + li {
  padding: 0 0 0 20px;
}
.qcpc-list-option li {
  width: 33.333%;
  flex-shrink: 0;
}
.qcpc-list-option input[type=radio] + label, .qcpc-list-option input[type=checkbox] + label {
  display: block;
  padding: 20px 10px 15px 10px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  color: #808080;
  border: 1px solid #fff;
}
.qcpc-list-option input[type=radio] + label:before, .qcpc-list-option input[type=radio] + label:after, .qcpc-list-option input[type=checkbox] + label:before, .qcpc-list-option input[type=checkbox] + label:after {
  display: none;
}
.qcpc-list-option input[type=radio] + label .ico, .qcpc-list-option input[type=checkbox] + label .ico {
  display: block;
}
.qcpc-list-option input[type=radio] + label .ico img, .qcpc-list-option input[type=checkbox] + label .ico img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.qcpc-list-option input[type=radio] + label .text, .qcpc-list-option input[type=checkbox] + label .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  padding: 10px 0 0 0;
}
.qcpc-list-option input[type=radio] + label:hover, .qcpc-list-option input[type=checkbox] + label:hover {
  border-color: #cacaca;
  color: #a2c617;
}
.qcpc-list-option input[type=radio] + label:hover .ico img, .qcpc-list-option input[type=checkbox] + label:hover .ico img {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}
.qcpc-list-option input[type=radio]:checked + label, .qcpc-list-option input[type=checkbox]:checked + label {
  background: #a2c617;
  color: #fff;
  border-color: #a2c617;
}
.qcpc-list-option input[type=radio]:checked + label .ico img, .qcpc-list-option input[type=checkbox]:checked + label .ico img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.qcpc-list-option input[type=radio]:checked + label .logo img, .qcpc-list-option input[type=checkbox]:checked + label .logo img {
  display: none;
}
.qcpc-list-option input[type=radio]:checked + label .logo img + img, .qcpc-list-option input[type=checkbox]:checked + label .logo img + img {
  display: block;
}
.qcpc-list-option .logo {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qcpc-list-option .logo img {
  display: block;
  max-widfth: 100%;
  height: auto;
}
.qcpc-list-option .logo img + img {
  display: none;
}

.qcpc-list-option-qt li {
  width: 23%;
  flex-shrink: 0;
}
.qcpc-list-option-qt input[type=radio] + label, .qcpc-list-option-qt input[type=checkbox] + label {
  padding: 15px 10px;
}
.qcpc-list-option-qt input[type=radio] + label .text, .qcpc-list-option-qt input[type=checkbox] + label .text {
  padding: 0;
}

.qcpc-btn-wrapper {
  text-align: center;
  padding: 30px 0 100px 0;
}

.qcpc-btn {
  display: inline-flex;
}
.qcpc-btn:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../../i/container.svg#icon-34") center no-repeat;
  background-size: contain;
  display: block;
  margin: 0 10px 0 0;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.modal-compatible-component .modal-subtitle {
  color: #808080;
  font-size: 13px;
  line-height: 18px;
  padding: 0 0 10px 0;
}

.wrapper-select-compatible {
  position: relative;
}
.wrapper-select-compatible:before {
  content: "";
  width: 14px;
  height: 15px;
  background: url("../../i/container.svg#icon-50") no-repeat;
  position: absolute;
  top: 14.5px;
  right: 14px;
}
.wrapper-select-compatible .input-select-compatible {
  padding-right: 50px;
}

.list-compatibles {
  list-style: none;
  margin: 0;
  padding: 15px 20px;
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  display: none;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 10px;
  z-index: 10;
}
@media (max-width: 768px) {
  .list-compatibles {
    padding: 15px 10px;
  }
}
.list-compatibles li {
  padding: 0;
  margin: 0;
}
.list-compatibles li + li {
  padding-top: 15px;
}

.item-compat {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.item-compat__pic {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.item-compat__pic img {
  display: block;
  width: auto;
  height: auto;
  max-width: 40px;
  max-height: 40px;
}
.item-compat__name {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  flex-grow: 1;
}
.item-compat__check {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #f5f8e7 url("../../i/container.svg#icon-190") center center no-repeat;
  background-size: 15px auto;
  margin: 0 0 0 10px;
}

.list-compatibles-choosed {
  list-style: none;
  margin: 30px 0 0 0;
}
.list-compatibles-choosed li {
  padding: 0;
  margin: 0;
}
.list-compatibles-choosed li + li {
  padding-top: 20px;
}

.item-compat-choose {
  display: flex;
  align-items: center;
}
.item-compat-choose__pic {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.item-compat-choose__pic img {
  display: block;
  width: auto;
  height: auto;
  max-width: 40px;
  max-height: 40px;
}
.item-compat-choose__text {
  flex-grow: 1;
}
.item-compat-choose__name {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 600;
  margin: 0 0 5px 0;
}
.item-compat-choose__remove {
  width: 20px;
  flex-shrink: 0;
  align-self: flex-start;
}
.item-compat-choose__btn-remove {
  width: 20px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  border: none;
  cursor: pointer;
  background: url("../../i/container.svg#icon-42") center center no-repeat;
  background-size: 16px auto;
  opacity: 0.4;
}
.item-compat-choose__row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .item-compat-choose__row {
    display: block;
  }
}
.item-compat-choose__category {
  color: #808080;
}
@media (max-width: 768px) {
  .item-compat-choose__category {
    padding: 0 0 5px 0;
  }
}

.compat--full {
  color: #A2C617;
}
.compat--part {
  color: #F98E11;
}
.compat--not {
  color: #F10C0C;
}

.popover-body {
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.checkoutEdit.side-modal.right.fade.show .modal-dialog {
  margin-top: 25px;
}

.btn-partnership {
  color: #707070;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px 10px 0 0;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  z-index: 100;
  position: fixed;
  right: 0;
  top: 50%;
  transform: rotate(-90deg);
  margin: -30px -59px 0 0;
  border: 1px solid #e3e3e3;
  background: #f5f5f5;
}
.btn-partnership:before {
  content: "";
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 8px;
  display: inline-flex;
  margin: 0 10px 0 0;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18.172 13.31 2.43-2.43a4.585 4.585 0 0 0 0-6.482v0a4.585 4.585 0 0 0-6.482 0l-2.43 2.43M9.26 15.74l6.48-6.48M6.828 11.69l-2.43 2.43a4.585 4.585 0 0 0 0 6.482v0a4.584 4.584 0 0 0 6.482 0l2.43-2.43'/%3E%3C/svg%3E") center center no-repeat;
}
.btn-partnership:hover {
  color: #707070;
}
.btn-partnership:hover:before {
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23A2C617' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18.172 13.31 2.43-2.43a4.585 4.585 0 0 0 0-6.482v0a4.585 4.585 0 0 0-6.482 0l-2.43 2.43M9.26 15.74l6.48-6.48M6.828 11.69l-2.43 2.43a4.585 4.585 0 0 0 0 6.482v0a4.584 4.584 0 0 0 6.482 0l2.43-2.43'/%3E%3C/svg%3E") center center no-repeat;
}
@media (max-width: 992px) {
  .btn-partnership {
    font-size: 12px;
    line-height: 12px;
    padding: 5px 10px;
    margin: -20px -50px 0 0;
  }
  .btn-partnership:before {
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23A2C617' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18.172 13.31 2.43-2.43a4.585 4.585 0 0 0 0-6.482v0a4.585 4.585 0 0 0-6.482 0l-2.43 2.43M9.26 15.74l6.48-6.48M6.828 11.69l-2.43 2.43a4.585 4.585 0 0 0 0 6.482v0a4.584 4.584 0 0 0 6.482 0l2.43-2.43'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 13px auto;
  }
  .btn-partnership:hover:before {
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%23A2C617' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18.172 13.31 2.43-2.43a4.585 4.585 0 0 0 0-6.482v0a4.585 4.585 0 0 0-6.482 0l-2.43 2.43M9.26 15.74l6.48-6.48M6.828 11.69l-2.43 2.43a4.585 4.585 0 0 0 0 6.482v0a4.584 4.584 0 0 0 6.482 0l2.43-2.43'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 13px auto;
  }
}

.modal-partnership .sub-info {
  font-size: 13px;
  color: #808080;
  font-weight: 500;
  padding: 20px 0 15px 0;
}
@media (max-width: 620px) {
  .modal-partnership .sub-info {
    padding-botom: 20px;
  }
}
.modal-partnership .comments-tabs_in-checkout .comments-tabs__wrap {
  width: 100%;
}
.modal-partnership .comments-tabs_in-checkout .comments-tabs__wrap > li {
  flex-grow: 1;
  text-align: center;
}
.modal-partnership .comments-tabs__item {
  justify-content: center;
}
.modal-partnership .comments-tabs_in-checkout .comments-tabs__item {
  width: 100%;
}

.modal-ref-generate .form-check + .form-check {
  padding: 15px 0 0 0;
}
.modal-ref-generate .form-check input[type=radio] + label {
  font-weight: 500;
  line-height: 22px;
  margin: 0 0 0 5px;
  color: #808080;
}

.terms-of-referral {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 30px 0;
}
@media (max-width: 620px) {
  .terms-of-referral {
    padding: 20px 0;
  }
}
.terms-of-referral a {
  color: #A2C617;
  text-decoration: none;
}
.terms-of-referral a:hover {
  color: #94B80A;
  text-decoration: none;
}

.referral-list-soc {
  display: flex;
  justify-content: center;
}
.referral-list-soc a {
  display: block;
  width: 40px;
  flex-shrink: 0;
  margin: 0 10px;
}
.referral-list-soc img {
  display: block;
  width: 100%;
  height: auto;
}

.forms__item__ready .form-control {
  color: #A2C617;
  font-weight: 500;
}
@media (max-width: 620px) {
  .forms__item__ready {
    margin: 0 0 15px 0;
  }
}

.configuration__hero-block {
  border-radius: 10px;
  border: 2px dashed #F5F8E7;
  padding: 30px 15px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 15px 0;
}
.configuration__hero-block span {
  color: #A2C617;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}
.configuration__hero-block span i {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
}
.configuration__hero-block em {
  font-style: normal;
  color: #808080;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 0 0 0 5px;
}
.configuration__hero-block b {
  font-size: 16px;
  font-weight: 500;
  color: #A2C617;
}

.configuration__box-text-buttons .btn {
  width: 100%;
}

.configuration__box-text-descr strong {
  font-weight: 600;
}

.modal-make-buid .btn-list {
  list-style: none;
  margin: 0;
}
.modal-make-buid .btn-list li {
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .modal-make-buid .btn-list li {
    display: block;
    text-align: center;
  }
}
.modal-make-buid .btn-list li + li {
  padding: 16px 0 0 0;
}
.modal-make-buid .btn-list .btn {
  min-width: 260px;
  text-align: center;
}
@media (max-width: 600px) {
  .modal-make-buid .btn-list .btn {
    min-width: 100%;
  }
}
.modal-make-buid .btn-list .recommend {
  margin: 0 0 0 25px;
  font-size: 12px;
  font-weight: 600;
  color: #A2C617;
  padding: 0 0 0 22px;
  background: url("../../i/container.svg#icon-190") 0 center no-repeat;
  background-size: 18px auto;
}
@media (max-width: 600px) {
  .modal-make-buid .btn-list .recommend {
    margin: 10px 0;
    display: inline-flex;
  }
}

.thanks-page__product-link_arrow[aria-expanded=true] {
  color: #556710;
  border-color: #556710;
}
.thanks-page__product-link_arrow[aria-expanded=true]:after {
  filter: invert(75%) sepia(56%) saturate(3300%) hue-rotate(29deg) brightness(94%) contrast(92%);
}

.data-services-list {
  padding: 0 0 15px 0;
}
.data-services-list input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  gap: 0 8px;
  flex-wrap: wrap;
}
.data-services-list .form-check + .form-check {
  padding-top: 10px;
}

/* battle pass 2024 */
.modal-bp24-question .counter-date-container {
  margin: 0 0 25px 0;
  width: 100%;
  padding: 20px 50px 20px 30px;
  background: #f5f8e7;
}
@media (max-width: 640px) {
  .modal-bp24-question .counter-date-container {
    padding: 20px 20px 20px 0;
  }
}
.modal-bp24-question .counter-date-container > div:nth-child(1), .modal-bp24-question .counter-date-container > div:nth-child(2) {
  display: none;
}
.modal-bp24-question .counter-date-container .counter-date-container__item {
  width: 50%;
  min-width: 50%;
  padding: 0 0 0 20px;
}

.battle2024 .battle2023__bonuses {
  padding: 0 0 20px 0;
}
.battle2024 .battle2023__bonuses__head {
  padding: 0 0 10px 0;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.battle2024 .battle2023__bonuses__head span {
  color: #8744F4;
  white-space: nowrap;
  padding: 0 18px 0 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2216%22 fill=%22none%22%3E%3Cpath fill=%22%238744F4%22 fill-rule=%22evenodd%22 d=%22M12 7A6 6 0 1 0 0 7a6 6 0 0 0 12 0Zm-1.2 0a4.8 4.8 0 1 0-9.6 0 4.8 4.8 0 0 0 9.6 0ZM2.4 7a3.6 3.6 0 1 1 7.2 0 3.6 3.6 0 0 1-7.2 0ZM6 5.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z%22 clip-rule=%22evenodd%22/%3E%3C/svg%3E") right center no-repeat;
}
.battle2024 .battle2023__bonuses__container {
  position: relative;
}
.battle2024 .battle2023__bonuses__line {
  margin: 0;
}
.battle2024 .battle2023__bonuses__multi {
  position: absolute;
  right: 0;
  top: -7px;
}
.battle2024 .battlepass-info {
  display: flex;
  align-items: center;
  background: #f5f8e7;
  padding: 20px;
  margin: 0 0 20px 0;
}
@media (max-width: 640px) {
  .battle2024 .battlepass-info {
    display: block;
  }
}
.battle2024 .battlepass-info .counter-date-container {
  flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 190px;
  padding: 0;
  background: none;
}
@media (max-width: 640px) {
  .battle2024 .battlepass-info .counter-date-container {
    margin: 0 0 20px 0;
    width: 100%;
    padding: 0;
    gap: 10px;
  }
  .battle2024 .battlepass-info .counter-date-container .counter-date-container__item {
    padding: 0;
    width: calc(50% - 5px) !important;
    min-width: calc(50% - 5px) !important;
  }
}
.battle2024 .battlepass-info .counter-date-container > div:nth-child(1), .battle2024 .battlepass-info .counter-date-container > div:nth-child(2) {
  display: none;
}
.battle2024 .battlepass-info .counter-date-container .counter-date-container__item {
  width: 50%;
  min-width: 50%;
}
.battle2024 .battlepass-info h3 {
  font-size: 25px;
  color: #000;
  line-height: 1.3;
  margin: 0 0 8px 0;
}
.battle2024 .battlepass-info .info-text {
  flex-grow: 1;
  font-size: 13px;
  line-height: 1.4444;
  color: #000;
}
.battle2024 .battlepass-info .info-text p {
  margin: 0;
  padding: 0;
}
.battle2024 .list-question-battle-pass {
  margin: 0 0 40px 0;
}
.battle2024 .list-question-battle-pass .item {
  margin: 0 0 15px 0;
  border: 1px solid #cacaca;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.battle2024 .list-question-battle-pass .right {
  background: #f5f8e7;
}
.battle2024 .list-question-battle-pass .right-label {
  font-size: 14px;
  color: #94b80a;
  font-weight: 600;
  padding: 0 0 0 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2218%22 fill=%22none%22%3E%3Cpath stroke=%22%2394B80A%22 stroke-linecap=%22square%22 stroke-width=%221.4%22 d=%22M21 1.667 8.333 16.333l-7.333-6%22/%3E%3C/svg%3E") 0 center no-repeat;
}
.battle2024 .list-question-battle-pass .false {
  font-size: 14px;
  color: #94b80a;
  font-weight: 600;
  white-space: nowrap;
}
.battle2024 .list-question-battle-pass .text {
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 fill=%22none%22%3E%3Cpath stroke=%22%23323232%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M21.333 24H6.667A2.666 2.666 0 0 1 4 21.333V6.667A2.666 2.666 0 0 1 6.667 4h14.666A2.666 2.666 0 0 1 24 6.667v14.666A2.666 2.666 0 0 1 21.333 24Z%22 clip-rule=%22evenodd%22/%3E%3Cpath stroke=%22%23323232%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M13.956 15.339v-.276c0-.904.559-1.394 1.119-1.77.546-.368 1.095-.848 1.095-1.733 0-1.223-.991-2.212-2.213-2.212a2.212 2.212 0 0 0-2.213 2.21M13.954 18.457c-.11 0-.2.09-.198.2a.2.2 0 1 0 .198-.2%22/%3E%3Cpath stroke=%22%23323232%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M24 8h1.333A2.666 2.666 0 0 1 28 10.667v14.666A2.666 2.666 0 0 1 25.333 28H10.667A2.666 2.666 0 0 1 8 25.333V24%22/%3E%3C/svg%3E") 0 center no-repeat;
  padding: 0 0 0 47px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
  flex-grow: 1;
  margin: 0 20px 0 0;
}
.battle2024 .quest-add-bonus-24 {
  padding: 20px 0;
}
.battle2024 .quest-add-bonus-24 h3 {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 0 0 15px 0;
}
.battle2024 .quest-add-bonus-24 .body {
  border: 1px solid #e5e5e5;
  padding: 98px 20px 24px 20px;
  text-align: center;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2266%22 height=%2266%22 fill=%22none%22%3E%3Ccircle cx=%2233%22 cy=%2233%22 r=%2231%22 stroke=%22%23E5E5E5%22 stroke-dasharray=%225 7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%223%22/%3E%3Ccircle cx=%2233%22 cy=%2233%22 r=%2224%22 fill=%22%23A6C617%22/%3E%3Cpath stroke=%22%23fff%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M35 43h-4%22/%3E%3Cpath stroke=%22%23fff%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M39.25 30.54v-.04 0A6.25 6.25 0 0 0 33 24.25v0a6.25 6.25 0 0 0-6.25 6.25v3.13c0 .405-.229.774-.59.955l-.629.314a2.32 2.32 0 0 0-1.281 2.073v0a2.317 2.317 0 0 0 2.317 2.318h12.865a2.317 2.317 0 0 0 2.318-2.318v0c0-.877-.496-1.68-1.281-2.072l-.629-.314a1.072 1.072 0 0 1-.59-.956v-3.09Z%22 clip-rule=%22evenodd%22/%3E%3Cpath stroke=%22%23fff%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M41.688 25.561a10.036 10.036 0 0 0-3.75-3.75M24.311 25.561a10.036 10.036 0 0 1 3.75-3.75%22/%3E%3C/svg%3E") center 20px no-repeat;
  font-size: 14px;
  line-height: 1.5;
}
.battle2024 .quest-add-bonus-24 .body strong {
  display: block;
  margin: 0 0 5px 0;
}
.battle2024 .quest-add-bonus-24 .body span {
  display: block;
  margin: 0 0 5px 0;
}
.battle2024 .quest-add-bonus-24 .body a {
  color: #a2c617;
  text-decoration: none;
  border-bottom: 1px dashed #a2c617;
}
.battle2024 .quest-add-bonus-24 .body a:hover {
  border-color: transparent;
}

.modal-bp24-question .modal-title {
  color: #808080;
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 20px 0;
}
.modal-bp24-question .questionBP24 {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 0 0 20px 0;
}
.modal-bp24-question p {
  margin: 20px 0;
}
.modal-bp24-question .answer-option {
  list-style: none;
  padding: 0 0 10px 0;
}
.modal-bp24-question .answer-option li {
  padding: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}
.modal-bp24-question .answer-option input[type=radio] + label {
  padding-left: 36px;
  font-size: 16px;
  line-height: 1.5;
}
.modal-bp24-question .answer-option input[type=radio] + label:before {
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.modal-bp24-question .answer-option input[type=radio]:checked + label:before {
  background-size: 16px auto;
}
.modal-bp24-question .look2time {
  font-size: 12px;
  font-weight: 500;
  color: #f1430c;
  padding: 0 0 5px 0;
  text-align: center;
  margin: 0;
}
@media (max-width: 480px) {
  .modal-bp24-question .modal-content {
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .modal-bp24-question .modal-content .modal-header {
    flex-grow: 1;
    height: 100%;
  }
  .modal-bp24-question .modal-content .modal-body {
    flex-shrink: 0;
    flex: 0;
  }
}

.mbp-item__ico {
  width: 44px;
  flex-shrink: 0;
  margin: 0 15px 0 0;
}

.modal-battlepass-2024 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.modal-battlepass-2024 p {
  margin: 15px 0 10px 0;
}

.bp24-rules {
  list-style: none;
  color: #808080;
  padding: 0 0 15px 0;
}
.bp24-rules li {
  padding: 0 0 15px 16px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}
.bp24-rules li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
  opacity: 0.8;
}

@media (max-width: 640px) {
  .battle2024 .list-question-battle-pass .item {
    display: block;
  }
  .battle2024 .list-question-battle-pass .item .text {
    padding: 36px 0 20px 0;
    background-position: 0 0;
  }
}
.modal-bp24-question-light .modal-content {
  background: #f5f8e7;
}

.list-chats {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-chats li + li {
  padding: 10px 0 0 0;
}
.list-chats .btn {
  width: 100%;
  text-align: left;
}
.list-chats .btn img {
  margin: 0 10px 0 0;
}

.modal-chats .modal-content {
  position: static;
}
.modal-chats .modal-content .btn-close {
  right: -35px;
  top: -35px;
}

.category-sort-container__btn-show-filter:before {
  margin: 0 8px 0 0;
}

.category-sort-container {
  margin: 0 0 20px 0;
}

.product-item__pic__slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-item__pic__slider-nav .swiper-button-next, .product-item__pic__slider-nav .swiper-button-prev {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin: 0;
  background-color: #f5f5f5;
  background-size: auto 7px;
}
.product-item__pic__slider-nav .swiper-button-next:after, .product-item__pic__slider-nav .swiper-button-prev:after {
  display: none;
}
@media (max-width: 1023px) {
  .product-item__pic__slider-nav .swiper-button-next, .product-item__pic__slider-nav .swiper-button-prev {
    display: none;
  }
}
.product-item__pic__slider-nav .swiper-button-next {
  background-position: 1px center;
}
.product-item__pic__slider-nav .swiper-button-prev {
  background-position: 0 center;
}
.product-item__pic__slider-nav .swiper-pagination {
  position: static;
  left: auto;
  bottom: auto;
  width: auto !important;
  margin: 0 5px;
  display: flex;
  gap: 5px;
  align-items: center;
}
.product-item__pic__slider-nav .swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #e3e3e3;
  display: block;
  flex-shrink: 0;
  opacity: 1 !important;
}
.product-item__pic__slider-nav .swiper-pagination .swiper-pagination-bullet-active {
  background: #a2c617;
}

.product-item-top-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 22px;
}
.product-item-top-meta .product-label, .product-item-top-meta .product-item__code {
  position: static;
  left: auto;
  top: auto;
  right: auto;
}

.product-item-top-header {
  position: relative;
}
.product-item-top-header .b-i-product-mid-meta-color {
  position: absolute;
  bottom: 25px;
  left: 0;
  z-index: 5;
}
.product-item-top-header .b-i-product-mid-meta-color .b-i-product-select-color-list {
  flex-direction: column;
  gap: 5px;
}
.product-item-top-header .b-i-product-mid-meta-color .b-i-product-select-color-list > li {
  padding: 0;
}

.product-item__comments a {
  font-size: 12px;
  color: #808080;
  padding: 0 0 0 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath stroke='gray' stroke-linecap='round' stroke-linejoin='round' d='M4.375 5.313H7.5M4.375 7.5h5m-3.323 3.75h4.073c1.05 0 1.575 0 1.976-.204.353-.18.64-.467.82-.82.204-.4.204-.926.204-1.976V4.875c0-1.05 0-1.575-.204-1.976a1.875 1.875 0 0 0-.82-.82c-.4-.204-.926-.204-1.976-.204h-5.25c-1.05 0-1.575 0-1.976.204-.353.18-.64.467-.82.82-.204.4-.204.926-.204 1.976v7.835c0 .333 0 .5.068.585.06.074.15.117.245.117.11 0 .24-.104.5-.312l1.49-1.193c.305-.243.457-.365.627-.452.15-.077.31-.133.476-.167.186-.038.381-.038.771-.038Z'/%3E%3Cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='M4.375 5.313H7.5M4.375 7.5h5m-3.323 3.75h4.073c1.05 0 1.575 0 1.976-.204.353-.18.64-.467.82-.82.204-.4.204-.926.204-1.976V4.875c0-1.05 0-1.575-.204-1.976a1.875 1.875 0 0 0-.82-.82c-.4-.204-.926-.204-1.976-.204h-5.25c-1.05 0-1.575 0-1.976.204-.353.18-.64.467-.82.82-.204.4-.204.926-.204 1.976v7.835c0 .333 0 .5.068.585.06.074.15.117.245.117.11 0 .24-.104.5-.312l1.49-1.193c.305-.243.457-.365.627-.452.15-.077.31-.133.476-.167.186-.038.381-.038.771-.038Z'/%3E%3Cpath stroke='gray' stroke-linecap='round' stroke-linejoin='round' d='M4.375 5.313H7.5M4.375 7.5h5m-3.323 3.75h4.073c1.05 0 1.575 0 1.976-.204.353-.18.64-.467.82-.82.204-.4.204-.926.204-1.976V4.875c0-1.05 0-1.575-.204-1.976a1.875 1.875 0 0 0-.82-.82c-.4-.204-.926-.204-1.976-.204h-5.25c-1.05 0-1.575 0-1.976.204-.353.18-.64.467-.82.82-.204.4-.204.926-.204 1.976v7.835c0 .333 0 .5.068.585.06.074.15.117.245.117.11 0 .24-.104.5-.312l1.49-1.193c.305-.243.457-.365.627-.452.15-.077.31-.133.476-.167.186-.038.381-.038.771-.038Z'/%3E%3Cpath stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' d='M4.375 5.313H7.5M4.375 7.5h5m-3.323 3.75h4.073c1.05 0 1.575 0 1.976-.204.353-.18.64-.467.82-.82.204-.4.204-.926.204-1.976V4.875c0-1.05 0-1.575-.204-1.976a1.875 1.875 0 0 0-.82-.82c-.4-.204-.926-.204-1.976-.204h-5.25c-1.05 0-1.575 0-1.976.204-.353.18-.64.467-.82.82-.204.4-.204.926-.204 1.976v7.835c0 .333 0 .5.068.585.06.074.15.117.245.117.11 0 .24-.104.5-.312l1.49-1.193c.305-.243.457-.365.627-.452.15-.077.31-.133.476-.167.186-.038.381-.038.771-.038Z'/%3E%3C/svg%3E") 0 center no-repeat;
  display: inline-flex;
}

.product-item__row {
  min-height: unset;
}

.product-item .rate-item {
  margin: 0 15px 0 0;
}

.product-item__row {
  gap: 10px;
}

.link-buy-in-credit, .link-free-delivery {
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.link-gift {
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 2px;
}

.link-buy-in-credit-mobile, .link-free-delivery-mobile, .link-gift-mobile {
  display: none;
}

@media (max-width: 992px) {
  .link-buy-in-credit, .link-free-delivery, .link-gift {
    display: none;
  }
  .link-buy-in-credit-mobile, .link-free-delivery-mobile, .link-gift-mobile {
    display: block;
  }
}
.modal-but-credit-shorts .list {
  list-style: none;
  margin: 0;
  padding: 0 0 13px 0;
}
.modal-but-credit-shorts .list li {
  padding: 0 0 2px 15px;
  position: relative;
}
.modal-but-credit-shorts .list li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #808080;
}
.modal-but-credit-shorts .modal-title-with-icon {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 30px 10px 0;
}
.modal-but-credit-shorts .modal-title-with-icon .h5 {
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0;
}
.modal-but-credit-shorts p {
  margin: 0 0 10px 0;
  font-size: 13px;
  line-height: 18px;
  color: #000;
}
.modal-but-credit-shorts p + .btn {
  margin-top: 5px;
}
.modal-but-credit-shorts .list-available-banks {
  list-style: none;
  margin: 0;
  padding: 0 0 15px 0;
}
.modal-but-credit-shorts .list-available-banks li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 5px 0;
  font-size: 13px;
  line-height: 18px;
  color: #000;
}
.modal-but-credit-shorts .btn-primary {
  width: 100%;
}

.product-item {
  position: relative;
  z-index: 1;
}
.product-item .product-item__row--data-btn {
  min-height: 30px;
}
.product-item .product-btns {
  top: 25px;
  right: 0;
  position: absolute;
  display: block;
  z-index: 15;
  width: 30px;
}
.product-item .product-btns__btn {
  width: 30px;
  height: 30px;
  margin: 0 0 10px 0;
}
.product-item .product-btns__btn:before {
  width: 16px;
  height: 16px;
  background-size: 18px auto;
  margin: -8px 0 0 -8px;
}
.product-item .product-item__title {
  height: 72px;
}
.product-item .product-item__title a {
  -webkit-line-clamp: 4;
}
.product-item .product-item__pic {
  display: block;
}
.product-item .product-item__col-pic {
  display: block;
  width: 100%;
}
.product-item .product-item__pic__slider {
  position: relative;
  overflow: hidden;
  display: grid;
}
.product-item .product-item__pic__slider .swiper {
  max-width: 100%;
}
.product-item .product-item__pic__slider .swiper-wrapper {
  max-height: 100%;
  height: 100%;
  display: flex;
}
.product-item .product-item__pic__slider .swiper-slide {
  width: auto;
  flex-shrink: 0;
  display: block;
  height: 100%;
  max-height: 100%;
}
.product-item .product-item__pic {
  position: relative;
}
.product-item .product-item__pic__link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 15px;
  width: 100%;
  z-index: 5;
}
.product-item .product-item__footer {
  display: block;
}
.product-item .product-item__col-pic {
  padding: 0;
  height: auto;
}
.product-item .product-item__pic img {
  margin: auto;
}
.product-item .product-item__footer-column {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.product-item .product-item__footer-column .product-cost_old {
  padding: 0;
  font-size: 12px;
  line-height: 1;
}
.product-item .product-cost__top-row {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0;
}
.product-item .product-item__footer-column {
  padding: 0 0 10px 0;
}
.product-item .preview-product__btn {
  width: 40px;
  height: 40px;
}
.product-item .product-item__bonus-point {
  position: static;
  left: auto;
  bottom: auto;
  color: #8744F4;
  white-space: normal;
  font-size: 12px;
  min-height: 18px;
}
.product-item .product-item__bonus-point span {
  display: inline;
  color: #808080;
}
.product-item .product-cost {
  font-size: 24px;
  line-height: 1;
}
.product-item .product-cost span {
  font-size: 16px;
}
.product-item .product-cost_discount {
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 15px;
  background-color: #000;
}
.product-item .product-short-char {
  border-top: 1px solid #e3e3e3;
  margin: 20px -20px 0 -20px;
  padding: 0 20px;
}
.product-item--not-available .product-item__inner {
  opacity: 0.5;
}
.product-item .product-item__ended {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
  min-height: 18px;
}

.shipping__col-title-name .shipping__datetime, .shipping__col-title-text .shipping__datetime {
  display: none;
  font-size: 12px;
  line-height: 16px;
  color: #f2530c;
  font-weight: 400;
  padding: 2px 0 0 0;
}
@media (max-width: 1200px) {
  .shipping__col-title-name .shipping__datetime, .shipping__col-title-text .shipping__datetime {
    display: block;
  }
}

.modal-show-avail-on-map .modal-header {
  padding: 0;
}
@media (max-width: 620px) {
  .modal-show-avail-on-map .modal-header {
    padding: 0 0 20px 0;
  }
}
.modal-show-avail-on-map .address-item-head .address-item__left-col {
  padding: 0;
}
@media (max-width: 620px) {
  .modal-show-avail-on-map .address-item-head {
    display: none;
  }
}
.modal-show-avail-on-map .address-item__right-col {
  min-width: 40%;
}
@media (max-width: 620px) {
  .modal-show-avail-on-map .address-item__left-col {
    padding-bottom: 0;
  }
}

.product-item .toggle-get-gift {
  transform: translate3d(-50%, 0, 0) !important;
  right: auto !important;
  left: 50% !important;
}
.product-item .list-available-banks {
  margin: 10px 0 0 0;
  padding: 0;
}
.product-item .list-available-banks li {
  padding: 0;
  display: flex;
  align-items: center;
}
.product-item .list-available-banks li:before {
  display: none;
}
.product-item .list-available-banks li + li {
  margin: 5px 0 0 0;
}
.product-item .list-available-banks img {
  margin: 0 10px 0 0;
}

.btn-signal-on {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  flex-shrink: 0;
}
.btn-signal-on:before {
  content: "";
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.5 10a7.5 7.5 0 0 1-10.32 6.952 2.368 2.368 0 0 0-.318-.117.755.755 0 0 0-.182-.02c-.069 0-.144.012-.294.037l-2.965.495c-.31.051-.466.077-.578.029a.416.416 0 0 1-.219-.219c-.048-.112-.022-.267.03-.578l.494-2.965a1.93 1.93 0 0 0 .037-.294.758.758 0 0 0-.02-.182c-.015-.068-.049-.15-.117-.318A7.5 7.5 0 1 1 17.5 10Z'/%3E%3C/svg%3E") no-repeat;
  margin: -10px 0 0 -9px;
}
.btn-signal-on:active, .btn-signal-on:focus {
  background-color: #000;
  border-color: #000;
}

.body-catalog .pagehead-container .text-nowrap {
  width: 100%;
  margin-top: 10px;
  display: block;
}

@media (max-width: 1400px) {
  .category-sort-container .category-sort-container__search {
    order: unset;
  }
}
@media (min-width: 1024px) {
  .category-main-splash {
    display: none;
  }
}
@media (min-width: 768px) {
  .category-sort-container__search {
    width: 33.333% !important;
  }
}
@media (max-width: 992px) {
  .catalog-box .tab-content::before {
    display: none !important;
  }
  .body-catalog.show-mobile-filter .header-mobile-search, .body-catalog.show-mobile-filter .header-mobile-navbar {
    display: none;
  }
  .category-sort-container {
    margin: 0;
  }
  .category-sort-container .category-sort-container__search {
    padding: 0;
  }
  .body-catalog .pagehead-container {
    padding-bottom: 5px;
  }
  /* header */
  .body-catalog .mobile-catalog-filter-bar {
    display: block;
  }
  .category-sort-container .sorting-box {
    display: none;
  }
}
@media (max-width: 768px) {
  .product-item .product-item__col-pic {
    padding: 0;
    height: auto;
  }
  .product-item .product-item__title {
    height: 80px;
    line-height: 16px;
  }
  .product-item .product-item__title a {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 480px) {
  .body-catalog .pagehead-container__header {
    width: auto;
    min-width: unset;
  }
}
@media (max-width: 400px) {
  .product-item .product-item__pic img {
    max-height: 120px;
    margin: auto;
  }
}
.product-btns .product-btns__btn_remove {
  position: relative;
  right: auto;
  top: auto;
  margin: 0 0 10px 0 !important;
}

@media (max-width: 768px) {
  .order-item .order-item__body {
    padding: 0;
    margin: 0 -15px;
    position: relative;
    background: #fff;
    z-index: 2;
  }
  .order-item .order-item__body .product-item {
    background: #fff;
  }
}
@media (min-width: 992px) {
  .catalog-container--buble .product-item--not-available:hover .product-item__inner {
    opacity: 1;
  }
  .catalog-container--buble .product-item--not-available:hover .product-item__inner .product-item-top-header {
    opacity: 0.5;
  }
  .catalog-container--buble .product-item--not-available:hover .product-item__inner .product-item__col-plate > div {
    opacity: 0.5;
  }
  .catalog-container--buble .product-item--not-available:hover .product-item__inner .product-item__col-plate > .product-short-char {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .latest-orders__list .order-item .catalog-container {
    margin: -61px -1px 0 -1px;
  }
}
@media (max-width: 380px) {
  .latest-orders__list .order-item .catalog-container {
    margin: -61px -15px 0 -15px;
  }
}
.select2-results__message {
  padding: 0 10px 10px 10px;
}

.select2-search--dropdown {
  padding: 10px;
}

@media (min-width: 340px) and (max-width: 480px) {
  .articles-container__list-col .article-item__meta-row .btn {
    width: unset !important;
    margin: 0 !important;
    /*bottom: 35px;
          right: 0;
          position: absolute !important;*/
  }
  .articles-container__list-col .article-item__body {
    padding: 0 0 35px 0 !important;
  }
  .articles-container__list-col .article-item__title {
    margin-bottom: 12px;
  }
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  position: relative;
  background: none;
  box-shadow: none;
  background-clip: padding-box;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  border-radius: 12px;
  background: #CACACA;
  width: 12px;
  max-width: 12px;
  border: 5px solid transparent;
  background-clip: padding-box;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track:horizontal {
  height: 12px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 12px;
  width: 2px;
  border: 5px solid transparent;
  background-clip: padding-box;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:horizontal {
  height: 2px;
}
.select2-container--default .select2-results > .select2-results__options:hover::-webkit-scrollbar-thumb {
  background: #94B80A url("../../i/container.svg#icon-59") center center no-repeat;
  background-size: 2px 10px;
  border-radius: 12px;
  width: 12px;
  border: 5px solid #94B80A;
}
.select2-container--default .select2-results > .select2-results__options:hover::-webkit-scrollbar-thumb:horizontal {
  background: #94B80A url("../../i/container.svg#icon-60") center center no-repeat;
  background-size: 10px 2px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}

.filter-list-opts__item--hidden {
  display: none;
}

.filter-list-opts__more {
  text-align: center;
}

.modal-w-500 .modal-dialog {
  max-width: 500px;
}
@media (max-width: 768px) {
  .modal-w-500 .modal-dialog {
    max-width: 90%;
    width: 100%;
    margin: auto;
    padding: 15px 0;
  }
}

.body-blog-nav-open .header-mobile-search {
  display: none;
}

@media (max-width: 1023px) {
  .category-filter-col {
    max-width: 85%;
  }
  .category-main-splash {
    background: rgba(0, 0, 0, 0.75);
    cursor: pointer;
    border: none;
    transition: opacity 0.5s ease;
    width: 0;
    height: 0;
  }
}
.product-item .product-item__pic {
  padding: 0 0 15px 0;
}
.product-item .product-item__pic__slider-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.my-order-box__item_number {
  background: #fff;
}

.checkoutEdit.side-modal.right .modal-dialog {
  max-width: 840px;
}

@media (max-width: 992px) {
  .header-navi__link_config {
    line-height: 25px;
    padding: 5px 13px;
  }
  .checkoutEdit.side-modal.right.fade.show .modal-dialog {
    margin: auto;
    max-height: 100vh;
    max-width: 100vw;
  }
  .checkoutEdit.side-modal.right.fade.show .modal-dialog {
    right: 0;
  }
  .checkoutEdit.side-modal.right .modal-content {
    max-height: 100vh;
    border-radius: 0;
    height: 100vh;
  }
  .checkoutEdit .modal-body .wrapper-cart--e-state .custom-scroll {
    max-height: calc(100dvh - 290px);
  }
}
.checkoutEdit .thanks-page__product-row .thanks-page__product-bonus {
  margin-top: 0;
}

@media (max-width: 768px) {
  .checkoutEdit .modal-body .wrapper-cart--e-state .custom-scroll {
    max-height: calc(100dvh - 360px);
  }
  .catalog-container--list .product-item__col-pic .product-item__pic {
    display: block;
    margin: 0 0 8px 0;
  }
  .catalog-container--list .product-item__col-pic .product-item__pic__img {
    margin-top: 12px;
  }
  .catalog-container--list .product-item__col-pic .product-item__code {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 5px 0 0 0;
    text-align: left;
  }
  .catalog-container--list .product-item__col-pic .product-item__bonus-point {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
}
@media (max-width: 380px) {
  .filter-range-slider .form-control {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .articles-container__list-col .article-item__meta-row .btn {
    display: block;
    margin: 8px 0 0 0;
    width: 100%;
  }
  .article-item__meta-row {
    flex-wrap: wrap;
  }
  .article-item__body {
    padding: 0 0 70px 0;
  }
}
.field-subscribeform-email {
  width: 100%;
}

.checkoutEdit .thanks-page__product-row .thanks-page__product-bonus {
  margin-top: 0;
}

@media (max-width: 768px) {
  .checkoutEdit .modal-body .wrapper-cart--e-state .custom-scroll {
    max-height: calc(100dvh - 360px);
  }
  .catalog-container--list .product-item__col-pic .product-item__pic {
    display: block;
    margin: 0 0 8px 0;
  }
  .catalog-container--list .product-item__col-pic .product-item__pic__img {
    margin-top: 12px;
  }
  .catalog-container--list .product-item__col-pic .product-item__code {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 5px 0 0 0;
    text-align: left;
  }
  .catalog-container--list .product-item__col-pic .product-item__bonus-point {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
}
@media (max-width: 380px) {
  .filter-range-slider .form-control {
    padding: 0 10px;
  }
}
.nvm-contacts-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 -10px;
}
.nvm-contacts-list li {
  padding: 0 0 10px 10px;
}

.popup-order-canseled .modal-header, .popup-refund-bills .modal-header {
  padding: 0 0 20px 0;
}
.popup-order-canseled .form-item, .popup-refund-bills .form-item {
  padding: 0 0 15px 0;
}
.popup-order-canseled .btn, .popup-refund-bills .btn {
  margin: 0;
}
@media (max-width: 480px) {
  .popup-order-canseled .btn, .popup-refund-bills .btn {
    width: 100%;
    text-align: center;
  }
}
.popup-order-canseled .label, .popup-refund-bills .label {
  color: #000;
  font-size: 14px;
  padding: 0 0 8px 0;
  margin: 0;
  display: block;
}

@media (max-width: 1023px) {
  .category-filter-col {
    max-width: 85%;
  }
  .category-main-splash {
    background: rgba(0, 0, 0, 0.75);
    cursor: pointer;
    border: none;
    transition: opacity 0.5s ease;
    width: 0;
    height: 0;
  }
  .show-mobile-filter .category-main-splash {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    opacity: 1;
  }
  .show-mobile-filter .content .category-filter-col {
    z-index: 1000;
  }
  .show-mobile-filter .btn-partnership {
    z-index: 0;
  }
  .show-mobile-filter .filter-item__body {
    max-width: 85%;
  }
}
.catalog-box__btn::before, .btn_mob-navi::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='10' cy='4.167' r='1.667' fill='%23fff'/%3E%3Ccircle cx='15.833' cy='10' r='1.667' fill='%23fff'/%3E%3Ccircle cx='4.167' cy='10' r='1.667' fill='%23fff'/%3E%3Ccircle cx='10' cy='15.833' r='1.667' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 20px auto;
}

.mcb-row {
  display: flex;
}
@media (max-width: 1024px) {
  .mcb-row {
    display: block;
  }
}

.mcb-col-left, .mcb-col-right {
  width: 50%;
  flex-shrink: 0;
  padding: 30px 30px 15px 30px;
}
@media (max-width: 1024px) {
  .mcb-col-left, .mcb-col-right {
    width: 100%;
    padding: 20px;
  }
}

.mcb-col-left {
  background: #f5f5f5;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 1024px) {
  .mcb-col-left {
    background: none;
    padding-bottom: 0;
  }
}

.mcb-base-row {
  display: flex;
  margin: 0 0 25px 0;
}
@media (max-width: 1024px) {
  .mcb-base-row {
    display: none;
  }
}

.mcb-base-images {
  width: 170px;
  flex-shrink: 0;
  position: relative;
}
.mcb-base-images-main-pic {
  margin: 0 0 0 10px;
}
.mcb-base-images-main-pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.mcb-base-images-list-pic {
  position: absolute;
  left: 0;
  top: 0;
}
.mcb-base-images-list-pic-item {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  margin: 0 0 6px 0;
}
.mcb-base-images-list-pic-item img {
  display: block;
  max-width: 32px;
  max-height: 32px;
  height: auto;
}

.mcb-base-list-products {
  padding: 0 0 0 14px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}
.mcb-base-list-products-item {
  flex-shrink: 0;
  width: calc(50% - 10px);
  margin: 0 0 10px 10px;
  background: #fff;
  padding: 15px;
  text-align: center;
}
.mcb-base-list-products-item-label {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #707070;
  margin: 0 0 3px 0;
}
.mcb-base-list-products-item-value {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2;
}

.mcb-base-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}
@media (max-width: 640px) {
  .mcb-base-line {
    flex-wrap: wrap;
  }
}
.mcb-base-line-pic {
  width: 24px;
  flex-shrink: 0;
  margin: 0 25px 0 0;
}
.mcb-base-line-pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 640px) {
  .mcb-base-line-pic {
    display: none;
  }
}
.mcb-base-line-title {
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  color: #000;
  flex-grow: 1;
}
@media (max-width: 640px) {
  .mcb-base-line-title {
    -webkit-line-clamp: unset;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    min-width: 100%;
    margin: 0 0 10px 0;
    order: 1;
  }
}
.mcb-base-line-title a {
  color: #000;
  text-decoration: none;
}
.mcb-base-line-title span {
  color: #707070;
}
@media (max-width: 640px) {
  .mcb-base-line-title span {
    color: #000;
  }
}
.mcb-base-line-price {
  width: 90px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  color: #000;
  line-height: 20px;
  text-align: right;
  margin: 0 20px;
}
.mcb-base-line-price span {
  font-size: 13px;
}
@media (max-width: 640px) {
  .mcb-base-line-price {
    width: auto;
    flex-grow: 1;
    margin: 0 20px 0 0;
    order: 4;
  }
}
.mcb-base-line-btn-change {
  border: 1px solid #fff;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 600;
  min-width: 100px;
  text-align: center;
}
.mcb-base-line-btn-change:hover {
  background-color: #fff;
  border-color: #707070;
}
@media (max-width: 1024px) {
  .mcb-base-line-btn-change {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
  }
  .mcb-base-line-btn-change:hover {
    border-color: #707070;
  }
}
@media (max-width: 640px) {
  .mcb-base-line-btn-change {
    order: 2;
  }
}
.mcb-base-line-btn-select {
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 600;
  min-width: 100px;
  text-align: center;
}
@media (max-width: 640px) {
  .mcb-base-line-btn-select {
    order: 2;
  }
}

.mcb-base-line + .mcb-base-line {
  border-top: 1px solid #e3e3e3;
}

.mcb-col-right .mcb-base-line-btn-change {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
}
.mcb-col-right .mcb-base-line-btn-change:hover {
  background-color: #fff;
  border-color: #707070;
}

.mcb-col-scroll-list {
  max-height: 480px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 20px 0 0;
}
@media (max-width: 1024px) {
  .mcb-col-scroll-list {
    max-height: unset;
    overflow: auto;
    padding: 0;
  }
}

.thank-text {
  margin: -30px 0 0 0;
}
.thank-text .btn {
  margin: 20px 0 0 0 !important;
}

.nvm-list-options {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 -10px;
}
.nvm-list-options li {
  padding: 0 0 10px 10px;
}
.nvm-list-options input[type=radio] + label {
  width: 63px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 18px;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.nvm-list-options input[type=radio] + label:before, .nvm-list-options input[type=radio] + label:after {
  display: none !important;
}
.nvm-list-options input[type=radio]:checked + label {
  background: #f5f8e7;
  color: #A2C617;
  border-color: #A2C617;
}

/******************* links tree ******************/
.page-links-tree {
  background: #F5F8E7 url("../i/bg-links-tree.svg") center center no-repeat;
  min-height: 100vh;
}

.main-links-tree {
  max-width: 744px;
  padding: 0 50px;
  background: #fff;
  min-height: 100vh;
  margin: 0 auto;
}
.main-links-tree .top-logo {
  padding: 40px 0;
  width: 200px;
  margin: 0 auto;
}
.main-links-tree .top-logo span {
  font-size: 13px;
  color: #000;
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
}
.main-links-tree h2 {
  font-size: 14px;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.main-links-tree .soc-ltr {
  text-align: center;
  padding: 0 0 20px 0;
}
.main-links-tree .soc-ltr .title {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 0 0 15px 0;
  margin: 0;
}
.main-links-tree .soc-ltr .list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-links-tree .soc-ltr .list li {
  padding: 0 8px 16px 8px;
}
.main-links-tree .categories-slider {
  display: block !important;
  margin: 30px 0 50px 0;
}
.main-links-tree .categories-slider img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.list-links-tree {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0 0 20px 0;
}
.list-links-tree li {
  width: 50%;
  padding: 0 10px 20px 10px;
  flex-grow: 1;
}
.list-links-tree .btn {
  width: 100%;
}
.list-links-tree span {
  display: block;
  text-align: center;
  padding: 5px 20px 10px 20px;
  color: #808080;
  font-size: 13px;
}

.contact-ltr {
  border-radius: 36px;
  border: 1px solid #e3e3e3;
  padding: 25px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px 0;
}
.contact-ltr .title {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 0 0 0 25px;
  background: url("../i/lp-sv-20.svg") 0 1px no-repeat;
  line-height: 20px;
}
.contact-ltr .list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}
.contact-ltr .list li {
  padding: 0 0 0 10px;
}
.contact-ltr .list .btn {
  font-weight: 600;
  padding: 3px 15px;
  font-size: 12px;
}

@media (max-width: 768px) {
  .page-links-tree {
    background: none;
  }
  .main-links-tree {
    background: #fff url("../i/lp-sv-21.svg") right 0 no-repeat;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .main-links-tree .top-logo {
    padding: 30px 0;
  }
  .list-links-tree {
    padding: 0 0 15px 0;
  }
  .list-links-tree li {
    width: 100%;
    padding: 0 0 15px 0;
  }
  .main-links-tree .soc-ltr .list {
    max-width: 200px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .contact-ltr {
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 20px;
  }
  .contact-ltr .title {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .contact-ltr .list li {
    padding: 0 10px 0 0;
  }
}
.modal-need-video-meet p, .modal-need-video-meet .h5 {
  margin: 10px 0 0 0;
  font-size: 13px;
  color: #404040;
  line-height: 18px;
  padding: 0;
}
.modal-need-video-meet .form-item {
  margin: 0 0 20px 0;
}
.modal-need-video-meet .nvm-btn-send {
  width: 100%;
  margin: 10px 0 20px 0;
}

.product-item__code i {
  font-style: normal;
}
@media (max-width: 385px) {
  .product-item__code i {
    display: none;
  }
}

@media (max-width: 385px) {
  .category-items-col-2v .product-item-top-meta {
    flex-wrap: wrap;
  }
  .category-items-col-2v .product-item-top-meta .product-item__code {
    padding: 5px 0 0 0;
    width: 100%;
    text-align: right;
  }
}

@media (max-width: 600px) {
  .product-item .b-i-product-mid-meta-color {
    display: none;
  }
}
@media (max-width: 480px) and (min-width: 340px) {
  .articles-container__list-col.custom-scroll .article-item__wrap-title {
    height: 95px;
  }
  .articles-container__list-col.custom-scroll .article-item__meta-row .btn {
    margin: 8px 0 0 0 !important;
    width: 100% !important;
    display: block !important;
  }
}
@media (max-width: 480px) {
  .available-item .ai-value {
    width: auto;
    min-width: unset;
    padding: 15px;
  }
  .available-item .ai-action-col {
    gap: 8px;
  }
}
@media (max-width: 360px) {
  .available-item .ai-value {
    padding: 15px 10px;
  }
  .available-item .btn {
    font-size: 13px;
  }
}
.d-block-ni {
  display: block;
}

.show-now {
  display: block;
}

.b-i-product-select-color {
  flex-direction: column;
}

.b-ipsc-all-color {
  padding: 5px 0 0 0;
}

/* add new pay tabs */
.checkout__delivery-item-content.d-block {
  display: block !important;
}

.chpt-tabs-nav {
  list-style: none;
  margin: 0 0 32px 0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  gap: 16px;
  border: none;
  border-radius: 0;
}
.chpt-tabs-nav .nav-item {
  padding: 0;
  margin: 0;
  background: none;
  flex-shrink: 0;
  width: calc(25% - 12px);
  align-self: stretch;
}
.chpt-tabs-nav .nav-link {
  background: none;
  cursor: pointer;
  height: 100%;
  display: flex;
  text-decoration: none;
  flex-direction: column;
  width: 100%;
  text-align: left;
  border-radius: 10px;
  padding: 16px;
  border: 1px solid #cacaca;
  position: relative;
}
.chpt-tabs-nav .nav-link span {
  display: block;
}
.chpt-tabs-nav .nav-link:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #000;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 16px;
}
.chpt-tabs-nav .nav-link[aria-selected=true] {
  border-color: #94b80a;
  background-color: #f5f8e7;
}
.chpt-tabs-nav .nav-link[aria-selected=true]:before {
  border-color: #94B80A;
  background: #94B80A url("../../i/container.svg#icon-35") center center no-repeat;
  background-size: 12px 8px;
}
.chpt-tabs-nav .nav-item-ico {
  height: 32px;
  margin: 0 0 8px 0;
}
.chpt-tabs-nav .nav-item-ico img {
  display: block;
  max-width: 100%;
  max-height: 32px;
  height: auto;
  width: auto;
}
.chpt-tabs-nav .nav-item-title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0 0 8px 0;
}
.chpt-tabs-nav .nav-item-text {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  color: #444;
}

@media (max-width: 660px) {
  .chpt-tabs-nav {
    flex-wrap: wrap;
  }
  .chpt-tabs-nav .nav-item {
    width: calc(50% - 12px);
  }
  .chpt-tabs-nav .nav-item .nav-item-text {
    display: none;
  }
}
@media (max-width: 380px) {
  .chpt-tabs-nav .nav-item .nav-link {
    padding: 14px;
  }
}
.checkout-pay-tabs .checkout__delivery-item {
  margin: 0 !important;
}
.checkout-pay-tabs .checkout__section-line {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 992px) {
  .checkout-pay-tabs .form-check_delivery .form-check-label {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .checkout-pay-tabs .checkout__delivery-item-content {
    padding: 0 15px 15px 15px !important;
  }
  .checkout-pay-tabs .form-check_delivery-column {
    padding: 0 0 0 48px;
    margin: 0;
  }
  .checkout-pay-tabs .form-check_delivery-ico {
    position: absolute;
    top: 50%;
    left: 45px;
    margin: 0;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
  }
  .checkout-pay-tabs .form-check_delivery-ico img {
    max-width: 32px;
    max-height: 32px;
  }
}

@media (max-width: 560px) {
  .order-item__summary {
    flex-wrap: wrap;
  }
  .order-item__summary > .btn {
    order: 2;
    width: 100%;
  }
  .order-item__summary__list {
    order: 1;
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .email-wrap {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 16px;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 440px) {
  .email-wrap {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 16px;
    display: inline-block;
    vertical-align: top;
  }
}
/* my games */
.wrapper-breadcrumb {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  padding: 8px 0 40px 0;
}

.speedometr {
  background: url("../../i/speedometer-bg.png") center center no-repeat;
  background-size: cover;
  height: 460px;
  border-radius: 40px;
  margin: 0 0 30px 0;
  color: #fff;
  position: relative;
}
.speedometr:before {
  content: "";
  width: 397px;
  height: 324px;
  position: absolute;
  background: url("../../i/bg-crossline.svg") no-repeat;
  top: 34px;
  left: 50%;
  transform: translateX(-51%);
}
.speedometr .speed-item {
  width: 405px;
  height: 335px;
  background: url("../../i/speedometer-def.png") center center no-repeat;
  background-size: cover;
  padding: 140px 10px 0 0;
  text-align: center;
}
.speedometr .fps {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 0 130px 0;
}
.speedometr .fps i {
  font-style: normal;
  font-size: 56px;
  line-height: 1.1;
  display: block;
}
.speedometr .middle-fps {
  font-size: 16px;
}
.speedometr .middle-fps strong {
  font-weight: 600;
  color: #94b80a;
}
.speedometr .center-info {
  width: 260px;
  position: absolute;
  left: 50%;
  top: 135px;
  margin: 0 0 0 -130px;
  text-align: center;
}
.speedometr .center-info__head-logo {
  font-weight: 600;
  color: #6e7175;
  font-size: 16px;
  margin: 0 0 8px 0;
}
.speedometr .center-info__head-logo:first-letter {
  font-size: 52px;
}
.speedometr .center-info__title {
  color: #fff;
  font-size: 22px;
  line-height: 1;
  margin: 0 0 55px 0;
}

.my-nvis-container {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1.2fr;
  padding: 0 0 80px 0;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 0 60px 0;
}

.my-nvis-col-games {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1.28fr;
}

.my-nvis-games-list {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  overflow: hidden;
}

.my-nvis__games-search {
  padding: 25px 15px 20px;
  border-bottom: 1px solid #e3e3e3;
}
.my-nvis__games-search .search-short {
  padding: 15px 0 0 0;
}

.my-nvis__games-selected, .my-nvis__games-top {
  padding: 20px 15px;
  border-bottom: 1px solid #e3e3e3;
}

.my-nvis__box-head {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  padding: 0 25px 0 0;
  position: relative;
}
.my-nvis__box-head i {
  font-style: normal;
  color: #94b80a;
}
.my-nvis__box-head:before {
  content: "";
  width: 15px;
  height: 16px;
  position: absolute;
  top: 3px;
  right: 3px;
  background: url("../../i/container.svg#icon-50") no-repeat;
}
.my-nvis__box-head[aria-expanded=true]:before {
  transform: rotate(180deg);
}

.my-nvis__list-games {
  display: grid;
  grid-template-columns: 1fr;
  padding: 15px 0 0 0;
  gap: 10px;
}
.my-nvis__list-games .item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.my-nvis__game-button {
  display: flex;
  border: none;
  background: none;
  cursor: pointer;
  gap: 6px;
}
.my-nvis__game-button .ico {
  width: 20px;
  flex-shrink: 0;
}
.my-nvis__game-button .ico img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
}
.my-nvis__game-button .name {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.my-nvis__button-add {
  background: #A2C617;
  width: 20px;
  flex-shrink: 0;
  height: 20px;
  border-radius: 50%;
  position: relative;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  border: none;
}
.my-nvis__button-add:before {
  content: "";
  background: url("../../i/container.svg#icon-104") center center no-repeat;
  background-size: 16px auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.my-nvis__button-add.selected {
  background: url("../../i/container.svg#icon-180") center center no-repeat;
  background-size: 20px auto;
  opacity: 0.6;
}
.my-nvis__button-add.selected:before {
  display: none;
}

.my-nvis-one-game {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.my-nvis__collpase-content {
  flex-grow: 1;
}

.my-nvis-current-game {
  position: relative;
}
.my-nvis-current-game .cgame-screen {
  border-radius: 10px 10px 0 0;
}
.my-nvis-current-game .cgame-screen img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}
.my-nvis-current-game .cgame-name {
  position: absolute;
  right: 20px;
  left: 20px;
  top: 20px;
  white-space: nowrap;
  font-size: 24px;
  line-height: 1;
  text-overflow: ellipsis;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
}

.my-nvis__button-game-remove {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  left: 20px;
  top: 60px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  font-size: 0;
  line-height: 0;
}
.my-nvis__button-game-remove:before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../../i/new-remove.svg") center center no-repeat;
}

.my-nvis-params {
  padding: 25px 15px;
}
.my-nvis-params-title {
  font-size: 12px;
  color: #707070;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 20px 0;
}
.my-nvis-params .float-select {
  position: relative;
}
.my-nvis-params .float-select label {
  position: absolute;
  left: 21px;
  top: -6px;
  background: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 0 5px;
  margin: 0;
  color: #707070;
  z-index: 2;
}
.my-nvis-params .float-select .select2-container--default .select2-selection--single {
  border-radius: 10px;
  height: 44px;
}
.my-nvis-params .float-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-weight: 500;
  line-height: 42px;
  color: #000;
  padding: 0 36px 0 18px;
}
.my-nvis-params .float-select .select2-selection__arrow {
  width: 15px;
  height: 16px;
  top: 15px;
  right: 12px;
  margin: 0;
  background: url("../../i/container.svg#icon-50") no-repeat;
}
.my-nvis-params .float-select .select2-selection__arrow b {
  display: none;
}
.my-nvis-params .float-select .select2-container--open {
  z-index: 1;
}
.my-nvis-params .row {
  margin-bottom: 15px;
}
.my-nvis-params .btn-assemble-your {
  border: 1px dashed #cacaca;
  display: block;
  cursor: pointer;
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 500;
  color: #94b80a;
  background: none;
  height: 36px;
  text-align: center;
  width: 100%;
  border-radius: 10px;
}
.my-nvis-params .btn-primary.btn {
  width: 100%;
}

.my-nvis__need-help {
  padding: 25px 15px 20px 15px;
  border-top: 1px solid #e3e3e3;
  text-align: center;
}
.my-nvis__need-help-title {
  font-size: 12px;
  line-height: 16px;
  color: #707070;
  padding: 0 0 15px 0;
}
.my-nvis__need-help .btn {
  width: 100%;
}

.my-nvis-progress {
  padding: 0 0 25px 0;
}
.my-nvis-progress__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: #000;
  margin: 0 0 10px 0;
}
.my-nvis-progress__title span {
  color: #8744f4;
  font-weight: 700;
}
.my-nvis-progress__line {
  height: 15px;
  border-radius: 10px;
  background: #eaeaea;
  position: relative;
}
.my-nvis-progress__line-progress {
  height: 15px;
  border-radius: 10px;
  background: #c3a1fa;
  position: absolute;
  left: 0;
  top: 0;
}

.my-nvis-visual-scheme {
  position: relative;
}
.my-nvis-visual-scheme img {
  display: block;
  max-width: 100%;
  height: auto;
}
.my-nvis-visual-scheme-arrow {
  position: absolute;
  right: 20%;
  bottom: 21%;
}
.my-nvis-visual-scheme .btn-main-add {
  border: none;
  cursor: pointer;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  background: url("../../i/btn-main-add.svg") no-repeat;
}
.my-nvis-visual-scheme .btn-main-add.p1 {
  right: 16.5%;
  bottom: 38.33%;
}
.my-nvis-visual-scheme .btn-main-add.p2 {
  right: 25%;
  bottom: 48.5%;
}
.my-nvis-visual-scheme .btn-main-add.p3 {
  right: 18.9%;
  top: 24.6%;
}
.my-nvis-visual-scheme .component-1 {
  position: absolute;
  left: 3%;
  top: -3.1%;
  width: 49.5%;
  height: 71%;
  background: url("../../i/monitor.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-2 {
  position: absolute;
  left: 9.5%;
  top: 51%;
  width: 44%;
  height: 42%;
  background: url("../../i/keyboard.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-3 {
  position: absolute;
  left: 31%;
  top: 48.7%;
  width: 37%;
  height: 43%;
  background: url("../../i/stereo.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-4 {
  position: absolute;
  left: 54%;
  top: 64%;
  width: 22%;
  height: 23%;
  background: url("../../i/mouse.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-5 {
  position: absolute;
  left: 56.5%;
  top: 4%;
  width: 40%;
  height: 79%;
  background: url("../../i/box-tower.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-6 {
  position: absolute;
  left: 56.5%;
  top: 54%;
  width: 27%;
  height: 18%;
  background: url("../../i/power-box.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-7 {
  position: absolute;
  left: 83.3%;
  top: 15%;
  width: 8%;
  height: 58%;
  background: url("../../i/coolers.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-8 {
  position: absolute;
  left: 58%;
  top: 24%;
  width: 9.9%;
  height: 17.35%;
  background: url("../../i/case-fans.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-9 {
  position: absolute;
  left: 58%;
  top: 13%;
  width: 24%;
  height: 11%;
  background: url("../../i/liquid-cooling-system.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-10 {
  position: absolute;
  left: 75.8%;
  top: 22%;
  width: 2.5%;
  height: 13%;
  background: url("../../i/ram.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-11 {
  position: absolute;
  left: 71.3%;
  top: 22.8%;
  width: 4.15%;
  height: 3.15%;
  background: url("../../i/processor.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-12 {
  position: absolute;
  left: 70.3%;
  top: 27%;
  width: 5.2%;
  height: 10%;
  background: url("../../i/liquid-cooling-pump.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-13 {
  position: absolute;
  left: 71%;
  top: 37%;
  width: 5.8%;
  height: 5.2%;
  background: url("../../i/ssd.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-14 {
  position: absolute;
  left: 76%;
  top: 50%;
  width: 5.6%;
  height: 4.95%;
  background: url("../../i/motherboard.png") no-repeat;
  background-size: cover;
}
.my-nvis-visual-scheme .component-15 {
  position: absolute;
  left: 62.7%;
  top: 42.4%;
  width: 20.7%;
  height: 7.3%;
  background: url("../../i/graphics-card.png") no-repeat;
  background-size: cover;
}

.my-nvis__list-selected-components .configuration__table-price-currency {
  color: #777;
  font-weight: 500;
  display: inline !important;
  margin: 0 !important;
}
.my-nvis__list-selected-components .configuration__table-col_w5 .configuration__table-price-currency {
  display: block;
  margin-bottom: -12px;
}
.my-nvis__list-selected-components .configuration__table-col_w-category {
  vertical-align: top !important;
  padding: 20px 0 20px 0;
}
.my-nvis__list-selected-components .configuration__table-col_w-update {
  position: absolute !important;
  left: 20px;
  bottom: 20px;
  padding: 0;
}
.my-nvis__list-selected-components .configuration__btn-update {
  font-size: 12px;
  line-height: 1;
  color: #a968ea;
  border: none;
  border-radius: 20px;
  padding: 2px 5px;
  background: #f1e2ff;
  font-weight: 600;
}
.my-nvis__list-selected-components .configuration__table-row--mobile .configuration__table-col_w-update {
  position: absolute !important;
  left: auto;
  bottom: 10px;
  right: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
.my-nvis__list-selected-components .configuration__table-row--mobile .configuration__btn-update {
  padding: 9px 15px;
}
.my-nvis__list-selected-components .configuration__table-row--mobile .configuration__table-col.configuration__table-col_w7 {
  padding-bottom: 15px !important;
}

.pagehead-container__header-mypc {
  padding: 5px 0 15px;
  margin: 0;
}

.error-state {
  filter: invert(43%) sepia(94%) saturate(4223%) hue-rotate(338deg) brightness(102%) contrast(106%);
}

.configuration__section-empty-info {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #000;
  border-radius: 20px;
  line-height: 16px;
  padding: 0 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media (max-width: 992px) {
  .configuration__section-empty-info {
    display: none;
  }
}

.for-your-workplace {
  position: relative;
  margin: 50px 0;
}
@media (max-width: 990px) {
  .for-your-workplace {
    display: none;
  }
}
.for-your-workplace .swiper-slide {
  width: 288px !important;
}
.for-your-workplace .product-item {
  width: unset !important;
}
.for-your-workplace__title {
  color: #000;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 24px 0;
  padding: 0;
  font-weight: 600;
}
.for-your-workplace__wrapper-slider {
  margin: 0 calc((100% - 100vw + 20px) / 2) 0 0;
  overflow: hidden;
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
.for-your-workplace .swiper-button-prev.swiper-button-disabled, .for-your-workplace .swiper-button-next.swiper-button-disabled {
  display: block !important;
  opacity: 0.5 !important;
  cursor: default;
}
.for-your-workplace .swiper-button-prev, .for-your-workplace .swiper-button-next {
  top: 15px !important;
  border: 1px solid #e3e3e3;
}
.for-your-workplace .swiper-button-prev {
  left: auto !important;
  right: 50px;
}

.my-nvis-mobile-nav {
  display: none;
}

.tab-mobile-config .my-nvis-visual-scheme {
  display: none;
}

.nav-back-2-list {
  display: none;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 11px 0 30px 0;
  position: relative;
  line-height: 20px;
  padding: 0 0 0 35px;
}
.nav-back-2-list:before {
  content: "";
  width: 26px;
  height: 16px;
  background: url("../../i/ny-back.svg") no-repeat;
  left: 0;
  top: 2px;
  position: absolute;
}

.btn-show-more-list {
  display: none;
}

.btn-games-from-steam {
  width: 100%;
  display: block;
  margin: 20px 0 5px 0;
}

.my-nvis__component--photo {
  padding: 25px 15px 15px 15px;
}
.my-nvis__component--photo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.my-nvis__component--name {
  padding: 0 15px 15px 15px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}
.my-nvis__component--need-for-update {
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 15px 25px 15px;
}
.my-nvis__component--nfu-row {
  margin: 0 0 15px 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.my-nvis__component--nfu-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #777;
}
.my-nvis__component--nfu-value {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #000;
}
.my-nvis__component--scale {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.my-nvis__component--scale > div {
  height: 16px;
  border-radius: 16px;
}
.my-nvis__component--scale.level-low > div:nth-child(1) {
  background-color: #E8F1E5;
}
.my-nvis__component--scale.level-low > div:nth-child(2) {
  background-color: #CBF7C4;
}
.my-nvis__component--scale.level-low > div:nth-child(3) {
  background-color: #8EF092;
}
.my-nvis__component--scale.level-middle > div:nth-child(1) {
  background-color: #F1EFE5;
}
.my-nvis__component--scale.level-middle > div:nth-child(2) {
  background-color: #F7ECC4;
}
.my-nvis__component--scale.level-middle > div:nth-child(3) {
  background-color: #F0DB8E;
}
.my-nvis__component--scale.level-high > div:nth-child(1) {
  background-color: #F1E5E5;
}
.my-nvis__component--scale.level-high > div:nth-child(2) {
  background-color: #F7C4C4;
}
.my-nvis__component--scale.level-high > div:nth-child(3) {
  background-color: #F08E8E;
}

.my-nvis__meta-info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  padding: 20px 15px;
  border-bottom: 1px solid #e3e3e3;
}
.my-nvis__meta-info-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #777;
}
.my-nvis__meta-info-value {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #000;
}
.my-nvis__meta-info-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.my-nvis__select-variants {
  border-bottom: 1px solid #e3e3e3;
  padding: 25px 15px;
}
.my-nvis__select-variants .btn-select-variants {
  width: 100%;
  font-size: 14px;
}
.my-nvis__trade-in {
  padding: 25px 15px;
  text-align: center;
}
.my-nvis__ti-head {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 0 15px 0;
}
.my-nvis__ti-btn {
  font-size: 14px;
  width: 100%;
}
.my-nvis__ti-get-ask {
  margin: 15px 0 0 0;
  font-size: 14px;
}
.my-nvis__list-selected-components {
  margin: 40px 0 0 0;
}
.my-nvis__list-selected-components .configuration__table-col_w-category {
  width: 20%;
  min-width: 20%;
}
.my-nvis__list-selected-components .configuration__table-col_w1 {
  width: 40% !important;
}
.my-nvis__lsc-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #000;
  margin: 0 0 15px 0;
}

@media (min-width: 1000px) {
  .speedometr .tab-content {
    display: grid;
    grid-template-columns: 405px 405px;
    max-width: 1130px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 30px 0 0 0;
    position: relative;
  }
  .speedometr .tab-pane {
    display: block !important;
    opacity: 1 !important;
  }
  .tab-mobile-config {
    display: block !important;
    opacity: 1 !important;
  }
  .my-nvis-container {
    display: grid !important;
    opacity: 1 !important;
  }
}
@media (max-width: 1240px) {
  .my-nvis-col-games {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 1000px) {
  .for-your-workplace {
    display: none;
  }
  .btn-show-more-list {
    display: inline-flex;
    margin: 20px 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #000;
  }
  .my-nvis-container {
    padding: 0;
    border: none;
  }
  .my-nvis__games-top {
    border: none;
  }
  .my-nvis-games-list, .my-nvis-one-game {
    border: none;
    border-radius: 0;
    margin: 0 -15px;
  }
  .my-nvis__game-button {
    padding: 8px 8px 8px 16px;
    background: #f6f6f6;
    border-radius: 4px;
    flex-grow: 1;
  }
  .my-nvis__list-games {
    gap: 5px;
  }
  .my-nvis__list-games .item {
    align-items: center;
    gap: 15px;
  }
  .my-nvis-col-pc .my-nvis-visual-scheme, .my-nvis-col-pc .my-nvis-progress {
    display: none;
  }
  .tab-mobile-config .my-nvis-visual-scheme {
    display: block;
    margin: 0 auto 50px auto;
    max-width: 540px;
    min-width: 290px;
  }
  .my-nvis-mobile-nav {
    display: block;
  }
  .speed-tabs-nav {
    display: flex;
    margin: 0 0 20px 0;
    list-style: none;
    gap: 10px;
  }
  .speed-tabs-nav button {
    border-radius: 25px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 10px 16px;
    height: 42px;
    line-height: 22px;
    cursor: pointer;
  }
  .speed-tabs-nav button:hover, .speed-tabs-nav button:focus {
    color: #000;
  }
  .speed-tabs-nav button[aria-selected=true] {
    background: #f5f8e7;
    color: #94b80a;
    border-color: #94b80a;
  }
  .wrapper-breadcrumb .btn_get_consult, .my-nvis-one-game {
    display: none;
  }
  .my-nvis-container {
    grid-template-columns: 1fr;
  }
  .my-nvis-col-pc {
    order: 1;
  }
  .my-nvis-col-games {
    grid-template-columns: 1fr;
    gap: 0;
    order: 2;
  }
  .speedometr {
    background: #000 url("../../i/bg-speed-mob.svg") center 0 no-repeat;
    background-size: 100% auto;
    border-radius: 0;
    height: auto;
    padding: 25px 30px 35px 30px;
    margin: 0 -15px 30px -15px;
  }
  .speedometr:before {
    display: none;
  }
  .speedometr .speed-item {
    margin: 0 auto 25px auto;
  }
  .speedometr .center-info {
    margin: 0 auto;
    position: static;
    left: auto;
    top: auto;
  }
  .speedometr .center-info__head-logo {
    display: none;
  }
  .speedometr .center-info__title {
    margin: 0 0 15px 0;
  }
  .speedometr .middle-fps {
    display: none;
  }
}
@media (max-width: 540px) {
  .speedometr .speed-item {
    width: 250px;
    height: 200px;
    background-size: contain;
    padding: 75px 10px 0 0;
  }
  .speedometr .fps i {
    font-size: 32px;
  }
}
.attention-message {
  color: #f10c0c;
  position: relative;
  padding: 0 0 0 28px;
}
.attention-message:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #ffe0e0 url("../../i/container.svg#icon-187") center 0 no-repeat;
  background-size: 4px auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.modal-add-workplace .modal-header, .modal-last-clean .modal-header {
  font-size: 22px;
  line-height: 1.3;
  line-height: 1.3;
}
.modal-add-workplace .popup-form__btn, .modal-last-clean .popup-form__btn {
  margin: 0;
}
.modal-add-workplace .popup-form__btn + .popup-form__btn, .modal-last-clean .popup-form__btn + .popup-form__btn {
  margin-top: 15px;
}

.clean-top-info {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #808080;
  padding: 0 50px 30px 0;
}

.product-label--ny25 {
  background: url("../../i/label-ny25.png") no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.nav-link-ny-25, .nav-link-ny-25:hover {
  background: url("../../i/bg-menu-ny25.png") right 0 no-repeat !important;
  background-size: 100% auto !important;
  color: #000 !important;
}
@media (max-width: 992px) {
  .nav-link-ny-25, .nav-link-ny-25:hover {
    border-radius: 0 !important;
  }
}

.tab-pane-ny25 {
  position: relative;
}
.tab-pane-ny25:before {
  content: "";
  background: url("../../i/bg-tav-ny25.svg") right bottom no-repeat !important;
  bottom: -15px;
  right: -30px;
  position: absolute;
  z-index: 1;
  width: 479px;
  height: 447px;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 992px) {
  .tab-pane-ny25:before {
    background-size: 50% auto !important;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
  }
}
.tab-pane-ny25 .catalog-box__ins {
  position: relative;
  z-index: 2;
}

.tab-pane-stalker {
  position: relative;
}
.tab-pane-stalker:before {
  content: "";
  background: url("../../i/bg-stalker.svg") right bottom no-repeat !important;
  left: -15px;
  top: -15px;
  bottom: -15px;
  right: -30px;
  position: absolute;
  z-index: 1;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 992px) {
  .tab-pane-stalker:before {
    background-size: 50% auto !important;
  }
}
.tab-pane-stalker .catalog-box__ins {
  position: relative;
  z-index: 2;
}

.nav-link-stalker, .nav-link-stalker:hover {
  background: url("../../i/bg-menu-stalker.png") no-repeat !important;
  background-size: cover !important;
  color: #000 !important;
}
@media (max-width: 992px) {
  .nav-link-stalker, .nav-link-stalker:hover {
    border-radius: 0 !important;
  }
}

.tab-pane-stalker {
  position: relative;
}
.tab-pane-stalker:before {
  content: "";
  background: url("../../i/bg-stalker.svg") right bottom no-repeat !important;
  left: -15px;
  top: -15px;
  bottom: -15px;
  right: -30px;
  position: absolute;
  z-index: 1;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 992px) {
  .tab-pane-stalker:before {
    background-size: 50% auto !important;
  }
}
.tab-pane-stalker .catalog-box__ins {
  position: relative;
  z-index: 2;
}

/* trade-in stalker */
.trade-in-box--stalker {
  max-width: 100% !important;
}
.trade-in-box--stalker .trade-in-box__intro {
  background: url("../../i/stalker-bg-1.jpg") no-repeat;
  background-size: 100% 100%;
  margin: 0 -20px 66px -20px;
}
.trade-in-box--stalker .trade-in-box__intro-inner {
  max-width: 1192px;
  margin: 0 auto;
  padding: 0 20px 57px 20px;
}
.trade-in-box--stalker .trade-in-box__all-wrapper {
  max-width: 1152px;
  margin: 0 auto;
}
.trade-in-box--stalker .trade-in-box__step-list-wrapper .swiper-button-prev {
  top: auto !important;
  margin: 0 !important;
  left: 0 !important;
  bottom: -50px !important;
}
.trade-in-box--stalker .trade-in-box__step-list-wrapper .swiper-button-next {
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  left: 50px !important;
  bottom: -50px !important;
}
.trade-in-box--stalker .trade-in-box__step-list-wrapper .swiper-button-disabled {
  display: block !important;
  opacity: 0.3 !important;
}
@media (min-width: 1101px) {
  .trade-in-box--stalker .trade-in-box__step-list-wrapper .swiper-button-disabled {
    display: none !important;
  }
}
.trade-in-box--stalker .trade-in-box__step-form__categories input[type=radio] + label {
  border-color: #707070;
}
.trade-in-box--stalker .trade-in-box__step-form__categories input[type=radio] + label:hover {
  border-color: #94B80A;
}
.trade-in-box--stalker .page-main-header {
  margin: 0 !important;
  padding: 90px 0 62px !important;
  color: #fff;
  font-size: 48px;
  font-weight: 600 !important;
}
.trade-in-box--stalker .trade-in-box__step-list__item {
  background: url("../../i/stalker-bg-2.png") no-repeat;
  background-size: 100% 100%;
  border-radius: 0 !important;
}
.trade-in-box--stalker .trade-in-box__step-list__item__num {
  background: none;
  color: #fff;
}
.trade-in-box--stalker .trade-in-box__step-list__item__num:before {
  border-color: #fff;
}
.trade-in-box--stalker .trade-in-box__step-list__item__title {
  color: #fff;
  margin: 0 0 15px 0;
  padding: 60px 0 0 0;
}
.trade-in-box--stalker .trade-in-box__step-list__item__title br {
  display: none;
}
.trade-in-box--stalker .trade-in-box__step-list__item__text {
  color: #fff;
}
.trade-in-box--stalker .trade-in-box__step-list__item__text a {
  color: #9bb73a;
}
.trade-in-box--stalker .trade-in-box__step-form {
  border: none;
  background: url("../../i/stalker-bg-3.jpg") no-repeat;
  background-size: 100% 100%;
}
.trade-in-box--stalker .trade-in-box__step-form__num {
  color: #707070 !important;
  border: 1px solid #707070 !important;
  background: none !important;
  lline-height: 28px !important;
}
.trade-in-box--stalker .active .trade-in-box__step-form__num {
  color: #000 !important;
  background: none !important;
  border: 1px dashed #707070 !important;
}
@media (max-width: 992px) {
  .trade-in-box--stalker .page-main-header {
    font-size: 25px !important;
    padding: 30px 0 !important;
    margin: 0 !important;
  }
  .trade-in-box--stalker .trade-in-box__intro-inner {
    padding-bottom: 90px;
  }
  .trade-in-box--stalker .trade-in-box__intro {
    background: url("../../i/stalker-bg-1-mob.jpg") no-repeat;
    background-size: 100% 100%;
    margin: 0 -15px 40px -15px;
  }
}

.show-mobile-filter .header-mobile-search {
  z-index: 0;
}

.my-nvis__total-container {
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  padding: 20px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  background: #fcfcfc;
}
.my-nvis__total-container .my-nvis__tc_text {
  font-size: 12px;
  color: #000;
  font-weight: 500;
  line-height: 1.2;
  flex-grow: 1;
}
.my-nvis__total-container .my-nvis__tc_summ {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.my-nvis__total-container .my-nvis__tc_summ span {
  color: #707070;
  font-size: 12px;
}
.my-nvis__total-container .my-nvis__tc_btn {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  padding: 10px 16px;
}

.configuration__section-header .d-flex.d-lg-none.mb-3 {
  gap: 20px;
}

.mg-social {
  list-style: none;
  margin: 0;
  padding: 0;
  top: 25px;
  right: 1%;
  position: absolute;
}
.mg-social li {
  margin: 0 0 15px 0;
}
.mg-social > li:last-child {
  transform: rotate(-90deg) translateX(-220px) translateY(180px);
  width: 202px;
  transform-origin: 0 center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mg-social span {
  font-size: 16px;
  font-weight: 500;
  color: #676767;
  display: block;
}

.center-info__head-logo.active {
  color: #94b80a;
}

.center-info__services {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.center-info__services__item {
  position: relative;
  width: 76px;
  text-align: center;
}
.center-info__services__item .btn.btn-sm {
  font-size: 11px;
  font-weight: 500;
  padding: 4px 8px;
  line-height: 13px;
}
.center-info__services__item .btn.btn-secondary {
  background: #161616;
  border-color: #161616;
}
.center-info__services__item .btn.btn-secondary:hover, .center-info__services__item .btn.btn-secondary:active {
  background: #161616;
  border-color: #161616;
}

.speedPosition {
  display: none !important;
}

.center-info__si__speed {
  width: 76px;
  height: 76px;
  background: url("../../i/speedometr-small.svg") no-repeat;
  margin: 0 0 10px 0;
}

.center-info__si__data {
  position: absolute;
  left: 0;
  top: 0;
  width: 76px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-info__si__data span {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.center-info__si__label {
  width: 100%;
  position: absolute;
  left: 0;
  top: 52px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #898989;
}

.center-info__si__from-until {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  display: flex;
  font-size: 11px;
}
.center-info__si__from-until i {
  font-style: normal;
  width: 50%;
  flex-shrink: 0;
  text-align: center;
}

.center-info__si__title {
  font-size: 11px;
  margin: 0 0 6px 0;
}

.speedometr-tab {
  position: relative;
}
.speedometr-tab .speed-speedometer {
  position: absolute;
  left: 0px;
  right: 12px;
  top: 0;
}

.speedometr .speed-item-low {
  background: url("../../i/speedometer-low.png") center center no-repeat;
  background-size: cover;
}
.speedometr .speed-item-middle {
  background: url("../../i/speedometer-middle.png") center center no-repeat;
  background-size: cover;
}
.speedometr .speed-item-high {
  background: url("../../i/speedometer-high.png") center center no-repeat;
  background-size: cover;
}

@media (max-width: 1280px) {
  .mg-social {
    display: flex;
    right: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px 15px;
    flex-wrap: wrap;
  }
  .mg-social li {
    margin: 0;
    padding: 0;
  }
  .mg-social > li:last-child {
    transform: none;
    right: auto;
    bottom: auto;
    position: static;
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .my-nvis__total-container {
    border: none;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-radius: 0;
  }
  .my-nvis-progress__title {
    font-size: 16px;
    line-height: 1.3;
  }
}
.my-game__page-back .btn_get_consult {
  min-width: 240px;
  font-weight: 600;
  font-size: 12px;
}

.my-nvis-visual-scheme .btn-sec-add {
  width: 24px;
  height: 24px;
  border: none;
  background: url("../../i/mg-ico-change-white.svg");
  background-size: cover;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  position: absolute;
}
.my-nvis-visual-scheme .btn-sec-add.dark {
  background: url("../../i/mg-ico-change-black.svg");
  background-size: cover;
}
.my-nvis-visual-scheme .btn-sec-add.error {
  background: url("../../i/mg-ico-change-red.svg");
  background-size: cover;
}
.my-nvis-visual-scheme .btn-sec-add.p1 {
  left: 77.21%;
  top: 53.93%;
}
.my-nvis-visual-scheme .btn-sec-add.p2 {
  left: 72.6%;
  top: 23.23%;
}
.my-nvis-visual-scheme .btn-sec-add.p3 {
  left: 71.15%;
  top: 45.85%;
}
.my-nvis-visual-scheme .btn-sec-add.p4 {
  left: 25.21%;
  top: 30.9%;
  width: 42px;
  height: 42px;
}
.my-nvis-visual-scheme .btn-sec-add.p5 {
  left: 28.36%;
  top: 71.33%;
  width: 42px;
  height: 42px;
}
.my-nvis-visual-scheme .btn-sec-add.p6 {
  left: 51.03%;
  top: 75.18%;
  width: 42px;
  height: 42px;
}
.my-nvis-visual-scheme .btn-sec-add.p7 {
  left: 65.57%;
  top: 72.35%;
  width: 42px;
  height: 42px;
}
.my-nvis-visual-scheme .btn-sec-add.p8 {
  left: 63.39%;
  top: 60%;
}
.my-nvis-visual-scheme .btn-sec-add.p9 {
  left: 67.51%;
  top: 17.38%;
}
.my-nvis-visual-scheme .btn-sec-add.p10 {
  left: 61.3%;
  top: 30%;
}
.my-nvis-visual-scheme .btn-sec-add.p11 {
  left: 85%;
  top: 42%;
}
.my-nvis-visual-scheme .btn-sec-add.p12 {
  left: 91%;
  top: 49%;
}
.my-nvis-visual-scheme .btn-sec-add.p13 {
  left: 70%;
  top: 29%;
}
.my-nvis-visual-scheme .btn-sec-add.p14 {
  left: 76%;
  top: 34%;
}

.configuration__box-item__dtitle {
  padding: 25px 15px 15px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0;
}

.configuration__box-item__dbody {
  padding: 0 15px 25px 15px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.configuration__box-item__dbody p {
  margin: 0;
  padding: 0;
}

.configuration .configuration-mobile-box__content-column .btn-md, .configuration .configuration__info-btn-buy {
  padding-left: 45px;
  padding-right: 45px;
}

.my-game__page-back {
  margin: -25px 0 50px 0;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .my-game__page-back {
    flex-wrap: wrap;
  }
  .my-game__page-back .btn_get_consult {
    width: 100%;
    display: block;
  }
}
.my-game__page-back__link {
  font-weight: 500;
  font-size: 25px;
  line-height: 1;
  position: relative;
  text-decoration: none;
  color: #000;
  padding: 0 0 0 35px;
  background: url("../../i/mg-arrow-back.svg") 0 7px no-repeat;
}

.fps.low-level {
  color: #ffb628;
  position: relative;
}
.fps.low-level:after {
  content: "";
  background: url("../../i/ico-mg-alert.svg") no-repeat;
  width: 38px;
  height: 38px;
  position: absolute;
  left: 50%;
  top: 80px;
  margin: 0 0 0 -19px;
}
.fps.low-level i {
  color: #bd3333;
}

.configuration .configuration__section--update {
  background: #fff6e6;
}
.configuration .configuration__section--update .configuration__section-subheader {
  background: #fff6e6;
}
.configuration .configuration__section--update .configuration__table-col_w-category {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 32px;
  line-height: 1.2;
}
.configuration .configuration__section--update .configuration__table-col_w-update {
  position: absolute !important;
  left: 20px;
  bottom: 15px;
  padding: 0;
}
.configuration .configuration__section--update .configuration__table-col_w-update__label {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  border-radius: 20px;
  padding: 2px 5px;
  background: #000;
  font-weight: 600;
}
.configuration .configuration__section--update .configuration__table-row--mobile .configuration__table-col_w-update {
  position: relative !important;
  left: auto;
  bottom: auto;
  padding: 0 0 20px 0;
  display: flex;
  justify-content: flex-end;
  margin: 0 -30px 0 0;
  z-index: 2;
  order: 8;
}
.configuration .configuration__section--update .configuration__table-row--mobile .btn_delete {
  top: 15px;
  right: -5px;
}
.configuration .configuration__section--update .configuration__table-row--mobile .configuration__table-col_w7 {
  position: static !important;
}
.configuration .configuration__section--update .configuration__table-row--mobile .configuration__table-col_w1 {
  padding-right: 30px !important;
}
.configuration .configuration__section--update .configuration__table-row--mobile .configuration__table-col_w-update__label {
  padding: 9px 15px;
}
.configuration .configuration__section--update .configuration__table-row--mobile .configuration__table-col.configuration__table-col_w7 {
  padding-bottom: 15px !important;
}
@media (max-width: 992px) {
  .configuration .configuration__section--update .configuration__table-col_w-category {
    display: none !important;
  }
}

.speed-mobile-games-tabs-nav {
  display: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.speed-mobile-games-tabs-nav button {
  border-radius: 25px;
  background: none;
  border: 1px solid #f5f5f5;
  color: #f5f5f5;
  font-size: 12px;
  font-weight: 600;
  padding: 9px 16px;
  height: 35px;
  line-height: 15px;
  cursor: pointer;
}
.speed-mobile-games-tabs-nav button:hover, .speed-mobile-games-tabs-nav button:focus {
  color: #fff;
}
.speed-mobile-games-tabs-nav button[aria-selected=true] {
  background: none;
  color: #94b80a;
  border-color: #94b80a;
}

.my-nvis-mobile-component {
  display: none;
}

.add-new-workplace {
  display: flex;
  align-items: center;
  gap: 32px;
}
.add-new-workplace .select-my-config {
  min-width: 220px;
}

@media (max-width: 1000px) {
  .center-info-step-2, .center-info-step-3 {
    padding-top: 30px;
  }
  .center-info-step-2 .center-info__title, .center-info-step-3 .center-info__title {
    display: none;
  }
  .my-game__page-back .btn_get_consult {
    display: none !important;
  }
  .my-nvis-visual-scheme .btn-sec-add.p1 {
    left: 55%;
    top: 60.5%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p2 {
    left: 41%;
    top: 24%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p3 {
    left: 38%;
    top: 51%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p4 {
    left: 13%;
    top: 33%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p5 {
    left: 13%;
    top: 70%;
    width: 24px;
    height: 24px;
  }
  .my-nvis-visual-scheme .btn-sec-add.p8 {
    left: 53%;
    top: 57%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p9 {
    left: 31%;
    top: 17%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p10 {
    left: 36%;
    top: 33%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p11 {
    left: 40%;
    top: 43%;
  }
  .my-nvis-visual-scheme .btn-sec-add.p13 {
    left: 52%;
    top: 39%;
  }
  .my-nvis-mobile-component {
    display: block;
    margin: 0 -15px 20px -15px;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
  }
  .my-nvis-mobile-component .row {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: 15px;
    border-bottom: 1px solid #e3e3e3;
    align-items: center;
    padding: 15px;
    max-width: 100vw;
    margin: 0;
  }
  .my-nvis-mobile-component .row .my-nvis__component--name {
    border: none;
    padding: 0;
    text-align: left;
  }
  .my-nvis-mobile-component .row .my-nvis__component--photo {
    padding: 0;
  }
  .speed-mobile-games-tabs-nav {
    display: flex;
    position: absolute;
    top: 360px;
    left: 0;
    right: 0;
    justify-content: center;
    gap: 10px;
    z-index: 10;
  }
  .mg-social {
    width: auto;
    right: 15px;
    display: flex;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .mg-social > li:nth-child(4) {
    display: none;
  }
  .mg-social > li:nth-child(2) {
    margin: 20px -20px 0 0;
  }
  .mg-social > li:nth-child(3) {
    margin: 58px 0 0 0;
  }
  .mg-social img {
    display: block;
    width: 32px;
    height: auto;
  }
  .speedometer {
    margin: 0 auto;
  }
  .my-nvis-visual-scheme {
    max-width: 600px;
    margin: 0 auto;
  }
  .my-nvis-visual-scheme .component-1 {
    width: 102%;
    height: 102%;
    position: absolute;
    left: -1%;
    top: -1%;
    background: url("../../i/mmg-case.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-2 {
    width: 20.38%;
    height: 74.88%;
    position: absolute;
    left: 67%;
    top: 12.13%;
    background: url("../../i/mmg-case-fans.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-3 {
    width: 24.5%;
    height: 21.8%;
    position: absolute;
    left: 4.2%;
    top: 25.5%;
    background: url("../../i/mmg-case-fans-2.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-4 {
    width: 59.5%;
    height: 14.3%;
    position: absolute;
    left: 5%;
    top: 11%;
    background: url("../../i/mmg-liquid-cooling-system.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-5 {
    width: 11%;
    height: 4.2%;
    position: absolute;
    left: 37.1%;
    top: 23.1%;
    background: url("../../i/mmg-processor.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-6 {
    width: 14%;
    height: 13.5%;
    position: absolute;
    left: 34%;
    top: 28%;
    background: url("../../i/mmg-liquid-cooling-pump.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-7 {
    width: 14%;
    height: 7%;
    position: absolute;
    left: 35.5%;
    top: 41.4%;
    background: url("../../i/mmg-ssd.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-8 {
    width: 14.63%;
    height: 7%;
    position: absolute;
    left: 49%;
    top: 58%;
    background: url("../../i/mmg-motherboard.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-9 {
    width: 8%;
    height: 20%;
    position: absolute;
    left: 48.5%;
    top: 22%;
    background: url("../../i/mmg-ram.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-10 {
    width: 54.43%;
    height: 9.9%;
    position: absolute;
    left: 13%;
    top: 47.8%;
    background: url("../../i/mmg-graphics-card.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .component-11 {
    width: 65%;
    height: 23%;
    position: absolute;
    left: 1.2%;
    top: 64.2%;
    background: url("../../i/mmg-space-for-power-supply-inside.svg") no-repeat;
    background-size: cover;
  }
  .my-nvis-visual-scheme .btn-main-add.p1 {
    left: 51.82%;
    top: 60%;
    right: auto;
    bottom: auto;
  }
  .my-nvis-visual-scheme .btn-main-add.p2 {
    left: 30%;
    top: 46.5%;
    right: auto;
    bottom: auto;
  }
  .my-nvis-visual-scheme .btn-main-add.p3 {
    left: 38%;
    top: 22%;
    right: auto;
    bottom: auto;
  }
}
@media (max-width: 800px) {
  .wrapper-breadcrumb {
    flex-wrap: wrap;
  }
}
@media (max-width: 540px) {
  .speed-mobile-games-tabs-nav {
    top: 245px;
  }
  .mg-social {
    right: 5px;
    top: 15px;
  }
}
@media (max-width: 480px) {
  .work-place-settings {
    width: 100%;
  }
  .add-new-workplace {
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
  }
  .add-new-workplace .link-w-border {
    order: 2;
  }
  .add-new-workplace .select-my-config {
    order: 1;
    min-width: 100%;
    width: 100%;
    flex-grow: 1;
  }
}
/* .promocode25-container */
.promocode25-container {
  border: 1px solid #f5f5f5;
  border-radius: 30px;
  padding: 30px;
  margin: 20px 0 40px 0;
  display: grid;
  grid-template-columns: 442px 263px auto;
  gap: 15px;
  background: linear-gradient(to right, #ffffff 0%, #fafafa 100%);
  align-items: center;
}
.promocode25-container .counter-date-container {
  padding: 0;
  background: none;
  margin: 0;
}
.promocode25-container .counter-date-container__item {
  padding: 0 0 0 20px;
}
.promocode25-container .counter-date-container__section {
  border: 1px solid #dbdbdb;
  background: #fff;
  border-radius: 12px;
  padding: 28px 10px;
}
.promocode25-container .counter-date-container__value {
  font-size: 70px;
  line-height: 66px;
  color: #f1430c;
  padding: 0 0 10px 0;
  margin: 0;
}
.promocode25-container .counter-date-container__label {
  font-size: 24px;
  font-weight: 500;
  color: #808080;
  lline-height: 1;
  padding: 0;
  margin: 0;
}

.pcd25-card-col {
  position: relative;
  margin-right: 100px;
}
.pcd25-card-col:before {
  content: "";
  width: 159px;
  height: 105px;
  background: url("../../i/pcd25-arrow.svg") no-repeat;
  position: absolute;
  right: -100px;
  top: 10px;
}

.pcd25-card {
  position: relative;
  z-index: 2;
  background: url("../../i/pcd25-card-bg.png") no-repeat;
  background-size: cover;
  width: 342px;
  height: 166px;
  padding: 14px 28px;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}
.pcd25-card__title {
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}
.pcd25-card__text {
  padding: 0 0 14px 0;
  border-bottom: 1px dashed #fff;
  margin: 0 0 15px 0;
}
.pcd25-card__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.pcd25-card__exp {
  font-size: 12px;
  line-height: 15px;
  text-align: right;
}
.pcd25-card__exp span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.pcd25-card .btn-copy {
  border: 1px solid #fff;
}

.pcd25-head__title {
  font-size: 25px;
  line-height: 30px;
  color: #000;
  font-weight: 500;
  margin: 0 0 20px 0;
}
.pcd25-head__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 0 15px 0;
}
.pcd25-head__how {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.pcd25-head__how a {
  color: #94b80a;
  text-decoration: none;
  border-bottom: 1px dotted #94b80a;
}
.pcd25-head__how a:hover {
  color: #94b80a;
  text-decoration: none;
  border-color: transparent;
}

.how-use-code {
  display: flex;
  gap: 50px;
  padding: 0 0 80px 0;
}
.how-use-code__text {
  font-size: 16px;
  line-height: 1.5;
}
.how-use-code .head {
  font-size: 25px;
  line-height: 1.2;
  margin: 0 0 20px 0;
  font-weight: 500;
}
.how-use-code ol {
  margin: 0 0 0 20px;
  padding: 0;
}
.how-use-code ol li {
  margin: 0 0 15px 0;
}

.pcd25-card--light {
  background-image: url("../../i/pcd25-card-white.svg");
  color: #000;
}
.pcd25-card--light .pcd25-card__text {
  border-color: #dde3e9;
}

@media (max-width: 1400px) {
  .promocode25-container {
    grid-template-columns: 342px 263px auto;
    gap: 20px;
  }
  .promocode25-container .counter-date-container {
    margin: 0 0 0 -20px;
  }
  .promocode25-container .counter-date-container__value {
    font-size: 60px;
  }
  .promocode25-container .counter-date-container__label {
    font-size: 20px;
  }
  .pcd25-card-col {
    margin: 0;
  }
  .pcd25-card-col:before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .promocode25-container {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
  }
  .promocode25-container .counter-date-container {
    width: 100%;
    padding: 0 0 0 342px;
    flex-shrink: 0;
    margin: 0;
  }
  .pcd25-card-col {
    width: 342px;
    flex-shrink: 0;
    position: relative;
    top: 10px;
  }
  .pcd25-head {
    width: calc(100% - 362px);
    flex-shrink: 0;
  }
}
@media (max-width: 900px) {
  .how-use-code {
    gap: 20px;
  }
  .promocode25-container {
    background: none;
    display: block;
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
  }
  .promocode25-container .counter-date-container {
    border-radius: 0 0 10px 10px;
    background: #f5f5f5;
    padding: 15px 15px 70px 0px;
    width: 100%;
    margin: 0;
  }
  .promocode25-container .counter-date-container__item {
    padding: 0 0 0 15px;
  }
  .promocode25-container .counter-date-container__section {
    padding: 12px 5px;
  }
  .promocode25-container .counter-date-container__value {
    font-size: 40px;
    line-height: 40px;
    padding: 0 0 5px 0;
  }
  .promocode25-container .counter-date-container__label {
    font-size: 14px;
    font-weight: 500;
  }
  .pcd25-card-col {
    width: 100%;
    flex-shrink: 0;
    position: relative;
    top: auto;
    padding: 0 0 15px 0;
  }
  .pcd25-card {
    margin: 0 auto;
  }
  .pcd25-head {
    width: 100%;
    padding: 30px 15px 0 15px;
    border-radius: 10px 10px 0 0;
    background: #f5f5f5;
    text-align: center;
    margin: 0;
  }
  .pcd25-head__title {
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 1.5;
  }
  .pcd25-head__how {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .pcd25-head__text {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .how-use-code {
    display: block;
  }
}
@media (max-width: 380px) {
  .pcd25-card {
    width: 100%;
    background-size: auto 100%;
    border-radius: 12px;
  }
  .pcd25-card--light {
    background-size: 100% 100%;
    border-radius: 0;
  }
}
@media (max-width: 360px) {
  .promocode25-container {
    margin-left: -5px;
    width: calc(100% + 5px);
  }
  .promocode25-container .counter-date-container__item {
    padding-left: 10px;
  }
  .promocode25-container .counter-date-container__label {
    font-size: 12px;
    font-weight: 500;
  }
  .promocode25-container .counter-date-container__value {
    font-size: 28px;
  }
}
.catalog-container_mobile-slider .swiper-wrapper {
  flex-wrap: nowrap;
}

.catalog-container_mobile-slider .product-item__col-plate {
  height: unset;
}

.catalog-container_5-items {
  margin: 0 0 60px 0;
}
@media (min-width: 1440px) {
  .catalog-container_5-items {
    grid-template-columns: repeat(5, 1fr);
  }
}

.nav-link-vd-25, .nav-link-vd-25:hover {
  background: url("../../i/bg-menu-vd25.png") no-repeat !important;
  background-size: cover !important;
  color: #000 !important;
}
@media (max-width: 992px) {
  .nav-link-vd-25, .nav-link-vd-25:hover {
    border-radius: 0 !important;
  }
}

.tab-pane-vd25 {
  position: relative;
}
.tab-pane-vd25:before {
  content: "";
  background: url("../../i/bg-vd-25.svg") right bottom no-repeat !important;
  left: 0px;
  top: 0px;
  bottom: -15px;
  right: 0px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 992px) {
  .tab-pane-vd25:before {
    background-size: 50% auto !important;
  }
}
.tab-pane-vd25 .catalog-box__ins {
  position: relative;
  z-index: 2;
}

/* */
.thematic-catalog {
  position: relative;
  margin: 20px 0 0 0;
  background: #f5f5f5;
  z-index: 10;
}
.thematic-catalog__nav {
  display: flex;
  overflow-x: auto;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .thematic-catalog__nav {
    margin-right: -15px;
  }
}
.thematic-catalog a {
  display: flex;
  align-items: center;
  color: #000;
  background: none;
  border: none;
  outline: none !important;
  box-shadow: none !important;
  justify-content: center;
  padding: 13px;
  margin: 0;
  position: relative;
  gap: 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.thematic-catalog a:before {
  content: "";
  left: 5px;
  right: 5px;
  position: absolute;
  bottom: 0;
  height: 4px;
  background: #94b80a;
  border-radius: 4px 4px 0 0;
  opacity: 0;
}
.thematic-catalog a svg path {
  stroke: #000;
  transition: all 0.3s ease;
}
.thematic-catalog a svg {
  flex-shrink: 0;
  width: 24px;
}
.thematic-catalog a:hover, .thematic-catalog .active {
  color: #94b80a;
  background: none;
}
.thematic-catalog a:hover:before, .thematic-catalog .active:before {
  opacity: 1;
}
.thematic-catalog a:hover svg path, .thematic-catalog .active svg path {
  stroke: #94b80a;
}
@media (max-width: 768px) {
  .thematic-catalog a {
    margin-bottom: 8px;
  }
  .thematic-catalog a:after {
    content: "";
    width: 1px;
    background: #94b80a;
    position: absolute;
    left: -1px;
    top: 10px;
    bottom: 10px;
  }
  .thematic-catalog a a + a {
    margin-left: 1px;
  }
}

.tc-tabs-button--stalker {
  background: url("../../i/bg-menu-stalker.png") no-repeat !important;
  background-size: cover !important;
}

.tc-tabs-nav-back, .tc-tab-mobile-back {
  display: none;
}

@media (max-width: 1400px) {
  .thematic-catalog .tc-tab-inner {
    padding: 0 30px;
  }
}
@media (max-width: 992px) {
  .thematic-catalog .tc-tabs-nav-back, .thematic-catalog .tc-tab-mobile-back {
    display: block;
    padding: 16px 16px 16px 46px;
    cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    line-height: 1;
    color: #000;
    background: url("../../i/container.svg?v=0#icon-13") 16px center no-repeat;
    background-size: 20px auto;
    margin: 0 0 15px 0;
  }
  .thematic-catalog .thematic-catalog__accordion {
    overflow-x: auto;
    width: calc(100% + 30px);
    margin: 0 -15px;
    gap: 5px;
  }
  .thematic-catalog .thematic-catalog__accordion::-webkit-scrollbar {
    display: none;
    opacity: 0;
    height: 0;
  }
  .thematic-catalog .tc-tab-inner {
    padding: 0 15px;
  }
  .thematic-catalog .accordion-button {
    padding: 13px 15px;
    min-width: unset;
    white-space: nowrap;
  }
  .thematic-catalog .thematic-catalog__accordion__item__body {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .thematic-catalog .tc-tabs-container {
    display: block;
    padding: 0;
  }
  .thematic-catalog .accordion-body {
    background: none;
  }
  .thematic-catalog .tc-tabs-nav-buttons {
    border: none;
    margin: 0 0 30px 0;
  }
  .thematic-catalog .tc-tabs-nav {
    padding: 0;
    border: none;
    display: block;
    height: 100svh;
    overflow-y: auto;
  }
  .thematic-catalog .tc-tabs-nav .tc-tab-col-banner {
    display: block;
    padding: 30px 15px;
  }
  .thematic-catalog .tab-content .tab-pane {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
  }
  .thematic-catalog .tc-tab-col--bigger .tc-tab-col-banner {
    display: none;
  }
}
@media (max-width: 768px) {
  .thematic-catalog .tc-tab-inner {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 0;
  }
  .thematic-catalog .tc-tab-col-group + .tc-tab-col-group {
    margin: 25px 0 0 0;
  }
  .thematic-catalog .tc-tab-col-group--hot {
    border-radius: 0;
    width: unset;
  }
  .thematic-catalog .tc-tab-col--bigger {
    padding: 0 15px;
  }
  .thematic-catalog .thematic-catalog__accordion__item {
    margin: 0 8px;
    width: auto;
  }
  .thematic-catalog .thematic-catalog__accordion__item + .thematic-catalog__accordion__item .thematic-catalog__accordion__item__header {
    position: relative;
  }
  .thematic-catalog .thematic-catalog__accordion__item + .thematic-catalog__accordion__item .thematic-catalog__accordion__item__header:before {
    content: "";
    width: 1px;
    background: #94b80a;
    position: absolute;
    left: -10px;
    top: 10px;
    bottom: 10px;
  }
}
.my-interests {
  padding: 20px 0 0 0;
  font-size: 14px;
}
.my-interests__label {
  font-weight: 500;
  font-size: 15px;
}
.my-interests .col-4, .my-interests .col-8 {
  padding-top: 10px;
}
.my-interests .forms__item {
  padding-top: 15px;
}

#authItem2 .my-interests {
  padding: 5px 0;
}

.tc-tab-col-banner-slider {
  position: relative;
  margin: 0 -15px 20px 0;
}
.tc-tab-col-banner-slider img {
  display: block;
  width: 100%;
  height: auto;
}
.tc-tab-col-banner-slider .swiper-slide {
  width: auto;
}

@media (min-width: 993px) {
  .tc-tab-col-banner-slider {
    display: none !important;
  }
}
.recommendation .nav-modal-link:before {
  content: "";
  left: 5px;
  right: 5px;
  position: absolute;
  bottom: 0;
  height: 4px;
  background: #94b80a;
  border-radius: 4px 4px 0 0;
  opacity: 0;
}

.recommendation .nav-modal-link.active:before {
  opacity: 1;
}

.recommendation .nav-modal-link.active img {
  filter: invert(67%) sepia(79%) saturate(2831%) hue-rotate(34deg) brightness(101%) contrast(92%);
}

.recommendation .nav-modal-link.active svg path {
  stroke: #94b80a;
}

.quick-config--note .qcpc-list-option {
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 20px;
  margin: 0 !important;
}
.quick-config--note .qcpc-list-option li {
  width: unset !important;
  flex: 1;
  padding: 0 !important;
  margin: 0 !important;
}
.quick-config--note .qcpc-list-option li + li {
  padding: 0 !important;
  margin: 0 !important;
}
.quick-config--note .qcpc-list-option input[type=radio] + label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 620px) {
  .quick-config--note .qcpc-list-option {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: unset;
    gap: 15px;
  }
}
.custom-config-promo {
  margin: 0 0 60px 0;
}
.custom-config-promo .actions {
  text-align: center;
  padding: 20px 0 0 0;
}

.cc-promo-container {
  padding: 40px;
  border-radius: 15px;
  background: #f5f5f5;
}

.card-block__main > .col-lg-7 {
  border: 1px solid #e3e3e3;
  border-bottom: none;
}

.card-block__line + .card-block__line {
  border: none;
  border-left: 1px solid #e3e3e3;
}
@media (max-width: 992px) {
  .card-block__line + .card-block__line {
    border: none;
    border-top: 1px solid #e3e3e3;
  }
}

.card-block__gallery .btn {
  white-space: nowrap;
}

.card-block__together-slider:hover:after {
  display: none;
}

@media (min-width: 992px) {
  .dropdown-get-gift {
    margin: 0 0 -13px 0;
    padding: 0 0 13px 0;
    position: relative;
  }
  .dropdown-get-gift:hover .toggle-get-gift {
    display: block;
  }
}
.toggle-get-gift {
  width: 256px;
  border-radius: 10px;
  background: #f5f8e7;
  padding: 20px;
  border: none;
  margin: 0 !important;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #808080;
  transform: translate3d(0, 0, 0) !important;
  position: absolute;
  top: 100% !important;
  left: auto !important;
  right: 0;
  bottom: auto !important;
}
@media (max-width: 992px) {
  .toggle-get-gift {
    margin: 0 !important;
  }
}
.toggle-get-gift:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #f5f8e7 transparent;
  transform: rotate(0deg);
  position: absolute;
  left: 50%;
  top: -10px;
  margin: 0 0 0 -10px;
}
.toggle-get-gift .h4 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0 0 5px 0;
}
.toggle-get-gift p {
  margin: 0;
  padding: 0 0 12px 0;
}
.toggle-get-gift ul {
  list-style: none;
  margin: 0;
  padding: 0 0 13px 0;
}
.toggle-get-gift ul li {
  padding: 0 0 2px 15px;
  position: relative;
}
.toggle-get-gift ul li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #808080;
}
.toggle-get-gift .btn {
  width: 100%;
}

.shipping {
  margin: 0 0 -10px 0;
}
.shipping__col-title-ico {
  flex-shrink: 0;
  width: 32px;
  margin: 0 12px 0 0;
}
.shipping__col-title-ico img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 380px) {
  .shipping__col-title-ico {
    width: 24px;
    margin: 0 8px 0 0;
  }
}
.shipping__col-title-text {
  flex-grow: 1;
  width: calc(40% - 44px);
}
@media (max-width: 1200px) {
  .shipping__col-title-text {
    width: unset;
  }
}
.shipping__title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.shipping__check-available {
  padding: 4px 0 0 0;
  font-size: 13px;
  font-weight: 500;
}
.shipping__check-available a {
  color: #a2c617;
  text-decoration: none;
  border-bottom: 1px solid #a2c617;
}
.shipping__check-available a:hover {
  text-decoration: none;
  color: #a2c617;
  border-color: transparent;
}
.shipping__row {
  padding-bottom: 10px;
  flex-wrap: nowrap;
}
.shipping__datetime {
  font-size: 12px;
  font-weight: 600;
  color: #a2c617;
  line-height: 1;
}
.shipping__price {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  line-height: 1;
}
.shipping__col-title-value {
  text-align: right;
  flex-shrink: 0;
  width: 20%;
}
@media (max-width: 1200px) {
  .shipping__col-title-value {
    width: unset;
  }
}
.shipping__col-title-value .shipping__datetime {
  padding: 0 0 5px 0;
}
.shipping__col-title-name {
  flex-grow: 1;
  padding: 0 10px 0 44px;
  width: 40%;
}
@media (max-width: 1200px) {
  .shipping__col-title-name {
    width: unset;
  }
}
@media (max-width: 380px) {
  .shipping__col-title-name {
    padding: 0 5px 0 32px;
  }
}
.shipping__name {
  font-size: 13px;
  color: #000;
  line-height: 1;
}
.shipping__subhead {
  font-size: 12px;
  line-height: 1;
  padding: 5px 0 0 0;
  color: #808080;
}
.shipping__col-title-value-middle {
  flex-grow: 1;
  width: 40%;
}
@media (max-width: 1200px) {
  .shipping__col-title-value-middle {
    display: none;
  }
}
.shipping__col-title-value-middle .shipping__datetime {
  display: block;
  font-size: 12px;
  color: #000;
  font-weight: 400;
}

.shipping__group + .shipping__group {
  padding-top: 10px;
}

.pay-list-banks__item-5 {
  background: url("../../i/mono-btn.svg") center no-repeat;
}

.pay-list-banks {
  height: 44px !important;
  position: relative;
}
.pay-list-banks .swiper-slide, .pay-list-banks .swiper-slide a, .pay-list-banks .swiper-slide img {
  width: 44px;
  height: 44px;
  display: block;
}
.pay-list-banks .swiper-wrapper {
  height: 44px !important;
}
.pay-list-banks .swiper-button-prev {
  left: -20px;
  border: 1px solid #e3e3e3;
}
.pay-list-banks .swiper-button-next {
  right: -20px;
  border: 1px solid #e3e3e3;
}

.card-block__price-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.card-block__price-summ {
  letter-spacing: -0.03em;
  font-size: 40px;
  color: #F2530C;
  margin-right: 10px;
  white-space: nowrap;
  line-height: 1;
}

.card-block__price-summ span {
  font-size: 22px;
  font-weight: 500;
}

.card-block__price-percent {
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  background: #000;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  white-space: nowrap;
}

.card-block__price-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.card-block__price-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.card-block__price-old {
  text-decoration: line-through;
  font-size: 13px;
  font-weight: 400;
  color: #707070;
  white-space: nowrap;
  line-height: 1;
  margin-top: 2px;
}

.card-block__price-badge {
  padding: 3px 8px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  background: #f5ffd0;
  margin-top: 9px;
  white-space: nowrap;
}

.main-custom-catalog-open .mainpage-container-cols > .col-lg-9 {
  opacity: 0;
  visibility: hidden;
}

.video-container {
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.order-item__actions .btn {
  width: 100%;
}
.order-item__actions .col-sm-6 + .col-sm-6 {
  padding-top: 15px;
}

@media (min-width: 576px) {
  .order-item__actions .col-sm-6 + .col-sm-6 {
    padding-top: 0px;
  }
}

/*# sourceMappingURL=style.css.map */