@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);
    }


 

    .text-image-block {
        display: flex;
        justify-content: space-between;
    }

    .text-image-block.reverse {
        flex-direction: row-reverse;
    }

    .text-image {
        width: 626px;
        height: 315px;
        object-fit: cover;
    }

    .text-image-text {
        width: 562px;
    }

    .text-image-subtitle {
        margin-bottom: 15px;
    }

    .text-image-title {
        margin-bottom: 15px;
    }

 

    .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);
    }


 
    
    
    .horizontal-banner {
        display: flex;
        background: #517CBA;
        border-radius: 10px;
        margin-bottom: 80px;
    }

    .horizontal-banner-image {
        width: 626px;
        height: 225px;
        object-fit: cover;
        border-radius: 10px 0 0 10px;
    }

    .horizontal-banner-content {
        padding: 35px 78px 35px 94px;
    }

    .horizontal-banner-title-wrapper {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .horizontal-banner-title {
        flex: 1;
    }

    .horizontal-banner-remark {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 10px;
        padding: 10px 20px;
    }

    .horizontal-banner-remark-title {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 6px;
    }

    .horizontal-banner-remark-city {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 800;
        font-size: 20px;
        line-height: 18px;
    }

    .horizontal-banner-remark-city-svg {
        width: 18px;
        height: 18px;
        margin-right: 6px;
        flex-shrink: 0;
    }


 

    .numbers-block {
        background: #F6F6F6;
        padding: 60px 0;
    }

    .numbers-block-inner {
        background: #FFFFFF;
        padding: 50px 70px;
    }

    .numbers-block-text {
        display: flex;
        justify-content: space-between;
        margin-bottom: 45px;
    }

    .numbers-block-title {
        width: 414px;
    }

    .numbers-item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

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

    .numbers-item-number {
        flex-shrink: 1;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--color-extra-blue);
        border-radius: 5px;
        margin-right: 30px;
    }

    .numbers-item-text {
        width: 556px;
    }

    .numbers-block-image {
        width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 10px;
    }

    .numbers-block-description {
        text-align: center;
        margin-top: 30px;
    }

    .numbers-block-description span {
        color: var(--color-second);
        text-transform: uppercase;
        font-weight: 800;
    }
    

 
    
    .text-banner {
        padding: 80px 0;
    }

    .text-banner-inner {
        display: flex;
        justify-content: space-between;
    }

    .text-banner-content {
        width: 562px;
    }

    .text-banner-subtitle {
        margin-bottom: 15px;
    }

    .text-banner-title {
        margin-bottom: 15px;
    }

    
    .text-banner-banner {
        display: flex;
        background: #517CBA;
        border-radius: 10px;
        width: 626px;
    }

    .text-banner-banner-content {
        padding: 42px 70px;
    }

    .text-banner-banner-title-wrapper {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .text-banner-banner-title {
        flex: 1;
    }

    .text-banner-banner-remark {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 10px;
        padding: 10px 20px;
    }

    .text-banner-banner-remark-title {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 6px;
    }

    .text-banner-banner-remark-city {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 800;
        font-size: 20px;
        line-height: 18px;
    }

    .text-banner-banner-remark-city-svg {
        width: 18px;
        height: 18px;
        margin-right: 6px;
        flex-shrink: 0;
    }


 

    .banner-fitting {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 77px;
        position: relative;
        margin-bottom: 40px;
    }

    .banner-fitting-title span {
        color: var(--color-extra-blue);
    }

    .banner-fitting-image {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


 

    .pricelist-1 {
        margin-bottom: 60px;
    }

    .pricelist-1-subtitle {
        text-align: center;
        margin-bottom: 15px;
    }

    .pricelist-1-title {
        text-align: center;
        margin-bottom: 30px;
    }

    .pricelist-1-table {
        display: flex;
        justify-content: space-between;
    }

    .pricelist-1-col {
        width: 625px;
        margin-bottom: -10px;
    }

    .pricelist-1-col-title {
        width: 100%;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: 5px;
        margin-bottom: 15px;
    }    

    .pricelist-1-row {
        display: flex;
        justify-content: space-between;
    }

    .pricelist-1-table-item {
        width: 305px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-back);
        border-radius: 5px; 
        margin-bottom: 10px;
        text-align: center;
        padding: 10px 20px;
    }

    .pricelist-1-col-subtitle {
        background: var(--color-extra-blue);
    }


 

    .price-desc {
        margin-bottom: 80px;
    }

    .price-desc-inner {
        background: var(--color-back);
        border-radius: 10px;
        display: flex;
        justify-content: space-between;        
    }

    .price-desc-col {
        width: 640px;
        margin-bottom: -15px;
        padding: 50px 70px;
    }

    .price-desc-col:first-child {
        border-right: 2px solid var(--color-white);
    }

    .price-desc-item {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .price-desc-item-icon {
        width: 48px;
        height: 38px;
        margin-right: 30px;
        flex-shrink: 0;
    }

    .price-desc-title {
        margin-bottom: 20px;
    }

    .price-desc-title span {
        color: var(--color-second);
    }


 

    .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);
    }


 


    /*
        Date picker
    */


    /* Layout helpers
    ----------------------------------*/

    .ui-helper-hidden {
        display: none;
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }

    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }

    .ui-helper-clearfix:after {
        clear: both;
    }

    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        /* support: IE8 */
    }

    .ui-front {
        z-index: 100;
    }


    /* Interaction Cues
    ----------------------------------*/

    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none;
    }


    /* Icons
    ----------------------------------*/

    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .ui-widget-icon-block {
        left: 50%;
        margin-left: -8px;
        display: block;
    }


    /* Misc visuals
    ----------------------------------*/


    /* Overlays */

    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }

    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }


    /* icon support */

    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }


    /* left-aligned */

    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }


    /* right-aligned */

    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }

    .ui-button {
        padding: .4em 1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Support: IE <= 11 */
        overflow: visible;
    }

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }


    /* to make room for the icon, a width needs to be set here */

    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }


    /* no icon support for input elements */

    input.ui-button.ui-button-icon-only {
        text-indent: 0;
    }


    /* button icon element(s) */

    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }

    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -9999px;
        white-space: nowrap;
    }

    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em 1em;
    }


    /* workarounds */


    /* Support: Firefox 5 - 40 */

    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .ui-controlgroup {
        vertical-align: middle;
        display: inline-block;
    }

    .ui-controlgroup>.ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .ui-controlgroup>.ui-controlgroup-item:focus,
    .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
        z-index: 9999;
    }

    .ui-controlgroup-vertical>.ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .ui-controlgroup-vertical .ui-controlgroup-item {
        box-sizing: border-box;
    }

    .ui-controlgroup .ui-controlgroup-label {
        padding: .4em 1em;
    }

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

    .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
        border-left: none;
    }

    .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
        border-top: none;
    }

    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: none;
    }

    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: none;
    }


    /* Spinner specific style fixes */

    .ui-controlgroup-vertical .ui-spinner-input {
        /* Support: IE8 only, Android < 4.4 only */
        width: 75%;
        width: calc( 100% - 2.4em);
    }

    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid;
    }

    .ui-checkboxradio-label .ui-icon-background {
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: .12em;
        border: none;
    }

    .ui-checkboxradio-radio-label .ui-icon-background {
        width: 16px;
        height: 16px;
        border-radius: 1em;
        overflow: visible;
        border: none;
    }

    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid;
    }

    .ui-checkboxradio-disabled {
        pointer-events: none;
    }

    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 1px;
        width: 1.8em;
        height: 1.8em;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }


    /* with multiple calendars */

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }

    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }


    /* RTL support */

    .ui-datepicker-rtl {
        direction: rtl;
    }

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }


    /* Icons */

    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }

    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }

    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable {
        position: relative;
    }

    .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }

    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0;
    }

    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }

    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }

    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%;
    }

    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }

    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
    }

    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
    }

    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
    }

    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)";
        /* support: IE8 */
        opacity: 0.25;
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
    }

    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
    }

    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0;
    }

    .ui-selectmenu-open {
        display: block;
    }

    .ui-selectmenu-text {
        display: block;
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }

    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0;
    }

    .ui-slider {
        position: relative;
        text-align: left;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }


    /* support: IE8 - See #6727 */

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

    .ui-slider-horizontal {
        height: .8em;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

    .ui-slider-vertical {
        width: .8em;
        height: 100px;
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }

    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: .222em 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 2em;
    }

    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }


    /* more specificity required here to override default borders */

    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }

    .ui-spinner-up {
        top: 0;
    }

    .ui-spinner-down {
        bottom: 0;
    }

    .ui-tabs {
        position: relative;
        /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
        padding: .2em;
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px .2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }

    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
    }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
    }

    body .ui-tooltip {
        border-width: 2px;
    }


    /* Component containers
    ----------------------------------*/

    .ui-widget {
        font-size: 1em;
    }

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: 'PF BeauSans Pro', sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        font-family: 'PF BeauSans Pro', sans-serif;
        border: 1px solid #fff;
        width: 360px;
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
    }

    .ui-widget-content {
        border: 1px solid #fff;
        background: #ffffff;
        color: #333333;
        margin-top: 5px;
    }

    .ui-widget-content a {
        color: #333333;
        border-radius: 5px;
    }

    .ui-widget-header {
        border: 1px solid #fff;
        /* background: #e9e9e9; */
        color: #333333;
        font-weight: bold;
    }

    .ui-widget-header a {
        color: #333333;
    }


    /* Interaction states
    ----------------------------------*/


    /* .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button, */


    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */


    /* html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    } */

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }


    /* .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    } */

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b;
        text-decoration: none;
    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        font-weight: normal;
        color: #ffffff;
    }

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }


    /* Interaction Cues
    ----------------------------------*/

    .ui-state-default {
        transition: .3s;
        border: none;
    }

    .ui-state-default:hover {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        color: #fff;
        border-radius: 5px;
    }

    .ui-state-checked {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        border-radius: 5px;
    }

    .ui-state-highlight {
        border: 1px solid var(--color-extra-blue);
        background: var(--color-extra-blue);
        color: var(--color-white) !important;
        border-radius: 5px;
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620;
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f;
    }

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        -ms-filter: "alpha(opacity=70)";
        /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        -ms-filter: "alpha(opacity=35)";
        /* support: IE8 */
        background-image: none;
    }

    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)";
        /* support: IE8 - See #6059 */
    }


    /* Icons
    ----------------------------------*/


    /* states and images */

    .ui-icon {
        width: 16px;
        height: 16px;
    }

    .ui-icon svg {
        width: 16px;
        height: 16px;
    }


    /* positioning */


    /* Misc visuals
    ----------------------------------*/


    /* Overlays */

    .ui-widget-overlay {
        background: #aaaaaa;
        opacity: .3;
        -ms-filter: Alpha(Opacity=30);
        /* support: IE8 */
    }

    .ui-widget-shadow {
        -webkit-box-shadow: 0px 0px 5px #666666;
        box-shadow: 0px 0px 5px #666666;
    }


    /*
        End datepicker
    */




    .date-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;
        position: relative;
    }

    .datepicker-input-svg {
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 11px;
        left: 15px;
    }

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

    .datepicker-input {
        width: 100%;
        border: none;
        color: var(--color-main);
        font-family: 'Open Sans';
        background: transparent;
        padding-left: 22px;
    }

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


 

    .time-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;
        position: relative;
    }

    .time-input-svg {
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 11px;
        left: 15px;
    }

    .time-input {
        width: 100%;
        border: none;
        color: var(--color-main);
        font-family: 'Open Sans';
        background: transparent;
        padding-left: 22px;
    }

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

    .time-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;
    }

    .time-items-inner {
        max-height: 320px;
        overflow: auto;
    }

    .time-items-inner::-webkit-scrollbar {
        width: 4px;
    }
    
    .time-items-inner::-webkit-scrollbar-track {
        background: var(--color-back);
        border-radius: 10px;
    }
    
    .time-items-inner::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: var(--color-main);
    }

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

    .time-item {
        margin-bottom: 5px;
        transition: .3s;
        cursor: pointer;
    }

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

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

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


 


    .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;
    }


 

    .location-address-form {
        width: 400px;
    }

    .location-form-row {
        display: flex;
        align-items: center; 
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .location-form-row .date-wrapper, 
    .location-form-row .time-wrapper {
        width: 190px;
    }

    .location-form-block .input-wrapper {
        margin-bottom: 15px;
    }

    .location-form-block .checkbox {
        margin-bottom: 15px;
    }


 

    .location {
        padding: 80px 0;
        margin-bottom: 100px;
        background: var(--color-back);
    }

    .location-subtitle {
        text-align: center;
        margin-bottom: 15px;
    }

    .location-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .location-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }   

    .location-tab {
        padding: 8px 31px;
        border: 1px solid var(--color-stroke);
        box-sizing: border-box;
        border-radius: 5px; 
        cursor: pointer;
        margin-right: 20px;
        transition: .3s;
    }

    .location-tab:last-child {
        margin-right: 0;
    }

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

    .location-address {
        background: #FFFFFF;
        border-radius: 10px;
        padding: 60px 70px;
        display: flex;
        justify-content: space-between;
    }

    .location-address-title {
        margin-bottom: 24px;
    }

    .location-address-link {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .location-address-link:last-child {
        margin-bottom: 0;
    }

    .location-address-info-title {
        margin-bottom: 20px;
    }

    .location-address-link-svg {
        width: 14px;
        height: 14px;
        margin-right: 10px;
        flex-shrink: 0;
    }

    .location-address-info-item {
        margin-bottom: 35px;
    }

    .location-address-info {
        display: flex;
        flex-direction: column;
    }

    .location-address-info-content {
        display: flex;
        align-items: center;
        flex: 1;
    }

    .location-map {
        margin-left: 50px;
    }

    .location-map iframe {
        width: 400px;
        height: 378px;
    }

    .location-address {
        display: none;
    }

    .location-address.active {
        display: flex;
    }


 

    /* Slider */
    .slick-slider
    {
        position: relative;

        display: block;
        box-sizing: border-box;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list
    {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus
    {
        outline: none;
    }

    .slick-list.dragging
    {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track
    {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after
    {
        display: table;
        content: '';
    }

    .slick-track:after
    {
        clear: both;
    }

    .slick-loading .slick-track
    {
        visibility: hidden;
    }

    .slick-slide
    {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide
    {
        float: right;
    }

    .slick-slide img
    {
        display: block;
    }

    .slick-slide.slick-loading img
    {
        display: none;
    }

    .slick-slide.dragging img
    {
        pointer-events: none;
    }

    .slick-initialized .slick-slide
    {
        display: block;
    }

    .slick-loading .slick-slide
    {
        visibility: hidden;
    }

    .slick-vertical .slick-slide
    {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }





    .contacts-slider-page {
        padding-bottom: 80px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }

    .contacts-slider-subtitle {
        margin-bottom: 15px;
    }

    .contacts-slider-title {
        margin-bottom: 20px;
    }

    .contacts-slider-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }   

    .contacts-slider-tab {
        padding: 8px 31px;
        border: 1px solid var(--color-stroke);
        box-sizing: border-box;
        border-radius: 5px; 
        cursor: pointer;
        margin-right: 20px;
        transition: .3s;
    }

    .contacts-slider-tab:last-child {
        margin-right: 0;
    }

    .contacts-slider-tab.active,
    .contacts-slider-tab:hover {
        border: 1px solid var(--color-main);
    }

    .contacts-slider {
        width: 100%;
    }

    .contacts-slider-wrapper {
        width: 100%;
        position: relative;
        display: none;
    }

    .contacts-slider-wrapper.active {
        display: block;
    }

    .contacts-slider-image {
        width: 1000px;
        height: 530px;
        object-fit: cover;
        margin: 0 70px; 
    }

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

    .arrow-svg {
        width: 16px;
        height: 16px;
    }

    .arrow-prev {
        position: absolute;
        top: 50%;
        left: calc(var(--offset) + 50px);
        transform: translateY(-50%);
    }

    .arrow-next {
        position: absolute;
        top: 50%;
        right: calc(var(--offset) + 50px);
        transform: translateY(-50%);
    }

    .contacts-slider-image {
        opacity: .4;
        transition: 1s;
    }

    .slick-current .contacts-slider-image {
        opacity: 1;
    }


 

    .pricelist-2-subtitle {
        text-align: center;
        margin-bottom: 15px;
    }

    .pricelist-2-title {
        text-align: center;
        margin-bottom: 30px;
    }

    .pricelist-2-table .table {
        margin: 0;
    }

    .pricelist-2-table table {
        border-collapse: collapse;
        width: 100%;
    }

    .pricelist-2-table td {
        width: 152px;
        border-right: 10px solid var(--color-back);
        border-bottom: 10px solid var(--color-back);
        padding: 10px 13px;
        text-align: center;
        border-radius: 5px;
        background: var(--color-white);
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        color: var(--color-main);
    }

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

    .pricelist-2-table tr:first-child td {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: var(--color-white);
        background: var(--color-extra-blue);
    }

    .pricelist-2-table-title {
        background: var(--color-extra-light-blue);
        padding: 8px 0;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 15px;
    }

    .pricelist-2-table-mb {
        margin-bottom: 50px;
    }

    .pricelist-2-table-remark-block {
        background: var(--color-white);
        border: 1px solid var(--color-extra-light-blue);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .pricelist-2-remark {
        margin-top: 20px;
    }


 

    .fitting-content {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
    }

    .fitting-content-col {
        width: 564px;
    }

    .fitting-content-image {
        width: 100%;
        margin-top: 40px;
    }


 

    .search-items {
        padding: 20px 0 30px;
    }

    .search-items-header {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--color-stroke);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

    .search-items-header-count {
        margin-left: 15px;
        padding: 4px 10px;
        background: #E7E7E7;
        border-radius: 10px;
        font-size: 14px;
        line-height: 22px
    }

    .search-items-header .btn {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        height: 50px;
        padding-left: 25px;
        padding-right: 16px;
        border-radius: 100px;
    }

    .search-items-header .btn::after {
        right: 45px;
    }

    .search-items-header .btn svg {
        margin-left: 36px;
    }

    .search-products {
        margin-bottom: -10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .search-product {
        padding: 2px 0;
        width: 600px;
        margin-right: 80px;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--color-stroke);
        display: flex;
        align-items: center;
    }

    .search-btn-show-all {
        display: flex;
        align-items: center;    
    }

    .search-btn-show-all svg {
        width: 20px;
        height: 20px;
        margin-left: 8px;
    }

    .search-product:nth-child(2n) {
        margin-right: 0;
    }

    .search-product-image {
        width: 95px;
        height: 95px;
        object-fit: cover;
        margin-right: 20px;
    }

    .search-product-title {
        margin-bottom: 15px;
        transition: .3s;
    }

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

    .search-product-price {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }

    .search-items-error {
        padding-top: 30px;
    }


 

    .search {
        position: fixed;
        top: 0;
        left: 0;
        background: var(--color-white);
        width: 100%;
        z-index: 1002;
    }

    .search-header-form {
        padding: 0 var(--offset);
        border-bottom: 1px solid var(--color-stroke);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .search-icon-search {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .search-icon-close {
        cursor: pointer;
        margin-right: 0 !important;
    }

    .search-input {
        padding: 20px 0;
        margin: 0 30px;
        flex: 1;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        border: none;
    }


 

	.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;
    }



 
    
    .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;
    }



 

    .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;
    }


 

    .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;
	}


 

	.storage-text-block {
		margin-bottom: 60px;
	}

	.grey-section {
		background: #F6F6F6;
		padding: 80px 0;
	}

	.grey-section .text-image-block {
		margin-bottom: 60px;
	}


 }@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);
    }


 

    .text-image-block {
        display: flex;
        justify-content: space-between;
    }

    .text-image-block.reverse {
        flex-direction: row-reverse;
    }

    .text-image {
        width: 43.4722vw;
        height: 21.875vw;
        object-fit: cover;
    }

    .text-image-text {
        width: 39.0278vw;
    }

    .text-image-subtitle {
        margin-bottom: 1.0417vw;
    }

    .text-image-title {
        margin-bottom: 1.0417vw;
    }

 

    .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);
    }


 
    
    
    .horizontal-banner {
        display: flex;
        background: #517CBA;
        border-radius: 0.6944vw;
        margin-bottom: 5.5556vw;
    }

    .horizontal-banner-image {
        width: 43.4722vw;
        height: 15.625vw;
        object-fit: cover;
        border-radius: 0.6944vw 0 0 0.6944vw;
    }

    .horizontal-banner-content {
        padding: 2.4306vw 5.4167vw 2.4306vw 6.5278vw;
    }

    .horizontal-banner-title-wrapper {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1.0417vw;
    }

    .horizontal-banner-title {
        flex: 1;
    }

    .horizontal-banner-remark {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 0.6944vw;
        padding: 0.6944vw 1.3889vw;
    }

    .horizontal-banner-remark-title {
        font-style: normal;
        font-weight: 600;
        font-size: 0.9722vw;
        line-height: 1.25vw;
        margin-bottom: 0.4167vw;
    }

    .horizontal-banner-remark-city {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 800;
        font-size: 1.3889vw;
        line-height: 1.25vw;
    }

    .horizontal-banner-remark-city-svg {
        width: 1.25vw;
        height: 1.25vw;
        margin-right: 0.4167vw;
        flex-shrink: 0;
    }


 

    .numbers-block {
        background: #F6F6F6;
        padding: 4.1667vw 0;
    }

    .numbers-block-inner {
        background: #FFFFFF;
        padding: 3.4722vw 4.8611vw;
    }

    .numbers-block-text {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3.125vw;
    }

    .numbers-block-title {
        width: 28.75vw;
    }

    .numbers-item {
        display: flex;
        align-items: center;
        margin-bottom: 1.3889vw;
    }

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

    .numbers-item-number {
        flex-shrink: 1;
        width: 2.7778vw;
        height: 2.7778vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--color-extra-blue);
        border-radius: 0.3472vw;
        margin-right: 2.0833vw;
    }

    .numbers-item-text {
        width: 38.6111vw;
    }

    .numbers-block-image {
        width: 100%;
        height: 11.1111vw;
        object-fit: cover;
        border-radius: 0.6944vw;
    }

    .numbers-block-description {
        text-align: center;
        margin-top: 2.0833vw;
    }

    .numbers-block-description span {
        color: var(--color-second);
        text-transform: uppercase;
        font-weight: 800;
    }
    

 
    
    .text-banner {
        padding: 5.5556vw 0;
    }

    .text-banner-inner {
        display: flex;
        justify-content: space-between;
    }

    .text-banner-content {
        width: 39.0278vw;
    }

    .text-banner-subtitle {
        margin-bottom: 1.0417vw;
    }

    .text-banner-title {
        margin-bottom: 1.0417vw;
    }

    
    .text-banner-banner {
        display: flex;
        background: #517CBA;
        border-radius: 0.6944vw;
        width: 43.4722vw;
    }

    .text-banner-banner-content {
        padding: 2.9167vw 4.8611vw;
    }

    .text-banner-banner-title-wrapper {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1.0417vw;
    }

    .text-banner-banner-title {
        flex: 1;
    }

    .text-banner-banner-remark {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 0.6944vw;
        padding: 0.6944vw 1.3889vw;
    }

    .text-banner-banner-remark-title {
        font-style: normal;
        font-weight: 600;
        font-size: 0.9722vw;
        line-height: 1.25vw;
        margin-bottom: 0.4167vw;
    }

    .text-banner-banner-remark-city {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 800;
        font-size: 1.3889vw;
        line-height: 1.25vw;
    }

    .text-banner-banner-remark-city-svg {
        width: 1.25vw;
        height: 1.25vw;
        margin-right: 0.4167vw;
        flex-shrink: 0;
    }


 

    .banner-fitting {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 5.3472vw;
        position: relative;
        margin-bottom: 2.7778vw;
    }

    .banner-fitting-title span {
        color: var(--color-extra-blue);
    }

    .banner-fitting-image {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


 

    .pricelist-1 {
        margin-bottom: 4.1667vw;
    }

    .pricelist-1-subtitle {
        text-align: center;
        margin-bottom: 1.0417vw;
    }

    .pricelist-1-title {
        text-align: center;
        margin-bottom: 2.0833vw;
    }

    .pricelist-1-table {
        display: flex;
        justify-content: space-between;
    }

    .pricelist-1-col {
        width: 43.4028vw;
        margin-bottom: -0.6944vw;
    }

    .pricelist-1-col-title {
        width: 100%;
        height: 3.0556vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: 0.3472vw;
        margin-bottom: 1.0417vw;
    }    

    .pricelist-1-row {
        display: flex;
        justify-content: space-between;
    }

    .pricelist-1-table-item {
        width: 21.1806vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-back);
        border-radius: 0.3472vw; 
        margin-bottom: 0.6944vw;
        text-align: center;
        padding: 0.6944vw 1.3889vw;
    }

    .pricelist-1-col-subtitle {
        background: var(--color-extra-blue);
    }


 

    .price-desc {
        margin-bottom: 5.5556vw;
    }

    .price-desc-inner {
        background: var(--color-back);
        border-radius: 0.6944vw;
        display: flex;
        justify-content: space-between;        
    }

    .price-desc-col {
        width: 44.4444vw;
        margin-bottom: -1.0417vw;
        padding: 3.4722vw 4.8611vw;
    }

    .price-desc-col:first-child {
        border-right: 2px solid var(--color-white);
    }

    .price-desc-item {
        display: flex;
        align-items: center;
        margin-bottom: 1.0417vw;
    }

    .price-desc-item-icon {
        width: 3.3333vw;
        height: 2.6389vw;
        margin-right: 2.0833vw;
        flex-shrink: 0;
    }

    .price-desc-title {
        margin-bottom: 1.3889vw;
    }

    .price-desc-title span {
        color: var(--color-second);
    }


 

    .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);
    }


 


    /*
        Date picker
    */


    /* Layout helpers
    ----------------------------------*/

    .ui-helper-hidden {
        display: none;
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }

    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }

    .ui-helper-clearfix:after {
        clear: both;
    }

    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        /* support: IE8 */
    }

    .ui-front {
        z-index: 100;
    }


    /* Interaction Cues
    ----------------------------------*/

    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none;
    }


    /* Icons
    ----------------------------------*/

    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -6944.375vw;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .ui-widget-icon-block {
        left: 50%;
        margin-left: -0.5556vw;
        display: block;
    }


    /* Misc visuals
    ----------------------------------*/


    /* Overlays */

    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }

    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 0.3472vw 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }


    /* icon support */

    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }


    /* left-aligned */

    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }


    /* right-aligned */

    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }

    .ui-button {
        padding: .4em 1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Support: IE <= 11 */
        overflow: visible;
    }

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }


    /* to make room for the icon, a width needs to be set here */

    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -694.375vw;
        white-space: nowrap;
    }


    /* no icon support for input elements */

    input.ui-button.ui-button-icon-only {
        text-indent: 0;
    }


    /* button icon element(s) */

    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.5556vw;
        margin-left: -0.5556vw;
    }

    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -694.375vw;
        white-space: nowrap;
    }

    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em 1em;
    }


    /* workarounds */


    /* Support: Firefox 5 - 40 */

    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .ui-controlgroup {
        vertical-align: middle;
        display: inline-block;
    }

    .ui-controlgroup>.ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .ui-controlgroup>.ui-controlgroup-item:focus,
    .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
        z-index: 9999;
    }

    .ui-controlgroup-vertical>.ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .ui-controlgroup-vertical .ui-controlgroup-item {
        box-sizing: border-box;
    }

    .ui-controlgroup .ui-controlgroup-label {
        padding: .4em 1em;
    }

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

    .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
        border-left: none;
    }

    .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
        border-top: none;
    }

    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: none;
    }

    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: none;
    }


    /* Spinner specific style fixes */

    .ui-controlgroup-vertical .ui-spinner-input {
        /* Support: IE8 only, Android < 4.4 only */
        width: 75%;
        width: calc( 100% - 2.4em);
    }

    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid;
    }

    .ui-checkboxradio-label .ui-icon-background {
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: .12em;
        border: none;
    }

    .ui-checkboxradio-radio-label .ui-icon-background {
        width: 1.1111vw;
        height: 1.1111vw;
        border-radius: 1em;
        overflow: visible;
        border: none;
    }

    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 0.5556vw;
        height: 0.5556vw;
        border-width: 0.2778vw;
        border-style: solid;
    }

    .ui-checkboxradio-disabled {
        pointer-events: none;
    }

    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 1px;
        width: 1.8em;
        height: 1.8em;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -0.5556vw;
        top: 50%;
        margin-top: -0.5556vw;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
        width: 3.125vw;
        height: 3.125vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }


    /* with multiple calendars */

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }

    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }


    /* RTL support */

    .ui-datepicker-rtl {
        direction: rtl;
    }

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }


    /* Icons */

    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -6944.375vw;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }

    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 1.3889vw;
        margin: -0.6944vw 0 0 0;
        padding: 1px;
        height: 1.3889vw;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 0.4861vw;
        height: 0.4861vw;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }

    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable {
        position: relative;
    }

    .ui-resizable-handle {
        position: absolute;
        font-size: 0.0069vw;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }

    .ui-resizable-n {
        cursor: n-resize;
        height: 0.4861vw;
        width: 100%;
        top: -0.3472vw;
        left: 0;
    }

    .ui-resizable-s {
        cursor: s-resize;
        height: 0.4861vw;
        width: 100%;
        bottom: -0.3472vw;
        left: 0;
    }

    .ui-resizable-e {
        cursor: e-resize;
        width: 0.4861vw;
        right: -0.3472vw;
        top: 0;
        height: 100%;
    }

    .ui-resizable-w {
        cursor: w-resize;
        width: 0.4861vw;
        left: -0.3472vw;
        top: 0;
        height: 100%;
    }

    .ui-resizable-se {
        cursor: se-resize;
        width: 0.8333vw;
        height: 0.8333vw;
        right: 1px;
        bottom: 1px;
    }

    .ui-resizable-sw {
        cursor: sw-resize;
        width: 0.625vw;
        height: 0.625vw;
        left: -0.3472vw;
        bottom: -0.3472vw;
    }

    .ui-resizable-nw {
        cursor: nw-resize;
        width: 0.625vw;
        height: 0.625vw;
        left: -0.3472vw;
        top: -0.3472vw;
    }

    .ui-resizable-ne {
        cursor: ne-resize;
        width: 0.625vw;
        height: 0.625vw;
        right: -0.3472vw;
        top: -0.3472vw;
    }

    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)";
        /* support: IE8 */
        opacity: 0.25;
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
    }

    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
    }

    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0;
    }

    .ui-selectmenu-open {
        display: block;
    }

    .ui-selectmenu-text {
        display: block;
        margin-right: 1.3889vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }

    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0;
    }

    .ui-slider {
        position: relative;
        text-align: left;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }


    /* support: IE8 - See #6727 */

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

    .ui-slider-horizontal {
        height: .8em;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

    .ui-slider-vertical {
        width: .8em;
        height: 6.9444vw;
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }

    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: .222em 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 2em;
    }

    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }


    /* more specificity required here to override default borders */

    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }

    .ui-spinner-up {
        top: 0;
    }

    .ui-spinner-down {
        bottom: 0;
    }

    .ui-tabs {
        position: relative;
        /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
        padding: .2em;
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px .2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }

    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
    }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tooltip {
        padding: 0.5556vw;
        position: absolute;
        z-index: 9999;
        max-width: 20.8333vw;
    }

    body .ui-tooltip {
        border-width: 2px;
    }


    /* Component containers
    ----------------------------------*/

    .ui-widget {
        font-size: 1em;
    }

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: 'PF BeauSans Pro', sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        font-family: 'PF BeauSans Pro', sans-serif;
        border: 1px solid #fff;
        width: 25vw;
        box-shadow: 0vw 0.2778vw 2.7778vw rgba(0, 0, 0, 0.1);
    }

    .ui-widget-content {
        border: 1px solid #fff;
        background: #ffffff;
        color: #333333;
        margin-top: 0.3472vw;
    }

    .ui-widget-content a {
        color: #333333;
        border-radius: 0.3472vw;
    }

    .ui-widget-header {
        border: 1px solid #fff;
        /* background: #e9e9e9; */
        color: #333333;
        font-weight: bold;
    }

    .ui-widget-header a {
        color: #333333;
    }


    /* Interaction states
    ----------------------------------*/


    /* .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button, */


    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */


    /* html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    } */

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }


    /* .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    } */

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b;
        text-decoration: none;
    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        font-weight: normal;
        color: #ffffff;
    }

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }


    /* Interaction Cues
    ----------------------------------*/

    .ui-state-default {
        transition: .3s;
        border: none;
    }

    .ui-state-default:hover {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        color: #fff;
        border-radius: 0.3472vw;
    }

    .ui-state-checked {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        border-radius: 0.3472vw;
    }

    .ui-state-highlight {
        border: 1px solid var(--color-extra-blue);
        background: var(--color-extra-blue);
        color: var(--color-white) !important;
        border-radius: 0.3472vw;
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620;
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f;
    }

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        -ms-filter: "alpha(opacity=70)";
        /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        -ms-filter: "alpha(opacity=35)";
        /* support: IE8 */
        background-image: none;
    }

    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)";
        /* support: IE8 - See #6059 */
    }


    /* Icons
    ----------------------------------*/


    /* states and images */

    .ui-icon {
        width: 1.1111vw;
        height: 1.1111vw;
    }

    .ui-icon svg {
        width: 1.1111vw;
        height: 1.1111vw;
    }


    /* positioning */


    /* Misc visuals
    ----------------------------------*/


    /* Overlays */

    .ui-widget-overlay {
        background: #aaaaaa;
        opacity: .3;
        -ms-filter: Alpha(Opacity=30);
        /* support: IE8 */
    }

    .ui-widget-shadow {
        -webkit-box-shadow: 0vw 0vw 0.3472vw #666666;
        box-shadow: 0vw 0vw 0.3472vw #666666;
    }


    /*
        End datepicker
    */




    .date-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;
        position: relative;
    }

    .datepicker-input-svg {
        position: absolute;
        width: 0.8333vw;
        height: 0.8333vw;
        bottom: 0.7639vw;
        left: 1.0417vw;
    }

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

    .datepicker-input {
        width: 100%;
        border: none;
        color: var(--color-main);
        font-family: 'Open Sans';
        background: transparent;
        padding-left: 1.5278vw;
    }

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


 

    .time-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;
        position: relative;
    }

    .time-input-svg {
        position: absolute;
        width: 0.8333vw;
        height: 0.8333vw;
        bottom: 0.7639vw;
        left: 1.0417vw;
    }

    .time-input {
        width: 100%;
        border: none;
        color: var(--color-main);
        font-family: 'Open Sans';
        background: transparent;
        padding-left: 1.5278vw;
    }

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

    .time-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;
    }

    .time-items-inner {
        max-height: 22.2222vw;
        overflow: auto;
    }

    .time-items-inner::-webkit-scrollbar {
        width: 0.2778vw;
    }
    
    .time-items-inner::-webkit-scrollbar-track {
        background: var(--color-back);
        border-radius: 0.6944vw;
    }
    
    .time-items-inner::-webkit-scrollbar-thumb {
        border-radius: 0.6944vw;
        background: var(--color-main);
    }

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

    .time-item {
        margin-bottom: 0.3472vw;
        transition: .3s;
        cursor: pointer;
    }

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

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

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


 


    .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;
    }


 

    .location-address-form {
        width: 27.7778vw;
    }

    .location-form-row {
        display: flex;
        align-items: center; 
        justify-content: space-between;
        margin-bottom: 1.0417vw;
    }

    .location-form-row .date-wrapper, 
    .location-form-row .time-wrapper {
        width: 13.1944vw;
    }

    .location-form-block .input-wrapper {
        margin-bottom: 1.0417vw;
    }

    .location-form-block .checkbox {
        margin-bottom: 1.0417vw;
    }


 

    .location {
        padding: 5.5556vw 0;
        margin-bottom: 6.9444vw;
        background: var(--color-back);
    }

    .location-subtitle {
        text-align: center;
        margin-bottom: 1.0417vw;
    }

    .location-title {
        text-align: center;
        margin-bottom: 1.3889vw;
    }

    .location-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.3889vw;
    }   

    .location-tab {
        padding: 0.5556vw 2.1528vw;
        border: 1px solid var(--color-stroke);
        box-sizing: border-box;
        border-radius: 0.3472vw; 
        cursor: pointer;
        margin-right: 1.3889vw;
        transition: .3s;
    }

    .location-tab:last-child {
        margin-right: 0;
    }

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

    .location-address {
        background: #FFFFFF;
        border-radius: 0.6944vw;
        padding: 4.1667vw 4.8611vw;
        display: flex;
        justify-content: space-between;
    }

    .location-address-title {
        margin-bottom: 1.6667vw;
    }

    .location-address-link {
        display: flex;
        align-items: center;
        margin-bottom: 0.3472vw;
    }

    .location-address-link:last-child {
        margin-bottom: 0;
    }

    .location-address-info-title {
        margin-bottom: 1.3889vw;
    }

    .location-address-link-svg {
        width: 0.9722vw;
        height: 0.9722vw;
        margin-right: 0.6944vw;
        flex-shrink: 0;
    }

    .location-address-info-item {
        margin-bottom: 2.4306vw;
    }

    .location-address-info {
        display: flex;
        flex-direction: column;
    }

    .location-address-info-content {
        display: flex;
        align-items: center;
        flex: 1;
    }

    .location-map {
        margin-left: 3.4722vw;
    }

    .location-map iframe {
        width: 27.7778vw;
        height: 26.25vw;
    }

    .location-address {
        display: none;
    }

    .location-address.active {
        display: flex;
    }


 

    /* Slider */
    .slick-slider
    {
        position: relative;

        display: block;
        box-sizing: border-box;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list
    {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus
    {
        outline: none;
    }

    .slick-list.dragging
    {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track
    {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after
    {
        display: table;
        content: '';
    }

    .slick-track:after
    {
        clear: both;
    }

    .slick-loading .slick-track
    {
        visibility: hidden;
    }

    .slick-slide
    {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide
    {
        float: right;
    }

    .slick-slide img
    {
        display: block;
    }

    .slick-slide.slick-loading img
    {
        display: none;
    }

    .slick-slide.dragging img
    {
        pointer-events: none;
    }

    .slick-initialized .slick-slide
    {
        display: block;
    }

    .slick-loading .slick-slide
    {
        visibility: hidden;
    }

    .slick-vertical .slick-slide
    {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }





    .contacts-slider-page {
        padding-bottom: 5.5556vw;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }

    .contacts-slider-subtitle {
        margin-bottom: 1.0417vw;
    }

    .contacts-slider-title {
        margin-bottom: 1.3889vw;
    }

    .contacts-slider-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.3889vw;
    }   

    .contacts-slider-tab {
        padding: 0.5556vw 2.1528vw;
        border: 1px solid var(--color-stroke);
        box-sizing: border-box;
        border-radius: 0.3472vw; 
        cursor: pointer;
        margin-right: 1.3889vw;
        transition: .3s;
    }

    .contacts-slider-tab:last-child {
        margin-right: 0;
    }

    .contacts-slider-tab.active,
    .contacts-slider-tab:hover {
        border: 1px solid var(--color-main);
    }

    .contacts-slider {
        width: 100%;
    }

    .contacts-slider-wrapper {
        width: 100%;
        position: relative;
        display: none;
    }

    .contacts-slider-wrapper.active {
        display: block;
    }

    .contacts-slider-image {
        width: 69.4444vw;
        height: 36.8056vw;
        object-fit: cover;
        margin: 0 4.8611vw; 
    }

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

    .arrow-svg {
        width: 1.1111vw;
        height: 1.1111vw;
    }

    .arrow-prev {
        position: absolute;
        top: 50%;
        left: calc(var(--offset) + 3.4722vw);
        transform: translateY(-50%);
    }

    .arrow-next {
        position: absolute;
        top: 50%;
        right: calc(var(--offset) + 3.4722vw);
        transform: translateY(-50%);
    }

    .contacts-slider-image {
        opacity: .4;
        transition: 1s;
    }

    .slick-current .contacts-slider-image {
        opacity: 1;
    }


 

    .pricelist-2-subtitle {
        text-align: center;
        margin-bottom: 1.0417vw;
    }

    .pricelist-2-title {
        text-align: center;
        margin-bottom: 2.0833vw;
    }

    .pricelist-2-table .table {
        margin: 0;
    }

    .pricelist-2-table table {
        border-collapse: collapse;
        width: 100%;
    }

    .pricelist-2-table td {
        width: 10.5556vw;
        border-right: 0.6944vw solid var(--color-back);
        border-bottom: 0.6944vw solid var(--color-back);
        padding: 0.6944vw 0.9028vw;
        text-align: center;
        border-radius: 0.3472vw;
        background: var(--color-white);
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 0.9722vw;
        line-height: 1.5278vw;
        color: var(--color-main);
    }

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

    .pricelist-2-table tr:first-child td {
        font-weight: 600;
        font-size: 0.8333vw;
        line-height: 1.25vw;
        color: var(--color-white);
        background: var(--color-extra-blue);
    }

    .pricelist-2-table-title {
        background: var(--color-extra-light-blue);
        padding: 0.5556vw 0;
        border-radius: 0.3472vw;
        text-align: center;
        margin-bottom: 1.0417vw;
    }

    .pricelist-2-table-mb {
        margin-bottom: 3.4722vw;
    }

    .pricelist-2-table-remark-block {
        background: var(--color-white);
        border: 1px solid var(--color-extra-light-blue);
        border-radius: 0.3472vw;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.6944vw 0;
    }

    .pricelist-2-remark {
        margin-top: 1.3889vw;
    }


 

    .fitting-content {
        display: flex;
        justify-content: space-between;
        margin-top: 4.1667vw;
    }

    .fitting-content-col {
        width: 39.1667vw;
    }

    .fitting-content-image {
        width: 100%;
        margin-top: 2.7778vw;
    }


 

    .search-items {
        padding: 1.3889vw 0 2.0833vw;
    }

    .search-items-header {
        padding-bottom: 1.3889vw;
        border-bottom: 1px solid var(--color-stroke);
        margin-bottom: 1.3889vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

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

    .search-items-header-count {
        margin-left: 1.0417vw;
        padding: 0.2778vw 0.6944vw;
        background: #E7E7E7;
        border-radius: 0.6944vw;
        font-size: 0.9722vw;
        line-height: 1.5278vw
    }

    .search-items-header .btn {
        font-size: 0.9722vw;
        font-style: normal;
        font-weight: 600;
        line-height: 0.9722vw;
        height: 3.4722vw;
        padding-left: 1.7361vw;
        padding-right: 1.1111vw;
        border-radius: 6.9444vw;
    }

    .search-items-header .btn::after {
        right: 3.125vw;
    }

    .search-items-header .btn svg {
        margin-left: 2.5vw;
    }

    .search-products {
        margin-bottom: -0.6944vw;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .search-product {
        padding: 2px 0;
        width: 41.6667vw;
        margin-right: 5.5556vw;
        margin-bottom: 0.6944vw;
        border-bottom: 1px solid var(--color-stroke);
        display: flex;
        align-items: center;
    }

    .search-btn-show-all {
        display: flex;
        align-items: center;    
    }

    .search-btn-show-all svg {
        width: 1.3889vw;
        height: 1.3889vw;
        margin-left: 0.5556vw;
    }

    .search-product:nth-child(2n) {
        margin-right: 0;
    }

    .search-product-image {
        width: 6.5972vw;
        height: 6.5972vw;
        object-fit: cover;
        margin-right: 1.3889vw;
    }

    .search-product-title {
        margin-bottom: 1.0417vw;
        transition: .3s;
    }

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

    .search-product-price {
        font-size: 1.1111vw;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3889vw;
    }

    .search-items-error {
        padding-top: 2.0833vw;
    }


 

    .search {
        position: fixed;
        top: 0;
        left: 0;
        background: var(--color-white);
        width: 100%;
        z-index: 1002;
    }

    .search-header-form {
        padding: 0 var(--offset);
        border-bottom: 1px solid var(--color-stroke);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .search-icon-search {
        width: 2.0833vw;
        height: 2.0833vw;
        flex-shrink: 0;
    }

    .search-icon-close {
        cursor: pointer;
        margin-right: 0 !important;
    }

    .search-input {
        padding: 1.3889vw 0;
        margin: 0 2.0833vw;
        flex: 1;
        font-size: 1.25vw;
        font-weight: 400;
        line-height: 1.8056vw;
        border: none;
    }


 

	.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;
    }



 
    
    .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;
    }



 

    .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;
    }


 

    .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;
	}


 

	.storage-text-block {
		margin-bottom: 4.1667vw;
	}

	.grey-section {
		background: #F6F6F6;
		padding: 5.5556vw 0;
	}

	.grey-section .text-image-block {
		margin-bottom: 4.1667vw;
	}


 }@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);
    }


 

    .text-image-block {
        display: flex;
        flex-direction: column;
    }

    .text-image-block.reverse {
        flex-direction: column-reverse;
    }

    .text-image {
        width: 100%;
        height: calc(62.5vw * var(--coef-w));
        object-fit: cover;
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .text-image-block .text-image {
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .text-image-block.reverse .text-image {
        margin-top: calc(6.25vw * var(--coef-w));
    }

    .text-image-subtitle {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .text-image-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }


 

    .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;
    }


 
    
    
    .horizontal-banner {
        display: flex;
        flex-direction: column-reverse;
        background: #517CBA;
        border-radius: calc(3.125vw * var(--coef-w));
        margin-bottom: calc(12.5vw * var(--coef-w));
    }

    .horizontal-banner-image {
        width: calc(90.625vw * var(--coef-w));
        height: calc(42.1875vw * var(--coef-w));
        object-fit: cover;
        border-radius: 0 0 calc(3.125vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
    }

    .horizontal-banner-content {
        padding: calc(6.25vw * var(--coef-w)) calc(6.25vw * var(--coef-w));
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .horizontal-banner-title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .horizontal-banner-title {
        text-align: center;
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }

    .horizontal-banner-remark {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: calc(1.5625vw * var(--coef-w));
        padding: calc(2.5vw * var(--coef-w)) calc(6.25vw * var(--coef-w));
        display: flex;
        align-items: center;
    }

    .horizontal-banner-remark-title {
        font-style: normal;
        font-weight: 600;
        font-size: calc(4.375vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
        margin-right: calc(3.125vw * var(--coef-w));
    }

    .horizontal-banner-remark-city {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 800;
        font-size: calc(6.25vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
    }

    .horizontal-banner-remark-city-svg {
        width: calc(5.625vw * var(--coef-w));
        height: calc(5.625vw * var(--coef-w));
        margin-right: calc(1.5625vw * var(--coef-w));
        flex-shrink: 0;
    }


 

    .numbers-block {
        background: #F6F6F6;
        padding: calc(12.5vw * var(--coef-w)) 0;
    }

    .numbers-block-inner {
        background: #FFFFFF;
        padding: calc(6.25vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
    }

    .numbers-block-text {
        display: flex;
        flex-direction: column;
    }

    .numbers-item {
        display: flex;
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }

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

    .numbers-items {
        margin: calc(3.125vw * var(--coef-w)) 0 calc(6.25vw * var(--coef-w));
    }

    .numbers-item-number {
        flex-shrink: 0;
        width: calc(9.375vw * var(--coef-w));
        height: calc(9.375vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--color-extra-blue);
        border-radius: calc(1.5625vw * var(--coef-w));
        margin-right: calc(4.6875vw * var(--coef-w));
        margin-top: calc(1.5625vw * var(--coef-w));
    }

    .numbers-block-image {
        width: 100%;
        height: calc(31.25vw * var(--coef-w));
        object-fit: cover;
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .numbers-block-description {
        text-align: center;
        margin-top: calc(3.125vw * var(--coef-w));
    }

    .numbers-block-description span {
        color: var(--color-second);
        text-transform: uppercase;
        font-weight: 800;
    }
    

 
    
    .text-banner {
        padding: calc(12.5vw * var(--coef-w)) 0;
    }

    .text-banner-inner {
        display: flex;
        flex-direction: column;
    }

    .text-banner-subtitle {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .text-banner-title {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    
    .text-banner-banner {
        display: flex;
        background: #517CBA;
        border-radius: calc(3.125vw * var(--coef-w));
        width: 100%;
        margin-top: calc(6.25vw * var(--coef-w));
    }

    .text-banner-banner-content {
        padding: calc(6.25vw * var(--coef-w)) calc(10.625vw * var(--coef-w));
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .text-banner-banner-title-wrapper {
        display: flex;
        flex-direction: column;
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .text-banner-banner-title {
        flex: 1;
        text-align: center;
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }

    .text-banner-banner-remark {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: calc(3.125vw * var(--coef-w));
        padding: calc(2.5vw * var(--coef-w)) calc(6.25vw * var(--coef-w));
        display: flex;
        align-items: center;
    }

    .text-banner-banner-remark-title {
        font-style: normal;
        font-weight: 600;
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
        margin-right: calc(3.125vw * var(--coef-w));
    }

    .text-banner-banner-remark-city {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: 800;
        font-size: calc(6.25vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
    }

    .text-banner-banner-remark-city-svg {
        width: calc(5.625vw * var(--coef-w));
        height: calc(5.625vw * var(--coef-w));
        margin-right: calc(1.5625vw * var(--coef-w));
        flex-shrink: 0;
    }


 

    .banner-fitting {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: calc(45.625vw * var(--coef-w));
        position: relative;
        margin-bottom: calc(6.25vw * var(--coef-w));
        text-align: center;
    }

    .banner-fitting-title span {
        color: var(--color-extra-blue);
    }

    .banner-fitting-image {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


 

    .pricelist-1 {
        margin-bottom: calc(12.5vw * var(--coef-w));
    }

    .pricelist-1-subtitle {
        text-align: center;
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .pricelist-1-title {
        text-align: center;
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .pricelist-1-table {
        display: flex;
        flex-direction: column;
        margin-bottom: calc(-6.25vw * var(--coef-w));
    }

    .pricelist-1-col {
        width: 100%;
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .pricelist-1-col-title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main);
        border-radius: calc(1.5625vw * var(--coef-w));
        margin-bottom: calc(1.5625vw * var(--coef-w));
        padding: calc(1.5625vw * var(--coef-w)) 0;
        text-align: center;
    }    

    .pricelist-1-row {
        display: flex;
        justify-content: space-between;
    }

    .pricelist-1-table-item {
        width: calc(42.1875vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-back);
        border-radius: calc(1.5625vw * var(--coef-w)); 
        margin-bottom: calc(1.5625vw * var(--coef-w));
        text-align: center;
        padding: calc(2.1875vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
    }

    .pricelist-1-col-subtitle {
        background: var(--color-extra-blue);
    }


 

    .price-desc {
        margin-bottom: calc(12.5vw * var(--coef-w));
    }

    .price-desc-inner {
        background: var(--color-back);
        border-radius: calc(3.125vw * var(--coef-w));
        display: flex;
        flex-direction: column;
    }

    .price-desc-col {
        padding: calc(6.25vw * var(--coef-w)) calc(4.6875vw * var(--coef-w)) calc(9.375vw * var(--coef-w));
    }

    .price-desc-col:first-child {
        border-bottom: 2px solid var(--color-white);
    }

    .price-desc-item {
        display: flex;
        align-items: center;
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }

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

    .price-desc-item-icon {
        width: calc(11.875vw * var(--coef-w));
        height: calc(9.375vw * var(--coef-w));
        margin-right: calc(4.6875vw * var(--coef-w));
        flex-shrink: 0;
    }

    .price-desc-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .price-desc-title span {
        color: var(--color-second);
    }


 

    .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);
    }


 


    /*
        Date picker
    */


    /* Layout helpers
    ----------------------------------*/

    .ui-helper-hidden {
        display: none;
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }

    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }

    .ui-helper-clearfix:after {
        clear: both;
    }

    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        /* support: IE8 */
    }

    .ui-front {
        z-index: 100;
    }


    /* Interaction Cues
    ----------------------------------*/

    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none;
    }


    /* Icons
    ----------------------------------*/

    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: calc(-31249.6875vw * var(--coef-w));
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .ui-widget-icon-block {
        left: 50%;
        margin-left: calc(-2.5vw * var(--coef-w));
        display: block;
    }


    /* Misc visuals
    ----------------------------------*/


    /* Overlays */

    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }

    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: calc(1.5625vw * var(--coef-w)) 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }


    /* icon support */

    .ui-menu-icons {
        position: relative;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }


    /* left-aligned */

    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }


    /* right-aligned */

    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }

    .ui-button {
        padding: .4em 1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Support: IE <= 11 */
        overflow: visible;
    }

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }


    /* to make room for the icon, a width needs to be set here */

    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: calc(-3124.6875vw * var(--coef-w));
        white-space: nowrap;
    }


    /* no icon support for input elements */

    input.ui-button.ui-button-icon-only {
        text-indent: 0;
    }


    /* button icon element(s) */

    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: calc(-2.5vw * var(--coef-w));
        margin-left: calc(-2.5vw * var(--coef-w));
    }

    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: calc(-3124.6875vw * var(--coef-w));
        white-space: nowrap;
    }

    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em 1em;
    }


    /* workarounds */


    /* Support: Firefox 5 - 40 */

    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .ui-controlgroup {
        vertical-align: middle;
        display: inline-block;
    }

    .ui-controlgroup>.ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .ui-controlgroup>.ui-controlgroup-item:focus,
    .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
        z-index: 9999;
    }

    .ui-controlgroup-vertical>.ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .ui-controlgroup-vertical .ui-controlgroup-item {
        box-sizing: border-box;
    }

    .ui-controlgroup .ui-controlgroup-label {
        padding: .4em 1em;
    }

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

    .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
        border-left: none;
    }

    .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
        border-top: none;
    }

    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: none;
    }

    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: none;
    }


    /* Spinner specific style fixes */

    .ui-controlgroup-vertical .ui-spinner-input {
        /* Support: IE8 only, Android < 4.4 only */
        width: 75%;
        width: calc( 100% - 2.4em);
    }

    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid;
    }

    .ui-checkboxradio-label .ui-icon-background {
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: .12em;
        border: none;
    }

    .ui-checkboxradio-radio-label .ui-icon-background {
        width: calc(5vw * var(--coef-w));
        height: calc(5vw * var(--coef-w));
        border-radius: 1em;
        overflow: visible;
        border: none;
    }

    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: calc(2.5vw * var(--coef-w));
        height: calc(2.5vw * var(--coef-w));
        border-width: calc(1.25vw * var(--coef-w));
        border-style: solid;
    }

    .ui-checkboxradio-disabled {
        pointer-events: none;
    }

    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        width: calc(78.125vw * var(--coef-w));
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 1px;
        width: 1.8em;
        height: 1.8em;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: calc(-2.5vw * var(--coef-w));
        top: 50%;
        margin-top: calc(-2.5vw * var(--coef-w));
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: calc(78.125vw * var(--coef-w));
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
        width: calc(9.375vw * var(--coef-w));
        height: calc(9.375vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }


    /* with multiple calendars */

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }

    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }


    /* RTL support */

    .ui-datepicker-rtl {
        direction: rtl;
    }

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }


    /* Icons */

    .ui-datepicker .ui-icon {
        display: block;
        text-indent: calc(-31249.6875vw * var(--coef-w));
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }

    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: calc(6.25vw * var(--coef-w));
        margin: calc(-3.125vw * var(--coef-w)) 0 0 0;
        padding: 1px;
        height: calc(6.25vw * var(--coef-w));
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: calc(2.1875vw * var(--coef-w));
        height: calc(2.1875vw * var(--coef-w));
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }

    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable {
        position: relative;
    }

    .ui-resizable-handle {
        position: absolute;
        font-size: calc(0.0313vw * var(--coef-w));
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }

    .ui-resizable-n {
        cursor: n-resize;
        height: calc(2.1875vw * var(--coef-w));
        width: 100%;
        top: calc(-1.5625vw * var(--coef-w));
        left: 0;
    }

    .ui-resizable-s {
        cursor: s-resize;
        height: calc(2.1875vw * var(--coef-w));
        width: 100%;
        bottom: calc(-1.5625vw * var(--coef-w));
        left: 0;
    }

    .ui-resizable-e {
        cursor: e-resize;
        width: calc(2.1875vw * var(--coef-w));
        right: calc(-1.5625vw * var(--coef-w));
        top: 0;
        height: 100%;
    }

    .ui-resizable-w {
        cursor: w-resize;
        width: calc(2.1875vw * var(--coef-w));
        left: calc(-1.5625vw * var(--coef-w));
        top: 0;
        height: 100%;
    }

    .ui-resizable-se {
        cursor: se-resize;
        width: calc(3.75vw * var(--coef-w));
        height: calc(3.75vw * var(--coef-w));
        right: 1px;
        bottom: 1px;
    }

    .ui-resizable-sw {
        cursor: sw-resize;
        width: calc(2.8125vw * var(--coef-w));
        height: calc(2.8125vw * var(--coef-w));
        left: calc(-1.5625vw * var(--coef-w));
        bottom: calc(-1.5625vw * var(--coef-w));
    }

    .ui-resizable-nw {
        cursor: nw-resize;
        width: calc(2.8125vw * var(--coef-w));
        height: calc(2.8125vw * var(--coef-w));
        left: calc(-1.5625vw * var(--coef-w));
        top: calc(-1.5625vw * var(--coef-w));
    }

    .ui-resizable-ne {
        cursor: ne-resize;
        width: calc(2.8125vw * var(--coef-w));
        height: calc(2.8125vw * var(--coef-w));
        right: calc(-1.5625vw * var(--coef-w));
        top: calc(-1.5625vw * var(--coef-w));
    }

    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)";
        /* support: IE8 */
        opacity: 0.25;
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
    }

    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
    }

    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0;
    }

    .ui-selectmenu-open {
        display: block;
    }

    .ui-selectmenu-text {
        display: block;
        margin-right: calc(6.25vw * var(--coef-w));
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }

    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0;
    }

    .ui-slider {
        position: relative;
        text-align: left;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }


    /* support: IE8 - See #6727 */

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

    .ui-slider-horizontal {
        height: .8em;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

    .ui-slider-vertical {
        width: .8em;
        height: calc(31.25vw * var(--coef-w));
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }

    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: .222em 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 2em;
    }

    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }


    /* more specificity required here to override default borders */

    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }

    .ui-spinner-up {
        top: 0;
    }

    .ui-spinner-down {
        bottom: 0;
    }

    .ui-tabs {
        position: relative;
        /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
        padding: .2em;
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px .2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }

    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
    }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tooltip {
        padding: calc(2.5vw * var(--coef-w));
        position: absolute;
        z-index: 9999;
        max-width: calc(93.75vw * var(--coef-w));
    }

    body .ui-tooltip {
        border-width: 2px;
    }


    /* Component containers
    ----------------------------------*/

    .ui-widget {
        font-size: calc(3.75vw * var(--coef-w));
    }

    .ui-widget .ui-widget {
        font-size: calc(3.75vw * var(--coef-w));
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: 'PF BeauSans Pro', sans-serif;
        font-size: calc(3.75vw * var(--coef-w));
    }

    .ui-widget.ui-widget-content {
        font-family: 'PF BeauSans Pro', sans-serif;
        border: 1px solid #fff;
        width: calc(78.125vw * var(--coef-w));
        box-shadow: calc(0vw * var(--coef-w)) calc(1.25vw * var(--coef-w)) calc(12.5vw * var(--coef-w)) rgba(0, 0, 0, 0.1);
        left: calc(var(--offset) + calc(4.6875vw * var(--coef-w))) !important;
        margin-top: calc(-7.5vw * var(--coef-w));
    }

    .ui-widget-content {
        border: 1px solid #fff;
        background: #ffffff;
        color: #333333;
        margin-top: calc(1.5625vw * var(--coef-w));
    }

    .ui-widget-content a {
        color: #333333;
        border-radius: calc(1.5625vw * var(--coef-w));
    }

    .ui-widget-header {
        border: 1px solid #fff;
        /* background: #e9e9e9; */
        color: #333333;
        font-weight: bold;
    }

    .ui-widget-header a {
        color: #333333;
    }


    /* Interaction states
    ----------------------------------*/


    /* .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button, */


    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */


    /* html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    } */

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }


    /* .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    } */

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b;
        text-decoration: none;
    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        font-weight: normal;
        color: #ffffff;
    }

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }


    /* Interaction Cues
    ----------------------------------*/

    .ui-state-default {
        transition: .3s;
        border: none;
    }

    .ui-state-checked {
        border: 1px solid var(--color-main);
        background: var(--color-main);
        border-radius: calc(1.5625vw * var(--coef-w));
    }

    .ui-state-highlight {
        border: 1px solid var(--color-extra-blue);
        background: var(--color-extra-blue);
        color: var(--color-white) !important;
        border-radius: calc(1.5625vw * var(--coef-w));
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620;
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f;
    }

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        -ms-filter: "alpha(opacity=70)";
        /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        -ms-filter: "alpha(opacity=35)";
        /* support: IE8 */
        background-image: none;
    }

    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)";
        /* support: IE8 - See #6059 */
    }


    /* Icons
    ----------------------------------*/


    /* states and images */

    .ui-icon {
        width: calc(5vw * var(--coef-w));
        height: calc(5vw * var(--coef-w));
    }

    .ui-icon svg {
        width: calc(5vw * var(--coef-w));
        height: calc(5vw * var(--coef-w));
    }


    /* positioning */


    /* Misc visuals
    ----------------------------------*/


    /* Overlays */

    .ui-widget-overlay {
        background: #aaaaaa;
        opacity: .3;
        -ms-filter: Alpha(Opacity=30);
        /* support: IE8 */
    }

    .ui-widget-shadow {
        -webkit-box-shadow: calc(0vw * var(--coef-w)) calc(0vw * var(--coef-w)) calc(1.5625vw * var(--coef-w)) #666666;
        box-shadow: calc(0vw * var(--coef-w)) calc(0vw * var(--coef-w)) calc(1.5625vw * var(--coef-w)) #666666;
    }


    /*
        End datepicker
    */




    .date-wrapper {
        background: var(--color-white);
        border-radius: calc(1.5625vw * var(--coef-w));
        padding: calc(2.5vw * 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));
        position: relative;
    }

    .datepicker-input-svg {
        position: absolute;
        width: calc(3.75vw * var(--coef-w));
        height: calc(3.75vw * var(--coef-w));
        bottom: calc(3.125vw * var(--coef-w));
        left: calc(4.6875vw * var(--coef-w));
    }

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

    .datepicker-input {
        width: 100%;
        border: none;
        color: var(--color-main);
        font-family: 'Open Sans';
        background: transparent;
        padding-left: calc(6.25vw * var(--coef-w));
    }

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


 

    .time-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));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: calc(14.375vw * var(--coef-w));
        position: relative;
    }

    .time-input-svg {
        position: absolute;
        width: calc(3.75vw * var(--coef-w));
        height: calc(3.75vw * var(--coef-w));
        bottom: calc(2.8125vw * var(--coef-w));
        left: calc(4.6875vw * var(--coef-w));
    }

    .time-input {
        width: 100%;
        border: none;
        color: var(--color-main);
        font-family: 'Open Sans';
        background: transparent;
        padding-left: calc(6.25vw * var(--coef-w));
    }

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

    .time-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;
    }

    .time-items-inner {
        max-height: calc(100vw * var(--coef-w));
        overflow: auto;
    }

    .time-items-inner::-webkit-scrollbar {
        width: calc(1.25vw * var(--coef-w));
    }
    
    .time-items-inner::-webkit-scrollbar-track {
        background: var(--color-back);
        border-radius: calc(3.125vw * var(--coef-w));
    }
    
    .time-items-inner::-webkit-scrollbar-thumb {
        border-radius: calc(3.125vw * var(--coef-w));
        background: var(--color-main);
    }

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

    .time-item {
        margin-bottom: calc(1.5625vw * var(--coef-w));
        transition: .3s;
        cursor: pointer;
    }

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

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

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


 

    .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;
    }

 

    .location-address-form {
        width: 100%;
        margin-top: calc(6.25vw * var(--coef-w));
    }

    .location-form-row {
        display: flex;
        flex-direction: column;
    }

    .location-form-row .date-wrapper, 
    .location-form-row .time-wrapper {
        width: 100%;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .location-form-block .input-wrapper {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .location-form-block .checkbox {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }


 

    .location {
        padding: calc(12.5vw * var(--coef-w)) 0;
        margin-bottom: calc(12.5vw * var(--coef-w));
        background: var(--color-back);
    }

    .location-subtitle {
        text-align: center;
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .location-title {
        text-align: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .location-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: calc(4.6875vw * var(--coef-w));
        width: 100%;
    }   

    .location-tab {
        padding: calc(3.125vw * var(--coef-w)) calc(2.5vw * var(--coef-w));
        border: 1px solid var(--color-stroke);
        box-sizing: border-box;
        border-radius: calc(1.5625vw * var(--coef-w)); 
        cursor: pointer;
        margin-right: calc(3.125vw * var(--coef-w));
        font-size: calc(3.75vw * var(--coef-w));
        transition: .3s;
    }

    .location-tab:last-child {
        margin-right: 0;
    }

    .location-tab.active {
        border: 1px solid var(--color-main);
    }

    .location-address {
        background: #FFFFFF;
        border-radius: calc(3.125vw * var(--coef-w));
        padding: calc(6.25vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
        display: flex;
        flex-direction: column;
    }

    .location-address-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .location-address-link {
        display: flex;
        align-items: center;
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .location-address-link:last-child {
        margin-bottom: 0;
    }

    .location-address-info-title {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .location-address-link-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;
    }

    .location-address-info-item {
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }

    .location-address-info {
        display: flex;
        flex-direction: column;
    }

    .location-address-info-content {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .location-map {
        margin-top: calc(1.5625vw * var(--coef-w));
    }

    .location-map iframe {
        width: calc(81.25vw * var(--coef-w));
        height: calc(62.5vw * var(--coef-w));
        border-radius: calc(3.125vw * var(--coef-w))
    }

    .location-address {
        display: none;
    }

    .location-address.active {
        display: flex;
    }


 
    /* Slider */
    .slick-slider
    {
        position: relative;

        display: block;
        box-sizing: border-box;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list
    {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus
    {
        outline: none;
    }

    .slick-list.dragging
    {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track
    {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after
    {
        display: table;
        content: '';
    }

    .slick-track:after
    {
        clear: both;
    }

    .slick-loading .slick-track
    {
        visibility: hidden;
    }

    .slick-slide
    {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide
    {
        float: right;
    }

    .slick-slide img
    {
        display: block;
    }

    .slick-slide.slick-loading img
    {
        display: none;
    }

    .slick-slide.dragging img
    {
        pointer-events: none;
    }

    .slick-initialized .slick-slide
    {
        display: block;
    }

    .slick-loading .slick-slide
    {
        visibility: hidden;
    }

    .slick-vertical .slick-slide
    {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }





    .contacts-slider-page {
        padding-bottom: calc(12.5vw * var(--coef-w));
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }

    .contacts-slider-subtitle {
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .contacts-slider-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .contacts-slider-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: calc(4.6875vw * var(--coef-w));
    }   

    .contacts-slider-tab {
        padding: calc(3.125vw * var(--coef-w));
        border: 1px solid var(--color-stroke);
        box-sizing: border-box;
        border-radius: calc(1.5625vw * var(--coef-w)); 
        cursor: pointer;
        margin-right: calc(3.125vw * var(--coef-w));
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
    }

    .contacts-slider-tab:last-child {
        margin-right: 0;
    }

    .contacts-slider-tab.active {
        border: 1px solid var(--color-main);
    }

    .contacts-slider {
        width: 100%;
    }

    .contacts-slider-wrapper {
        width: 100%;
        position: relative;
        display: none;
        padding-bottom: calc(15.625vw * var(--coef-w))
    }

    .contacts-slider-wrapper.active {
        display: block;
    }

    .contacts-slider-image {
        width: var(--column-width);
        height: calc(62.5vw * var(--coef-w));
        object-fit: cover;
        margin: 0 calc(6.25vw * var(--coef-w)); 
    }

    .arrow {
        width: calc(10.625vw * var(--coef-w));
        height: calc(10.625vw * var(--coef-w));
        background: var(--color-main);
        border-radius: calc(1.5625vw * var(--coef-w));
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .arrow-svg {
        width: calc(4.375vw * var(--coef-w));
        height: calc(4.375vw * var(--coef-w));
    }

    .arrow-prev {
        position: absolute;
        bottom: 0;
        left: calc(var(--offset) + calc(31.25vw * var(--coef-w)));
    }

    .arrow-next {
        position: absolute;
        bottom: 0;
        right: calc(var(--offset) + calc(31.25vw * var(--coef-w)));
    }



 

    .pricelist-2 {
        margin-bottom: calc(6.25vw * var(--coef-w));
    }

    .pricelist-2-subtitle {
        text-align: center;
        margin-bottom: calc(1.5625vw * var(--coef-w));
    }

    .pricelist-2-title {
        text-align: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .pricelist-2-table .table {
        margin: 0;
        width: var(--column-width);
        overflow: auto;
    }

    .pricelist-2-table .table::-webkit-scrollbar {
        height: calc(1.25vw * var(--coef-w));
    }

    .pricelist-2-table .table::-webkit-scrollbar-track {
        background: var(--color-back);
    }

    .pricelist-2-table .table::-webkit-scrollbar-thumb {
        background: var(--color-extra-light-blue);
    }

    .pricelist-2-table table {
        border-collapse: collapse;
        width: 100%;
    }

    .pricelist-2-table td {
        width: calc(47.5vw * var(--coef-w));
        border-right: calc(3.125vw * var(--coef-w)) solid var(--color-back);
        border-bottom: calc(3.125vw * var(--coef-w)) solid var(--color-back);
        padding: calc(3.125vw * var(--coef-w)) calc(4.0625vw * var(--coef-w));
        text-align: center;
        border-radius: calc(1.5625vw * var(--coef-w));
        background: var(--color-white);
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: calc(4.375vw * var(--coef-w));
        line-height: calc(6.875vw * var(--coef-w));
        color: var(--color-main);
    }

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

    .pricelist-2-table tr:first-child td {
        font-weight: 600;
        font-size: calc(3.75vw * var(--coef-w));
        line-height: calc(5.625vw * var(--coef-w));
        color: var(--color-white);
        background: var(--color-extra-blue);
    }

    .pricelist-2-table-title {
        background: var(--color-extra-light-blue);
        padding: calc(1.5625vw * var(--coef-w)) 0;
        border-radius: calc(1.5625vw * var(--coef-w));
        text-align: center;
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .pricelist-2-table-mb {
        margin-bottom: calc(12.5vw * var(--coef-w));
    }

    .pricelist-2-table-remark-block {
        background: var(--color-white);
        border: 1px solid var(--color-extra-light-blue);
        border-radius: calc(1.5625vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: center;
        padding: calc(3.125vw * var(--coef-w)) 0;
        margin-top: calc(6.25vw * var(--coef-w));
    }

    .pricelist-2-remark {
        margin-top: calc(6.25vw * var(--coef-w));
    }


 

    .fitting-content {
        display: flex;
        flex-direction: column;
    }

    .fitting-content-image {
        width: 100%;
        height: calc(62.5vw * var(--coef-w));
        object-fit: cover;
        border-radius: calc(3.125vw * var(--coef-w));
        margin-top: calc(6.25vw * var(--coef-w));
    }


 

    .search-items {
        padding: calc(3.125vw * var(--coef-w)) 0;
    }

    .search-items-header {
        padding-bottom: calc(3.125vw * var(--coef-w));
        border-bottom: 1px solid var(--color-stroke);
        margin-bottom: calc(3.125vw * var(--coef-w));
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .search-items-header-title {
        font-size: calc(3.4375vw * var(--coef-w));
        font-style: normal;
        font-weight: 400;
        line-height: calc(5vw * var(--coef-w));
        display: flex;
        align-items: center;
    }

    .search-items-header-count {
        font-size: calc(4.0625vw * var(--coef-w));
        font-style: normal;
        font-weight: 600;
        line-height: calc(6.25vw * var(--coef-w));
        margin-left: calc(3.125vw * var(--coef-w));
        padding: calc(1.25vw * var(--coef-w)) calc(3.125vw * var(--coef-w));
        background: #E7E7E7;
        border-radius: calc(3.125vw * var(--coef-w));
    }

    .search-items-header .btn {
        font-size: calc(3.4375vw * var(--coef-w));
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        height: calc(10.625vw * var(--coef-w));
        padding-left: calc(5.9375vw * var(--coef-w));
        padding-right: calc(4.375vw * var(--coef-w));
        border-radius: calc(9.375vw * var(--coef-w));
    }

    .search-items-header .btn::after {
        right: calc(11.875vw * var(--coef-w));
    }

    .search-items-header .btn svg {
        margin-left: calc(9.375vw * var(--coef-w));
    }

    .search-products {
        margin-bottom: calc(-3.125vw * var(--coef-w));
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .search-product {
        padding: calc(1.5625vw * var(--coef-w)) 0;
        border-bottom: 1px solid var(--color-stroke);
        display: flex;
        align-items: center;
    }

    .search-product:nth-child(n + 6) {
        display: none;
    }

    .search-product-image {
        width: calc(25vw * var(--coef-w));
        height: calc(25vw * var(--coef-w));
        object-fit: contain;
        margin-right: calc(3.125vw * var(--coef-w));
    }

    .search-product-title {
        margin-bottom: calc(3.125vw * var(--coef-w));
    }

    .search-product-price {
        font-size: calc(4.375vw * var(--coef-w));
        font-style: normal;
        font-weight: 600;
        line-height: calc(6.25vw * var(--coef-w));
    }

    .search-items-error {
        padding: calc(3.125vw * var(--coef-w)) 0;
        font-size: calc(3.75vw * var(--coef-w));
        font-style: normal;
        font-weight: 600;
        line-height: calc(5vw * var(--coef-w));
    }

    .search-btn-show-all {
        display: flex;
        align-items: center;    
    }

    .search-btn-show-all svg {
        width: calc(6.25vw * var(--coef-w));
        height: calc(6.25vw * var(--coef-w));
        margin-left: calc(2.5vw * var(--coef-w));
    }


 

    .search {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--color-white);
        width: 100%;
    }

    .search-header-form {
        padding: calc(3.75vw * var(--coef-w)) var(--offset);
        border-bottom: 1px solid var(--color-stroke);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .search-icon {
        width: calc(6.25vw * var(--coef-w));
        height: calc(6.25vw * var(--coef-w));
    }

    .search-icon-close {
        cursor: pointer;
    }

    .search-input {
        padding: calc(5.625vw * var(--coef-w)) 0;
        margin: 0 calc(3.125vw * var(--coef-w));
        flex: 1;
        font-size: calc(3.75vw * var(--coef-w));
        font-style: normal;
        font-weight: 600;
        line-height: calc(5vw * var(--coef-w));
        border: none;
    }


 

	.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;
    }



 
    
    .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;
    }



 

    .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;
    }


 

    .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;
	}


 

	.storage-text-block {
		margin-bottom: calc(12.5vw * var(--coef-w));
	}

	.grey-section {
		background: #F6F6F6;
		padding: calc(12.5vw * var(--coef-w)) 0;
	}

	.grey-section .text-image-block {
		margin-bottom: calc(12.5vw * var(--coef-w));
	}


 }