@media (min-width: 1600px) { :root {
    --column-width: 1280px;
    --offset: calc(50% - (var(--column-width) / 2));
}

body,
input,
textarea,
select {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: none;
}

body {
    position: relative;
}

img,
svg {
    max-width: 100%;
    display: block;
}

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

body,
dl,
dt,
dd,
ul,
ol,
li,
form,
table,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
p,
span,
b,
i,
input,
textarea,
fieldset {
    margin: 0;
    padding: 0;
}

a {
    display: block;
    text-decoration: none;
}

.none {
    display: none;
}

.fade-out {
    opacity: 1;
    transition: 0.3s;
    pointer-events: auto;
}

.fade-out.active {
    opacity: 0;
    pointer-events: none;
}

.fade-in {
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

.fade-in.active {
    opacity: 1;
    pointer-events: auto;
}

.container {
    padding-left: var(--offset);
    padding-right: var(--offset);
}

.container-offset {
    width: var(--column-width);
    margin-left: auto;
    margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s;
}

.loader.dark {
    background-color: rgba(0, 0, 0, 0.7);
    transition: .5s;
    z-index: 100;
}

.loader.active {
    opacity: 1;
    pointer-events: auto;
}

.loader path {
    fill: var(--color-main);
}

#transition_disabled * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.mobile {
    display: none !important;
}

.h1 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 55px;
    text-transform: uppercase;
}

.h2 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    color: #000000;
}

.h3 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
}

.h4 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
}

.big-btn-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
}

.small-btn-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.main-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.extra-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}

.selected-main-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.subtitle {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1em;
}

.small-text-for-smt {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
}

.text-for-small-things {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
}

.price-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}

.extra-text-reg {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
}

.quote {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

:root {
    --color-main: #030F4C;
    --color-second: #FDB02C;
    --color-white: #FFFFFF;
    --color-grey: #8992A5;
    --color-back: #F6F6F6;
    --color-stroke: #E3E8F1;
    --color-green: #69AD5D;
    --color-hit: #EB001B;
    --color-subtitle: #918EAA;
    --color-red: #E5514F;
    --color-gift: #EE0173;
    --color-hover1: #E88F44;
    --color-hover2: #517CBA;
    --color-extra-text: #4F4E7B;
    --color-extra-blue: #517CBA;
    --color-extra-light-blue: #B2CAE7;
}

.color-main {
    color: var(--color-main);
}

.color-second {
    color: var(--color-second);
}

.color-white {
    color: var(--color-white);
}

.color-grey {
    color: var(--color-grey);
}

.color-back {
    color: var(--color-back);
}

.color-stroke {
    color: var(--color-stroke);
}

.color-green {
    color: var(--color-green);
}

.color-hit {
    color: var(--color-hit);
}

.color-subtitle {
    color: var(--color-subtitle);
}

.color-red {
    color: var(--color-red);
}

.color-gift {
    color: var(--color-gift);
}

.color-hover1 {
    color: var(--color-hover1);
}

.color-hover2 {
    color: var(--color-hover2);
}

.color-extra-text {
    color: var(--color-extra-text);
}

.color-extra-blue {
    color: var(--color-extra-blue);
}

.color-extra-light-blue {
    color: var(--color-extra-light-blue);
}

.error404 {
    position: relative;
    height: 759px;
    background: #EAEAEA;
}

.error404-image {
    width: 1440px;
    height: 759px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.error404-content {
    position: relative;
    z-index: 2;
}

.error404-title {
    margin-bottom: 479px;
}

.error404-desc {
    margin-bottom: 16px;
}

.error404-content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.redirect-title {
    text-align: right;
    margin-bottom: 8px;
}

.redirect-link {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    text-decoration-line: underline;
    text-transform: uppercase;
    text-align: right;
    transition: .3s;
}

.redirect-link:hover {
    color: var(--color-hover2);
}

.redirect-disks {
    position: absolute;
    left: 231px;
    bottom: 155px;
}

.redirect-shin {
    position: absolute;
    right: 150px;
    bottom: 190px;
}

.redirect-shin .redirect-title,
.redirect-shin .redirect-link {
    text-align: left;
}

.body-wrapper {
    display: flex;
    flex-direction: column;
}


/* counter */

.counter-inner {
    position: relative;
    width: 146px;
}

.counter-input {
    background: var(--color-back);
    border: 1px solid transparent;
    border-radius: 5px;
    width: 146px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}

.counter-symbol {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    transition: .3s;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    user-select: none;
    border: 1px solid var(--color-extra-blue);
    background: var(--color-white);
    border-radius: 5px;
}

.counter-plus {
    left: auto;
    right: 5px;
}

.counter-symbol:hover {
    background: var(--color-extra-blue);
    color: var(--color-white);
}

.counter.small .counter-inner {
    width: 118px;
}

.counter.small .counter-input {
    width: 118px;
    height: 40px;
}

.counter.small .counter-symbol {
    width: 30px;
    height: 30px;
}


/* product card */

.product-card {
    border: 1px solid var(--color-stroke);
    border-radius: 10px;
    padding-top: 20px;
    margin-right: 26px;
    width: 300px;
    transition: .3s;
    margin-bottom: 25px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
}

.product-card-title {
    margin-bottom: 8px;
    transition: .3s;
}

.product-card-title:hover {
    color: var(--color-extra-blue);
}

.product-card-image {
    width: 300px;
    height: 200px;
    object-fit: contain;
}

.product-card-stars {
    display: flex;
    align-items: center;
    position: relative;
    width: 80px;
}

.product-card-star {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.product-card-stars-upper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 70%;
}

.product-card-content {
    padding: 30px 25px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.product-card-stars-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.product-card-stars-reviews {
    margin-left: 10px;
    transition: .3s;
}

.product-card-stars-reviews:hover {
    text-decoration-line: underline;
}

.product-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

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

.product-card-item-icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.product-card-items {
    margin-bottom: 20px;
}

.product-card-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card-price {
    display: flex;
    align-items: center;
}

.product-card-currency {
    margin-left: 7px;
}

.product-card-old-price {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-decoration-line: line-through;
    color: var(--color-grey);
    margin-left: 10px;
}

.product-tags {
    position: absolute;
    top: 15px;
    left: 15px;
    pointer-events: none;
}

.product-tag {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.product-tag-icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
}

.product-tag-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
}

.product-gift-and-info {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-gift {
    cursor: pointer;
    margin-bottom: 10px;
}

.product-gift-icon {
    width: 22px;
    height: 22px;
}

.product-gift-modal {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 2;
    width: 275px;
    display: inline;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 15px 20px;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.products-row-3 .product-card:nth-child(3n) .product-gift-modal {
    left: auto;
    right: 0;
}

.products-row-4 .product-card:nth-child(4n) .product-gift-modal {
    left: auto;
    right: 0;
}

.product-gift-modal span {
    display: inline;
    color: #F10074;
}

.product-gift:hover .product-gift-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.product-icon-sign {
    width: 30px;
    height: 30px;
}

.product-card-content-additional {
    padding: 20px 25px 20px;
    position: absolute;
    width: calc(100% + 2px);
    top: calc(100% - 20px);
    left: -1px;
    z-index: 2;
    background: var(--color-white);
    border: 2px solid var(--color-white);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: .5s;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.product-card:hover .product-card-content-additional {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.product-card:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.product-card-characteristics {
    margin-bottom: 10px;
}

.product-card-characteristic {
    display: flex;
    align-items: flex-end;
    margin-bottom: 3px;
}

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

.product-card-characteristic-dots {
    border-bottom: 1px dashed var(--color-stroke);
    flex: 1;
    margin: 0 5px 4px;
}


/* INPUT SELECT */

.select-item.error {
    display: none;
}

.select-label {
    display: none;
}

.select {
    position: relative;
    min-width: 110px;
    height: 54px;
    cursor: pointer;
}

.select.grey .select-title,
.select.grey .input-select {
    background: var(--color-back);
}

.select.grey .select-label {
    color: var(--color-main);
}

.select.default {
    height: 40px;
}

.select-title {
    border-radius: 5px;
    background: var(--color-white);
    padding: 16px 25px 16px 16px;
    position: relative;
}

.select-title.active,
.select-title.with-label {
    color: var(--color-main);
    padding: 8px 25px 6px 16px;
}

.select-title.empty.with-label {
    color: var(--color-grey);
}

.select.default .select-title {
    border: 1px solid var(--color-stroke);
    padding: 11px 15px;
}

.select-title.active .select-label,
.select-title.with-label .select-label {
    display: block;
    margin-bottom: 6px;
}

.select-title::after {
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid var(--color-grey);
    transform: translateY(-50%) rotate(45deg);
    transition: .3s;
    border-left: none;
    border-top: none;
}

.select.default .select-title::after {
    width: 7px;
    height: 7px;
}

.select.active .select-title::after {
    margin-top: 3px;
    transform: translateY(-50%) rotate(225deg);
}

.select-title-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-items {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    z-index: 100;
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s;
}

.select-items-inner {
    max-height: 150px;
    overflow: auto;
}

.select-items-inner::-webkit-scrollbar {
    width: 4px;
}

.select-items-inner::-webkit-scrollbar-track {
    background: var(--color-back);
    border-radius: 10px;
}

.select-items-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--color-main);
}

.select.active .select-items {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.select-item {
    margin-bottom: 5px;
    transition: .3s;
}

.select-item:hover {
    color: var(--color-main);
}

.select-item:last-child {
    margin-bottom: 0;
}

.input-select {
    width: 100%;
    border: none;
}


/* MODEL CARD */

.model-card {
    border: 1px solid var(--color-stroke);
    border-radius: 10px;
    padding-top: 20px;
    margin-right: 26px;
    width: 300px;
    transition: .3s;
    margin-bottom: 25px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.model-card:hover {
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
}

.model-card-title {
    margin-bottom: 8px;
    transition: .3s;
}

.model-card-title:hover {
    color: var(--color-extra-blue);
}

.model-card-image {
    width: 300px;
    height: 200px;
    object-fit: contain;
}

.model-card-stars {
    display: flex;
    align-items: center;
    position: relative;
    width: 80px;
}

.model-card-star {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.model-card-stars-upper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 70%;
}

.model-card-content {
    padding: 30px 25px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.model-card-stars-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.model-card-stars-reviews {
    margin-left: 10px;
    transition: .3s;
}

.model-card-stars-reviews:hover {
    text-decoration-line: underline;
}

.model-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.model-card-item:last-child {
    margin-bottom: 0;
}

.model-card-item-icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.model-card-items {
    margin-bottom: 20px;
}

.model-card-price-title {
    margin-bottom: 2px;
}

.model-card-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.model-tags {
    position: absolute;
    top: 15px;
    left: 15px;
    pointer-events: none;
}

.model-tag {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.model-tag-icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
}

.model-tag-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
}


/* FILTERS */

.filters {
    width: 300px;
    flex-shrink: 0;
    margin-right: 26px;
}

.filters-btns {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
}

.filters-btn {
    width: 145px;
    height: 38px;
    border: 1px solid var(--color-stroke);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.filters-btn.active,
.filters-btn:hover {
    border: 1px solid var(--color-main);
}

.filter-item {
    width: 100%;
    padding: 20px 20px 20px 30px;
    margin-top: 15px;
    background: var(--color-back);
    border-radius: 10px;
}

.filter-item-title {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}

.filter-item-title:after {
    content: '';
    display: block;
    width: 8px;
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.filter-item-title::before {
    content: '';
    display: block;
    width: 8px;
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .3s;
}

.filter-item.active .filter-item-title::before {
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

.filter-item.active .filter-item-fields {
    max-height: 244px;
    margin-top: 16px;
}

.filter-field-link {
    color: var(--color-main) !important;
    text-decoration: none !important;
    pointer-events: none;
}

.filter-field.inactive .filter-field-link {
    color: var(--color-grey) !important;
}


/* .filter-field:first-child {
        margin-top: 0;
    } */

.filter-field {
    margin-bottom: 12px;
    order: 1;
}

.filter-item-fields {
    max-height: 0;
    overflow: auto;
    transition: .3s;
    display: flex;
    flex-direction: column;
}

.filter-field.active {
    order: 0;
}

.filter-field.inactive {
    order: 2;
}

.filter-item-fields::-webkit-scrollbar {
    width: 4px;
}

.filter-item-fields::-webkit-scrollbar-track {
    background: var(--color-white);
}

.filter-item-fields::-webkit-scrollbar-thumb {
    background: var(--color-extra-light-blue);
}

.filter-item-title-question {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    color: #030F4C;
    background: var(--color-white);
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 10px;
    position: relative;
}

.filter-item-title-answer {
    padding: 15px;
    width: 275px;
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    background: var(--color-white);
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    z-index: 2;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.filter-item-title-question:hover .filter-item-title-answer {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.filter-field.inactive .containercheckbox {
    color: var(--color-grey);
    pointer-events: none;
}

.digiants-search-container {
    background: var(--color-white) !important;
}

.digiants-search-results {
    background: rgba(0, 0, 0, .6) !important;
}


/* CONTENT */

.content h2 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: 20px;
    margin-top: 40px;
}

.content h2:first-child {
    margin-top: 0;
}

.content h3 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: 10px;
    margin-top: 40px;
}

.content h3:first-child {
    margin-top: 0;
}

.content h4 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: 10px;
    margin-top: 40px;
}

.content h4:first-child {
    margin-top: 0;
}

.content p,
.content li {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-main);
    margin-bottom: 20px;
}

.content ul,
.content ol {
    margin: 20px 0;
}

.content ol {
    list-style: none
}

.content ol li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
    min-height: 40px;
}

.content ol li::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(list-item);
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-main);
    border-radius: 5px;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.content ul li::marker {
    display: none;
    content: "";
}

.content ul li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    white-space: pre-wrap;
}

.content ul li::before {
    content: "";
    display: block;
    background: url("/images/marker.svg") center no-repeat;
    background-size: cover;
    width: 48px;
    height: 38px;
    flex-shrink: 0;
    margin-right: 30px;
}

.content a {
    display: inline;
    text-decoration: underline;
    color: var(---color-main);
}

.content blockquote {
    background: var(--color-back);
    border-radius: 10px;
    text-align: center;
    padding: 40px 123px;
    margin: 40px 0;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #030F4C;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content blockquote::before {
    content: '';
    display: block;
    background: url('/images/quote.svg') center no-repeat;
    width: 48px;
    height: 38px;
    position: absolute;
    top: 40px;
    left: 0;
}

.content blockquote::after {
    content: '';
    display: block;
    background: url('/images/quote.svg') center no-repeat;
    width: 48px;
    height: 38px;
    position: absolute;
    top: 40px;
    right: 0;
}

.content img,
.content figure {
    margin: 0;
    width: 100%;
}


/* SEO */

.seo-block-wrapper {
    order: 99999;
}

.seo-block {
    background: var(--color-back);
    border-radius: 10px;
    padding: 80px 220px 80px 60px;
    margin: 80px 0;
}

.seo-content {
    height: 343px;
    overflow: hidden;
}

.find-seo-content {
    height: auto;
    overflow: hidden;
}

.btn-seo {
    margin-top: 40px;
}

.seo-content-h1 {
    margin-bottom: 20px;
}


/* CHECKBOX */

.containercheckbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
    transition: .3s;
}

.containercheckbox a {
    display: inline;
    color: var(--color-grey);
    text-decoration: underline;
}

.containercheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px;
    top: 0;
    left: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--color-back);
    transition: .3s;
    border-radius: 2px;
}

.checkbox-filter .checkmark {
    background: var(--color-white);
    border: 1px solid var(--color-stroke);
}

.checkbox-filter:hover .containercheckbox {
    color: var(--color-extra-blue);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containercheckbox input:checked~.checkmark:after {
    display: block;
    opacity: 1;
}

.containercheckbox input:checked~.checkmark {
    background: var(--color-second);
}

.checkbox-filter .containercheckbox input:checked~.checkmark {
    background: var(--color-extra-blue);
}

.containercheckbox .checkmark:after {
    left: 50%;
    top: calc(50% - 2px);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 4px;
    height: 8px;
    border: solid var(--color-white);
    border-width: 0 2.1px 2.1px 0;
    transition: .3s;
    z-index: 10;
}

.chavo {
    order: 99999;
    margin-bottom: 50px;
}

.chavo-qestions {
    margin-top: 15px;
}

.index-faq-item-content a {
    display: inline;
    color: var(--color-hover2);
}

.index-faq-item-content a:visited {
    text-decoration: none;
    color: var(--color-hover2);
} 

    .breadcrumbs {
        background: var(--color-back-and-stroke);
        padding: 20px 0 40px;
    }

    .breadcrumbs-inner {
        display: inline;
        list-style: none;
    }

    .breadcrumbs-item {
        display: inline;
    }

    .breadcrumbs-link {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: var(--color-grey);
        display: inline;
    }

    .breadcrumbs-link::after{
        content: "-";
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: var(--color-grey);
        margin: 0 2.1px;
    }

    .breadcrumbs-last::after{
        display: none;
    }

    .breadcrumbs.grey {
        background: var(--color-back);
    }


 
    
    .index-faq {
        margin-bottom: 80px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .index-faq.is-main {
        align-items: center;
        /* margin-top: 80px; */
    }

    .index-faq-subtitle {
        margin-bottom: 15px;
    }

    .index-faq-title {
        margin-bottom: 30px;
    }

    .index-faq-item {
        padding: 29px 35px;
        border: 1px solid var(--color-stroke);
        border-radius: 10px;
        width: 100%;
    }

    .index-faq-items-col {
        width: 100%;
    }

    .index-faq.is-main .index-faq-items-col {
        width: 625px;
    }

    .index-faq-item-content {
        transition: .5s ease-in-out;
        overflow: hidden;
        width: 1000px;
        margin-top: 15px;
    }

    .index-faq.is-main .index-faq-item-content {
        width: 100%;
    }
    
    .index-faq-item-content:not(.active) {
        display: none;
        margin-top: 15px;
    }

    .index-faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .index-faq-item-title {
        width: 100%;
    }

    .index-faq.is-main .index-faq-item-title {
        width: 423px;
    }

    .index-faq-arrow {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: 5px;
        flex-shrink: 0;
    }

    .index-faq-arrow-svg {
        width: 16px;
        height: 16px;
        transition: .5s;
    }

    .index-faq-item.active .index-faq-arrow-svg {
        transform: rotate(-180deg);
    }

    .index-faq-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: -20px;
        width: 100%;
    }

    .index-faq-item {
        margin-bottom: 20px;
    }



 

    .btn {
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: .3s;
        border: none;
        text-align: center;
    }

    .btn-mobile {
        display: none;
    }

    .btn-100 {
        width: 100%;
    }

    .btn-main {
        width: 193px;
    }
    
    .btn-report {
        width: 268px;
    }

    .btn-seo {
        width: 214px;
    }

    .btn-card {
        width: 130px;
    }

    .btn-card-product {
        width: 98px;
    }

    .btn-small {
        height: 44px;
    }

    .btn-delete-car,
    .btn-cart {
        width: 250px;
    }

    .btn-big {
        height: 50px;
    }

    .btn-inactive {
        background: var(--color-grey);
        pointer-events: none;
    }

    .btn-specify {
        background: var(--color-grey);
    }

    .btn-specify:hover {
        background: #707581;
    }

    .btn-yellow {
        background: var(--color-second);
    }

    .btn-yellow:hover {
        background: var(--color-hover1);
    }

    .btn-blue {
        background: var(--color-main);
    }

    .btn-blue:hover {
        background: var(--color-hover2);
    }

    .btn-header {
        width: 167px;
    }

    .btn-save {
        width: 320px;
    }

    .btn-yellow.btn-empty {
        color: var(--color-second);
        border: 1px solid var(--color-second);
        background: transparent;
    }

    .btn-yellow.btn-empty:hover {
        background: var(--color-second);
        color: var(--color-white);
    }

    .btn-blue.btn-empty {
        color: var(--color-main);
        border: 1px solid var(--color-main);
        background: transparent;
    }

    .btn-blue.btn-empty:hover {
        background: var(--color-main);
        color: var(--color-white);
    }


 

	.first-header {
		background: var(--color-back);
		padding: 10px 0;
		position: relative;
		z-index: 1000;
	}

	.first-header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

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

	.first-header-link {
		margin-right: 40px;
		transition: .3s;
	}

	.first-header-link:hover {
		color: var(--color-extra-blue);
	}

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

	.first-header-address-svg {
		width: 12px;
		height: 12px;
		margin-right: 8px;
	}

	header {
		padding: 30px 0;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1002;
		background: var(--color-white);
	}

	.header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.header-selector {
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
	}

	.header-selector:hover::after {
		margin-top: 3px;
		transform: rotate(225deg);
	}

	.header-selector:after {
		display: block;
		content: "";
		width: 5px;
		height: 5px;
		border: 1px solid var(--color-main);
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		margin-left: 8px;
		margin-right: 19px;
		margin-top: -3px;
		transition: .3s;
	}

	.header-selector-city {
		max-width: 60px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.langs {
		position: absolute;
		top: 100%;
		left: -7px;
		background: #FFFFFF;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
		padding: 10px 15px;
		z-index: 1001;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .3s;
		display: flex;
		flex-direction: column;
	}
	
	.header-langs {
		padding-bottom: 5px;
		margin-top: 5px;
	}

	.header-langs:hover .langs {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.lang {
		transition: .3s;
	}

	.lang:hover {
		color: var(--color-extra-light-blue);
	}

	.header-cities {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 209px;
		background: #FFFFFF;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
		padding: 10px 15px;
		z-index: 1001;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .3s;
	}

	.header-selector-city-wrapper {
		padding-bottom: 5px;
		margin-top: 5px;
	}

	.header-selector-city-wrapper:hover .header-cities {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.header-cities-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		max-height: 179px;
		overflow: auto;
	}

	.header-cities-inner::-webkit-scrollbar {
        width: 4.1px;
    }

    .header-cities-inner::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .header-cities-inner::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

	.header-city {
		margin-bottom: 5px;
		transition: .3s;
	}

	.header-city.active {
		order: 0;
		color: var(--color-second);
	}

	.header-city:hover {
		color: var(--color-extra-blue);
	}

	.header-city:last-child {
		margin-bottom: 0;
	}

	.city-svg {
		width: 14px;
		height: 14px;
		margin-right: 8px;
	}

	.search-form {
		width: 296px;
		height: 50px;
		position: relative;
	}

	.input-search {
		background: var(--color-back);
		padding: 16px 20px;
		padding-right: 50px;
		border: none;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		color: var(--color-main);
	}

	.input-search::placeholder {
		color: var(--color-grey);
	} 

	.search-btn {
		border: none;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-second);
		border-radius: 5px;
		position: absolute;
		right: 5px;
		top: 5px;
		cursor: pointer;
		transition: .3s;
	}

	.search-btn:hover {
		background: var(--color-hover1);
	}

	.search-btn-svg {
		width: 18px;
		height: 18px;
	}

	.logo {
		margin: 0 60px;
		width: 223px;
		height: 56px;
	}

	.header-phone {
		display: flex;
		align-items: center;
		margin-bottom: 4px;
		transition: .3s;
	}

	.header-phone:hover {
		color: var(--color-extra-blue);
	}

	.header-phone:last-child {
		margin-bottom: 0;
	}

	.header-phone-svg {
		width: 12px;
		height: 12px;
		margin-right: 8px;
		flex-shrink: 1;
	}

	.header-phones {
		margin-right: 20px;
	}

	.header-btns {
		display: flex;
		align-items: center;
		margin-left: 20px;
	}

	.header-btn {
		width: 50px;
		height: 50px;
		background: var(--color-back);
		border-radius: 5px;
		margin-right: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
		transition: .3s;
	}

	.header-btn:hover {
		background: var(--color-stroke);
	}

	.header-btn:last-child {
		margin-right: 0;
	}

	.header-btn-icon {
		width: 24px;
		height: 24px;
	}

	.header-cart .header-btn-icon {
		width: 22px;
		height: 22px;
		margin-top: 6px;
		margin-right: 6px;
	}

	.header-cart-count {
		position: absolute;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 12px;
		line-height: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		width: 16px;
		height: 16px;
		background: var(--color-second);
		top: 10px;
		right: 10px;
		border-radius: 50%;
	}

	.header-menu-item-svg {
		width: 18px;
		height: 18px;
		margin-right: 8px;
		margin-top: -7px;
		transition: .1s filter linear;
		filter: brightness(1);
	}

	.header-menu {
		background: var(--color-main);
	}

	.header-menu-inner {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-menu-item {
		display: flex;
		align-items: center;
		padding: 18px 40px 16px;
		transition: .3s;
		cursor: pointer;
	}

	.header-menu-item-wrapper:hover .header-menu-item {
		background: var(--color-second);
		color: var(--color-white);
	}

	.header-menu-item-wrapper:hover .header-menu-item-svg {
		filter: brightness(100);
	}





	.header-menu {
		position: relative;
		z-index: 1000;
	}

	.menu-hovered {
		position: absolute;
		background: var(--color-white);
		top: 100%;
		left: 0;
		width: 100%;
		padding: 40px var(--offset);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: .3s;
	}

	.header-menu-item-wrapper:hover .menu-hovered {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.menu-hovered-cols {
		display: flex;
		justify-content: space-between;
	}

	.menu-hovered-col {
		/* margin-right: 100px; */
	}

	.menu-hovered-col:last-child {
		margin-right: 0;
	}

	.menu-hovered-subtitle {
		margin-bottom: 15px;
		text-transform: lowercase;
	}

	.menu-hovered-season-icon {
		width: 18px;
		height: 18px;
		margin-right: 10px;
	}

	.menu-hovered-season-item {
		display: flex;
		align-items: center;
		margin-bottom: 12px;
		transition: .3s;
	}

	.menu-hovered-season-item:hover {
		color: var(--color-extra-blue);
	}

	.btn-menu-hovered {
		margin-top: 26px;
	}

	.menu-hovered-diameter-items {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 250px;
		margin-bottom: -10px;
	}

	.menu-hovered-diameter-item {
		padding: 4px 10px;
		background: rgba(4, 19, 73, 0.1);
		border-radius: 5px;
		margin-right: 10px;
		margin-bottom: 10px;
		transition: .3s;
	}

	.menu-hovered-diameter-item:hover {
		background: var(--color-main);
		color: var(--color-white);
	}

	.menu-hovered-link {
		margin-bottom: 12px;
		transition: .3s;
		/* max-width: 150px; */
	}
	
	.menu-hovered-link:hover {
		color: var(--color-extra-blue);
	}

	.menu-hovered-links {
		margin-bottom: -12px;
	}

	.menu-hovered-links-block {
		display: flex;
	}

	.menu-hovered-links-block .menu-hovered-links {
		margin-right: 36px;
	}

	.menu-hovered-links-block .menu-hovered-links:last-child {
		margin-right: 0;
	}


 
    
    .index-faq {
        margin-bottom: 80px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .index-faq.is-main {
        align-items: center;
        /* margin-top: 80px; */
    }

    .index-faq-subtitle {
        margin-bottom: 15px;
    }

    .index-faq-title {
        margin-bottom: 30px;
    }

    .index-faq-item {
        padding: 29px 35px;
        border: 1px solid var(--color-stroke);
        border-radius: 10px;
        width: 100%;
    }

    .index-faq-items-col {
        width: 100%;
    }

    .index-faq.is-main .index-faq-items-col {
        width: 625px;
    }

    .index-faq-item-content {
        transition: .5s ease-in-out;
        overflow: hidden;
        width: 1000px;
        margin-top: 15px;
    }

    .index-faq.is-main .index-faq-item-content {
        width: 100%;
    }
    
    .index-faq-item-content:not(.active) {
        display: none;
        margin-top: 15px;
    }

    .index-faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .index-faq-item-title {
        width: 100%;
    }

    .index-faq.is-main .index-faq-item-title {
        width: 423px;
    }

    .index-faq-arrow {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: 5px;
        flex-shrink: 0;
    }

    .index-faq-arrow-svg {
        width: 16px;
        height: 16px;
        transition: .5s;
    }

    .index-faq-item.active .index-faq-arrow-svg {
        transform: rotate(-180deg);
    }

    .index-faq-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: -20px;
        width: 100%;
    }

    .index-faq-item {
        margin-bottom: 20px;
    }



 

    .input-wrapper {
        background: var(--color-white);
        border-radius: 5px;
        padding: 8px 15px 6px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 54px;
    }

    .input-wrapper-grey,
    .textarea-wrapper-grey {
        background: var(--color-back);
    }

    .input-wrapper-100 {
        width: 100%;
    }

    .input {
        width: 100%;
        border: none;
        color: var(--color-main);
        background: transparent;
    }

    .input::placeholder {
        color: var(--color-grey);
    }

    .textarea {
        height: 110px;
        border-radius: 5px;
        resize: none;
    }

    .textarea-wrapper {
        height: 140px;
    }

    .textarea::-webkit-input-placeholder{
        color: var(--color-grey);
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-login {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-login .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-login .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .login-title {
        margin-bottom: 15px;
        text-align: center;
    }

    .login-desc {
        margin-bottom: 15px;
        text-align: center;
    }

    .modal-login .input-wrapper {
        margin-bottom: 15px;
    }

    .modal-login .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: 5px;
    }

    .button-without-password {
        cursor: pointer;
        text-decoration: underline;
    }

    .button-forgot {
        cursor: pointer;
    }

    .login-social {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .login-social-item {
        width: 125px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid var(--color-stroke);
        border-radius: 5px;
        margin-right: 13px;
        cursor: pointer;
        transition: .3s;
    }

    .login-social-item:hover {
        box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
    }

    .login-social-item:last-child {
        margin-right: 0;
    }

    .login-social-icon {
        width: 24px;
        height: 24px;
    }

    .login-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -7px;
        margin-bottom: 20px;
    }

    .button-registration {
        margin-top: 15px;
        text-align: center;
    }   

    .button-registration-inner {
        text-decoration: underline;
        cursor: pointer;
    }


 


    .containercheckbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-left: 30px;
        transition: .3s;
    }   

    .containercheckbox a {
        display: inline;
        color: var(--color-grey);
        text-decoration: underline;
    }

    .containercheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 1px;
        width: 1px;
        top: 0;
        left: 0;
    }

    .checkmark {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 20px;
        width: 20px;
        background-color: var(--color-back);
        transition: .3s;
        border-radius: 2px;
    }

    .checkbox-filter .checkmark {
        background: var(--color-white);
        border: 1px solid var(--color-stroke);
    }

    .checkbox-filter:hover .containercheckbox {
        color: var(--color-extra-blue);
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .containercheckbox input:checked~.checkmark:after {
        display: block;
        opacity: 1;
    }

    .containercheckbox input:checked~.checkmark {
        background: var(--color-second);
    }

    .checkbox-filter .containercheckbox input:checked~.checkmark {
        background: var(--color-extra-blue);
    }

    .containercheckbox .checkmark:after {
        left: 50%;
        top: calc(50% - 2px);
        transform: translate(-50%, -50%) rotate(45deg);
        width: 4px;
        height: 8px;
        border: solid var(--color-white);
        border-width: 0 2.1px 2.1px 0;
        transition: .3s;
        z-index: 10;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-register {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-register .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-register .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .register-title {
        margin-bottom: 15px;
        text-align: center;
    }

    .register-desc {
        margin-bottom: 15px;
        text-align: center;
    }

    .modal-register .input-wrapper {
        margin-bottom: 15px;
    }

    .modal-register .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-register .checkbox {
        margin-bottom: 24px;
    }

    .form-answer {
        margin-top: 5px;
    }

    .button-without-password {
        cursor: pointer;
        text-decoration: underline;
    }

    .button-forgot {
        cursor: pointer;
    }

    .register-social {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .register-social-item {
        width: 125px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid var(--color-stroke);
        border-radius: 5px;
        margin-right: 13px;
        cursor: pointer;
        transition: .3s;
    }

    .register-social-item:hover {
        box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
    }

    .register-social-item:last-child {
        margin-right: 0;
    }

    .register-social-icon {
        width: 24px;
        height: 24px;
    }

    .register-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -7px;
        margin-bottom: 20px;
    }

    .button-registration {
        margin-top: 15px;
        text-align: center;
    }   

    .button-registration-inner {
        text-decoration: underline;
        cursor: pointer;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-forgot {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-forgot .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-forgot .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .modal-forgot .input-wrapper {
        margin-bottom: 20px;
    }

    .modal-forgot .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: 5px;
        display: none;
    }

    .forgot-title {
        margin-bottom: 15px;
        text-align: center;
    }

    .forgot-desc {
        text-align: center;
        margin-bottom: 15px;
    }

    .button-login {
        text-decoration: underline;
        cursor: pointer;
        margin-top: 15px;
    }

    .button-forgot {
        cursor: pointer;
    }

    .forgot-description {
        margin-bottom: 15px;
        text-align: center;
        white-space: pre-line;
    }

    .forgot-form {
        display: none;
    }

    .forgot-form.active {
        display: block;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-without-password {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-without-password .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-without-password .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .modal-without-password .input-wrapper {
        margin-bottom: 20px;
    }

    .modal-without-password .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: 5px;
        display: none;
    }

    .without-password-title {
        margin-bottom: 15px;
        text-align: center;
    }

    .without-password-desc {
        text-align: center;
        margin-bottom: 15px;
    }

    .button-login {
        text-decoration: underline;
        cursor: pointer;
        margin-top: 15px;
    }

    .button-without-password {
        cursor: pointer;
    }

    .without-password-description {
        margin-bottom: 15px;
        text-align: center;
        white-space: pre-line;
    }

    .without-password-form {
        display: none;
    }

    .without-password-form.active {
        display: block;
    }


 

    .cart {
        margin-top: 20px;
    }

    .cart-checkout .cart-product {
        width: 500px;
    }

    .cart-product {
        padding: 15px;
        width: 1000px;
        border: 1px solid var(--color-stroke);
        border-radius: 10px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        position: relative;
    }

    .cart-checkout .cart-product {
        align-items: flex-start;
    }

    .cart-products {
        margin-bottom: -10px;
        max-height: 358px;
        overflow: auto;
    }

    .cart-products::-webkit-scrollbar {
        width: 4px;
    }

    .cart-products::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .cart-products::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

    .cart-product-info-block {
        display: flex;
        align-items: center;
    }

    .cart-checkout .cart-product-info-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .cart-product-info {
        margin-right: 115px;
    }

    .cart-product-title {
        width: 250px;
        margin-bottom: 10px;
        transition: .3s;
    }

    .cart-product-title:hover {
        color: var(--color-extra-blue);
    }
    
    .cart-product-image-wrapper {
        margin-right: 25px;
        flex-shrink: 0;
    }

    .cart-product-image {
        width: 164px;
        height: 120px;
        object-fit: contain;
    }

    .cart-checkout .cart-product-image {
        width: 137px;
        height: 100px;
    }

    .cart-checkout .cart-product-image-wrapper {
        margin-right: 19px;
    }

    .cart-product-price-wrapper {
        display: flex;
        align-items: center;
    }

    .cart-product-old-price {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        text-decoration-line: line-through;
        margin-left: 15px;
    }

    .cart-product-counter {
        display: flex;
        align-items: center;
    }

    .cart-product-total-price {
        margin-left: 10px;
    }

    .cart-delete-product-wrapper {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .cart-delete-product {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background: var(--color-back);
        border-radius: 5px;
    }

    .cart-delete-product-svg {
        width: 14px;
        height: 14px;
    }

    .cart-delete-product path {
        transition: .3s;
    }

    .cart-delete-product:hover path{
        fill: var(--color-extra-blue);
    }

    .cart-checkout .cart-delete-product {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .cart-checkout .cart-product-info {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .cart-checkout .cart-product-info-block {
        flex: 1;
    }

    .cart-checkout .cart-delete-product-wrapper {
        flex: 0;
    }

    .cart-checkout .cart-product-counter {
        width: 100%;
        justify-content: space-between;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .container-modal-cart {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        width: 1100px;
        border-radius: 10px;
        background: var(--color-white);
        padding: 40px 50px;
        padding-right: 30px;
    }

    .closemodal-cart {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .closemodal-cart svg {
        width: 16px;
        height: 16px;
    }

    .modal-cart-content {
        padding-right: 20px;
    }

    .modal-cart-gift {
        margin-top: 20px;
    }

    .modal-cart-gift span {
        display: inline;
        color: var(--color-gift);
    }

    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }

    .cart-checkout-block {
        background: rgba(253, 176, 44, 0.05);
        border: 1px solid var(--color-second);
        border-radius: 10px;
        padding: 35px 30px;
        display: flex;
        align-items: center;
    }

    .cart-checkout-block-text {
        margin-right: 40px;
    }

    .cart-checkout-block-count {
        margin-bottom: 6px;
    }

    .empty-cart {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        background: var(--color-back);
        border-radius: 10px;
        margin-top: 20px;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-callback {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-callback .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-callback .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .callback-title {
        margin: 0 auto 20px;
        text-align: center;
        width: 324px;
    }

    .callback-desc {
        margin-bottom: 15px;
        text-align: center;
    }

    .modal-callback .input-wrapper {
        margin-bottom: 15px;
    }

    .modal-callback .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-callback .checkbox {
        margin-bottom: 15px;
    }

    .form-answer {
        text-align: center;
        margin-top: 15px;
    }


 

    .open-auth {
        cursor: pointer;
    }

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-error {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-error .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-error .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .error-title {
        margin: 0 auto 20px;
        text-align: center;
        width: 324px;
    }

    .error-desc {
        text-align: center;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-available {
        width: 540px;
        padding: 30px 70px;
        border-radius: 10px;
    }

    .modal-available .close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal-available .close svg {
        width: 14.41px;
        height: 14.41px;
    }

    .available-title {
        margin: 0 auto 20px;
        text-align: center;
        width: 324px;
    }

    .available-desc {
        margin-bottom: 15px;
        text-align: center;
    }

    .modal-available .input-wrapper {
        margin-bottom: 15px;
    }

    .modal-available .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-available .checkbox {
        margin-bottom: 15px;
    }

    .form-answer {
        text-align: center;
        margin-top: 15px;
    }


 

	footer {
		background: var(--color-extra-blue);
		padding: 60px 0 52px;
	}

	.footer-row1 {
		padding-bottom: 50px;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		display: flex;
		align-items: flex-start;
	}

	.footer-logo {
		width: 223px;
		height: 56px;
		margin-right: 154px;
	}

	.footer-subtitle {
		color: rgba(255, 255, 255, 0.8);
		margin-bottom: 13px;
	}

	.footer-social {
		margin-right: 90px;
	}

	.footer-social-icons {
		display: flex;
		align-items: center;
	}

	.footer-social-icon-link {
		margin-right: 10px;
	}

	.footer-social-icon-link:last-child {
		margin-right: 0;
	}

	.footer-social-icon {
		width: 30px;
		height: 30px;
		transition: .3s;
	}

	.footer-social-icon:hover {
		filter: hue-rotate(-20deg);
	}

	.footer-contacts-items {
		display: flex;
		align-items: center;
	}

	.footer-contacts-item {
		display: flex;
		align-items: center;
		margin-right: 30px;
		font-style: normal;
		font-weight: 600;
		font-size: 24px;
		line-height: 30px;
		transition: .3s;
		color: #FFFFFF;
	}

	.footer-contacts-item:last-child {
		margin-right: 0;
	}

	.footer-contacts-item-icon {
		width: 14px;
		height: 14px;
		margin-right: 10px;
	}

	.footer-contacts-item:hover {
		color: var(--color-second); 
	}

	.footer-row2 {
		padding-top: 60px;
		display: flex;
	}

	.footer-payment {
		display: flex;
		align-items: center;
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.footer-payment-icon {
		width: 50px;
		height: 50px;
		margin-right: 20px;
	}

	.footer-payment-icon:last-child {
		margin-right: 0;
	}

	.copyright {
		width: 223px;
	}

	.footer-col {
		margin-right: 60px;
	}

	.footer-col-first {
		margin-right: 154px;
	}

	.footer-col-title {
		margin-bottom: 15px;
	}

	.footer-link {
		margin-bottom: 4px;
		transition: .3s;
	}

	a.footer-link:hover {
		color: var(--color-second);
	}

	.footer-col-last {
		margin-right: 0;
	}

	.footer-col-subtitle {
		color: rgba(255, 255, 255, 0.8);
		margin: 10px 0;
	}

	.footer-link-phone {
		display: flex;
		align-items: center;
	}

	.footer-link-phone-svg {
		width: 12px;
		height: 12px;
		margin-right: 8px;
		flex-shrink: 0;
	}


 }@media (max-width: 1600px) and (min-width: 1000px) { :root {
    --column-width: 88.8889vw;
    --offset: calc(50% - (var(--column-width) / 2));
}

body,
input,
textarea,
select {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1111vw;
    -webkit-text-size-adjust: none;
}

body {
    position: relative;
}

img,
svg {
    max-width: 100%;
    display: block;
}

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

body,
dl,
dt,
dd,
ul,
ol,
li,
form,
table,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
p,
span,
b,
i,
input,
textarea,
fieldset {
    margin: 0;
    padding: 0;
}

a {
    display: block;
    text-decoration: none;
}

.none {
    display: none;
}

.fade-out {
    opacity: 1;
    transition: 0.3s;
    pointer-events: auto;
}

.fade-out.active {
    opacity: 0;
    pointer-events: none;
}

.fade-in {
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

.fade-in.active {
    opacity: 1;
    pointer-events: auto;
}

.container {
    padding-left: var(--offset);
    padding-right: var(--offset);
}

.container-offset {
    width: var(--column-width);
    margin-left: auto;
    margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s;
}

.loader.dark {
    background-color: rgba(0, 0, 0, 0.7);
    transition: .5s;
    z-index: 100;
}

.loader.active {
    opacity: 1;
    pointer-events: auto;
}

.loader path {
    fill: var(--color-main);
}

#transition_disabled * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.mobile {
    display: none !important;
}

.h1 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 2.7778vw;
    line-height: 3.8194vw;
    text-transform: uppercase;
}

.h2 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 2.0833vw;
    line-height: 3.125vw;
    text-transform: uppercase;
    color: #000000;
}

.h3 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 1.6667vw;
    line-height: 2.2222vw;
    text-transform: uppercase;
}

.h4 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 1.25vw;
    line-height: 1.9444vw;
    text-transform: uppercase;
}

.big-btn-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 1.1111vw;
    line-height: 1.25vw;
    text-transform: uppercase;
}

.small-btn-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    text-transform: uppercase;
}

.main-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.6667vw;
}

.extra-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
}

.selected-main-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.1111vw;
    line-height: 1.6667vw;
}

.subtitle {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    letter-spacing: 0.1em;
}

.small-text-for-smt {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 0.8333vw;
    line-height: 1.25vw;
}

.text-for-small-things {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 0.6944vw;
    line-height: 0.8333vw;
}

.price-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.6667vw;
    line-height: 2.0833vw;
}

.extra-text-reg {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
}

.quote {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.6667vw;
}

:root {
    --color-main: #030F4C;
    --color-second: #FDB02C;
    --color-white: #FFFFFF;
    --color-grey: #8992A5;
    --color-back: #F6F6F6;
    --color-stroke: #E3E8F1;
    --color-green: #69AD5D;
    --color-hit: #EB001B;
    --color-subtitle: #918EAA;
    --color-red: #E5514F;
    --color-gift: #EE0173;
    --color-hover1: #E88F44;
    --color-hover2: #517CBA;
    --color-extra-text: #4F4E7B;
    --color-extra-blue: #517CBA;
    --color-extra-light-blue: #B2CAE7;
}

.color-main {
    color: var(--color-main);
}

.color-second {
    color: var(--color-second);
}

.color-white {
    color: var(--color-white);
}

.color-grey {
    color: var(--color-grey);
}

.color-back {
    color: var(--color-back);
}

.color-stroke {
    color: var(--color-stroke);
}

.color-green {
    color: var(--color-green);
}

.color-hit {
    color: var(--color-hit);
}

.color-subtitle {
    color: var(--color-subtitle);
}

.color-red {
    color: var(--color-red);
}

.color-gift {
    color: var(--color-gift);
}

.color-hover1 {
    color: var(--color-hover1);
}

.color-hover2 {
    color: var(--color-hover2);
}

.color-extra-text {
    color: var(--color-extra-text);
}

.color-extra-blue {
    color: var(--color-extra-blue);
}

.color-extra-light-blue {
    color: var(--color-extra-light-blue);
}

.error404 {
    position: relative;
    height: 52.7083vw;
    background: #EAEAEA;
}

.error404-image {
    width: 100vw;
    height: 52.7083vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.error404-content {
    position: relative;
    z-index: 2;
}

.error404-title {
    margin-bottom: 33.2639vw;
}

.error404-desc {
    margin-bottom: 1.1111vw;
}

.error404-content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.redirect-title {
    text-align: right;
    margin-bottom: 0.5556vw;
}

.redirect-link {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 2.0833vw;
    line-height: 3.125vw;
    text-decoration-line: underline;
    text-transform: uppercase;
    text-align: right;
    transition: .3s;
}

.redirect-link:hover {
    color: var(--color-hover2);
}

.redirect-disks {
    position: absolute;
    left: 16.0417vw;
    bottom: 10.7639vw;
}

.redirect-shin {
    position: absolute;
    right: 10.4167vw;
    bottom: 13.1944vw;
}

.redirect-shin .redirect-title,
.redirect-shin .redirect-link {
    text-align: left;
}

.body-wrapper {
    display: flex;
    flex-direction: column;
}


/* counter */

.counter-inner {
    position: relative;
    width: 10.1389vw;
}

.counter-input {
    background: var(--color-back);
    border: 1px solid transparent;
    border-radius: 0.3472vw;
    width: 10.1389vw;
    height: 3.4722vw;
    text-align: center;
    cursor: pointer;
}

.counter-symbol {
    position: absolute;
    top: 0.3472vw;
    left: 0.3472vw;
    cursor: pointer;
    transition: .3s;
    display: flex;
    width: 2.7778vw;
    height: 2.7778vw;
    align-items: center;
    justify-content: center;
    user-select: none;
    border: 1px solid var(--color-extra-blue);
    background: var(--color-white);
    border-radius: 0.3472vw;
}

.counter-plus {
    left: auto;
    right: 0.3472vw;
}

.counter-symbol:hover {
    background: var(--color-extra-blue);
    color: var(--color-white);
}

.counter.small .counter-inner {
    width: 8.1944vw;
}

.counter.small .counter-input {
    width: 8.1944vw;
    height: 2.7778vw;
}

.counter.small .counter-symbol {
    width: 2.0833vw;
    height: 2.0833vw;
}


/* product card */

.product-card {
    border: 1px solid var(--color-stroke);
    border-radius: 0.6944vw;
    padding-top: 1.3889vw;
    margin-right: 1.8056vw;
    width: 20.8333vw;
    transition: .3s;
    margin-bottom: 1.7361vw;
    position: relative;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    box-shadow: 0vw 0.2778vw 3.4722vw rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
}

.product-card-title {
    margin-bottom: 0.5556vw;
    transition: .3s;
}

.product-card-title:hover {
    color: var(--color-extra-blue);
}

.product-card-image {
    width: 20.8333vw;
    height: 13.8889vw;
    object-fit: contain;
}

.product-card-stars {
    display: flex;
    align-items: center;
    position: relative;
    width: 5.5556vw;
}

.product-card-star {
    width: 1.1111vw;
    height: 1.1111vw;
    flex-shrink: 0;
}

.product-card-stars-upper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 70%;
}

.product-card-content {
    padding: 2.0833vw 1.7361vw 1.3889vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.product-card-stars-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 0.5556vw;
}

.product-card-stars-reviews {
    margin-left: 0.6944vw;
    transition: .3s;
}

.product-card-stars-reviews:hover {
    text-decoration-line: underline;
}

.product-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

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

.product-card-item-icon {
    width: 1.1111vw;
    height: 1.1111vw;
    margin-right: 0.6944vw;
}

.product-card-items {
    margin-bottom: 1.3889vw;
}

.product-card-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card-price {
    display: flex;
    align-items: center;
}

.product-card-currency {
    margin-left: 0.4861vw;
}

.product-card-old-price {
    font-style: normal;
    font-weight: 600;
    font-size: 0.8333vw;
    line-height: 1.25vw;
    text-decoration-line: line-through;
    color: var(--color-grey);
    margin-left: 0.6944vw;
}

.product-tags {
    position: absolute;
    top: 1.0417vw;
    left: 1.0417vw;
    pointer-events: none;
}

.product-tag {
    display: flex;
    align-items: center;
    margin-bottom: 0.6944vw;
}

.product-tag-icon {
    width: 1.5278vw;
    height: 1.5278vw;
    margin-right: 0.2778vw;
}

.product-tag-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 0.6944vw;
    line-height: 1.25vw;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 2px 0.5556vw;
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
}

.product-gift-and-info {
    position: absolute;
    top: 1.0417vw;
    right: 1.0417vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-gift {
    cursor: pointer;
    margin-bottom: 0.6944vw;
}

.product-gift-icon {
    width: 1.5278vw;
    height: 1.5278vw;
}

.product-gift-modal {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 2;
    width: 19.0972vw;
    display: inline;
    background: #FFFFFF;
    box-shadow: 0vw 0.2778vw 2.0833vw rgba(0, 0, 0, 0.08);
    border-radius: 0.6944vw;
    padding: 1.0417vw 1.3889vw;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.products-row-3 .product-card:nth-child(3n) .product-gift-modal {
    left: auto;
    right: 0;
}

.products-row-4 .product-card:nth-child(4n) .product-gift-modal {
    left: auto;
    right: 0;
}

.product-gift-modal span {
    display: inline;
    color: #F10074;
}

.product-gift:hover .product-gift-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.product-icon-sign {
    width: 2.0833vw;
    height: 2.0833vw;
}

.product-card-content-additional {
    padding: 1.3889vw 1.7361vw 1.3889vw;
    position: absolute;
    width: calc(100% + 2px);
    top: calc(100% - 1.3889vw);
    left: -1px;
    z-index: 2;
    background: var(--color-white);
    border: 2px solid var(--color-white);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: .5s;
    border-bottom-left-radius: 0.6944vw;
    border-bottom-right-radius: 0.6944vw;
}

.product-card:hover .product-card-content-additional {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.product-card:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.product-card-characteristics {
    margin-bottom: 0.6944vw;
}

.product-card-characteristic {
    display: flex;
    align-items: flex-end;
    margin-bottom: 3px;
}

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

.product-card-characteristic-dots {
    border-bottom: 1px dashed var(--color-stroke);
    flex: 1;
    margin: 0 0.3472vw 0.2778vw;
}


/* INPUT SELECT */

.select-item.error {
    display: none;
}

.select-label {
    display: none;
}

.select {
    position: relative;
    min-width: 7.6389vw;
    height: 3.75vw;
    cursor: pointer;
}

.select.grey .select-title,
.select.grey .input-select {
    background: var(--color-back);
}

.select.grey .select-label {
    color: var(--color-main);
}

.select.default {
    height: 2.7778vw;
}

.select-title {
    border-radius: 0.3472vw;
    background: var(--color-white);
    padding: 1.1111vw 1.7361vw 1.1111vw 1.1111vw;
    position: relative;
}

.select-title.active,
.select-title.with-label {
    color: var(--color-main);
    padding: 0.5556vw 1.7361vw 0.4167vw 1.1111vw;
}

.select-title.empty.with-label {
    color: var(--color-grey);
}

.select.default .select-title {
    border: 1px solid var(--color-stroke);
    padding: 0.7639vw 1.0417vw;
}

.select-title.active .select-label,
.select-title.with-label .select-label {
    display: block;
    margin-bottom: 0.4167vw;
}

.select-title::after {
    position: absolute;
    right: 0.6944vw;
    top: 50%;
    display: block;
    content: "";
    width: 0.3472vw;
    height: 0.3472vw;
    border: 1px solid var(--color-grey);
    transform: translateY(-50%) rotate(45deg);
    transition: .3s;
    border-left: none;
    border-top: none;
}

.select.default .select-title::after {
    width: 0.4861vw;
    height: 0.4861vw;
}

.select.active .select-title::after {
    margin-top: 3px;
    transform: translateY(-50%) rotate(225deg);
}

.select-title-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-items {
    position: absolute;
    top: calc(100% + 0.3472vw);
    left: 0;
    width: 100%;
    z-index: 100;
    background: #FFFFFF;
    box-shadow: 0vw 0.4167vw 2.0833vw rgba(0, 0, 0, 0.07);
    border-radius: 0.3472vw;
    padding: 1.1111vw;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s;
}

.select-items-inner {
    max-height: 10.4167vw;
    overflow: auto;
}

.select-items-inner::-webkit-scrollbar {
    width: 0.2778vw;
}

.select-items-inner::-webkit-scrollbar-track {
    background: var(--color-back);
    border-radius: 0.6944vw;
}

.select-items-inner::-webkit-scrollbar-thumb {
    border-radius: 0.6944vw;
    background: var(--color-main);
}

.select.active .select-items {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.select-item {
    margin-bottom: 0.3472vw;
    transition: .3s;
}

.select-item:hover {
    color: var(--color-main);
}

.select-item:last-child {
    margin-bottom: 0;
}

.input-select {
    width: 100%;
    border: none;
}


/* MODEL CARD */

.model-card {
    border: 1px solid var(--color-stroke);
    border-radius: 0.6944vw;
    padding-top: 1.3889vw;
    margin-right: 1.8056vw;
    width: 20.8333vw;
    transition: .3s;
    margin-bottom: 1.7361vw;
    position: relative;
    display: flex;
    flex-direction: column;
}

.model-card:hover {
    box-shadow: 0vw 0.2778vw 3.4722vw rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
}

.model-card-title {
    margin-bottom: 0.5556vw;
    transition: .3s;
}

.model-card-title:hover {
    color: var(--color-extra-blue);
}

.model-card-image {
    width: 20.8333vw;
    height: 13.8889vw;
    object-fit: contain;
}

.model-card-stars {
    display: flex;
    align-items: center;
    position: relative;
    width: 5.5556vw;
}

.model-card-star {
    width: 1.1111vw;
    height: 1.1111vw;
    flex-shrink: 0;
}

.model-card-stars-upper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 70%;
}

.model-card-content {
    padding: 2.0833vw 1.7361vw 1.3889vw;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.model-card-stars-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 0.5556vw;
}

.model-card-stars-reviews {
    margin-left: 0.6944vw;
    transition: .3s;
}

.model-card-stars-reviews:hover {
    text-decoration-line: underline;
}

.model-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.model-card-item:last-child {
    margin-bottom: 0;
}

.model-card-item-icon {
    width: 1.1111vw;
    height: 1.1111vw;
    margin-right: 0.6944vw;
}

.model-card-items {
    margin-bottom: 1.3889vw;
}

.model-card-price-title {
    margin-bottom: 2px;
}

.model-card-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.model-tags {
    position: absolute;
    top: 1.0417vw;
    left: 1.0417vw;
    pointer-events: none;
}

.model-tag {
    display: flex;
    align-items: center;
    margin-bottom: 0.6944vw;
}

.model-tag-icon {
    width: 1.5278vw;
    height: 1.5278vw;
    margin-right: 0.2778vw;
}

.model-tag-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 0.6944vw;
    line-height: 1.25vw;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 2px 0.5556vw;
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
}


/* FILTERS */

.filters {
    width: 20.8333vw;
    flex-shrink: 0;
    margin-right: 1.8056vw;
}

.filters-btns {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: 0.6944vw;
}

.filters-btn {
    width: 10.0694vw;
    height: 2.6389vw;
    border: 1px solid var(--color-stroke);
    border-radius: 0.3472vw;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.filters-btn.active,
.filters-btn:hover {
    border: 1px solid var(--color-main);
}

.filter-item {
    width: 100%;
    padding: 1.3889vw 1.3889vw 1.3889vw 2.0833vw;
    margin-top: 1.0417vw;
    background: var(--color-back);
    border-radius: 0.6944vw;
}

.filter-item-title {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}

.filter-item-title:after {
    content: '';
    display: block;
    width: 0.5556vw;
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.filter-item-title::before {
    content: '';
    display: block;
    width: 0.5556vw;
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .3s;
}

.filter-item.active .filter-item-title::before {
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

.filter-item.active .filter-item-fields {
    max-height: 16.9444vw;
    margin-top: 1.1111vw;
}

.filter-field-link {
    color: var(--color-main) !important;
    text-decoration: none !important;
    pointer-events: none;
}

.filter-field.inactive .filter-field-link {
    color: var(--color-grey) !important;
}


/* .filter-field:first-child {
        margin-top: 0;
    } */

.filter-field {
    margin-bottom: 0.8333vw;
    order: 1;
}

.filter-item-fields {
    max-height: 0;
    overflow: auto;
    transition: .3s;
    display: flex;
    flex-direction: column;
}

.filter-field.active {
    order: 0;
}

.filter-field.inactive {
    order: 2;
}

.filter-item-fields::-webkit-scrollbar {
    width: 0.2778vw;
}

.filter-item-fields::-webkit-scrollbar-track {
    background: var(--color-white);
}

.filter-item-fields::-webkit-scrollbar-thumb {
    background: var(--color-extra-light-blue);
}

.filter-item-title-question {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 0.7639vw;
    line-height: 0.8333vw;
    text-align: center;
    color: #030F4C;
    background: var(--color-white);
    padding: 2px 0.3472vw;
    border-radius: 3px;
    margin-left: 0.6944vw;
    position: relative;
}

.filter-item-title-answer {
    padding: 1.0417vw;
    width: 19.0972vw;
    position: absolute;
    top: 0;
    left: calc(100% + 0.6944vw);
    background: var(--color-white);
    box-shadow: 0vw 0.2778vw 3.4722vw rgba(0, 0, 0, 0.08);
    border-radius: 0.3472vw;
    z-index: 2;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.filter-item-title-question:hover .filter-item-title-answer {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.filter-field.inactive .containercheckbox {
    color: var(--color-grey);
    pointer-events: none;
}

.digiants-search-container {
    background: var(--color-white) !important;
}

.digiants-search-results {
    background: rgba(0, 0, 0, .6) !important;
}


/* CONTENT */

.content h2 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 2.0833vw;
    line-height: 3.125vw;
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: 1.3889vw;
    margin-top: 2.7778vw;
}

.content h2:first-child {
    margin-top: 0;
}

.content h3 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 1.6667vw;
    line-height: 2.2222vw;
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: 0.6944vw;
    margin-top: 2.7778vw;
}

.content h3:first-child {
    margin-top: 0;
}

.content h4 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 1.25vw;
    line-height: 1.9444vw;
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: 0.6944vw;
    margin-top: 2.7778vw;
}

.content h4:first-child {
    margin-top: 0;
}

.content p,
.content li {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.6667vw;
    color: var(--color-main);
    margin-bottom: 1.3889vw;
}

.content ul,
.content ol {
    margin: 1.3889vw 0;
}

.content ol {
    list-style: none
}

.content ol li {
    position: relative;
    padding-left: 4.8611vw;
    margin-bottom: 1.3889vw;
    min-height: 2.7778vw;
}

.content ol li::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(list-item);
    width: 2.7778vw;
    height: 2.7778vw;
    border: 2px solid var(--color-main);
    border-radius: 0.3472vw;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.content ul li::marker {
    display: none;
    content: "";
}

.content ul li {
    display: flex;
    align-items: center;
    margin-bottom: 2.0833vw;
    white-space: pre-wrap;
}

.content ul li::before {
    content: "";
    display: block;
    background: url("/images/marker.svg") center no-repeat;
    background-size: cover;
    width: 3.3333vw;
    height: 2.6389vw;
    flex-shrink: 0;
    margin-right: 2.0833vw;
}

.content a {
    display: inline;
    text-decoration: underline;
    color: var(---color-main);
}

.content blockquote {
    background: var(--color-back);
    border-radius: 0.6944vw;
    text-align: center;
    padding: 2.7778vw 8.5417vw;
    margin: 2.7778vw 0;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 1.6667vw;
    text-align: center;
    color: #030F4C;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content blockquote::before {
    content: '';
    display: block;
    background: url('/images/quote.svg') center no-repeat;
    width: 3.3333vw;
    height: 2.6389vw;
    position: absolute;
    top: 2.7778vw;
    left: 0;
}

.content blockquote::after {
    content: '';
    display: block;
    background: url('/images/quote.svg') center no-repeat;
    width: 3.3333vw;
    height: 2.6389vw;
    position: absolute;
    top: 2.7778vw;
    right: 0;
}

.content img,
.content figure {
    margin: 0;
    width: 100%;
}


/* SEO */

.seo-block-wrapper {
    order: 99999;
}

.seo-block {
    background: var(--color-back);
    border-radius: 0.6944vw;
    padding: 5.5556vw 15.2778vw 5.5556vw 4.1667vw;
    margin: 5.5556vw 0;
}

.seo-content {
    height: 23.8194vw;
    overflow: hidden;
}

.find-seo-content {
    height: auto;
    overflow: hidden;
}

.btn-seo {
    margin-top: 2.7778vw;
}

.seo-content-h1 {
    margin-bottom: 1.3889vw;
}


/* CHECKBOX */

.containercheckbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 2.0833vw;
    transition: .3s;
}

.containercheckbox a {
    display: inline;
    color: var(--color-grey);
    text-decoration: underline;
}

.containercheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px;
    top: 0;
    left: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 1.3889vw;
    width: 1.3889vw;
    background-color: var(--color-back);
    transition: .3s;
    border-radius: 2px;
}

.checkbox-filter .checkmark {
    background: var(--color-white);
    border: 1px solid var(--color-stroke);
}

.checkbox-filter:hover .containercheckbox {
    color: var(--color-extra-blue);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containercheckbox input:checked~.checkmark:after {
    display: block;
    opacity: 1;
}

.containercheckbox input:checked~.checkmark {
    background: var(--color-second);
}

.checkbox-filter .containercheckbox input:checked~.checkmark {
    background: var(--color-extra-blue);
}

.containercheckbox .checkmark:after {
    left: 50%;
    top: calc(50% - 2px);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 0.2778vw;
    height: 0.5556vw;
    border: solid var(--color-white);
    border-width: 0 0.1458vw 0.1458vw 0;
    transition: .3s;
    z-index: 10;
}

.chavo {
    order: 99999;
    margin-bottom: 3.4722vw;
}

.chavo-qestions {
    margin-top: 1.0417vw;
}

.index-faq-item-content a {
    display: inline;
    color: var(--color-hover2);
}

.index-faq-item-content a:visited {
    text-decoration: none;
    color: var(--color-hover2);
} 

    .breadcrumbs {
        background: var(--color-back-and-stroke);
        padding: 1.3889vw 0 2.7778vw;
    }

    .breadcrumbs-inner {
        display: inline;
        list-style: none;
    }

    .breadcrumbs-item {
        display: inline;
    }

    .breadcrumbs-link {
        font-style: normal;
        font-weight: 600;
        font-size: 0.8333vw;
        line-height: 1.25vw;
        color: var(--color-grey);
        display: inline;
    }

    .breadcrumbs-link::after{
        content: "-";
        font-style: normal;
        font-weight: 600;
        font-size: 0.8333vw;
        line-height: 1.25vw;
        color: var(--color-grey);
        margin: 0 0.1458vw;
    }

    .breadcrumbs-last::after{
        display: none;
    }

    .breadcrumbs.grey {
        background: var(--color-back);
    }


 
    
    .index-faq {
        margin-bottom: 5.5556vw;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .index-faq.is-main {
        align-items: center;
        /* margin-top: 5.5556vw; */
    }

    .index-faq-subtitle {
        margin-bottom: 1.0417vw;
    }

    .index-faq-title {
        margin-bottom: 2.0833vw;
    }

    .index-faq-item {
        padding: 2.0139vw 2.4306vw;
        border: 1px solid var(--color-stroke);
        border-radius: 0.6944vw;
        width: 100%;
    }

    .index-faq-items-col {
        width: 100%;
    }

    .index-faq.is-main .index-faq-items-col {
        width: 43.4028vw;
    }

    .index-faq-item-content {
        transition: .5s ease-in-out;
        overflow: hidden;
        width: 69.4444vw;
        margin-top: 1.0417vw;
    }

    .index-faq.is-main .index-faq-item-content {
        width: 100%;
    }
    
    .index-faq-item-content:not(.active) {
        display: none;
        margin-top: 1.0417vw;
    }

    .index-faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .index-faq-item-title {
        width: 100%;
    }

    .index-faq.is-main .index-faq-item-title {
        width: 29.375vw;
    }

    .index-faq-arrow {
        width: 2.7778vw;
        height: 2.7778vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: 0.3472vw;
        flex-shrink: 0;
    }

    .index-faq-arrow-svg {
        width: 1.1111vw;
        height: 1.1111vw;
        transition: .5s;
    }

    .index-faq-item.active .index-faq-arrow-svg {
        transform: rotate(-180deg);
    }

    .index-faq-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: -1.3889vw;
        width: 100%;
    }

    .index-faq-item {
        margin-bottom: 1.3889vw;
    }



 

    .btn {
        border-radius: 0.3472vw;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: .3s;
        border: none;
        text-align: center;
    }

    .btn-mobile {
        display: none;
    }

    .btn-100 {
        width: 100%;
    }

    .btn-main {
        width: 13.4028vw;
    }
    
    .btn-report {
        width: 18.6111vw;
    }

    .btn-seo {
        width: 14.8611vw;
    }

    .btn-card {
        width: 9.0278vw;
    }

    .btn-card-product {
        width: 6.8056vw;
    }

    .btn-small {
        height: 3.0556vw;
    }

    .btn-delete-car,
    .btn-cart {
        width: 17.3611vw;
    }

    .btn-big {
        height: 3.4722vw;
    }

    .btn-inactive {
        background: var(--color-grey);
        pointer-events: none;
    }

    .btn-specify {
        background: var(--color-grey);
    }

    .btn-specify:hover {
        background: #707581;
    }

    .btn-yellow {
        background: var(--color-second);
    }

    .btn-yellow:hover {
        background: var(--color-hover1);
    }

    .btn-blue {
        background: var(--color-main);
    }

    .btn-blue:hover {
        background: var(--color-hover2);
    }

    .btn-header {
        width: 11.5972vw;
    }

    .btn-save {
        width: 22.2222vw;
    }

    .btn-yellow.btn-empty {
        color: var(--color-second);
        border: 1px solid var(--color-second);
        background: transparent;
    }

    .btn-yellow.btn-empty:hover {
        background: var(--color-second);
        color: var(--color-white);
    }

    .btn-blue.btn-empty {
        color: var(--color-main);
        border: 1px solid var(--color-main);
        background: transparent;
    }

    .btn-blue.btn-empty:hover {
        background: var(--color-main);
        color: var(--color-white);
    }


 

	.first-header {
		background: var(--color-back);
		padding: 0.6944vw 0;
		position: relative;
		z-index: 1000;
	}

	.first-header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

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

	.first-header-link {
		margin-right: 2.7778vw;
		transition: .3s;
	}

	.first-header-link:hover {
		color: var(--color-extra-blue);
	}

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

	.first-header-address-svg {
		width: 0.8333vw;
		height: 0.8333vw;
		margin-right: 0.5556vw;
	}

	header {
		padding: 2.0833vw 0;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1002;
		background: var(--color-white);
	}

	.header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.header-selector {
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
	}

	.header-selector:hover::after {
		margin-top: 3px;
		transform: rotate(225deg);
	}

	.header-selector:after {
		display: block;
		content: "";
		width: 0.3472vw;
		height: 0.3472vw;
		border: 1px solid var(--color-main);
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		margin-left: 0.5556vw;
		margin-right: 1.3194vw;
		margin-top: -3px;
		transition: .3s;
	}

	.header-selector-city {
		max-width: 4.1667vw;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.langs {
		position: absolute;
		top: 100%;
		left: -0.4861vw;
		background: #FFFFFF;
		box-shadow: 0vw 0.2778vw 2.0833vw rgba(0, 0, 0, 0.08);
		border-radius: 0.6944vw;
		padding: 0.6944vw 1.0417vw;
		z-index: 1001;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .3s;
		display: flex;
		flex-direction: column;
	}
	
	.header-langs {
		padding-bottom: 0.3472vw;
		margin-top: 0.3472vw;
	}

	.header-langs:hover .langs {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.lang {
		transition: .3s;
	}

	.lang:hover {
		color: var(--color-extra-light-blue);
	}

	.header-cities {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 14.5139vw;
		background: #FFFFFF;
		box-shadow: 0vw 0.2778vw 2.0833vw rgba(0, 0, 0, 0.08);
		border-radius: 0.6944vw;
		padding: 0.6944vw 1.0417vw;
		z-index: 1001;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .3s;
	}

	.header-selector-city-wrapper {
		padding-bottom: 0.3472vw;
		margin-top: 0.3472vw;
	}

	.header-selector-city-wrapper:hover .header-cities {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.header-cities-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		max-height: 12.4306vw;
		overflow: auto;
	}

	.header-cities-inner::-webkit-scrollbar {
        width: 0.2847vw;
    }

    .header-cities-inner::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .header-cities-inner::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

	.header-city {
		margin-bottom: 0.3472vw;
		transition: .3s;
	}

	.header-city.active {
		order: 0;
		color: var(--color-second);
	}

	.header-city:hover {
		color: var(--color-extra-blue);
	}

	.header-city:last-child {
		margin-bottom: 0;
	}

	.city-svg {
		width: 0.9722vw;
		height: 0.9722vw;
		margin-right: 0.5556vw;
	}

	.search-form {
		width: 20.5556vw;
		height: 3.4722vw;
		position: relative;
	}

	.input-search {
		background: var(--color-back);
		padding: 1.1111vw 1.3889vw;
		padding-right: 3.4722vw;
		border: none;
		width: 100%;
		height: 100%;
		border-radius: 0.3472vw;
		color: var(--color-main);
	}

	.input-search::placeholder {
		color: var(--color-grey);
	} 

	.search-btn {
		border: none;
		width: 2.7778vw;
		height: 2.7778vw;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-second);
		border-radius: 0.3472vw;
		position: absolute;
		right: 0.3472vw;
		top: 0.3472vw;
		cursor: pointer;
		transition: .3s;
	}

	.search-btn:hover {
		background: var(--color-hover1);
	}

	.search-btn-svg {
		width: 1.25vw;
		height: 1.25vw;
	}

	.logo {
		margin: 0 4.1667vw;
		width: 15.4861vw;
		height: 3.8889vw;
	}

	.header-phone {
		display: flex;
		align-items: center;
		margin-bottom: 0.2778vw;
		transition: .3s;
	}

	.header-phone:hover {
		color: var(--color-extra-blue);
	}

	.header-phone:last-child {
		margin-bottom: 0;
	}

	.header-phone-svg {
		width: 0.8333vw;
		height: 0.8333vw;
		margin-right: 0.5556vw;
		flex-shrink: 1;
	}

	.header-phones {
		margin-right: 1.3889vw;
	}

	.header-btns {
		display: flex;
		align-items: center;
		margin-left: 1.3889vw;
	}

	.header-btn {
		width: 3.4722vw;
		height: 3.4722vw;
		background: var(--color-back);
		border-radius: 0.3472vw;
		margin-right: 1.0417vw;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
		transition: .3s;
	}

	.header-btn:hover {
		background: var(--color-stroke);
	}

	.header-btn:last-child {
		margin-right: 0;
	}

	.header-btn-icon {
		width: 1.6667vw;
		height: 1.6667vw;
	}

	.header-cart .header-btn-icon {
		width: 1.5278vw;
		height: 1.5278vw;
		margin-top: 0.4167vw;
		margin-right: 0.4167vw;
	}

	.header-cart-count {
		position: absolute;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 0.8333vw;
		line-height: 0.8333vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		width: 1.1111vw;
		height: 1.1111vw;
		background: var(--color-second);
		top: 0.6944vw;
		right: 0.6944vw;
		border-radius: 50%;
	}

	.header-menu-item-svg {
		width: 1.25vw;
		height: 1.25vw;
		margin-right: 0.5556vw;
		margin-top: -0.4861vw;
		transition: .1s filter linear;
		filter: brightness(1);
	}

	.header-menu {
		background: var(--color-main);
	}

	.header-menu-inner {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-menu-item {
		display: flex;
		align-items: center;
		padding: 1.25vw 2.7778vw 1.1111vw;
		transition: .3s;
		cursor: pointer;
	}

	.header-menu-item-wrapper:hover .header-menu-item {
		background: var(--color-second);
		color: var(--color-white);
	}

	.header-menu-item-wrapper:hover .header-menu-item-svg {
		filter: brightness(100);
	}





	.header-menu {
		position: relative;
		z-index: 1000;
	}

	.menu-hovered {
		position: absolute;
		background: var(--color-white);
		top: 100%;
		left: 0;
		width: 100%;
		padding: 2.7778vw var(--offset);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: .3s;
	}

	.header-menu-item-wrapper:hover .menu-hovered {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.menu-hovered-cols {
		display: flex;
		justify-content: space-between;
	}

	.menu-hovered-col {
		/* margin-right: 6.9444vw; */
	}

	.menu-hovered-col:last-child {
		margin-right: 0;
	}

	.menu-hovered-subtitle {
		margin-bottom: 1.0417vw;
		text-transform: lowercase;
	}

	.menu-hovered-season-icon {
		width: 1.25vw;
		height: 1.25vw;
		margin-right: 0.6944vw;
	}

	.menu-hovered-season-item {
		display: flex;
		align-items: center;
		margin-bottom: 0.8333vw;
		transition: .3s;
	}

	.menu-hovered-season-item:hover {
		color: var(--color-extra-blue);
	}

	.btn-menu-hovered {
		margin-top: 1.8056vw;
	}

	.menu-hovered-diameter-items {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 17.3611vw;
		margin-bottom: -0.6944vw;
	}

	.menu-hovered-diameter-item {
		padding: 0.2778vw 0.6944vw;
		background: rgba(4, 19, 73, 0.1);
		border-radius: 0.3472vw;
		margin-right: 0.6944vw;
		margin-bottom: 0.6944vw;
		transition: .3s;
	}

	.menu-hovered-diameter-item:hover {
		background: var(--color-main);
		color: var(--color-white);
	}

	.menu-hovered-link {
		margin-bottom: 0.8333vw;
		transition: .3s;
		/* max-width: 10.4167vw; */
	}
	
	.menu-hovered-link:hover {
		color: var(--color-extra-blue);
	}

	.menu-hovered-links {
		margin-bottom: -0.8333vw;
	}

	.menu-hovered-links-block {
		display: flex;
	}

	.menu-hovered-links-block .menu-hovered-links {
		margin-right: 2.5vw;
	}

	.menu-hovered-links-block .menu-hovered-links:last-child {
		margin-right: 0;
	}


 
    
    .index-faq {
        margin-bottom: 5.5556vw;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .index-faq.is-main {
        align-items: center;
        /* margin-top: 5.5556vw; */
    }

    .index-faq-subtitle {
        margin-bottom: 1.0417vw;
    }

    .index-faq-title {
        margin-bottom: 2.0833vw;
    }

    .index-faq-item {
        padding: 2.0139vw 2.4306vw;
        border: 1px solid var(--color-stroke);
        border-radius: 0.6944vw;
        width: 100%;
    }

    .index-faq-items-col {
        width: 100%;
    }

    .index-faq.is-main .index-faq-items-col {
        width: 43.4028vw;
    }

    .index-faq-item-content {
        transition: .5s ease-in-out;
        overflow: hidden;
        width: 69.4444vw;
        margin-top: 1.0417vw;
    }

    .index-faq.is-main .index-faq-item-content {
        width: 100%;
    }
    
    .index-faq-item-content:not(.active) {
        display: none;
        margin-top: 1.0417vw;
    }

    .index-faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .index-faq-item-title {
        width: 100%;
    }

    .index-faq.is-main .index-faq-item-title {
        width: 29.375vw;
    }

    .index-faq-arrow {
        width: 2.7778vw;
        height: 2.7778vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: 0.3472vw;
        flex-shrink: 0;
    }

    .index-faq-arrow-svg {
        width: 1.1111vw;
        height: 1.1111vw;
        transition: .5s;
    }

    .index-faq-item.active .index-faq-arrow-svg {
        transform: rotate(-180deg);
    }

    .index-faq-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: -1.3889vw;
        width: 100%;
    }

    .index-faq-item {
        margin-bottom: 1.3889vw;
    }



 

    .input-wrapper {
        background: var(--color-white);
        border-radius: 0.3472vw;
        padding: 0.5556vw 1.0417vw 0.4167vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 3.75vw;
    }

    .input-wrapper-grey,
    .textarea-wrapper-grey {
        background: var(--color-back);
    }

    .input-wrapper-100 {
        width: 100%;
    }

    .input {
        width: 100%;
        border: none;
        color: var(--color-main);
        background: transparent;
    }

    .input::placeholder {
        color: var(--color-grey);
    }

    .textarea {
        height: 7.6389vw;
        border-radius: 0.3472vw;
        resize: none;
    }

    .textarea-wrapper {
        height: 9.7222vw;
    }

    .textarea::-webkit-input-placeholder{
        color: var(--color-grey);
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-login {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-login .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-login .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .login-title {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .login-desc {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .modal-login .input-wrapper {
        margin-bottom: 1.0417vw;
    }

    .modal-login .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: 0.3472vw;
    }

    .button-without-password {
        cursor: pointer;
        text-decoration: underline;
    }

    .button-forgot {
        cursor: pointer;
    }

    .login-social {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.0417vw;
    }

    .login-social-item {
        width: 8.6806vw;
        height: 3.4722vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid var(--color-stroke);
        border-radius: 0.3472vw;
        margin-right: 0.9028vw;
        cursor: pointer;
        transition: .3s;
    }

    .login-social-item:hover {
        box-shadow: 0vw 0.2778vw 3.4722vw rgba(0, 0, 0, 0.08);
    }

    .login-social-item:last-child {
        margin-right: 0;
    }

    .login-social-icon {
        width: 1.6667vw;
        height: 1.6667vw;
    }

    .login-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -0.4861vw;
        margin-bottom: 1.3889vw;
    }

    .button-registration {
        margin-top: 1.0417vw;
        text-align: center;
    }   

    .button-registration-inner {
        text-decoration: underline;
        cursor: pointer;
    }


 


    .containercheckbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-left: 2.0833vw;
        transition: .3s;
    }   

    .containercheckbox a {
        display: inline;
        color: var(--color-grey);
        text-decoration: underline;
    }

    .containercheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 1px;
        width: 1px;
        top: 0;
        left: 0;
    }

    .checkmark {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 1.3889vw;
        width: 1.3889vw;
        background-color: var(--color-back);
        transition: .3s;
        border-radius: 2px;
    }

    .checkbox-filter .checkmark {
        background: var(--color-white);
        border: 1px solid var(--color-stroke);
    }

    .checkbox-filter:hover .containercheckbox {
        color: var(--color-extra-blue);
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .containercheckbox input:checked~.checkmark:after {
        display: block;
        opacity: 1;
    }

    .containercheckbox input:checked~.checkmark {
        background: var(--color-second);
    }

    .checkbox-filter .containercheckbox input:checked~.checkmark {
        background: var(--color-extra-blue);
    }

    .containercheckbox .checkmark:after {
        left: 50%;
        top: calc(50% - 2px);
        transform: translate(-50%, -50%) rotate(45deg);
        width: 0.2778vw;
        height: 0.5556vw;
        border: solid var(--color-white);
        border-width: 0 0.1458vw 0.1458vw 0;
        transition: .3s;
        z-index: 10;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-register {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-register .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-register .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .register-title {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .register-desc {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .modal-register .input-wrapper {
        margin-bottom: 1.0417vw;
    }

    .modal-register .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-register .checkbox {
        margin-bottom: 1.6667vw;
    }

    .form-answer {
        margin-top: 0.3472vw;
    }

    .button-without-password {
        cursor: pointer;
        text-decoration: underline;
    }

    .button-forgot {
        cursor: pointer;
    }

    .register-social {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.0417vw;
    }

    .register-social-item {
        width: 8.6806vw;
        height: 3.4722vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid var(--color-stroke);
        border-radius: 0.3472vw;
        margin-right: 0.9028vw;
        cursor: pointer;
        transition: .3s;
    }

    .register-social-item:hover {
        box-shadow: 0vw 0.2778vw 3.4722vw rgba(0, 0, 0, 0.08);
    }

    .register-social-item:last-child {
        margin-right: 0;
    }

    .register-social-icon {
        width: 1.6667vw;
        height: 1.6667vw;
    }

    .register-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -0.4861vw;
        margin-bottom: 1.3889vw;
    }

    .button-registration {
        margin-top: 1.0417vw;
        text-align: center;
    }   

    .button-registration-inner {
        text-decoration: underline;
        cursor: pointer;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-forgot {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-forgot .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-forgot .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .modal-forgot .input-wrapper {
        margin-bottom: 1.3889vw;
    }

    .modal-forgot .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: 0.3472vw;
        display: none;
    }

    .forgot-title {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .forgot-desc {
        text-align: center;
        margin-bottom: 1.0417vw;
    }

    .button-login {
        text-decoration: underline;
        cursor: pointer;
        margin-top: 1.0417vw;
    }

    .button-forgot {
        cursor: pointer;
    }

    .forgot-description {
        margin-bottom: 1.0417vw;
        text-align: center;
        white-space: pre-line;
    }

    .forgot-form {
        display: none;
    }

    .forgot-form.active {
        display: block;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-without-password {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-without-password .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-without-password .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .modal-without-password .input-wrapper {
        margin-bottom: 1.3889vw;
    }

    .modal-without-password .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: 0.3472vw;
        display: none;
    }

    .without-password-title {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .without-password-desc {
        text-align: center;
        margin-bottom: 1.0417vw;
    }

    .button-login {
        text-decoration: underline;
        cursor: pointer;
        margin-top: 1.0417vw;
    }

    .button-without-password {
        cursor: pointer;
    }

    .without-password-description {
        margin-bottom: 1.0417vw;
        text-align: center;
        white-space: pre-line;
    }

    .without-password-form {
        display: none;
    }

    .without-password-form.active {
        display: block;
    }


 

    .cart {
        margin-top: 1.3889vw;
    }

    .cart-checkout .cart-product {
        width: 34.7222vw;
    }

    .cart-product {
        padding: 1.0417vw;
        width: 69.4444vw;
        border: 1px solid var(--color-stroke);
        border-radius: 0.6944vw;
        display: flex;
        align-items: center;
        margin-bottom: 0.6944vw;
        position: relative;
    }

    .cart-checkout .cart-product {
        align-items: flex-start;
    }

    .cart-products {
        margin-bottom: -0.6944vw;
        max-height: 24.8611vw;
        overflow: auto;
    }

    .cart-products::-webkit-scrollbar {
        width: 0.2778vw;
    }

    .cart-products::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .cart-products::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

    .cart-product-info-block {
        display: flex;
        align-items: center;
    }

    .cart-checkout .cart-product-info-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .cart-product-info {
        margin-right: 7.9861vw;
    }

    .cart-product-title {
        width: 17.3611vw;
        margin-bottom: 0.6944vw;
        transition: .3s;
    }

    .cart-product-title:hover {
        color: var(--color-extra-blue);
    }
    
    .cart-product-image-wrapper {
        margin-right: 1.7361vw;
        flex-shrink: 0;
    }

    .cart-product-image {
        width: 11.3889vw;
        height: 8.3333vw;
        object-fit: contain;
    }

    .cart-checkout .cart-product-image {
        width: 9.5139vw;
        height: 6.9444vw;
    }

    .cart-checkout .cart-product-image-wrapper {
        margin-right: 1.3194vw;
    }

    .cart-product-price-wrapper {
        display: flex;
        align-items: center;
    }

    .cart-product-old-price {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 0.8333vw;
        line-height: 1.25vw;
        text-decoration-line: line-through;
        margin-left: 1.0417vw;
    }

    .cart-product-counter {
        display: flex;
        align-items: center;
    }

    .cart-product-total-price {
        margin-left: 0.6944vw;
    }

    .cart-delete-product-wrapper {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .cart-delete-product {
        width: 2.2222vw;
        height: 2.2222vw;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background: var(--color-back);
        border-radius: 0.3472vw;
    }

    .cart-delete-product-svg {
        width: 0.9722vw;
        height: 0.9722vw;
    }

    .cart-delete-product path {
        transition: .3s;
    }

    .cart-delete-product:hover path{
        fill: var(--color-extra-blue);
    }

    .cart-checkout .cart-delete-product {
        position: absolute;
        top: 1.0417vw;
        right: 1.0417vw;
    }

    .cart-checkout .cart-product-info {
        margin-right: 0;
        margin-bottom: 1.3889vw;
    }

    .cart-checkout .cart-product-info-block {
        flex: 1;
    }

    .cart-checkout .cart-delete-product-wrapper {
        flex: 0;
    }

    .cart-checkout .cart-product-counter {
        width: 100%;
        justify-content: space-between;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .container-modal-cart {
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
        width: 76.3889vw;
        border-radius: 0.6944vw;
        background: var(--color-white);
        padding: 2.7778vw 3.4722vw;
        padding-right: 2.0833vw;
    }

    .closemodal-cart {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .closemodal-cart svg {
        width: 1.1111vw;
        height: 1.1111vw;
    }

    .modal-cart-content {
        padding-right: 1.3889vw;
    }

    .modal-cart-gift {
        margin-top: 1.3889vw;
    }

    .modal-cart-gift span {
        display: inline;
        color: var(--color-gift);
    }

    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1.3889vw;
    }

    .cart-checkout-block {
        background: rgba(253, 176, 44, 0.05);
        border: 1px solid var(--color-second);
        border-radius: 0.6944vw;
        padding: 2.4306vw 2.0833vw;
        display: flex;
        align-items: center;
    }

    .cart-checkout-block-text {
        margin-right: 2.7778vw;
    }

    .cart-checkout-block-count {
        margin-bottom: 0.4167vw;
    }

    .empty-cart {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2.0833vw;
        background: var(--color-back);
        border-radius: 0.6944vw;
        margin-top: 1.3889vw;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-callback {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-callback .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-callback .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .callback-title {
        margin: 0 auto 1.3889vw;
        text-align: center;
        width: 22.5vw;
    }

    .callback-desc {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .modal-callback .input-wrapper {
        margin-bottom: 1.0417vw;
    }

    .modal-callback .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-callback .checkbox {
        margin-bottom: 1.0417vw;
    }

    .form-answer {
        text-align: center;
        margin-top: 1.0417vw;
    }


 

    .open-auth {
        cursor: pointer;
    }

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-error {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-error .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-error .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .error-title {
        margin: 0 auto 1.3889vw;
        text-align: center;
        width: 22.5vw;
    }

    .error-desc {
        text-align: center;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 3.4722vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-available {
        width: 37.5vw;
        padding: 2.0833vw 4.8611vw;
        border-radius: 0.6944vw;
    }

    .modal-available .close {
        cursor: pointer;
        position: absolute;
        top: 1.3889vw;
        right: 1.3889vw;
    }

    .modal-available .close svg {
        width: 1.0007vw;
        height: 1.0007vw;
    }

    .available-title {
        margin: 0 auto 1.3889vw;
        text-align: center;
        width: 22.5vw;
    }

    .available-desc {
        margin-bottom: 1.0417vw;
        text-align: center;
    }

    .modal-available .input-wrapper {
        margin-bottom: 1.0417vw;
    }

    .modal-available .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-available .checkbox {
        margin-bottom: 1.0417vw;
    }

    .form-answer {
        text-align: center;
        margin-top: 1.0417vw;
    }


 

	footer {
		background: var(--color-extra-blue);
		padding: 4.1667vw 0 3.6111vw;
	}

	.footer-row1 {
		padding-bottom: 3.4722vw;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		display: flex;
		align-items: flex-start;
	}

	.footer-logo {
		width: 15.4861vw;
		height: 3.8889vw;
		margin-right: 10.6944vw;
	}

	.footer-subtitle {
		color: rgba(255, 255, 255, 0.8);
		margin-bottom: 0.9028vw;
	}

	.footer-social {
		margin-right: 6.25vw;
	}

	.footer-social-icons {
		display: flex;
		align-items: center;
	}

	.footer-social-icon-link {
		margin-right: 0.6944vw;
	}

	.footer-social-icon-link:last-child {
		margin-right: 0;
	}

	.footer-social-icon {
		width: 2.0833vw;
		height: 2.0833vw;
		transition: .3s;
	}

	.footer-social-icon:hover {
		filter: hue-rotate(-20deg);
	}

	.footer-contacts-items {
		display: flex;
		align-items: center;
	}

	.footer-contacts-item {
		display: flex;
		align-items: center;
		margin-right: 2.0833vw;
		font-style: normal;
		font-weight: 600;
		font-size: 1.6667vw;
		line-height: 2.0833vw;
		transition: .3s;
		color: #FFFFFF;
	}

	.footer-contacts-item:last-child {
		margin-right: 0;
	}

	.footer-contacts-item-icon {
		width: 0.9722vw;
		height: 0.9722vw;
		margin-right: 0.6944vw;
	}

	.footer-contacts-item:hover {
		color: var(--color-second); 
	}

	.footer-row2 {
		padding-top: 4.1667vw;
		display: flex;
	}

	.footer-payment {
		display: flex;
		align-items: center;
		margin-top: 3.4722vw;
		margin-bottom: 1.3889vw;
	}

	.footer-payment-icon {
		width: 3.4722vw;
		height: 3.4722vw;
		margin-right: 1.3889vw;
	}

	.footer-payment-icon:last-child {
		margin-right: 0;
	}

	.copyright {
		width: 15.4861vw;
	}

	.footer-col {
		margin-right: 4.1667vw;
	}

	.footer-col-first {
		margin-right: 10.6944vw;
	}

	.footer-col-title {
		margin-bottom: 1.0417vw;
	}

	.footer-link {
		margin-bottom: 0.2778vw;
		transition: .3s;
	}

	a.footer-link:hover {
		color: var(--color-second);
	}

	.footer-col-last {
		margin-right: 0;
	}

	.footer-col-subtitle {
		color: rgba(255, 255, 255, 0.8);
		margin: 0.6944vw 0;
	}

	.footer-link-phone {
		display: flex;
		align-items: center;
	}

	.footer-link-phone-svg {
		width: 0.8333vw;
		height: 0.8333vw;
		margin-right: 0.5556vw;
		flex-shrink: 0;
	}


 }@media (min-width: calc(494px)) and (max-width: calc(1000px)) {
            body {
                --coef-w: calc(var(--width) / -910 + 1.3771);
                --offset: calc(4.6875vw * ((320 - 320 * var(--coef-w) + 30 * var(--coef-w)) / 30));
                --column-width: calc( (1px * var(--width)) - (2 * var(--offset)) );
            }
        }

        @media (max-width: calc(494px)) {
            body {
                --coef-w: 1;
                --column-width: 87.2vw;
                --offset: calc(50% - (var(--column-width) / 2));
            }
        }
        @media (max-width: 1000px) { :root {
    --column-width: calc(90.625vw * var(--coef-w));
    --offset: calc(4.6875vw * var(--coef-w));
}

body,
input,
textarea,
select {
    font-family: 'Open Sans', sans-serif;
    font-size: calc(5vw * var(--coef-w));
    -webkit-text-size-adjust: none;
}

img,
svg {
    max-width: 100%;
    display: block;
}

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

body,
dl,
dt,
dd,
ul,
ol,
li,
form,
table,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
p,
span,
b,
i,
input,
textarea,
fieldset {
    margin: 0;
    padding: 0;
}

.none {
    display: none;
}

.fade-out {
    opacity: 1;
    transition: 0.3s;
    pointer-events: auto;
}

.fade-out.active {
    opacity: 0;
    pointer-events: none;
}

.fade-in {
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

.fade-in.active {
    opacity: 1;
    pointer-events: auto;
}

.container {
    padding-left: var(--offset);
    padding-right: var(--offset);
}

.container-offset {
    width: var(--column-width);
    margin-left: auto;
    margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-main);
}

.desktop {
    display: none !important;
}

a {
    display: block;
    text-decoration: none;
}

body {
    position: relative;
}

.h1 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(5.625vw * var(--coef-w));
    line-height: calc(8.125vw * var(--coef-w));
    text-transform: uppercase;
}

.h2 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(5.625vw * var(--coef-w));
    line-height: calc(8.125vw * var(--coef-w));
    text-transform: uppercase;
}

.h3 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(5vw * var(--coef-w));
    line-height: calc(7.5vw * var(--coef-w));
    text-transform: uppercase;
}

.h4 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(4.375vw * var(--coef-w));
    line-height: calc(7.5vw * var(--coef-w));
    text-transform: uppercase;
}

.big-btn-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
    text-transform: uppercase;
}

.small-btn-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: calc(3.75vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
    text-transform: uppercase;
}

.main-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
}

.extra-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
}

.selected-main-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
}

.subtitle {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: calc(3.75vw * var(--coef-w));
    line-height: calc(5vw * var(--coef-w));
    letter-spacing: 0.1em;
}

.small-text-for-smt {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(3.75vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
}

.text-for-small-things {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(3.125vw * var(--coef-w));
    line-height: calc(3.75vw * var(--coef-w));
}

.price-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(6.25vw * var(--coef-w));
    line-height: calc(6.875vw * var(--coef-w));
}

.extra-text-reg {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
}

.quote {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
}

:root {
    --color-main: #030F4C;
    --color-second: #FDB02C;
    --color-white: #FFFFFF;
    --color-grey: #8992A5;
    --color-back: #F6F6F6;
    --color-stroke: #E3E8F1;
    --color-green: #69AD5D;
    --color-hit: #EB001B;
    --color-subtitle: #918EAA;
    --color-red: #E5514F;
    --color-gift: #EE0173;
    --color-hover1: #E88F44;
    --color-hover2: #517CBA;
    --color-extra-text: #4F4E7B;
    --color-extra-blue: #517CBA;
    --color-extra-light-blue: #B2CAE7;
}

.color-main {
    color: var(--color-main);
}

.color-second {
    color: var(--color-second);
}

.color-white {
    color: var(--color-white);
}

.color-grey {
    color: var(--color-grey);
}

.color-back {
    color: var(--color-back);
}

.color-stroke {
    color: var(--color-stroke);
}

.color-green {
    color: var(--color-green);
}

.color-hit {
    color: var(--color-hit);
}

.color-subtitle {
    color: var(--color-subtitle);
}

.color-red {
    color: var(--color-red);
}

.color-gift {
    color: var(--color-gift);
}

.color-hover1 {
    color: var(--color-hover1);
}

.color-hover2 {
    color: var(--color-hover2);
}

.color-extra-text {
    color: var(--color-extra-text);
}

.color-extra-blue {
    color: var(--color-extra-blue);
}

.color-extra-light-blue {
    color: var(--color-extra-light-blue);
}


/* 404 */

.error404 {
    position: relative;
    height: calc(170vw * var(--coef-w));
    background: #EAEAEA;
}

.error404-image {
    width: calc(100vw * var(--coef-w));
    height: calc(170vw * var(--coef-w));
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.error404-content {
    position: relative;
    z-index: 2;
}

.error404-title {
    margin-bottom: calc(103.75vw * var(--coef-w));
}

.error404-desc {
    margin-bottom: calc(3.125vw * var(--coef-w));
    text-align: center;
    width: calc(50vw * var(--coef-w));
}

.error404-content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.redirect-title {
    text-align: right;
    margin-bottom: calc(1.5625vw * var(--coef-w));
    width: calc(25vw * var(--coef-w));
}

.redirect-link {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: bold;
    font-size: calc(5.625vw * var(--coef-w));
    line-height: calc(8.125vw * var(--coef-w));
    text-decoration-line: underline;
    text-transform: uppercase;
    text-align: right;
    transition: .3s;
}

.redirect-disks {
    position: absolute;
    left: calc(9.6875vw * var(--coef-w));
    bottom: calc(31.25vw * var(--coef-w));
}

.redirect-shin {
    position: absolute;
    right: calc(14.375vw * var(--coef-w));
    bottom: calc(31.25vw * var(--coef-w));
}

.redirect-shin .redirect-title,
.redirect-shin .redirect-link {
    text-align: left;
}

.error404-content-inner .btn {
    width: 100%;
}

.body-wrapper {
    display: flex;
    flex-direction: column;
}


/* counter */

.counter-inner {
    position: relative;
    width: calc(28.75vw * var(--coef-w));
}

.counter-input {
    background: var(--color-back);
    border: 1px solid transparent;
    border-radius: calc(1.5625vw * var(--coef-w));
    width: calc(28.75vw * var(--coef-w));
    height: calc(10vw * var(--coef-w));
    text-align: center;
    cursor: pointer;
}

.counter-symbol {
    position: absolute;
    top: 3px;
    left: 3px;
    cursor: pointer;
    transition: .3s;
    display: flex;
    width: calc(8.125vw * var(--coef-w));
    height: calc(8.125vw * var(--coef-w));
    align-items: center;
    justify-content: center;
    user-select: none;
    border: 1px solid var(--color-extra-blue);
    background: var(--color-white);
    border-radius: calc(1.5625vw * var(--coef-w));
}

.counter-plus {
    left: auto;
    right: 3px;
}


/* .counter.small .counter-inner {
    width: calc(36.875vw * var(--coef-w));
}

.counter.small .counter-input {
    width: calc(36.875vw * var(--coef-w));
    height: calc(12.5vw * var(--coef-w));
}

.counter.small .counter-symbol {
    width: calc(9.375vw * var(--coef-w));
    height: calc(9.375vw * var(--coef-w));
} */


/* product card */

.product-card {
    border: 1px solid var(--color-stroke);
    border-radius: calc(3.125vw * var(--coef-w));
    padding-top: calc(3.125vw * var(--coef-w));
    width: var(--column-width);
    margin-bottom: calc(4.6875vw * var(--coef-w));
    position: relative;
    display: flex;
    flex-direction: column;
}

.product-card-title {
    margin-bottom: 3px;
}

.product-card-image {
    width: 100%;
    height: calc(37.5vw * var(--coef-w));
    object-fit: contain;
}

.product-card-stars {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(26.25vw * var(--coef-w));
}

.product-card-star {
    width: calc(5vw * var(--coef-w));
    height: calc(5vw * var(--coef-w));
    flex-shrink: 0;
}

.product-card-stars-upper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.product-card-content {
    padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.product-card-stars-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.product-card-stars-reviews {
    margin-left: calc(3.125vw * var(--coef-w));
}

.product-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

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

.product-card-item-icon {
    width: calc(5vw * var(--coef-w));
    height: calc(5vw * var(--coef-w));
    margin-right: calc(3.125vw * var(--coef-w));
}

.product-card-items {
    margin-bottom: calc(3.125vw * var(--coef-w));
}

.product-card-price-wrapper {
    /* display: flex;
        align-items: center;
        justify-content: space-between; */
}

.product-card-price-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.product-card-price {
    display: flex;
    align-items: center;
}

.product-card-currency {
    margin-left: calc(1.5625vw * var(--coef-w));
}

.product-card-old-price {
    font-style: normal;
    font-weight: 600;
    font-size: calc(3.75vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
    text-decoration-line: line-through;
    color: var(--color-grey);
    margin-left: calc(3.125vw * var(--coef-w));
}

.product-tags {
    position: absolute;
    top: calc(3.125vw * var(--coef-w));
    left: calc(3.125vw * var(--coef-w));
    pointer-events: none;
}

.product-tag {
    display: flex;
    align-items: center;
    margin-bottom: calc(1.5625vw * var(--coef-w));
}

.product-tag-icon {
    width: calc(5.625vw * var(--coef-w));
    height: calc(5.625vw * var(--coef-w));
    margin-right: calc(1.25vw * var(--coef-w));
}

.product-tag-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: calc(2.5vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0 calc(1.5625vw * var(--coef-w));
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
}

.product-gift-and-info {
    position: absolute;
    top: calc(3.125vw * var(--coef-w));
    right: calc(3.125vw * var(--coef-w));
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-gift {
    cursor: pointer;
    margin-bottom: calc(3.125vw * var(--coef-w));
}

.product-gift-icon {
    width: calc(5.625vw * var(--coef-w));
    height: calc(5.625vw * var(--coef-w));
}

.product-gift-modal {
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 2;
    width: calc(85.9375vw * var(--coef-w));
    display: inline;
    background: #FFFFFF;
    box-shadow: calc(0vw * var(--coef-w)) calc(1.25vw * var(--coef-w)) calc(9.375vw * var(--coef-w)) rgba(0, 0, 0, 0.08);
    border-radius: calc(3.125vw * var(--coef-w));
    padding: calc(4.6875vw * var(--coef-w)) calc(6.25vw * var(--coef-w));
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.product-gift-modal span {
    display: inline;
    color: #F10074;
}

.product-gift:hover .product-gift-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.product-icon-sign {
    width: calc(6.875vw * var(--coef-w));
    height: calc(6.875vw * var(--coef-w));
}

.product-card-price-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(3.125vw * var(--coef-w));
}

.product-card-price-right .btn {
    width: calc(37.5vw * var(--coef-w));
}


/* INPUT SELECT */

.select-label {
    display: none;
}

.select {
    position: relative;
    min-width: calc(37.5vw * var(--coef-w));
    height: calc(12.5vw * var(--coef-w));
    cursor: pointer;
}

.select.default {
    height: calc(12.5vw * var(--coef-w));
}

.select-title {
    border-radius: calc(1.5625vw * var(--coef-w));
    background: var(--color-white);
    padding: calc(3.4375vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
    position: relative;
}

.select-title.active,
.select-title.with-label {
    color: var(--color-main);
    padding: calc(1.25vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
}

.select-title.empty.with-label {
    color: var(--color-grey);
}

.select.default .select-title {
    border: 1px solid var(--color-stroke);
    padding: calc(3.4375vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
}

.select-title.active .select-label,
.select-title.with-label .select-label {
    display: block;
    margin-bottom: 2px;
}

.select-title::after {
    position: absolute;
    right: calc(3.125vw * var(--coef-w));
    top: 50%;
    display: block;
    content: "";
    width: calc(1.5625vw * var(--coef-w));
    height: calc(1.5625vw * var(--coef-w));
    border: 1px solid var(--color-grey);
    transform: translateY(-50%) rotate(45deg);
    transition: .3s;
    border-left: none;
    border-top: none;
}

.select.default .select-title::after {
    width: calc(2.1875vw * var(--coef-w));
    height: calc(2.1875vw * var(--coef-w));
}

.select.active .select-title::after {
    margin-top: 3px;
    transform: translateY(-50%) rotate(225deg);
}

.select-title-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-items {
    position: absolute;
    top: calc(100% + calc(1.5625vw * var(--coef-w)));
    left: 0;
    width: 100%;
    z-index: 100;
    background: #FFFFFF;
    box-shadow: calc(0vw * var(--coef-w)) calc(1.875vw * var(--coef-w)) calc(9.375vw * var(--coef-w)) rgba(0, 0, 0, 0.07);
    border-radius: calc(1.5625vw * var(--coef-w));
    padding: calc(5vw * var(--coef-w));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s;
}

.select-items-inner {
    max-height: calc(46.875vw * var(--coef-w));
    overflow: auto;
}

.select-items-inner::-webkit-scrollbar {
    width: calc(1.25vw * var(--coef-w));
}

.select-items-inner::-webkit-scrollbar-track {
    background: var(--color-back);
    border-radius: calc(3.125vw * var(--coef-w));
}

.select-items-inner::-webkit-scrollbar-thumb {
    border-radius: calc(3.125vw * var(--coef-w));
    background: var(--color-main);
}

.select.active .select-items {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.select-item {
    margin-bottom: calc(1.5625vw * var(--coef-w));
    transition: .3s;
}

.select-item:hover {
    color: var(--color-main);
}

.select-item:last-child {
    margin-bottom: 0;
}

.input-select {
    width: 100%;
    border: none;
}


/* FILTERS */

.filters-mobile-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    padding: calc(2.8125vw * var(--coef-w)) 0 calc(1.5625vw * var(--coef-w));
}

.filters-mobile-title-svg {
    width: calc(3.75vw * var(--coef-w));
    height: calc(3.75vw * var(--coef-w));
    position: absolute;
    top: 50%;
    left: var(--offset);
    transform: translateY(-50%);
}

.filters-block {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: var(--color-white);
    width: 100%;
}

.filters {
    width: 100%;
    flex-shrink: 0;
}

#filters {
    width: 100%;
    max-height: 100vh;
    overflow: auto;
}

.filter-inner {
    padding: calc(4.6875vw * var(--coef-w)) var(--offset);
    position: relative;
}

.filters-btns {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: calc(3.125vw * var(--coef-w));
}

.filters-btns-bottom {
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background-color: #fff; 
    z-index: 1000; 
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: calc(3.125vw * var(--coef-w)); 
    border-top: 1px solid var(--color-stroke);
}

.filters-block.active .filters-btns-bottom {
    display: flex;
}

.filters-btn {
    width: calc(42.1875vw * var(--coef-w));
    height: calc(10.625vw * var(--coef-w));
    border: 1px solid var(--color-stroke);
    border-radius: calc(1.5625vw * var(--coef-w));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.filters-btn.active {
    border: 1px solid var(--color-main);
}

.filters-btn-close {
    width: calc(42.1875vw * var(--coef-w));
    height: calc(10.625vw * var(--coef-w));
    border: 1px solid var(--color-stroke);
    border-radius: calc(1.5625vw * var(--coef-w));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.filters-btn-show {
    width: calc(42.1875vw * var(--coef-w));
    height: calc(10.625vw * var(--coef-w));
    border: 1px solid var(--color-stroke);
    border-radius: calc(1.5625vw * var(--coef-w));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    background-color: #8eaad1;
}

.filter-item {
    width: 100%;
    padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
    margin-top: calc(3.125vw * var(--coef-w));
    background: var(--color-back);
    border-radius: calc(3.125vw * var(--coef-w));
}

.filter-item-title {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}

.filter-item-title:after {
    content: '';
    display: block;
    width: calc(2.5vw * var(--coef-w));
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.filter-item-title::before {
    content: '';
    display: block;
    width: calc(2.5vw * var(--coef-w));
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .3s;
}

.filter-item.active .filter-item-title::before {
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

.filter-item.active .filter-item-fields {
    max-height: calc(76.25vw * var(--coef-w));
    margin-top: calc(3.125vw * var(--coef-w));
}

.filter-field {
    margin-bottom: calc(1.5625vw * var(--coef-w));
    order: 1;
}

.filter-item-fields {
    max-height: 0;
    overflow: auto;
    transition: .3s;
    display: flex;
    flex-direction: column;
}

.filter-field.active {
    order: 0;
}

.filter-field.inactive {
    order: 2;
}

.filter-item-fields::-webkit-scrollbar {
    width: calc(1.25vw * var(--coef-w));
}

.filter-item-fields::-webkit-scrollbar-track {
    background: var(--color-white);
}

.filter-item-fields::-webkit-scrollbar-thumb {
    background: var(--color-extra-light-blue);
}

.filter-item-title-question {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(3.4375vw * var(--coef-w));
    line-height: calc(3.75vw * var(--coef-w));
    text-align: center;
    color: #030F4C;
    background: var(--color-white);
    padding: 2px calc(1.5625vw * var(--coef-w));
    border-radius: 3px;
    margin-left: calc(3.125vw * var(--coef-w));
}

.filter-item-title-answer {
    padding: calc(4.6875vw * var(--coef-w));
    width: calc(85.9375vw * var(--coef-w));
    position: absolute;
    bottom: 100%;
    left: calc(-4.6875vw * var(--coef-w));
    background: var(--color-white);
    box-shadow: calc(0vw * var(--coef-w)) calc(1.25vw * var(--coef-w)) calc(15.625vw * var(--coef-w)) rgba(0, 0, 0, 0.08);
    border-radius: calc(1.5625vw * var(--coef-w));
    z-index: 2;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.filter-item-title-question:hover .filter-item-title-answer {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.filter-field.inactive .containercheckbox {
    color: var(--color-grey);
    pointer-events: none;
}

.filter-item-fields-price {
    overflow: initial;
}

.filter-field-link {
    color: var(--color-main) !important;
    text-decoration: none !important;
}

.filter-field.inactive .filter-field-link {
    color: var(--color-grey) !important;
}


/* PRICESLIDER */

.filter-price .filter-title::before,
.filter-price .filter-title::after {
    display: none;
}

.rs-container * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rs-container {
    position: relative;
    margin-top: calc(3.125vw * var(--coef-w));
    margin-left: calc(1.5625vw * var(--coef-w));
    padding-bottom: calc(4.6875vw * var(--coef-w));
    width: calc(62.5vw * var(--coef-w));
}

.rs-container .rs-bg,
.rs-container .rs-selected {
    background-color: #EFEFEF;
    height: calc(1.25vw * var(--coef-w));
    left: 0;
    position: absolute;
    top: calc(1.5625vw * var(--coef-w));
    width: 100%;
    border-radius: 3px
}

.rs-container .rs-selected {
    background-color: var(--color-extra-blue);
    border: 1px solid var(--color-extra-blue);
    transition: all .2s linear;
    width: 0;
    margin-left: calc(1.5625vw * var(--coef-w));
}

.rs-container.disabled .rs-selected {
    background-color: var(--color-back);
}

.rs-container .rs-pointer {
    width: calc(5vw * var(--coef-w));
    height: calc(5vw * var(--coef-w));
    cursor: pointer;
    left: calc(-3.125vw * var(--coef-w));
    position: absolute;
    top: 0;
    transition: all .2s linear;
    background: var(--color-extra-blue);
    border-radius: 50%;
}

.rs-container.disabled .rs-pointer {
    cursor: default
}

.rs-container.sliding .rs-pointer,
.rs-container.sliding .rs-selected {
    transition: none
}

.rs-container .rs-scale {
    left: 0;
    position: absolute;
    top: calc(1.875vw * var(--coef-w));
    white-space: nowrap
}

.rs-container .rs-scale span {
    float: left;
    position: relative
}

.rs-container .rs-scale span::before {
    background-color: var(--color-back);
    content: "";
    height: calc(2.5vw * var(--coef-w));
    left: 0;
    position: absolute;
    top: calc(3.125vw * var(--coef-w));
    width: 1px
}

.rs-container.rs-noscale span::before {
    display: none
}

.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
    display: block
}

.rs-container .rs-scale span:last-child {
    margin-left: -1px;
    width: 0
}

.rs-container .rs-scale span ins {
    color: var(--color-text);
    display: inline-block;
    font-size: calc(3.75vw * var(--coef-w));
    margin-top: calc(6.25vw * var(--coef-w));
    text-decoration: none
}

.rs-container.disabled .rs-scale span ins {
    color: var(--color-back);
}

.priceslider-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: calc(2.5vw * var(--coef-w));
}

.priceslider-input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.priceslider-inner input {
    background: var(--color-white);
    width: calc(29.6875vw * var(--coef-w));
    height: calc(10.625vw * var(--coef-w));
    padding: calc(1.875vw * var(--coef-w)) calc(6.25vw * var(--coef-w)) calc(1.875vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
    -webkit-appearance: none;
    border: 1px solid var(--color-stroke);
    display: block;
    border-radius: calc(1.5625vw * var(--coef-w));
    -moz-appearance: textfield;
}

.priceslider-input-wrapper:after {
    content: '₴';
    display: block;
    position: absolute;
    top: 50%;
    right: calc(3.125vw * var(--coef-w));
    transform: translateY(-50%);
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: calc(4.375vw * var(--coef-w));
    line-height: calc(6.875vw * var(--coef-w));
    color: #8992A5;
}

.priceslider-input {
    display: flex;
    align-items: center;
}

.rs-tooltip {
    display: none;
    color: var(--color-white);
    width: auto;
    min-width: calc(18.75vw * var(--coef-w));
    height: calc(9.375vw * var(--coef-w));
    background: var(--color-extra-blue);
    border: 1px solid var(--color-extra-blue);
    border-radius: 3px;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    top: calc(-12.5vw * var(--coef-w));
    text-align: center;
    font-size: calc(4.0625vw * var(--coef-w));
    padding: calc(1.875vw * var(--coef-w)) calc(3.125vw * var(--coef-w)) 0
}


/* 
    .rs-container .rs-pointer:before {
        content: '';
        display: block;
        width: calc(4.6875vw * var(--coef-w));
        height: calc(4.6875vw * var(--coef-w));
        background-color: var(--color-second);
        position: absolute;
        top: calc(-7.1875vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        color: var(--color-white);
    } */

.priceslider-btn {
    background: var(--color-white);
    border: 1px solid var(--color-extra-blue);
    width: calc(13.125vw * var(--coef-w));
    height: calc(10.625vw * var(--coef-w));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(1.5625vw * var(--coef-w));
    cursor: pointer;
    user-select: none;
}


/* MODEL CARD */

.model-card {
    border: 1px solid var(--color-stroke);
    border-radius: calc(3.125vw * var(--coef-w));
    padding-top: calc(3.125vw * var(--coef-w));
    width: 100%;
    margin-bottom: calc(4.6875vw * var(--coef-w));
    position: relative;
    display: flex;
    flex-direction: column;
}

.model-card-title {
    margin-bottom: 3px;
}

.model-card-image {
    width: 100%;
    height: calc(37.5vw * var(--coef-w));
    object-fit: contain;
}

.model-card-stars {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(26.25vw * var(--coef-w));
}

.model-card-star {
    width: calc(5vw * var(--coef-w));
    height: calc(5vw * var(--coef-w));
    flex-shrink: 0;
}

.model-card-stars-upper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.model-card-content {
    padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.model-card-stars-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.model-card-stars-reviews {
    margin-left: calc(3.125vw * var(--coef-w));
}

.model-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.model-card-item:last-child {
    margin-bottom: 0;
}

.model-card-item-icon {
    width: calc(5vw * var(--coef-w));
    height: calc(5vw * var(--coef-w));
    margin-right: calc(3.125vw * var(--coef-w));
}

.model-card-items {
    margin-bottom: calc(3.125vw * var(--coef-w));
}

.model-card-price-title {
    margin-bottom: 2px;
}

.model-card-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.model-tags {
    position: absolute;
    top: calc(3.125vw * var(--coef-w));
    left: calc(3.125vw * var(--coef-w));
    pointer-events: none;
}

.model-tag {
    display: flex;
    align-items: center;
    margin-bottom: calc(1.5625vw * var(--coef-w));
}

.model-tag-icon {
    width: calc(5.625vw * var(--coef-w));
    height: calc(5.625vw * var(--coef-w));
    margin-right: calc(1.25vw * var(--coef-w));
}

.model-tag-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: calc(2.5vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0 calc(1.875vw * var(--coef-w));
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
}


/* FILTERS */

.filters-mobile-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    padding: calc(2.8125vw * var(--coef-w)) 0 calc(1.5625vw * var(--coef-w));
}

.filters-mobile-title-svg {
    width: calc(3.75vw * var(--coef-w));
    height: calc(3.75vw * var(--coef-w));
    position: absolute;
    top: 50%;
    left: var(--offset);
    transform: translateY(-50%);
}

.filters-block {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: var(--color-white);
    width: 100%;
}

.filters {
    width: 100%;
    flex-shrink: 0;
}

#filters {
    width: 100%;
    max-height: 100vh;
    overflow: auto;
}

.filter-inner {
    padding: calc(4.6875vw * var(--coef-w)) var(--offset);
}

.filters-btns {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: calc(3.125vw * var(--coef-w));
}

.filters-btn {
    width: calc(42.1875vw * var(--coef-w));
    height: calc(10.625vw * var(--coef-w));
    border: 1px solid var(--color-stroke);
    border-radius: calc(1.5625vw * var(--coef-w));
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.filters-btn.active {
    border: 1px solid var(--color-main);
}

.filter-item {
    width: 100%;
    padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
    margin-top: calc(3.125vw * var(--coef-w));
    background: var(--color-back);
    border-radius: calc(3.125vw * var(--coef-w));
}

.filter-item-title {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}

.filter-item-title:after {
    content: '';
    display: block;
    width: calc(2.5vw * var(--coef-w));
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.filter-item-title::before {
    content: '';
    display: block;
    width: calc(2.5vw * var(--coef-w));
    height: 2px;
    background: var(--color-extra-light-blue);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .3s;
}

.filter-item.active .filter-item-title::before {
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

.filter-item.active .filter-item-fields {
    max-height: calc(76.25vw * var(--coef-w));
    margin-top: calc(3.125vw * var(--coef-w));
}

.filter-field {
    margin-bottom: calc(1.5625vw * var(--coef-w));
    order: 1;
}

.filter-item-fields {
    max-height: 0;
    overflow: auto;
    transition: .3s;
    display: flex;
    flex-direction: column;
}

.filter-field.active {
    order: 0;
}

.filter-field.inactive {
    order: 2;
}

.filter-item-fields::-webkit-scrollbar {
    width: calc(1.25vw * var(--coef-w));
}

.filter-item-fields::-webkit-scrollbar-track {
    background: var(--color-white);
}

.filter-item-fields::-webkit-scrollbar-thumb {
    background: var(--color-extra-light-blue);
}

.filter-item-title-question {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(3.4375vw * var(--coef-w));
    line-height: calc(3.75vw * var(--coef-w));
    text-align: center;
    color: #030F4C;
    background: var(--color-white);
    padding: 2px calc(1.5625vw * var(--coef-w));
    border-radius: 3px;
    margin-left: calc(3.125vw * var(--coef-w));
}

.filter-item-title-answer {
    padding: calc(4.6875vw * var(--coef-w));
    width: calc(85.9375vw * var(--coef-w));
    position: absolute;
    bottom: 100%;
    left: calc(-4.6875vw * var(--coef-w));
    background: var(--color-white);
    box-shadow: calc(0vw * var(--coef-w)) calc(1.25vw * var(--coef-w)) calc(15.625vw * var(--coef-w)) rgba(0, 0, 0, 0.08);
    border-radius: calc(1.5625vw * var(--coef-w));
    z-index: 2;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.filter-item-title-question:hover .filter-item-title-answer {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.filter-field.inactive .containercheckbox {
    color: var(--color-grey);
    pointer-events: none;
}

.filter-item-fields-price {
    overflow: initial;
}

.digiants-search-container {
    background: var(--color-white) !important;
}

.digiants-search-results {
    background: rgba(0, 0, 0, .6) !important;
}


/* CONTENT */

.content h2 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(5.625vw * var(--coef-w));
    line-height: calc(8.125vw * var(--coef-w));
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: calc(1.5625vw * var(--coef-w));
    margin-top: calc(9.375vw * var(--coef-w));
}

.content h2:first-child {
    margin-top: 0;
}

.content h3 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(5vw * var(--coef-w));
    line-height: calc(7.5vw * var(--coef-w));
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: calc(1.5625vw * var(--coef-w));
    margin-top: calc(9.375vw * var(--coef-w));
}

.content h3:first-child {
    margin-top: 0;
}

.content h4 {
    font-family: 'PF BeauSans Pro';
    font-style: normal;
    font-weight: 700;
    font-size: calc(4.375vw * var(--coef-w));
    line-height: calc(7.5vw * var(--coef-w));
    text-transform: uppercase;
    color: var(--color-main);
    margin-bottom: calc(1.5625vw * var(--coef-w));
    margin-top: calc(6.25vw * var(--coef-w));
}

.content h4:first-child {
    margin-top: 0;
}

.content p,
.content li {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
    color: var(--color-main);
    margin-bottom: calc(4.6875vw * var(--coef-w));
}

.content ul,
.content ol {
    margin: calc(4.6875vw * var(--coef-w)) 0;
}

.content ol {
    list-style: none
}

.content ol li {
    position: relative;
    padding-left: calc(14.0625vw * var(--coef-w));
    margin-bottom: calc(3.125vw * var(--coef-w));
    min-height: calc(9.375vw * var(--coef-w));
}

.content ol li::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(list-item);
    width: calc(9.375vw * var(--coef-w));
    height: calc(9.375vw * var(--coef-w));
    border: 2px solid var(--color-main);
    border-radius: calc(1.5625vw * var(--coef-w));
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(5.625vw * var(--coef-w));
}

.content ul li::marker {
    display: none;
    content: "";
}

.content ul li {
    display: flex;
    align-items: center;
    margin-bottom: calc(3.125vw * var(--coef-w));
    white-space: pre-wrap;
}

.content ul li::before {
    content: "";
    display: block;
    background: url("/images/marker.svg") center no-repeat;
    background-size: cover;
    width: calc(11.875vw * var(--coef-w));
    height: calc(9.375vw * var(--coef-w));
    flex-shrink: 0;
    margin-right: calc(4.6875vw * var(--coef-w));
}

.content a {
    display: inline;
    text-decoration: underline;
    color: var(---color-main);
}

.content blockquote {
    background: var(--color-back);
    border-radius: calc(3.125vw * var(--coef-w));
    text-align: center;
    padding: calc(15vw * var(--coef-w)) calc(6.25vw * var(--coef-w));
    margin: calc(6.25vw * var(--coef-w)) 0;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: calc(4.0625vw * var(--coef-w));
    line-height: calc(6.25vw * var(--coef-w));
    text-align: center;
    color: #030F4C;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content blockquote p {
    font-style: italic;
}

.content blockquote::before {
    content: '';
    display: block;
    background: url('/images/quote.svg') center no-repeat;
    width: calc(11.25vw * var(--coef-w));
    height: calc(8.75vw * var(--coef-w));
    position: absolute;
    top: calc(3.125vw * var(--coef-w));
    left: 0;
}

.content blockquote::after {
    content: '';
    display: block;
    background: url('/images/quote.svg') center no-repeat;
    width: calc(11.25vw * var(--coef-w));
    height: calc(8.75vw * var(--coef-w));
    position: absolute;
    bottom: calc(6.25vw * var(--coef-w));
    right: 0;
}

.content img,
.content figure {
    margin: 0;
    width: 100%;
}


/* SEO */

.seo-block-wrapper {
    order: 99999;
}

.seo-block {
    background: var(--color-back);
    border-radius: calc(3.125vw * var(--coef-w));
    padding: calc(6.25vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
    margin: calc(12.5vw * var(--coef-w)) 0;
}

.seo-content {
    height: calc(84.375vw * var(--coef-w));
    overflow: hidden;
}

.btn-seo {
    margin-top: calc(6.25vw * var(--coef-w));
}

.seo-content-h1 {
    margin-bottom: calc(1.5625vw * var(--coef-w));
}


/* CHECKBOX */

.containercheckbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: calc(10.9375vw * var(--coef-w));
    transition: .3s;
}

.containercheckbox a {
    display: inline;
    color: var(--color-grey);
    text-decoration: underline;
}

.containercheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px;
    top: 0;
    left: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: calc(6.25vw * var(--coef-w));
    width: calc(6.25vw * var(--coef-w));
    background-color: var(--color-back);
    transition: .3s;
    border-radius: 2px;
}

.checkbox-filter .checkmark {
    background: var(--color-white);
    border: 1px solid var(--color-stroke);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containercheckbox input:checked~.checkmark:after {
    display: block;
    opacity: 1;
}

.containercheckbox input:checked~.checkmark {
    background: var(--color-second);
}

.checkbox-filter .containercheckbox input:checked~.checkmark {
    background: var(--color-extra-blue);
}

.containercheckbox .checkmark:after {
    left: 50%;
    top: calc(50% - 2px);
    transform: translate(-50%, -50%) rotate(45deg);
    width: calc(1.25vw * var(--coef-w));
    height: calc(2.5vw * var(--coef-w));
    border: solid var(--color-white);
    border-width: 0 calc(0.6563vw * var(--coef-w)) calc(0.6563vw * var(--coef-w)) 0;
    transition: .3s;
    z-index: 10;
}

.chavo {
    order: 99999;
    margin-bottom: calc(15.625vw * var(--coef-w));
}

.chavo-qestions {
    margin-top: calc(4.6875vw * var(--coef-w));
}

.index-faq-item-content a {
    display: inline;
    color: var(--color-hover2);
}

.index-faq-item-content a:visited {
    text-decoration: none;
    color: var(--color-hover2);
} 

    .breadcrumbs {
        background: var(--color-back-and-stroke);
        padding: calc(3.125vw * var(--coef-w)) 0 calc(4.6875vw * var(--coef-w));
    }

    .breadcrumbs-inner {
        display: flex;
        align-items: center;
        list-style: none;
        white-space: nowrap;
        overflow: auto;
        padding-bottom: calc(3.125vw * var(--coef-w));
    }

    .breadcrumbs-inner::-webkit-scrollbar {
        height: calc(1.25vw * var(--coef-w));
    }

    .breadcrumbs-inner::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .breadcrumbs-inner::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

    .breadcrumbs-item {
        display: inline;
    }

    .breadcrumbs-link {
        font-style: normal;
        font-weight: 600;
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
        color: var(--color-grey);
        display: inline;
    }

    .breadcrumbs-link::after{
        content: "-";
        font-style: normal;
        font-weight: 600;
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
        color: var(--color-grey);
        margin: 0 calc(0.7813vw * var(--coef-w));
    }

    .breadcrumbs-last::after{
        display: none;
    }

    .breadcrumbs.grey {
        background: var(--color-back);
    }


 
    
    .index-faq {
        margin-bottom: calc(12.5vw * var(--coef-w));
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .index-faq.is-main {
        align-items: center;
    }

    .index-faq-subtitle {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .index-faq-title {
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .index-faq.is-main .index-faq-title {
        text-align: center;
    }

    .index-faq-item {
        padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
        border: 1px solid var(--color-stroke);
        border-radius: calc(3.125vw * var(--coef-w));
        width: 100%;
    }

    .index-faq-items-col {
        width: 100%;
    }

    .index-faq.is-main .index-faq-items-col {
        width: 100%;
    }

    .index-faq-item-content {
        transition: .5s ease-in-out;
        overflow: hidden;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .index-faq.is-main .index-faq-item-content {
        width: 100%;
    }
    
    .index-faq-item-content:not(.active) {
        display: none;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .index-faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .index-faq-item-title {
        width: 100%;
    }

    .index-faq.is-main .index-faq-item-title {
        width: calc(64.375vw * var(--coef-w));
    }

    .index-faq-arrow {
        width: calc(9.375vw * var(--coef-w));
        height: calc(9.375vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: calc(1.5625vw * var(--coef-w));
        flex-shrink: 0;
    }

    .index-faq-arrow-svg {
        width: calc(3.125vw * var(--coef-w));
        height: calc(3.125vw * var(--coef-w));
        transition: .5s;
    }

    .index-faq-item.active .index-faq-arrow-svg {
        transform: rotate(-180deg);
    }

    .index-faq-items {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .index-faq-item {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .index-faq-item:last-child {
        margin-bottom: 0;
    }



 

    .btn {
        border-radius: calc(1.5625vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: .3s;
        border: none;
    }

    .btn-100 {
        width: 100%;
    }

    .btn-main {
        width: calc(46.875vw * var(--coef-w));
    }
    
    .btn-report {
        width: calc(83.75vw * var(--coef-w));
    }

    .btn-seo {
        width: calc(46.875vw * var(--coef-w));
    }

    .btn-card {
        width: calc(40.625vw * var(--coef-w));
    }

    .btn-card-product {
        width: calc(30.625vw * var(--coef-w));
    }

    .btn-small {
        height: calc(10.625vw * var(--coef-w));
    }

    .btn-delete-car,
    .btn-cart {
        width: calc(78.125vw * var(--coef-w));
    }

    .btn-big {
        height: calc(12.5vw * var(--coef-w));
    }

    .btn-inactive {
        background: var(--color-grey);
        pointer-events: none;
    }

    .btn-yellow {
        background: var(--color-second);
    }

    .btn-yellow:hover {
        background: var(--color-hover1);
    }

    .btn-blue {
        background: var(--color-main);
    }

    .btn-blue:hover {
        background: var(--color-hover2);
    }

    .btn-header {
        width: calc(46.875vw * var(--coef-w));
    }

    .btn-save {
        width: calc(100vw * var(--coef-w));
    }

    .btn-yellow.btn-empty {
        color: var(--color-second);
        border: 1px solid var(--color-second);
        background: transparent;
    }

    .btn-blue.btn-empty {
        color: var(--color-main);
        border: 1px solid var(--color-main);
        background: transparent;
    }


 

	.header {
		position: sticky;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: calc(3.125vw * var(--coef-w)) var(--offset);
		z-index: 9998;
		background: var(--color-white);
	}

	.logo-wrapper {
		flex: 1;
	}

	.logo {
		width: calc(50vw * var(--coef-w));
		height: calc(12.5vw * var(--coef-w));
		display: block;
	}

	.header-btn {
		width: calc(12.5vw * var(--coef-w));
		height: calc(12.5vw * var(--coef-w));
		background: var(--color-back);
		border-radius: calc(1.5625vw * var(--coef-w));
		margin-right: calc(3.125vw * var(--coef-w));
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.header-btn-icon {
		width: calc(7.5vw * var(--coef-w));
		height: calc(7.5vw * var(--coef-w));
	}

	.header-cart .header-btn-icon {
		width: calc(5.625vw * var(--coef-w));
		height: calc(5.625vw * var(--coef-w));
		margin-top: calc(1.875vw * var(--coef-w));
		margin-right: calc(1.875vw * var(--coef-w));
	}

	.header-cart-count {
		position: absolute;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		font-size: calc(3.125vw * var(--coef-w));
		line-height: calc(3.75vw * var(--coef-w));
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		width: calc(4.6875vw * var(--coef-w));
		height: calc(4.6875vw * var(--coef-w));
		background: var(--color-second);
		top: calc(2.5vw * var(--coef-w));
		right: calc(2.5vw * var(--coef-w));
		border-radius: 50%;
	}

	.toggle {
		width: calc(12.5vw * var(--coef-w));
		height: calc(12.5vw * var(--coef-w));
		background: var(--color-main);
		border-radius: calc(1.5625vw * var(--coef-w));
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.toggle-item {
		width: calc(5vw * var(--coef-w));
		height: calc(0.9688vw * var(--coef-w));
		margin: calc(0.3438vw * var(--coef-w)) 0;
		background: var(--color-white);
		transition: .3s;
	}

	.toggle.active .toggle-item:nth-child(2) {
		display: none;
	}

	.toggle.active .toggle-item:nth-child(1) {
		transform: rotate(45deg);
		margin: 0;
		margin-top: calc(0vw * var(--coef-w));
	}

	.toggle.active .toggle-item:nth-child(3) {
		transform: rotate(-45deg);
		margin: 0;
		margin-top: calc(-0.9688vw * var(--coef-w));
	}
	
	.header-search {
		padding: calc(3.125vw * var(--coef-w)) var(--offset);
		background: var(--color-main);
	}

	.search-form {
		width: 100%;
		height: calc(12.5vw * var(--coef-w));
		position: relative;
	}

	.input-search {
		background: var(--color-back);
		padding: calc(3.4375vw * var(--coef-w)) calc(4.375vw * var(--coef-w));
		padding-right: calc(12.5vw * var(--coef-w));
		border: none;
		width: 100%;
		height: 100%;
		border-radius: calc(1.5625vw * var(--coef-w));
		color: var(--color-main);
	}

	.input-search::placeholder {
		color: var(--color-grey);
	} 

	.search-btn {
		border: none;
		width: calc(9.375vw * var(--coef-w));
		height: calc(9.375vw * var(--coef-w));
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-second);
		border-radius: calc(1.5625vw * var(--coef-w));
		position: absolute;
		right: calc(1.5625vw * var(--coef-w));
		top: calc(1.5625vw * var(--coef-w));
	}

	.search-btn-svg {
		width: calc(4.375vw * var(--coef-w));
		height: calc(4.375vw * var(--coef-w));
	}

	.menu {
		display: none;
	}

	.menu.active {
		display: block;
		position: absolute;
		top: calc(18.75vw * var(--coef-w));
		width: 100%;
		padding-bottom: calc(6.25vw * var(--coef-w));
		left: 0;
		background: var(--color-white);
		z-index: 999;
		height: calc(100vh - calc(18.75vw * var(--coef-w)));
		overflow: auto;
	}

	.header-selector {
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
	}

	.header-selector:hover::after {
		margin-top: 3px;
		transform: rotate(225deg);
	}

	.header-selector:after {
		display: block;
		content: "";
		width: calc(1.5625vw * var(--coef-w));
		height: calc(1.5625vw * var(--coef-w));
		border: 1px solid var(--color-main);
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		margin-left: calc(2.5vw * var(--coef-w));
		margin-right: calc(5.9375vw * var(--coef-w));
		margin-top: -3px;
		transition: .3s;
	}

	.header-selector-city {
		max-width: calc(18.75vw * var(--coef-w));
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.langs {
		position: absolute;
		top: 100%;
		left: calc(-2.1875vw * var(--coef-w));
		background: #FFFFFF;
		box-shadow: calc(0vw * var(--coef-w)) calc(1.25vw * var(--coef-w)) calc(9.375vw * var(--coef-w)) rgba(0, 0, 0, 0.08);
		border-radius: calc(3.125vw * var(--coef-w));
		padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
		z-index: 1001;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .3s;
		display: flex;
		flex-direction: column;
	}
	
	.header-langs:hover .langs {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.lang {
		transition: .3s;
	}

	.lang:hover {
		color: var(--color-extra-light-blue);
	}

	.header-cities {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: calc(65.3125vw * var(--coef-w));
		background: #FFFFFF;
		box-shadow: calc(0vw * var(--coef-w)) calc(1.25vw * var(--coef-w)) calc(9.375vw * var(--coef-w)) rgba(0, 0, 0, 0.08);
		border-radius: calc(3.125vw * var(--coef-w));
		padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
		z-index: 1001;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: .3s;
	}

	.header-selector-city-wrapper:hover .header-cities {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.header-cities-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		max-height: calc(55.9375vw * var(--coef-w));
		overflow: auto;
	}

	.header-cities-inner::-webkit-scrollbar {
        width: calc(1.2813vw * var(--coef-w));
    }

    .header-cities-inner::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .header-cities-inner::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

	.header-city {
		margin-bottom: calc(1.5625vw * var(--coef-w));
		transition: .3s;
	}

	.header-city.active {
		order: 0;
		color: var(--color-second);
	}

	.header-city:hover {
		color: var(--color-extra-blue);
	}

	.header-city:last-child {
		margin-bottom: 0;
	}

	.city-svg {
		width: calc(4.375vw * var(--coef-w));
		height: calc(4.375vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
	}

	.menu-cities {
		display: flex;
		align-items: center;
		padding: calc(2.8125vw * var(--coef-w)) var(--offset);
		background: var(--color-back);
	}

	.header-menu-inner {
		padding: calc(3.125vw * var(--coef-w)) 0;
		width: var(--column-width);
		margin: 0 auto;
		border-bottom: 1px solid var(--color-stroke);
	}

	.header-menu-item {
		display: flex;
		align-items: center;
		margin-bottom: calc(3.125vw * var(--coef-w));
	}

	.header-menu-item:last-child {
		margin-bottom: 0;
	}

	.header-menu-item-svg {
		width: calc(5vw * var(--coef-w));
		height: calc(5vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
	}

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

	.header-btn-login {
		margin-right: calc(3.125vw * var(--coef-w));
		width: calc(9.375vw * var(--coef-w));
		height: calc(9.375vw * var(--coef-w));
	}

	.header-btn-login svg {
		width: calc(5vw * var(--coef-w));
		height: calc(5vw * var(--coef-w));
	}

	.first-header-link {
		margin-bottom: calc(1.5625vw * var(--coef-w));
	}

	.first-header-link:last-child {
		margin-bottom: 0;
	}

	.menu-footer {
		padding: calc(3.125vw * var(--coef-w)) var(--offset);
	}

	.header-phones {
		margin-bottom: calc(3.125vw * var(--coef-w));
	}

	.header-phone {
		display: flex;
		align-items: center;
		margin-bottom: calc(1.5625vw * var(--coef-w));
	}

	.header-phone:last-child {
		margin-bottom: 0;
	}

	.header-phone svg{
		width: calc(3.75vw * var(--coef-w));
		height: calc(3.75vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
	}

	.first-header-address {
		margin-top: calc(6.25vw * var(--coef-w));
		display: flex;
		align-items: center;
	}

	.first-header-address svg {
		margin-right: calc(2.5vw * var(--coef-w));
		width: calc(3.75vw * var(--coef-w));
		height: calc(3.75vw * var(--coef-w));
	}

	.header-menu-item-arrow-block {
		width: calc(7.5vw * var(--coef-w));
		height: calc(7.5vw * var(--coef-w));
		border-radius: calc(1.5625vw * var(--coef-w));
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-main);
	}

	.header-menu-item-arrow-block svg {
		width: calc(2.5vw * var(--coef-w));
		height: calc(2.5vw * var(--coef-w));
	}

	.header-menu-item-text {
		flex: 1;
		margin-top: 3px;
	}

	.header-menu-item-wrapper {
		display: none;
	}

	.header-menu-item-wrapper.active {
		display: block;
		position: absolute;
		top: calc(18.75vw * var(--coef-w));
		left: 0;
		background: var(--color-white);
		z-index: 999;
		height: calc(100vh - calc(18.75vw * var(--coef-w)));
		overflow: auto;
		width: 100%;
	}

	.menu-hovered-cols {
		padding: 0 var(--offset);
	}

	.menu-hovered-subtitle {
		text-transform: lowercase;
		margin-bottom: calc(1.5625vw * var(--coef-w));
	}

	.menu-hovered-col {
		padding-bottom: calc(3.125vw * var(--coef-w));
		border-bottom: 1px solid var(--color-stroke);
		padding-top: calc(3.125vw * var(--coef-w));
	}

	.menu-hovered-col:last-child {
		border: none;
		padding-bottom: 0;
	}

	.menu-hovered-season-item {
		display: flex;
		align-items: center;
		margin-bottom: calc(1.5625vw * var(--coef-w));
	}

	.menu-hovered-season-item:last-child {
		margin-bottom: 0;
	}

	.menu-hovered-season-icon {
		width: calc(5vw * var(--coef-w));
		height: calc(5vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
	}

	.menu-hovered-diameter-items {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.menu-hovered-diameter-item {
		padding: calc(1.25vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
		background: var(--color-back);
		border-radius: calc(1.5625vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
		margin-bottom: calc(2.5vw * var(--coef-w));
	}

	.menu-hovered-links-block {
		display: flex;
		justify-content: space-between;
	}

	.menu-hovered-link {
		margin-bottom: calc(1.5625vw * var(--coef-w));
	}

	.menu-hovered-header {
		display: flex;
		align-items: center;
		background: var(--color-back);
		padding: calc(2.8125vw * var(--coef-w)) var(--offset);
		position: relative;
	}

	.menu-hovered-header-svg {
		width: calc(3.75vw * var(--coef-w));
		height: calc(3.75vw * var(--coef-w));
		position: absolute;
		top: 50%;
		left: var(--offset);
		transform: translateY(-50%);
	}

	.menu-hovered-header-title {
		text-align: left;
		padding-left: calc(6.25vw * var(--coef-w));
		width: 100%;
		margin-top: calc(1.25vw * var(--coef-w));
	}

	.menu-hovered-header-btn {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: calc(4.0625vw * var(--coef-w));
		line-height: calc(6.25vw * var(--coef-w));
		text-decoration-line: underline;
		color: #517CBA;
		position: absolute;
		top: 50%;
		right: var(--offset);
		transform: translateY(-50%);
	}


 
    
    .index-faq {
        margin-bottom: calc(12.5vw * var(--coef-w));
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .index-faq.is-main {
        align-items: center;
    }

    .index-faq-subtitle {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .index-faq-title {
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .index-faq.is-main .index-faq-title {
        text-align: center;
    }

    .index-faq-item {
        padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
        border: 1px solid var(--color-stroke);
        border-radius: calc(3.125vw * var(--coef-w));
        width: 100%;
    }

    .index-faq-items-col {
        width: 100%;
    }

    .index-faq.is-main .index-faq-items-col {
        width: 100%;
    }

    .index-faq-item-content {
        transition: .5s ease-in-out;
        overflow: hidden;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .index-faq.is-main .index-faq-item-content {
        width: 100%;
    }
    
    .index-faq-item-content:not(.active) {
        display: none;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .index-faq-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .index-faq-item-title {
        width: 100%;
    }

    .index-faq.is-main .index-faq-item-title {
        width: calc(64.375vw * var(--coef-w));
    }

    .index-faq-arrow {
        width: calc(9.375vw * var(--coef-w));
        height: calc(9.375vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: calc(1.5625vw * var(--coef-w));
        flex-shrink: 0;
    }

    .index-faq-arrow-svg {
        width: calc(3.125vw * var(--coef-w));
        height: calc(3.125vw * var(--coef-w));
        transition: .5s;
    }

    .index-faq-item.active .index-faq-arrow-svg {
        transform: rotate(-180deg);
    }

    .index-faq-items {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .index-faq-item {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .index-faq-item:last-child {
        margin-bottom: 0;
    }



 

    .input-wrapper {
        background: var(--color-white);
        border-radius: calc(1.5625vw * var(--coef-w));
        padding: calc(1.875vw * var(--coef-w)) calc(4.6875vw * var(--coef-w)) calc(1.875vw * var(--coef-w));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: calc(14.375vw * var(--coef-w));
        width: 100%;
    }

    .input-wrapper-grey,
    .textarea-wrapper-grey {
        background: var(--color-back);
    }

    .input-wrapper-100 {
        width: 100%;
    }

    .input {
        width: 100%;
        border: none;
        color: var(--color-main);
        background: transparent;
    }

    .input::placeholder {
        color: var(--color-grey);
    }

    .textarea {
        height: calc(34.375vw * var(--coef-w));
        border-radius: calc(1.5625vw * var(--coef-w));
        resize: none;
    }

    .textarea-wrapper {
        height: calc(43.75vw * var(--coef-w));
    }

    .textarea::-webkit-input-placeholder{
        color: var(--color-grey);
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-login {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(7.8125vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-login .close {
        cursor: pointer;
        position: absolute;
        top: calc(3.125vw * var(--coef-w));
        right: calc(3.125vw * var(--coef-w));
    }

    .modal-login .close svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .login-title {
        margin-bottom: calc(4.6875vw * var(--coef-w));
        text-align: center;
    }

    .login-desc {
        margin-bottom: calc(3.125vw * var(--coef-w));
        text-align: center;
    }

    .modal-login .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .modal-login .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: calc(1.5625vw * var(--coef-w));
    }

    .button-without-password {
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
        text-decoration: underline;
    }

    .button-forgot {
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
    }

    .login-social {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .login-social-item {
        width: calc(23.75vw * var(--coef-w));
        height: calc(11.25vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid var(--color-stroke);
        border-radius: calc(1.5625vw * var(--coef-w));
        margin-right: calc(1.875vw * var(--coef-w));
    }

    .login-social-item:last-child {
        margin-right: 0;
    }

    .login-social-icon {
        width: calc(5vw * var(--coef-w));
        height: calc(5vw * var(--coef-w));
    }

    .login-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* margin-top: calc(-2.1875vw * var(--coef-w)); */
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .button-registration {
        margin-top: calc(3.125vw * var(--coef-w));
        text-align: center;
    }   

    .button-registration-inner {
        text-decoration: underline;
        cursor: pointer;
    }


 

    .containercheckbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-left: calc(10.9375vw * var(--coef-w));
        transition: .3s;
    }   

    .containercheckbox a {
        display: inline;
        color: var(--color-grey);
        text-decoration: underline;
    }

    .containercheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 1px;
        width: 1px;
        top: 0;
        left: 0;
    }

    .checkmark {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: calc(6.25vw * var(--coef-w));
        width: calc(6.25vw * var(--coef-w));
        background-color: var(--color-back);
        transition: .3s;
        border-radius: 2px;
    }

    .checkbox-filter .checkmark {
        background: var(--color-white);
        border: 1px solid var(--color-stroke);
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .containercheckbox input:checked~.checkmark:after {
        display: block;
        opacity: 1;
    }

    .containercheckbox input:checked~.checkmark {
        background: var(--color-second);
    }

    .checkbox-filter .containercheckbox input:checked~.checkmark {
        background: var(--color-extra-blue);
    }

    .containercheckbox .checkmark:after {
        left: 50%;
        top: calc(50% - 2px);
        transform: translate(-50%, -50%) rotate(45deg);
        width: calc(1.25vw * var(--coef-w));
        height: calc(2.5vw * var(--coef-w));
        border: solid var(--color-white);
        border-width: 0 calc(0.6563vw * var(--coef-w)) calc(0.6563vw * var(--coef-w)) 0;
        transition: .3s;
        z-index: 10;
    }

 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-register {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(7.8125vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-register .close {
        cursor: pointer;
        position: absolute;
        top: calc(3.125vw * var(--coef-w));
        right: calc(3.125vw * var(--coef-w));
    }

    .modal-register .close svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .register-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
        text-align: center;
    }

    .register-desc {
        margin-bottom: calc(3.125vw * var(--coef-w));
        text-align: center;
    }

    .modal-register .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .modal-register .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-register .checkbox {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .form-answer {
        margin-top: calc(1.5625vw * var(--coef-w));
    }

    .button-without-password {
        cursor: pointer;
        text-decoration: underline;
    }

    .button-forgot {
        cursor: pointer;
    }

    .register-social {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .register-social-item {
        width: calc(23.75vw * var(--coef-w));
        height: calc(11.25vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid var(--color-stroke);
        border-radius: calc(1.5625vw * var(--coef-w));
        margin-right: calc(1.875vw * var(--coef-w));
    }

    .register-social-item:last-child {
        margin-right: 0;
    }

    .register-social-icon {
        width: calc(5vw * var(--coef-w));
        height: calc(5vw * var(--coef-w));
    }

    .register-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .button-registration {
        margin-top: calc(3.125vw * var(--coef-w));
        text-align: center;
    }   

    .button-registration-inner {
        text-decoration: underline;
        cursor: pointer;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-forgot {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(7.8125vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-forgot .close {
        cursor: pointer;
        position: absolute;
        top: calc(3.125vw * var(--coef-w));
        right: calc(3.125vw * var(--coef-w));
    }

    .modal-forgot .close svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .modal-forgot .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .modal-forgot .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: calc(1.5625vw * var(--coef-w));
        display: none;
    }

    .forgot-title {
        margin-bottom: calc(4.6875vw * var(--coef-w));
        text-align: center;
    }

    .forgot-desc {
        text-align: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .button-login {
        text-decoration: underline;
        cursor: pointer;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .button-forgot {
        cursor: pointer;
    }

    .forgot-description {
        margin-bottom: calc(3.125vw * var(--coef-w));
        text-align: center;
        white-space: pre-line;
    }

    .forgot-form {
        display: none;
    }

    .forgot-form.active {
        display: block;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-without-password {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(7.8125vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-without-password .close {
        cursor: pointer;
        position: absolute;
        top: calc(3.125vw * var(--coef-w));
        right: calc(3.125vw * var(--coef-w));
    }

    .modal-without-password .close svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .modal-without-password .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .modal-without-password .input-wrapper .input-label {
        color: var(--color-main);
    }

    .form-answer {
        margin-top: calc(1.5625vw * var(--coef-w));
        display: none;
    }

    .without-password-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
        text-align: center;
    }

    .without-password-desc {
        text-align: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .button-login {
        text-decoration: underline;
        cursor: pointer;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .button-without-password {
        cursor: pointer;
    }

    .without-password-description {
        margin-bottom: calc(3.125vw * var(--coef-w));
        text-align: center;
        white-space: pre-line;
    }

    .without-password-form {
        display: none;
    }

    .without-password-form.active {
        display: block;
    }


 

    .cart-product {
        padding: calc(3.125vw * var(--coef-w));
        border: 1px solid var(--color-stroke);
        border-radius: calc(3.125vw * var(--coef-w));    
        display: flex;
        margin-bottom: calc(3.125vw * var(--coef-w));
        position: relative;
        width: var(--column-width);
    }

    .cart-checkout .cart-product {
        align-items: flex-start;
    }

    .cart-products {
        margin-bottom: calc(-3.125vw * var(--coef-w));
        /* max-height: calc(121.875vw * var(--coef-w));
        overflow: auto; */
    }

    .cart-products::-webkit-scrollbar {
        width: calc(1.25vw * var(--coef-w));
    }

    .cart-products::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .cart-products::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

    .cart-product-title {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }
    
    .cart-product-image-wrapper {
        margin-right: calc(1.5625vw * var(--coef-w));
        flex-shrink: 0;
    }

    .cart-product-image {
        width: calc(25vw * var(--coef-w));
        height: calc(18.4375vw * var(--coef-w));
        object-fit: contain;
    }

    .cart-product-price-wrapper {
        display: flex;
        align-items: center;
    }

    .cart-product-old-price {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: calc(3.125vw * var(--coef-w));
        line-height: calc(3.75vw * var(--coef-w));
        text-decoration-line: line-through;
        margin-left: calc(3.125vw * var(--coef-w));
    }

    .cart-product-counter {
        display: flex;
        align-items: center;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .cart-product-total-price {
        margin-left: calc(3.125vw * var(--coef-w));
        font-size: calc(5vw * var(--coef-w));
        line-height: calc(7.5vw * var(--coef-w));
    }

    .cart-delete-product-wrapper {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        position: absolute;
        top: calc(1.5625vw * var(--coef-w));
        right: calc(1.5625vw * var(--coef-w));
    }

    .cart-delete-product {
        width: calc(8.75vw * var(--coef-w));
        height: calc(8.75vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background: var(--color-back);
        border-radius: calc(1.5625vw * var(--coef-w));
    }

    .cart-delete-product-svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    /* .cart-checkout .cart-product-info {
        margin-right: 0;
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .cart-checkout .cart-product-info-block {
        flex: 1;
    }

    .cart-checkout .cart-delete-product-wrapper {
        flex: 0;
    }

    .cart-checkout .cart-product-counter {
        width: 100%;
        justify-content: space-between;
    } */


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .container-modal-cart {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        transform: translateX(0) !important;
        width: 100%;
        height: 100vh;
        background: var(--color-white);
        padding: calc(3.125vw * var(--coef-w)) 0;
        overflow: auto;
    }

    .closemodal-cart {
        cursor: pointer;
        position: absolute;
        top: calc(4.0625vw * var(--coef-w));
        right: var(--offset);
    }

    .closemodal-cart svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .modal-cart-content {
        padding: 0 var(--offset);
    }

    .modal-cart-gift {
        margin-top: calc(6.25vw * var(--coef-w));
    }

    .modal-cart-gift span {
        display: inline;
        color: var(--color-gift);
    }

    .modal-footer {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        padding: calc(3.125vw * var(--coef-w)) var(--offset) calc(4.6875vw * var(--coef-w));
        position: relative;
        background: var(--color-white);
        bottom: 0;
        left: 0;
        width: 100%;
        /* margin-top: calc(-26.5625vw * var(--coef-w)); */
    }

    .cart-checkout-block {
        background: rgba(253, 176, 44, 0.05);
        border: 1px solid var(--color-second);
        border-radius: calc(3.125vw * var(--coef-w));
        padding: calc(3.125vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .cart-checkout-block-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: calc(3.125vw * var(--coef-w));
        width: 100%;
    }

    .cart-checkout-block .btn {
        width: 100%;
    }

    .btn-cart {
        border: none !important;
        padding: 0;
        height: auto !important;
        text-decoration: underline;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .empty-cart {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: calc(6.25vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
        background: var(--color-back);
        border-radius: calc(3.125vw * var(--coef-w));
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .empty-cart-title {
        text-align: center;
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }

    .cart-title {
        width: 100%;
        padding: 0 var(--offset) calc(1.5625vw * var(--coef-w));
        border-bottom: 1px solid var(--color-stroke);
    }

    .modal-cart-block {
        padding: calc(4.6875vw * var(--coef-w)) calc(2.1875vw * var(--coef-w)) 0 calc(4.6875vw * var(--coef-w));
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-callback {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(5.4688vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-callback .close {
        cursor: pointer;
        position: absolute;
        top: calc(3.125vw * var(--coef-w));
        right: calc(3.125vw * var(--coef-w));
    }

    .modal-callback .close svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .callback-title {
        margin: 0 auto calc(3.125vw * var(--coef-w));
        text-align: center;
    }

    .modal-callback .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .modal-callback .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-callback .checkbox {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .form-answer {
        text-align: center;
        margin-top: calc(4.6875vw * var(--coef-w));
    }


 

    .open-auth {
        cursor: pointer;
    }

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-error {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(9.375vw * var(--coef-w)) calc(21.875vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-error .close {
        cursor: pointer;
        position: absolute;
        top: calc(6.25vw * var(--coef-w));
        right: calc(6.25vw * var(--coef-w));
    }

    .modal-error .close svg {
        width: calc(4.5031vw * var(--coef-w));
        height: calc(4.5031vw * var(--coef-w));
    }

    .error-title {
        margin: 0 auto calc(6.25vw * var(--coef-w));
        text-align: center;
    }

    .error-desc {
        text-align: center;
    }


 

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);;
        align-items: center;
        justify-content: center;
        display: flex;
        z-index: 10000;
    }

    .modal.active {
        height: 100%;
    }

    .container-modal {
        background: var(--color-white);
        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(15.625vw * var(--coef-w));
        left: 50%;
        transform: translateX(-50%);
    }

    .container-modal-available {
        width: calc(90.625vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(5.4688vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .modal-available .close {
        cursor: pointer;
        position: absolute;
        top: calc(3.125vw * var(--coef-w));
        right: calc(3.125vw * var(--coef-w));
    }

    .modal-available .close svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .available-title {
        margin: 0 auto calc(3.125vw * var(--coef-w));
        text-align: center;
    }

    .modal-available .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .modal-available .input-wrapper .input-label {
        color: var(--color-main);
    }

    .modal-available .checkbox {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .form-answer {
        text-align: center;
        margin-top: calc(4.6875vw * var(--coef-w));
    }


 

	footer {
		background: var(--color-extra-blue);
		padding: calc(12.5vw * var(--coef-w)) 0;
	}

	.footer-row1 {
		padding-bottom: calc(9.375vw * var(--coef-w));
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-logo {
		width: calc(50vw * var(--coef-w));
		height: calc(12.5vw * var(--coef-w));
		margin-bottom: calc(6.25vw * var(--coef-w));
	}

	.footer-subtitle {
		color: rgba(255, 255, 255, 0.8);
		margin-bottom: calc(3.125vw * var(--coef-w));
	}

	.footer-social-icons {
		display: flex;
		align-items: center;
	}

	.footer-social-icon-link {
		margin-right: calc(3.125vw * var(--coef-w));
	}

	.footer-social-icon-link:last-child {
		margin-right: 0;
	}

	.footer-social-icon {
		width: calc(9.375vw * var(--coef-w));
		height: calc(9.375vw * var(--coef-w));
	}

	.footer-social {
		margin-bottom: calc(6.25vw * var(--coef-w));
	}

	.footer-contacts-items {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-contacts-item {
		display: flex;
		align-items: center;
		font-style: normal;
		font-weight: 600;
		font-size: calc(6.25vw * var(--coef-w));
		line-height: calc(6.25vw * var(--coef-w));
		color: #FFFFFF;
		margin-bottom: calc(3.125vw * var(--coef-w))
	}

	.footer-contacts-item:last-child {
		margin-bottom: 0;
	}

	.footer-contacts-item-icon {
		width: calc(4.375vw * var(--coef-w));
		height: calc(4.375vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
		flex-shrink: 0;
	}

	.footer-row2 {
		padding-top: calc(9.375vw * var(--coef-w));
		display: flex;
		flex-direction: column;
	}

	.footer-payment {
		display: flex;
		align-items: center;
	}

	.footer-payment-icon {
		width: calc(15.625vw * var(--coef-w));
		height: calc(15.625vw * var(--coef-w));
		margin-right: calc(3.125vw * var(--coef-w));
	}

	.footer-payment-icon:last-child {
		margin-right: 0;
	}

	.copyright {
		text-align: center;
		width: 100%;
	}

	.footer-col-first {
		order: 5;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.footer-col-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer-col-item-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer-col-item-wrapper svg {
		width: calc(3.125vw * var(--coef-w));
		height: calc(3.125vw * var(--coef-w));
		transition: .3s;
	}

	.footer-col-items {
		display: none;
		margin-top: calc(4.6875vw * var(--coef-w));
	}

	.footer-col.active .footer-col-items {
		display: block;
	}

	.footer-col.active .footer-col-item-wrapper svg {
		transform: rotate(180deg);
		margin-top: -3px;
	}

	.footer-col {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		padding: calc(3.125vw * var(--coef-w)) 0;
	}

	.footer-col-first {
		border: none;
		padding: 0;
		padding-top: calc(9.375vw * var(--coef-w));
	}

	.footer-link {
		margin-bottom: calc(1.25vw * var(--coef-w));
		transition: .3s;
	}

	.footer-col-subtitle {
		color: rgba(255, 255, 255, 0.8);
		margin: calc(3.125vw * var(--coef-w)) 0;
	}

	.footer-link-phone {
		display: flex;
		align-items: center;
	}

	.footer-link-phone-svg {
		width: calc(3.75vw * var(--coef-w));
		height: calc(3.75vw * var(--coef-w));
		margin-right: calc(2.5vw * var(--coef-w));
		flex-shrink: 0;
	}


 }