html {
    min-height: 100vh;
}

html.is-hidden {
    overflow: hidden;
}

body {
    background: #fff;
    font-family: 'Wix Madefor Display', Arial, Verdana, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    overflow-x: hidden;
    min-width: 360px;
    color: #141718;
    opacity: 1;
    min-height: 100vh;
}

.global-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

ol, ul {
    list-style: none;
    margin-bottom: 0;
}

input {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    outline: none !important;
}

@media not all and (min-resolution: 0.001dpcm) {
    select:focus, textarea:focus, input:focus {
        -webkit-appearance: none;
    }

    select:active, input:active, textarea:active {
        -webkit-appearance: none;
    }

    input, textarea, select {
        -webkit-appearance: none;
    }

    select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }

    select:active, input:active, textarea:active {
        font-size: 16px;
    }

    input, textarea, select {
        font-size: 16px;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
    margin-bottom: 1em;
}

p:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
}

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

a:not([class]) {
    color: #0060AA;
    border-bottom: 1px solid #0060AA;
    transition: border-bottom-color .3s;
}

a:not([class]):hover {
    border-bottom-color: transparent;
}

::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

body a:hover, body a:active, body a:focus {
    text-decoration: none;
    outline: 0;
}

input:focus {
    border: none;
    outline: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

button:focus {
    outline: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
}

html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="hidden"] {
    display: none;
}

button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

ul:not([class]) {
    margin: 0 0 1em;
    list-style-type: disc;
    line-height: 1.25;
    padding-left: 25px;
}

ul:not([class]):last-child {
    margin-bottom: 0;
}

ul:not([class]) li {
    margin-bottom: 0.45em;
}

ul:not([class]) li:last-child {
    margin-bottom: 0;
}

ol:not([class]) {
    margin: 0 0 1em;
    padding-left: 25px;
    line-height: 1.25;
    list-style-type: decimal;
}

ol:not([class]):last-child {
    margin-bottom: 0;
}

ol:not([class]) li {
    margin-bottom: 0.45em;
}

ol:not([class]) li:last-child {
    margin-bottom: 0;
}

.main-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    background-color: #0060AA;
    border: 1px solid #0060AA;
    padding: 0 1em;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    transition: background-color .3s, border-color .3s, color .3s;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
}

.main-btn:hover {
    background-color: transparent;
    color: #0060AA;
}

.main-btn:focus {
    border: 1px solid #0060AA;
}

.main-btn:active {
    border: 1px solid #0060AA;
    background-color: transparent;
}

.main-mod_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    border: 1px solid #0060AA;
    background-color: transparent;
    border-radius: 5px;
    padding: 0 1em;
    color: #0060AA;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    transition: background-color .3s;
    width: fit-content;
    white-space: nowrap;
}

.main-mod_btn:hover {
    background-color: #0060AA;
    color: #fff;
}

.main-mod_btn:active {
    background: #004377;
}

.white-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 0 1em;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    transition: background-color .3s, color .3s;
    width: fit-content;
    white-space: nowrap;
}

.white-btn:hover {
    background-color: #fff;
    color: #0060AA;
}

.white-btn:active {
    background: #F4F4F4;
    color: #0060AA;
}

.white-mod_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 5px;
    padding: 0 1em;
    color: #0060AA;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    transition: background-color .3s, color .3s;
    width: fit-content;
    white-space: nowrap;
}

.white-mod_btn:hover {
    background-color: transparent;
    color: #fff;
}

.white-mod_btn:active {
    border-color: #e6e6e6;
    color: #e6e6e6;
}

h1, .main-title {
    font-size: 3.125rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1em;
}

h2, .section-title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1em;
}

.section-small_title {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 1.5em;
}

h3, .h3 {
    font-size: 2.125rem;
    font-weight: 600;
    margin-bottom: 1em;
}

h4, .h4 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1em;
}

h5, .h5 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5em;
}

.white-title {
    color: #fff;
}

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

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

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

.text-upper {
    text-transform: uppercase;
}

.min {
    display: block;
}

@font-face {
    font-family: "rouble";
    src: url("../fonts/rouble.otf") format("opentype");
}

.rouble {
    font-family: "rouble";
    text-transform: none;
}

@font-face {
    font-family: 'ico-icon';
    src: url("../fonts/icons/ico-icon.ttf?afbcla") format("truetype"), url("../fonts/icons/ico-icon.woff?afbcla") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="ico-"], [class*=" ico-"] {
    font-family: 'ico-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url("../fonts/WixMadeforDisplay-Regular/WixMadeforDisplay-Regular.woff2") format("woff2"), url("../fonts/WixMadeforDisplay-Regular/WixMadeforDisplay-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url("../fonts/WixMadeforDisplay-Medium/WixMadeforDisplay-Medium.woff2") format("woff2"), url("../fonts/WixMadeforDisplay-Medium/WixMadeforDisplay-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url("../fonts/WixMadeforDisplay-SemiBold/WixMadeforDisplay-SemiBold.woff2") format("woff2"), url("../fonts/WixMadeforDisplay-SemiBold/WixMadeforDisplay-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url("../fonts/WixMadeforDisplay-Bold/WixMadeforDisplay-Bold.woff2") format("woff2"), url("../fonts/WixMadeforDisplay-Bold/WixMadeforDisplay-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1277px;
    width: 100%;
}

.wrapper-loader {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.wrapper-loader.is-fade .logo-loader {
    left: 50%;
    opacity: 1;
}

.wrapper-loader.is-fade .loader-text {
    left: 50%;
    opacity: 1;
}

.logo-loader_content {
    position: relative;
    height: 70px;
    margin-bottom: 1em;
    width: 100%;
}

.logo-loader {
    width: 300px;
    height: 100%;
    background: url(../img/static/logo.svg) no-repeat center top;
    background-size: contain;
    position: absolute;
    left: 0;
    opacity: 0;
    text-align: left;
    transform: translatex(-50%);
    transition: left .4s;
}

.wrapper_loader-text {
    position: relative;
    text-align: right;
    width: 100%;
}

.loader-text {
    display: inline-block;
    position: absolute;
    left: 100%;
    text-align: center;
    color: #000;
    font-size: 1.5rem;
    opacity: 0;
    transform: translatex(-50%);
    white-space: nowrap;
    transition: left .4s;
}

.bg-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.54);
    z-index: 90;
}

/*****HEADER*****/
.ui-header {
    position: relative;
    z-index: 100;
}

.ui-header.is-overflow {
    overflow-y: scroll;
}

.ui-header_content {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 1em 0;
    gap: 1.7em;
    font-size: .875rem;
}

.head-logo {
    border-bottom: none;
    display: flex;
    align-items: center;
    max-width: 136px;
}

.catalog-btn {
    display: flex;
    align-items: center;
    gap: .7em;
    color: #fff;
    padding: 0 1em;
    height: 41px;
    background: #0060AA;
    cursor: pointer;
    border-radius: 5px;
}

.hamburger {
    display: block;
    padding: 0;
    cursor: pointer;
    width: 20px;
    flex: 20px 0 0;
    height: 14px;
}

.hamburger.is-active .hamburger-inner {
    background: #fff;
}

.hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background: #fff;
    top: -4px;
    width: 100%;
}

.hamburger-box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.hamburger-inner {
    background: #fff;
}

.hamburger-inner:after, .hamburger-inner:before {
    background: #fff;
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 100%;
}

.hamburger-inner:after {
    right: 0;
    left: auto;
    width: 50%;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    height: 2px;
}

.hamburger--spring .hamburger-inner:before {
    top: 6px;
}

.hamburger--spring .hamburger-inner:after {
    top: 12px;
}

.hamburger-main {
    display: none;
}

.hamburger-main .hamburger-inner:after {
    left: 0;
    right: auto;
    width: 100%;
}

.hamburger-main.is-active .hamburger-inner {
    background: #0060AA;
}

.hamburger-main.is-active .hamburger-inner:after, .hamburger-main.is-active .hamburger-inner:before {
    background: #0060AA;
    top: -4px;
    width: 100%;
}

.hamburger-main .hamburger-inner {
    background: #0060AA;
}

.hamburger-main .hamburger-inner:after, .hamburger-main .hamburger-inner:before {
    background: #0060AA;
}

.head-search_icon {
    height: 25px;
    flex: 25px 0 0;
    border-radius: 5px;
    background: #0060AA;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    transition: background .3s;
}

.head-search_icon:hover {
    background: #004377;
}

.head-search_icon:before {
    content: '';
    display: block;
    background: url(../img/icons/search.svg) no-repeat center;
    background-size: contain;
    height: 10px;
    width: 10px;
}

.wrapper_search-form {
    flex: 1 0 0;
    position: relative;
    z-index: 0;
}

.search-dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #F4F4F4;
    margin-top: -4px;
    border-radius: 0 0 5px 5px;
    padding: 1em;
    width: 100%;
    z-index: -1;
}

.search-dropdown_list {
    display: flex;
    flex-direction: column;
    gap: 1em;
    text-transform: uppercase;
}

.search-dropdown_list a {
    display: block;
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.search-dropdown_list a:hover {
    color: #0060AA;
}

.search-form {
    position: relative;
}

.search-form_input {
    height: 41px;
    background: #F4F4F4;
    border-radius: 5px;
    padding: 0 3em 0 1em;
    border: 1px solid #F4F4F4;
    width: 100%;
    transition: border .3s;
}

.search-form_input:focus {
    border: 1px solid #000;
}

.search-form_input::-webkit-input-placeholder {
    color: #949697;
}

.search-form_input::input-placeholder {
    color: #949697;
}

.search-form_input::-moz-input-placeholder {
    color: #949697;
}

.wrapper_search-form_input {
    position: relative;
}

.clear-input_btn {
    display: none;
    width: 15px;
    height: 15px;
    padding: 0;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    right: 2.5rem;
    transition: filter .3s;
    z-index: 10;
}

.clear-input_btn.is-visible {
    display: block;
}

.clear-input_btn:hover {
    filter: brightness(0) saturate(100%) invert(31%) sepia(70%) saturate(7487%) hue-rotate(193deg) brightness(84%) contrast(101%);
}

.wrapper_search-form_submit {
    margin: auto;
    height: 21px;
    border-radius: 5px;
    background: #0060AA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: .5em;
    top: 0;
    width: 21px;
    transition: background .3s;
}

.wrapper_search-form_submit:hover {
    background: #004377;
}

.wrapper_search-form_submit:before {
    content: '';
    display: block;
    background: url(../img/icons/search.svg) no-repeat center;
    background-size: contain;
    height: 10px;
    width: 10px;
}

.search-form_submit-btn {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}

.head_phone-number {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3em 1em;
    font-weight: 600;
    color: #0060AA;
    border: 1px solid #0060AA;
    font-size: .875rem;
    height: 41px;
    border-radius: 5px;
    flex: 1 0 0;
    max-width: 217px;
    text-align: center;
    transition: border-color .3s, color .3s;
}

.head_phone-number:hover {
    border-color: #00355e;
    color: #00355e;
}

.recording-btn {
    height: 41px;
    font-size: .875rem;
}

.head-controls {
    display: flex;
    align-items: center;
    gap: 1.7em;
}

.head-user, .head-fav, .head-cart {
    flex: 41px 0 0;
    height: 41px;
    border-radius: 5px;
    border: 1px solid #0060AA;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .3em;
    position: relative;
    width: 41px;
    transition: background .3s;
}

.head-user.is-active .head-amount, .head-fav.is-active .head-amount, .head-cart.is-active .head-amount {
    display: flex;
}

.head-user:hover, .head-fav:hover, .head-cart:hover {
    background: #0060AA;
}

.head-user:hover img, .head-fav:hover img, .head-cart:hover img {
    filter: brightness(0) invert(1);
}

.head-user:hover .head-amount, .head-fav:hover .head-amount, .head-cart:hover .head-amount {
    background: #fff;
    color: #0060AA;
}

.head-user img, .head-fav img, .head-cart img {
    max-height: 100%;
    transition: filter .3s;
}

.head-cart {
    background: #0060AA;
}

.head-cart:hover {
    background-color: transparent;
}

.head-cart:hover .head-amount {
    background: #0060AA;
    color: #fff;
}

.head-cart:hover img {
    filter: none;
}

.head-cart img {
    filter: brightness(0) invert(1);
}

.head-cart .head-amount {
    background: #fff;
    color: #0060AA;
}

.head-amount {
    position: absolute;
    top: .6em;
    right: .6em;
    background: #0060AA;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    color: #fff;
    padding: 0 .2em;
    min-width: 13px;
    height: 13px;
    width: auto;
    z-index: 2;
}

.mobile-logo {
    max-width: 116px;
    display: flex;
    align-items: center;
    position: relative;
    left: 10px;
}

.mobile-menu_closed {
    display: none;
    height: 20px;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 1.5em;
    right: .7em;
    width: 20px;
    z-index: 10;
}

.dropdown-mobile_content {
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 1.2em;
    padding-bottom: 0;
    gap: .6em;
}

.dropdown-box_header {
    display: none;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 3em 0 1em;
}

.dropdown-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding-top: 2.2em;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 6.5em);
    width: 100%;
    z-index: 20;
}

@media (min-width: 1025px) {
    .dropdown-box::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .dropdown-box::-webkit-scrollbar-thumb {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #0060AA;
    }

    .dropdown-box::-webkit-resizer {
        width: 3px;
        height: 0px;
    }

    .dropdown-box::-webkit-scrollbar {
        width: 3px;
    }

    @-moz-document url-prefix() {
        .dropdown-box {
            scrollbar-color: #0060AA #DADFE8;
            scrollbar-width: thin;
        }
    }
}

.dropdown-box_body {
    display: flex;
    flex-direction: column;
    gap: 2.8em;
}

.dropdown-box_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.8em;
}

.dropdown-box_item {
    display: flex;
    flex-direction: column;
    gap: .6em;
}

.dropdown-box_title {
    font-size: 1.4375rem;
    font-weight: 500;
}

.dropdown-box_title a {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.dropdown-box_title a:hover {
    color: #0060AA;
}

.dropdown-menu {
    display: flex;
    flex-direction: column;
    gap: .6em;
    font-size: 1rem;
}

.dropdown-menu a {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.dropdown-menu a:hover {
    color: #0060AA;
}

.mobile-menu_arrow-icon {
    display: none;
    align-items: center;
    justify-content: center;
    height: 24px;
    flex: 24px 0 0;
    width: 24px;
    transform: rotate(-90deg);
}

.mobile-menu_arrow-icon:before {
    content: '';
    display: block;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    height: 15px;
    width: 15px;
}

.back-list {
    display: none;
    align-items: center;
    position: relative;
    margin-bottom: .5em;
    gap: .3em;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    width: fit-content;
}

.back-list:before {
    content: '';
    display: block;
    height: 14px;
    flex: 14px 0 0;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    position: relative;
    top: 1px;
    transform: rotate(90deg);
    width: 14px;
}

.fixed-menu {
    position: fixed !important;
    top: 0;
    left: 0;
    box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -200px, 0);
    width: 100%;
    background-color: #fff;
}

.scroll-transform {
    transform: translate3d(0, 0, 0) !important;
    transition: transform .4s;
}

.site-map_section {
    padding: 3em 0;
}

.site-map_menu li {
    margin-bottom: 1em;
}

.site-map_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}

.main-content {
    flex: 1 0 auto;
    padding-top: 2.7em;
    padding-bottom: 2.5em;
}

/***main-section**/
.main-slider {
    margin-bottom: 3em;
}

.main-slider .slick-track {
    display: flex;
}

.main-slider .slick-slide {
    height: auto;
}

.main-slider .slick-slide > div {
    height: 100%;
}

.main-slider .wrapper-slide {
    height: 100%;
}

.main-slider .slick-dots {
    bottom: 1.4em;
}

.main-slider .slick-dots li {
    height: 10px;
    border-radius: 1px;
    background: #fff;
    width: 10px;
    transition: transform .3s;
}

.main-slider .slick-dots li.slick-active {
    background: #fff;
    transform: scale(1.6);
}

.main-slide {
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 100%;
    min-height: 585px;
    padding: 2em;
    padding-bottom: 3em;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1em;
}

.main-slide_title {
    margin-bottom: 0;
    line-height: 1;
    max-width: 700px;
}

.main-slide_price {
    font-size: 2.5rem;
    margin-bottom: .5em;
}

.main-slide_btns {
    display: flex;
    gap: 1em;
}

.main-slide_btns a {
    height: 43px;
}

.category-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.3em;
    margin-bottom: 6em;
}

.category-item {
    border: 1px solid #B0B7C3;
    border-radius: 10px;
    padding: 1.3em .6em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: .7em;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    transition: background .3s, border-color .3s, color .3s;
}

.category-item:hover {
    border-color: #0060AA;
    color: #0060AA;
}

.category-item .item-img {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.category-item .item-img img {
    max-height: 100%;
    transition: filter .3s;
}

/**vision-test_section**/
.vision-test_section {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 3.3em 4em;
    margin-bottom: 1em;
}

.vision-test_section .section-title {
    margin-bottom: .4em;
}

.vision-test_section .top-text {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 2.3em;
}

.vision-test_section_top {
    margin-top: 6.2em;
}

.vision-test_section-bottom {
    margin-bottom: 5em;
}

.vision-test_form-fields {
    display: grid;
    grid-template-columns: 49.5% 49.5%;
    gap: 1%;
}

.vision-test_form-fields .form-group {
    margin-bottom: 0;
}

.vision-test_form-fields .form-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-group {
    margin-bottom: 1.4em;
    position: relative;
}

.form-group.focus .form-label {
    font-size: 0.625rem;
    left: 1.7em;
    line-height: 2.6;
}

.form-group.is-select .selectric .label {
    color: #141718;
}

.form-textarea_group.focus .form-label {
    background: #fff;
    line-height: 1.1;
    width: 100%;
    z-index: 10;
}

.form-control {
    border: none;
    border: 1px solid #fff;
    background: #fff;
    height: 60px;
    border-radius: 5px;
    background: #fff;
    padding: 0 1.2em;
    display: block;
    resize: none;
    outline: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    transition: border .3s;
}

.form-control:focus {
    border: 1px solid #0060AA;
}

.form-control::-webkit-input-placeholder {
    color: #343839;
}

.form-control::input-placeholder {
    color: #343839;
}

.form-control::-moz-input-placeholder {
    color: #343839;
}

.form-label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1.2em;
    right: 1.2em;
    pointer-events: none;
    line-height: 60px;
    color: #343839;
    max-width: 100%;
    transition: all 0.3s;
    white-space: nowrap;
    z-index: 2;
}

.vision-test_form-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.2em;
    margin-top: 2.5em;
}

.vision-test_form-footer .form-policy {
    color: #B0B7C3;
    max-width: 454px;
    text-align: right;
}

.vision-test_form-footer .form-policy a {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.vision-test_form-footer .form-policy a:hover {
    color: #0060AA;
}

.vision-test_form-submit {
    max-width: 355px;
    flex: 1 0 0;
}

.selectric {
    height: 60px;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #fff;
    position: relative;
    transition: border-color .3s;
    z-index: 2;
}

.selectric .label {
    font-size: inherit;
    height: 100%;
    line-height: 60px;
    margin-left: 1.2em;
    margin-right: 5rem;
    color: #343839;
}

.selectric .button {
    height: 100%;
    width: 4rem;
    background-color: transparent;
}

.selectric .button:after {
    width: 25px;
    height: 15px;
    border: none;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    bottom: 2px;
}

.selectric-items ul {
    padding: 0;
    margin: 0;
    font-size: inherit;
}

.selectric-items li {
    margin-bottom: 0 !important;
}

.selectric-items .selectric-scroll {
    scrollbar-color: #cccccc transparent;
    scrollbar-width: thin;
}

.selectric-items .selectric-scroll::-webkit-scrollbar-track {
    background-color: transparent;
}

.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #cccccc;
}

.selectric-items .selectric-scroll::-webkit-resizer {
    width: 3px;
    height: 0px;
}

.selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 3px;
}

.selectric-items {
    border: none;
    padding: 0 .7em;
    font-size: inherit;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
    padding: 0;
    margin-top: 1px;
    border-radius: 5px;
}

.selectric-items li {
    font-size: inherit;
    padding: .7em;
    color: inherit;
    border-bottom: none;
    transition: background .3s, color .3s;
}

.selectric-items li:hover {
    background: #0060AA;
    color: #fff;
}

.selectric-items li.highlighted {
    background: transparent;
    color: #0060AA;
}

.selectric-open .button {
    transform: rotate(180deg);
}

.selectric-open .selectric {
    border-color: #141718 !important;
}

/**products-section**/
.products-section {
    padding: 5.2em 0;
}

.unified-section_header {
    margin-bottom: 3em;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1em;
}

.unified-section_header .left-column {
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}

.unified-section_header h2, .unified-section_header .section-title {
    margin-bottom: 0;
}

.unified-section_header .subtitle {
    font-size: 1.25rem;
}

.unified_right-btn {
    min-width: 196px;
    height: 43px;
}

.products-slider {
    padding: 0 5.2em;
}

.products-slider .slick-slide {
    padding: 0 1.2em;
    height: auto;
}

.products-slider .slick-slide > div {
    height: 100%;
}

.products-slider .slick-track {
    display: flex;
    align-items: start;
    transition: height .1s linear;
}

.products-slider .product-item {
    height: auto;
}

.products-slider .product-item_img {
    height: 207px;
}

.slick-arrow {
    height: 56px;
    border: 1px solid #0060AA;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    transform: none;
    transition: background .3s, border-color .3s;
}

.slick-arrow:hover {
    background: #0060AA;
    border-color: #0060AA;
}

.slick-arrow:hover:before {
    filter: brightness(0) invert(1);
}

.slick-arrow:before {
    content: '';
    display: block;
    position: relative;
    background: url(../img/icons/arrow.svg) no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(18%) sepia(88%) saturate(2602%) hue-rotate(191deg) brightness(103%) contrast(102%);
    height: 14px;
    width: 25px;
    transform: rotate(-90deg);
    transition: transform .3s;
}

.slick-prev:before {
    right: 3px;
    transform: rotate(90deg);
}

.product-item {
    display: flex !important;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #0060AA;
}

.product-item_img {
    height: 187px;
    position: relative;
    transition: opacity .3s;
}

.product-item_img:hover {
    opacity: .8;
}

.product-item_img .link-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.product-item_img .link-img img {
    max-height: 100%;
}

.product-item_fav {
    display: block;
    background-image: url(../img/icons/fav.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 17px;
    position: absolute;
    right: 1.2em;
    top: .7em;
    width: 21px;
    transition: all .3s;
}

.product-item_fav.is-active {
    background-image: url(../img/icons/fav-2.svg);
}

.product-item_desc {
    flex: 1 0 0;
    padding: 1.4em 1.1em 1.1em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .8em;
}

.product-item_title {
    font-weight: 500;
    line-height: 1.5;
}

.product-item_title a {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.product-item_title a:hover {
    color: #0060AA;
}

.product-item_text {
    color: #B0B7C3;
    font-size: .875rem;
}

.product-item_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7em;
    margin-top: auto;
}

.product-item_price-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .7em;
}

.product-item_price {
    font-size: 1.25rem;
    font-weight: 600;
    white-space: nowrap;
}

.product-item_old-price {
    font-size: .875rem;
    color: #6C7275;
    position: relative;
    margin-right: auto;
    top: 5px;
    white-space: nowrap;
}

.product-item_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    flex: 46px 0 0;
    background: #0060AA;
    border-radius: 5px;
    width: 49px;
    transition: background .3s;
}

.product-item_btn:hover {
    background: #004377;
}

.product-item_btn:before {
    content: '';
    display: block;
    height: 28px;
    flex: 24px 0 0;
    background: url(../img/icons/cart-2.svg) no-repeat center;
    background-size: contain;
    width: 24px;
}

/**services-section**/
.services-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.9em;
}

.service-item {
    background: #B0B7C3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 1.5em;
    color: #fff;
    padding-right: 20%;
    min-height: 333px;
    position: relative;
    z-index: 1;
}

.service-item .white-btn {
    height: 43px;
    min-width: 180px;
}

.service-item_blue {
    background: #005DA5;
}

.service-item_desc {
    display: flex;
    flex-direction: column;
    gap: 2.2em;
}

.service-item_title {
    font-size: 2.5rem;
    color: #fff;
    min-height: 80px;
    line-height: 1;
}

.service-item_img {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-right: .8em;
    width: 75%;
    z-index: -1;
}

.service-item_img img {
    max-height: 100%;
}

.service-item_img-end {
    align-items: flex-end;
}

.service-item_img-second {
    padding-right: 0;
}

.service-item_img-third {
    padding-right: 1.3em;
}

.service-item_img-fourth {
    padding-right: 0;
    align-items: flex-end;
}

/**about-section**/
.about-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    padding: 6.2em 0;
}

.about-section_desc {
    font-size: 1.125rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
}

.about-section_desc h2 {
    margin-bottom: .7em;
}

.about-section_desc p {
    padding-right: 7%;
    line-height: 1.25;
    margin-bottom: 0;
}

.about-section_desc .top-text {
    color: #0060AA;
    font-size: 1.25rem;
    padding-right: 0;
}

.about-section_desc .top-text a {
    color: inherit;
    border-bottom-color: transparent;
}

.about-section_desc .top-text a:hover {
    border-bottom-color: #0060AA;
}

.about-section_desc .hidden-text {
    display: none;
}

.read-more_btn {
    display: inline-block;
    color: #0060AA;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: border-color .3s;
}

.read-more_btn:hover {
    border-color: #0060AA;
}

.about-section_img img {
    display: block;
    border-radius: 10px;
}

/***actions-row***/
.actions-section {
    padding-bottom: 6em;
}

.actions-row {
    display: grid;
    grid-template-columns: 66% 31.5%;
    gap: 2em 2.5%;
}

.action-item {
    border: 1px solid #0060AA;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-item .section-title {
    color: #0060AA;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: .7em;
}

.action-item .main-mod_btn, .action-item .white-mod_btn {
    height: 43px;
    min-width: 180px;
}

.action-blue_item {
    background: #0060AA;
    color: #fff;
    padding-right: 1em;
}

.action-blue_item .section-title {
    color: inherit;
}

.free-check_desc {
    flex: 1 0 0;
    padding: 2.5em 1.4em;
    padding-bottom: 3em;
    margin-right: -.8em;
}

.free-check_img {
    flex: 31.5% 0 0;
    display: flex;
    align-items: flex-end;
}

.free-check_img img {
    display: block;
    width: 100%;
}

.action-mod_item {
    flex: 395px 0 0;
    background: #0060AA;
    color: #fff;
    border-radius: 10px;
    padding: 1.4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.action-mod_item:after {
    content: '';
    display: block;
    background: url(../img/icons/percent.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 140px;
    width: 136px;
    z-index: -1;
}

.action-mod_item .section-title {
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: .7em;
}

.action-mod_item .white-mod_btn {
    height: 43px;
    min-width: 180px;
}

.action-detailed {
    font-size: 1.125rem;
}

.action-detailed .section-title {
    margin-bottom: .5em;
    max-width: 990px;
    line-height: 1.1;
}

/**map-section**/
.map-section {
    padding: 6.2em 0;
}

.map-section_title {
    height: 55px;
    border-radius: 5px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    font-size: 1.125rem;
    font-weight: 600;
    min-width: 244px;
    margin-bottom: 2em;
    width: fit-content;
    text-align: center;
}

.map-section_content {
    display: flex;
}

.map-section_left-column {
    flex: 335px 0 0;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 1em;
    max-height: 606px;
}

.map-section_left-column::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}

.map-section_left-column::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #B0B7C3;
}

.map-section_left-column::-webkit-resizer {
    width: 3px;
    height: 0px;
}

.map-section_left-column::-webkit-scrollbar {
    width: 3px;
}

@-moz-document url-prefix() {
    .map-section_left-column {
        scrollbar-color: #B0B7C3 #F4F4F4;
        scrollbar-width: thin;
    }
}

.shop-item {
    background: #F4F4F4;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 1.4em;
    padding: 1.4em;
    margin-bottom: 1.3em;
}

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

.shop-item_list {
    display: flex;
    flex-direction: column;
    gap: 1.4em;
}

.shop-item_adress {
    gap: .7em;
    display: flex;
}

.shop-item_adress:before {
    content: '';
    display: block;
    background: url(../img/icons/adress.svg) no-repeat center;
    background-size: contain;
    flex: 18px 0 0;
    height: 18px;
    width: 18px;
}

.shop-item_working-hours {
    gap: .7em;
    display: flex;
}

.shop-item_working-hours:before {
    content: '';
    display: block;
    background: url(../img/icons/clock.svg) no-repeat center;
    background-size: contain;
    flex: 18px 0 0;
    height: 18px;
    width: 18px;
}

.shop-item_phone {
    gap: .7em;
    display: flex;
}

.shop-item_phone:before {
    content: '';
    display: block;
    background: url(../img/icons/phone.svg) no-repeat center;
    background-size: contain;
    flex: 18px 0 0;
    height: 18px;
    width: 18px;
}

.shop-item_email {
    gap: .7em;
    display: flex;
}

.shop-item_email:before {
    content: '';
    display: block;
    background: url(../img/icons/email.svg) no-repeat center;
    background-size: contain;
    flex: 18px 0 0;
    height: 18px;
    width: 18px;
}

.shop-item_btn {
    height: 43px;
    background: #B0B7C3;
    border: none;
    padding: 0 1em;
    min-width: 196px;
}

.shop-item_btn.is-active {
    background: #0060AA;
    color: #fff;
}

.shop-item_btn:hover {
    background: #0060AA;
    color: #fff;
}

.map-section_right-column {
    flex-basis: calc(100% - 335px);
    max-width: calc(100% - 335px);
    padding-left: 1.4em;
}

.wrapper-map {
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
}

#map {
    height: 100%;
    width: 100%;
}

/**catalog-section**/
.catalog-section {
    display: flex;
    gap: 2em;
    margin-bottom: 6.2em;
}

.catalog-sidebar {
    flex: 288px 0 0;
}

.catalog-sidebar_content {
    background: #F4F4F4;
    padding: 1.5em .7em 0;
    border-radius: 10px;
}

.filter_close-btn {
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    width: 40px;
    transition: background .1s, color .1s;
}

.filter_close-btn:active {
    background: #0060AA;
    color: #fff;
}

.filter_close-btn:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    height: 19px;
    flex: 19px 0 0;
    width: 19px;
}

.filter-sidebar_title {
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 1.1em;
}

.filter-sidebar_body {
    display: flex;
    flex-direction: column;
    padding-bottom: 1.7em;
    gap: 2em;
}

.filter-item {
    padding-bottom: 1.8em;
    border-bottom: 1px solid #B0B7C3;
}

.filter-item_title {
    font-weight: 500;
    display: block;
    margin-bottom: 1em;
}

.filter-item_list {
    display: flex;
    flex-direction: column;
    gap: .65em;
}

.filter-item_list .item-number {
    color: #B0B7C3;
    margin-left: -1px;
}

.unified-checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 2.5em;
    color: inherit;
}

.unified-checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    display: none;
}

.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:before {
    opacity: 1;
}

.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:after {
    background: #0060AA;
    border-color: #0060AA;
}

.unified-checkbox input[type="checkbox"] + .checkbox-text:before {
    width: 4px;
    height: 9px;
    content: '';
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 3px;
    left: 7px;
    opacity: 0;
    transform: rotate(45deg);
    transition: opacity .2s;
    z-index: 1;
}

.unified-checkbox input[type="checkbox"] + .checkbox-text:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #B0B7C3;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    transition: border-color .3s, background .3s;
}

.unified-checkbox .checkbox-text {
    display: inline-block;
    transition: color .2s;
}

.filter-form_search {
    position: relative;
    margin-bottom: .6em;
}

.filter-form_search-input {
    border: 2px solid #B0B7C3;
    border-radius: 5px;
    padding: 0 1em 0 2.1em;
    font-size: .875rem;
    height: 41px;
    width: 100%;
    transition: border .3s;
}

.filter-form_search-input:focus {
    border: 2px solid #0060AA;
}

.filter-form_search-submit {
    margin: auto;
    height: 21px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: .3em;
    top: 0;
    width: 21px;
    transition: background .3s;
}

.filter-form_search-submit:hover {
    background: #0060AA;
}

.filter-form_search-submit:hover:before {
    filter: brightness(0) invert(1);
}

.filter-form_search-submit:before {
    content: '';
    display: block;
    background: url(../img/icons/search.svg) no-repeat center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(3%) sepia(3%) saturate(5617%) hue-rotate(149deg) brightness(99%) contrast(88%);
    height: 12px;
    width: 12px;
}

.filter-form_search-submit .submit-btn {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.filter-item_list-scroll {
    max-height: 110px;
    overflow: hidden;
    overflow-y: auto;
}

@media (min-width: 1025px) {
    .filter-item_list-scroll::-webkit-scrollbar-track {
        border: 1px solid #B0B7C3;
        border-radius: 60px;
    }

    .filter-item_list-scroll::-webkit-scrollbar-thumb {
        -webkit-border-radius: 60px;
        border-radius: 60px;
        background-color: #0060AA;
        background: #B0B7C3;
    }

    .filter-item_list-scroll::-webkit-resizer {
        width: 5px;
        height: 0;
    }

    .filter-item_list-scroll::-webkit-scrollbar {
        width: 5px;
    }

    @-moz-document url-prefix() {
        .dropdown-box {
            scrollbar-color: #0060AA #B0B7C3;
            scrollbar-width: thin;
        }
    }
}

.filter-sidebar_footer {
    display: flex;
    flex-direction: column;
    margin-left: -.7em;
    margin-right: -.7em;
}

.reset_filter-btn {
    color: #7A7A7A;
    font-size: 11px;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    gap: 1em;
    height: 43px;
    text-transform: uppercase;
}

.reset_filter-btn:hover {
    color: #0060AA;
}

.reset_filter-btn:hover:before {
    filter: brightness(0) saturate(100%) invert(31%) sepia(70%) saturate(7487%) hue-rotate(193deg) brightness(84%) contrast(101%);
}

.reset_filter-btn:before {
    content: '';
    display: block;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    height: 11px;
    flex: 11px 0 0;
    width: 11px;
    transition: filter .3s;
}

.apply-filter_btn {
    height: 43px;
    width: 100%;
}

.catalog-main {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2em;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3em 1.8em;
    font-size: .875rem;
    margin-bottom: 1.4em;
}

.breadcrumbs li {
    position: relative;
}

.breadcrumbs li:after {
    content: '';
    display: block;
    height: 12px;
    background: #B0B7C3;
    position: absolute;
    top: 2px;
    right: -.9em;
    width: 1px;
    transform: skew(-28deg);
}

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

.breadcrumbs a {
    color: #B0B7C3;
    border-bottom: none;
    transition: color .3s;
}

.breadcrumbs a:hover {
    color: #0060AA;
}

.catalog-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.54);
    z-index: 101;
}

.filter-modile_btn {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .2em 1.4em;
    min-height: 40px;
    border-radius: 10px;
    background: #0060AA;
    color: #fff;
    gap: .8em;
    margin-bottom: 1.5em;
    cursor: pointer;
    transition: background .3s;
    width: fit-content;
}

.filter-modile_btn:after {
    content: '';
    display: block;
    background: url(../img/icons/filter.svg) no-repeat center;
    background-size: contain;
    height: 16px;
    flex: 16px 0 0;
    width: 16px;
}

.main-small_title {
    font-size: 1.875em;
    margin-bottom: 1.3em;
}

.main-small_title.mar-title {
    margin-bottom: 1em;
}

.catalog-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4em 1.7em;
}

.wrapper_vision-test_section {
    padding: 6.2em 0 4.7em;
}

.pagination-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    gap: 1.9em;
}

.main-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
    font-size: 1.125rem;
}

.main-pagination li.active {
    pointer-events: none;
}

.main-pagination li.active a {
    color: #0060AA;
    border-color: #0060AA;
}

.main-pagination li.disabled {
    display: none;
}

.main-pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #B0B7C3;
    height: 55px;
    color: inherit;
    width: 55px;
    transition: color .3s, border .3s;
}

.main-pagination a:hover {
    color: #0060AA;
    border: 1px solid #0060AA;
}

.main-pagination .next-page:hover, .main-pagination .prev-page:hover {
    filter: brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(1924%) hue-rotate(189deg) brightness(94%) contrast(101%);
}

.main-pagination .next-page:before, .main-pagination .prev-page:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    right: 2px;
    filter: brightness(0) saturate(100%) invert(3%) sepia(4%) saturate(3598%) hue-rotate(149deg) brightness(97%) contrast(88%);
    transform: rotate(-90deg);
    transition: filter .3s;
}

.main-pagination .next-page:hover:before, .main-pagination .prev-page:hover:before {
    border-color: #0060AA;
}

.main-pagination .prev-page:before {
    left: 2px;
    right: auto;
    transform: rotate(90deg);
}

.show-more_btn {
    gap: .7em;
}

.show-more_btn:hover:after {
    filter: brightness(0) invert(1);
}

.show-more_btn:after {
    content: '';
    display: block;
    background: url(../img/icons/load.svg) no-repeat center;
    background-size: contain;
    height: 20px;
    flex: 20px 0 0;
    width: 20px;
}

.action-catlog_item {
    background: #0060AA;
    color: #fff;
    border-radius: 10px;
    padding: 4.5em 1.4em 2.3em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1em;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.action-catlog_item:after {
    content: '';
    display: block;
    background: url(../img/icons/percent.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: -2em;
    height: 172px;
    width: 168px;
    z-index: -1;
}

.action-catlog_item .title {
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1.3;
}

.action-catlog_item .white-mod_btn {
    height: 43px;
    min-width: 180px;
}

.no-result_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 5em;
    gap: 1em;
    font-size: 1.25rem;
    text-align: center;
}

.no-result_section .main-btn {
    min-width: 337px;
}

.no-result_section p {
    margin-bottom: 0;
    font-weight: 500;
}

.no-result_icon {
    height: 140px;
    flex: 140px 0 0;
    background: url(../img/icons/search.svg) no-repeat center;
    margin-bottom: 1em;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2127%) hue-rotate(190deg) brightness(101%) contrast(101%);
    width: 140px;
}

/**product-card**/
.product-card_section {
    padding-top: 3px;
}

.product-card_section .breadcrumbs {
    margin-bottom: 3.6em;
}

.product-card_content {
    display: flex;
    gap: 1.9em;
}

.product-card_left-column {
    flex: 57.5% 0 0;
    max-width: 57.5%;
    display: flex;
    align-items: flex-start;
    gap: 27px;
}

.product-card_small-slider {
    flex: 153px 0 0;
    max-width: 153px;
    margin-top: -16px;
    margin-bottom: -16px;
}

.product-card_small-slider .slick-list {
    width: 100%;
}

.product-card_small-slider .slick-track {
    width: 100%;
}

.product-card_small-slider .slick-slide {
    padding: 16px 0;
}

.product-card_small-slider .slick-slide > div {
    width: 100%;
}

.product-card_small-slider .slick-current .product-card_small-item {
    box-shadow: inset 0 0 0 2px #0060AA;
}

.product-card_small-slider .slick-arrow {
    left: 0;
    right: 0;
    background: #0060AA;
    height: 30px;
    width: 30px;
    transition: background .3s;
}

.product-card_small-slider .slick-arrow:hover {
    background: #004377;
}

.product-card_small-slider .slick-arrow:before {
    height: 8px;
    filter: brightness(0) invert(1);
    width: 15px;
}

.product-card_small-slider .slick-next {
    bottom: auto;
    top: 2px;
    transform: rotate(-90deg);
}

.product-card_small-slider .slick-prev {
    bottom: 2px;
    top: auto;
    transform: rotate(-90deg);
}

.product-card_small-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #0060AA;
    border-radius: 3px;
    padding: 3px;
    overflow: hidden;
    height: 143px;
    width: 100%;
    transition: box-shadow .3s;
}

.product-card_small-item img {
    max-height: 100%;
}

.product-card_slider {
    flex-basis: calc(100% - 180px);
    max-width: calc(100% - 180px);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #0060AA;
}

.product-card_slider .slick-track {
    display: flex;
}

.product-card_slider .slick-slide {
    height: auto;
}

.product-card_slider .slick-slide > div {
    height: 100%;
}

.product-card_item {
    display: block !important;
    height: 100%;
    height: 500px;
}

.product-card_item img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    width: 100%;
}

.product-card_item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    padding: 1px;
    height: 100%;
    position: relative;
}

.product-card_item > a:hover:after {
    opacity: 1;
}

.product-card_item > a:after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.5) url(../img/icons/loop-icon.png) no-repeat center center;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: opacity .3s;
}

.product-card_right-column {
    flex: 1 0 0;
    background: #F4F4F4;
    border-radius: 10px;
    padding: 1.7em 1.5em;
}

.product-card_title {
    font-size: 1.875rem;
    margin-bottom: .2em;
}

.product-card_availability {
    color: #07AA29;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 1.1em;
}

.product-card_availability:before {
    content: '';
    display: block;
    border-radius: 50%;
    background: #07AA29;
    height: 9px;
    width: 9px;
}

.product-card_not-availability {
    color: #FF0000;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 1.1em;
}

.product-card_not-availability:before {
    content: '';
    display: block;
    border-radius: 50%;
    background: #FF0000;
    height: 9px;
    width: 9px;
}

.product-card_price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 .7em;
    margin-bottom: 1em;
}

.product-card_price {
    font-size: 1.875rem;
    font-weight: 600;
    white-space: nowrap;
}

.product-card_old-price {
    color: #6C7275;
    position: relative;
    margin-right: auto;
    top: 1px;
    white-space: nowrap;
}

.product-card_btns {
    display: flex;
    gap: 1em;
    margin-bottom: 2em;
}

.wrapper-counter-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    flex: 1 0 0;
    padding: 0 10px;
    max-width: 144px;
    height: 43px;
}

.wrapper-counter-btn .counter-back, .wrapper-counter-btn .counter-forward {
    border: none;
    width: 35px;
    flex: 35px 0 0;
    height: 35px;
    border-radius: 5px;
    border: none;
    background-color: transparent;
    position: relative;
    transition: background .25s;
}

.wrapper-counter-btn .counter-back:hover, .wrapper-counter-btn .counter-forward:hover {
    background: #0060AA;
}

.wrapper-counter-btn .counter-back:hover:before, .wrapper-counter-btn .counter-back:hover:after, .wrapper-counter-btn .counter-forward:hover:before, .wrapper-counter-btn .counter-forward:hover:after {
    background: #fff;
}

.wrapper-counter-btn .counter-back:before {
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #343839;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: background .3s;
}

.wrapper-counter-btn .counter-forward:after, .wrapper-counter-btn .counter-forward:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #343839;
    border-radius: 2px;
    transition: background .3s;
}

.wrapper-counter-btn .counter-forward:after {
    height: 10px;
    width: 2px;
}

.wrapper-counter-btn .counter-forward:before {
    height: 2px;
    width: 10px;
}

.wrapper-counter-btn .product-count {
    width: 100%;
    flex: 1 0 0;
    height: 100%;
    text-align: center;
}

.product-card_btn {
    flex: 1 0 0;
    font-size: 1.125rem;
    height: 43px;
}

.product-characteristics {
    font-size: .875rem;
    width: 100%;
}

.product-characteristics td {
    padding: .85em;
}

.product-characteristics td:first-child {
    padding-left: 0;
}

.product-characteristics td:last-child {
    padding-right: 0;
    font-weight: 500;
    /* text-align: right; */
}

.product-characteristics tr:first-child td {
    padding-top: 0;
}

.product-characteristics tr {
    border-bottom: 1px solid #B0B7C3;
}

.product-card_tab-section {
    margin-top: 6em;
    margin-bottom: 5em;
}

.product-card_tab-section p {
    font-size: 1.125rem;
    margin-bottom: 1.2em;
}

.product-card_tab-section p:last-child {
    margin-bottom: 0;
}

.product-card_tab-section .h5 {
    margin-top: 1.5em;
    margin-bottom: 1.3em;
}

.product-card_tab-names {
    display: flex;
    gap: 2.3em;
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 2.4em;
}

.product-card_tab-names li {
    border-radius: 5px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 55px;
    padding: 0 1em;
    min-width: 244px;
    transition: background .3s, color .3s;
}

.product-card_tab-names li:hover {
    background: #0060AA;
    color: #fff;
}

.product-card_tab-names li.active {
    background: #0060AA;
    color: #fff;
}

.main-color {
    color: #0060AA;
}

.product-card_select {
    margin-bottom: 1em;
}

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

.product-property_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.8em 1.6em;
}

.product-property_item {
    display: flex;
    flex-direction: column;
    gap: .7em;
    padding-bottom: 1.7em;
    border-bottom: 1px solid #B8BEC9;
}

.product-property_item .item-subtitle {
    font-weight: 600;
}

/**similar-products_section**/
.products-mod_slider {
    margin: 0 -1em 6em;
    padding: 0 37px;
}

.products-mod_slider .slick-slide {
    padding: 0 1em;
    height: auto;
}

.products-mod_slider .slick-slide > div {
    height: 100%;
}

.products-mod_slider .slick-track {
    display: flex;
    padding-bottom: 3px;
    transition: height .1s linear;
}

.products-mod_slider .product-item {
    height: 100% !important;
}

.products-mod_slider .slick-prev {
    left: -.8rem;
}

.products-mod_slider .slick-next {
    right: -.8rem;
}

.breadcrumbs-mod {
    margin-bottom: 3em;
}

/**service-page**/
.unified-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 2%;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 2.3em;
}

.unified-menu li {
    min-width: 23.5%;
}

.unified-menu li.active {
    pointer-events: none;
}

.unified-menu li.active a {
    background: #0060AA;
    color: #fff;
}

.unified-menu a {
    min-height: 73px;
    border-radius: 10px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    padding: 0 1em;
    text-align: center;
    transition: background .3s, color .3s;
}

.unified-menu a:hover {
    background: #0060AA;
    color: #fff;
}

.service-banner {
    display: flex;
    border-right: 10px;
    margin-bottom: 6em;
    color: #fff;
    border-radius: 10px;
}

.service-banner__mod-mb {
    margin-bottom: 2em;
}

.service-banner p {
    margin-bottom: .6em;
}

.service-banner p:last-child {
    margin-bottom: 0;
}

.service-banner_desc {
    padding: 2em 3em 2em 6em;
    font-size: 1.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-banner_desc .section-title {
    font-weight: 500;
    margin-bottom: .5em;
}

.service-banner_img {
    flex: 0 0 auto;
    max-width: 35%;
}

.service-detailed_desc {
    padding: 0 6em;
    font-size: 1.125rem;
    margin-bottom: 5.7em;
}

.service-detailed_desc:last-child {
    margin-bottom: 0;
}

.service-detailed_desc p {
    margin-bottom: .6em;
}

.service-detailed_desc p:last-child {
    margin-bottom: 0;
}

.service-gray_box {
    background: #F4F4F4;
    padding: 2.7em 6em;
    font-size: 1.125rem;
    border-radius: 10px;
}

.service-gray_box .section-title {
    font-weight: 500;
    margin-bottom: .4em;
}

.service-gray_box p {
    margin-bottom: .6em;
    line-height: 1.3;
}

.service-gray_box p:last-child {
    margin-bottom: 0;
}

.bold-text {
    font-weight: 700;
}

/**useful-information_section**/
.useful-information_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    margin-bottom: 6em;
}

.useful-info_item {
    border-radius: 10px;
    padding: 0 .4em;
    border: 1px solid #0060AA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0060AA;
    min-height: 156px;
    font-weight: 500;
    font-size: 2.5rem;
    transition: background .3s, border-color .3s, color .3s;
}

.useful-info_item:hover {
    background: #0060AA;
    color: #fff;
}

.useful-info_item:hover .item-icon {
    background: #fff;
}

.useful-info_item:hover .item-icon:before {
    filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(3571%) hue-rotate(190deg) brightness(97%) contrast(101%);
}

.useful-info_item .item-icon {
    height: 56px;
    flex: 56px 0 0;
    background: #0060AA;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    transition: background .3s;
}

.useful-info_item .item-icon:before {
    content: '';
    display: block;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    height: 25px;
    filter: brightness(0) invert(1);
    width: 25px;
    transform: rotate(-90deg);
    transition: filter .3s;
}

.info-gray_item {
    border-color: #B0B7C3;
    background: #B0B7C3;
    color: #fff;
}

.info-gray_item:hover {
    background: transparent;
    color: #B0B7C3;
}

.info-gray_item:hover .item-icon {
    border-color: #B0B7C3;
    background-color: transparent;
}

.info-gray_item:hover .item-icon:before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(81%) saturate(1437%) hue-rotate(178deg) brightness(87%) contrast(72%);
}

.info-gray_item .item-icon {
    border: 1px solid #fff;
    background-color: transparent;
}

.info-gray_item .item-icon:before {
    filter: brightness(0) invert(1);
}

.info-blue_item {
    background: #0060AA;
    color: #fff;
}

.info-blue_item:hover {
    background: transparent;
    color: #0060AA;
}

.info-blue_item:hover .item-icon {
    border-color: #0060AA;
    background: transparent;
}

.info-blue_item:hover .item-icon:before {
    filter: brightness(0) saturate(100%) invert(20%) sepia(70%) saturate(2823%) hue-rotate(190deg) brightness(100%) contrast(101%);
}

.info-blue_item .item-icon {
    border: 1px solid #fff;
}

.info-blue_item .item-icon:before {
    filter: brightness(0) invert(1);
}

/**reviews-section**/
.reviews-section {
    padding-bottom: 5.5em;
}

.reviews-section .top-text {
    margin-bottom: 2em;
    font-size: 1.125rem;
}

.reviews-section .section-title {
    margin-bottom: .5em;
}

.reviews-section_content {
    display: flex;
    gap: 2em;
}

.reviews-section_left-column {
    flex: 1 0 0;
}

.wrapper-reviews {
    overflow: hidden;
    overflow-y: auto;
    max-height: 1035px;
    padding-right: .5em;
}

.wrapper-reviews::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}

.wrapper-reviews::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #BAC0CB;
}

.wrapper-reviews::-webkit-resizer {
    width: 5px;
    height: 0px;
}

.wrapper-reviews::-webkit-scrollbar {
    width: 5px;
}

@-moz-document url-prefix() {
    .wrapper-reviews {
        scrollbar-color: #BAC0CB #F4F4F4;
        scrollbar-width: thin;
    }
}

.reviews-section_right-column {
    flex: 456px 0 0;
}

.review-item {
    border: 1px solid #0060AA;
    border-radius: 10px;
    padding: 3em 2.6em;
    margin-bottom: 1.8em;
}

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

.review-item p {
    margin-bottom: .5em;
}

.review-item_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .1em .8em;
    font-size: .875rem;
    margin-bottom: 1.5em;
}

.review-item_header .item-text {
    color: #B0B7C3;
    position: relative;
    top: 5px;
}

.review-item_name {
    font-size: 1.5625rem;
}

.review-item_rate {
    position: relative;
    background: url(../img/icons/star.svg) repeat-x;
    margin-top: 1.2em;
    height: 18px;
    width: 123px;
}

.review-item_rate .rate-progress {
    position: absolute;
    background: url(../img/icons/star-2.svg) repeat-x;
    height: 100%;
    left: 0;
    top: 0;
}

.wrapper_leave-feedback_form {
    border-radius: 10px;
    background: #F4F4F4;
    padding: 3em;
    position: sticky;
    top: 5em;
}

.wrapper_leave-feedback_form .title {
    font-size: 1.5625rem;
    font-weight: 500;
    margin-bottom: 1.8em;
}

.leave-feedback_form .form-group {
    margin-bottom: 10px;
}

.leave-feedback_form .form-textarea {
    height: 106px;
    padding-top: 1.3em;
}

.leave-feedback_form-footer {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding-top: 1.7em;
}

.leave-feedback_form-footer .form-policy {
    color: #B0B7C3;
    font-size: .875rem;
}

.leave-feedback_form-footer .form-policy a {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.leave-feedback_form-footer .form-policy a:hover {
    color: #0060AA;
}

.leave-feedback_form-submit {
    width: 100%;
}

/**artices-section**/
.articles-row {
    gap: 2em;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 4.7em;
}


.articles-mod_row {
    gap: 3em 2em;
}

.article-item {
    border: 1px solid #0060AA;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.article-item:hover .article-item_title {
    color: #0060AA;
}

.article-item:hover .article-item_img {
    opacity: .8;
}

.article-item:hover .article-item_arrow {
    background-color: transparent;
}

.article-item:hover .article-item_arrow:before {
    filter: brightness(0) saturate(100%) invert(26%) sepia(70%) saturate(1780%) hue-rotate(185deg) brightness(91%) contrast(103%);
}

.article-item_img {
    position: relative;
    padding-top: 46%;
    border-radius: 10px;
    transition: opacity .3s;
}

.article-item_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.article-item_desc {
    padding: 1.5em 1em 1em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 0;
    gap: 1.4em;
}

.article-item_desc p {
    color: #B0B7C3;
    font-size: .875rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.article-item_title {
    font-weight: 500;
    transition: color .3s;
}

.article-item_arrow {
    margin-left: auto;
    margin-top: auto;
    height: 44px;
    background: #0060AA;
    border: 1px solid #0060AA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 44px;
    transition: background .3s;
}

.article-item_arrow:before {
    content: '';
    display: block;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    height: 23px;
    filter: brightness(0) invert(1);
    width: 23px;
    transform: rotate(-90deg);
    transition: filter .3s;
}

.article-unit {
    display: flex;
    flex-direction: column;
}

.article-unit .article-item {
    height: 100%;
}

/**article-detailed**/
.article-detailed {
    font-size: 1.125rem;
}

.article-detailed h2, .article-detailed .section-title {
    margin-bottom: .5em;
    line-height: 1.1;
}

.article-detailed p {
    line-height: 1.3;
    margin-bottom: .4em;
}

.article-detailed p:last-child {
    margin-bottom: 0;
}

.article_unified-box {
    display: flex;
    gap: 1em;
    margin-bottom: 5.5em;
}

.article_unified-box .item-desc {
    flex: 41.5% 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.article_unified-box .item-img {
    flex: 1 0 0;
}

.article_unified-box .item-img img {
    border-radius: 10px;
}

.article-detailed_text-box {
    padding: 0 6em;
    margin-bottom: 5em;
}

.article-detailed_text-box:last-child {
    margin-bottom: 0;
}

.article-detailed_text-box .text-item {
    margin-bottom: 1em;
}

.article-detailed_text-box .text-item p {
    margin-bottom: .4em;
}

.article-detailed_text-box .text-item p:last-child {
    margin-bottom: 0;
}

.article-detailed_box-length p {
    margin-bottom: 1em;
}

.article-detailed_box-length p:last-child {
    margin-bottom: 0;
}

.article-detailed_box-length ul:not([class]) li {
    margin-bottom: .1em;
}

.sb-text {
    font-weight: 600;
}

.article-detailed_frame-box {
    padding: 3em 6em;
    border-radius: 10px;
    border: 1px solid #0060AA;
    margin-bottom: 5.5em;
}

.article-detailed_frame-box:last-child {
    margin-bottom: 0;
}

.article-detailed_gray-box {
    padding: 3em 6em;
    margin-bottom: 5.5em;
    border-radius: 10px;
    background: #F4F4F4;
}

.article-detailed_gray-box:last-child {
    margin-bottom: 0;
}

.article-detailed_blue-box {
    padding: 3em 6em;
    margin-bottom: 5.5em;
    border-radius: 10px;
    background: #0060AA;
    color: #fff;
}

.article-detailed_blue-box .section-title:last-child {
    margin-bottom: 0;
}

.article-detailed_list-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.7em;
    margin-bottom: 6em;
}

.article-detailed_list-row:last-child {
    margin-bottom: 0;
}

.article-detailed_unified-column {
    border-radius: 10px;
    border: 1px solid #0060AA;
    padding: 2.7em 3em;
}

.article-mod_unified-box {
    display: flex;
    gap: 2em;
    margin-bottom: 5.5em;
}

.article-mod_unified-box:last-child {
    margin-bottom: 0;
}

.article-mod_unified-box .item-img {
    flex: 395px 0 0;
}

.article-mod_unified-box .item-desc {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.article-mod_unified-box img {
    border-radius: 10px;
}

.article-mod_unified-box .item-text {
    color: #B0B7C3;
    font-size: 1rem;
    margin-bottom: 1.4em;
}

.article-mod_unified-box .item-text:last-child {
    margin-bottom: 0;
}

/**faq-section**/
.faq-section {
    padding-bottom: 5.5em;
}

.faq-item {
    background: #F4F4F4;
    border-radius: 20px;
    margin-bottom: 2.1em;
}

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

.faq-item_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 1.2em;
    padding: 1.6em 3.5em 1.6em 1.6em;
    font-size: 1.5625rem;
    font-weight: 500;
}

.faq-item_title.is-active .item-icon:before {
    opacity: 0;
}

.faq-item_title .item-icon {
    width: 17px;
    height: 17px;
    flex: 17px 0 0;
    position: relative;
}

.faq-item_title .item-icon:after, .faq-item_title .item-icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50px;
    background: #0060AA;
    transition: opacity .3s;
}

.faq-item_title .item-icon:after {
    width: 100%;
    height: 2px;
}

.faq-item_title .item-icon:before {
    height: 100%;
    width: 2px;
}

.faq-item_body {
    padding: 0 3em 2.4em 2.5em;
    margin-top: -.7em;
    display: none;
}

/**how-order_section**/
.how-order_section .section-title {
    margin-bottom: .4em;
}

.faq-unit {
    margin-bottom: 2.3em;
    border: 1px solid #0060AA;
    border-radius: 10px;
}

.faq-unit:last-child {
    margin-bottom: 0;
}

.faq-unit_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 1.2em;
    padding: 1.6em 1.5em 1.6em 1.6em;
    font-size: 1.5625rem;
    font-weight: 500;
    transition: color .3s;
}

.faq-unit_header.is-active {
    color: #0060AA;
}

.faq-unit_header.is-active .item-icon:after {
    transform: rotate(-180deg);
}

.faq-unit_header .item-icon {
    height: 44px;
    flex: 44px 0 0;
    border-radius: 5px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
}

.faq-unit_header .item-icon:after {
    content: '';
    display: block;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(15%) sepia(87%) saturate(4186%) hue-rotate(194deg) brightness(94%) contrast(102%);
    height: 25px;
    width: 25px;
    transition: transform .3s;
}

.faq-unit_body {
    padding: 0 1.5em 2.4em 2.2em;
    margin-top: -.9em;
    display: none;
    font-size: 1.125rem;
}

.faq-unit_body .step-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    font-size: 1.25rem;
    font-weight: 500;
    padding-top: 5px;
}

.faq-unit_body .step-list li {
    min-height: 66px;
    display: flex;
    align-items: center;
    background: #0060AA;
    padding: .3em 1.3em;
    border-radius: 10px;
    color: #fff;
}

.faq-unit_body ol:not([class]) {
    padding-top: 10px;
}

.faq-unit_body ol:not([class]) li {
    margin-bottom: 0;
}

/**contact-section**/
.contact-section_content {
    display: flex;
    gap: 1.7em;
}

.contact_left-column {
    flex: 1 0 0;
    font-size: 1.125rem;
}

.contact_left-column p {
    margin-bottom: .6em;
}

.contact_left-column p:last-child {
    margin-bottom: 0;
}

.contact_right-column {
    flex: 288px 0 0;
}

.contact-info {
    border: 1px solid #0060AA;
    border-radius: 10px;
    padding: 1.4em 2em;
    font-weight: 500;
    line-height: 1.45;
}

.section-mod_title {
    margin-bottom: .5em;
}

/**salons-section**/
.salon-item {
    display: flex;
    background: #F4F4F4;
    border-radius: 10px;
    font-size: 1.125rem;
    margin-bottom: 1em;
}

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

.salon-item p {
    margin-bottom: 0;
}

.salon-item_desc {
    padding: 2.2em;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.2em;
}

.salon-item_desc p {
    line-height: 1.3;
}

.salon-item_desc .phone-item {
    color: inherit;
    border-bottom: none;
}

.salon-item_title {
    font-size: 1.875rem;
    font-weight: 500;
}

.salon-item_img {
    flex: 40.5% 0 0;
    max-width: 40.5%;
    border-radius: 10px;
    overflow: hidden;
}

.salon-item_img .slick-list {
    height: 100%;
}

.salon-item_img .slick-track {
    display: flex;
    height: 100%;
}

.salon-item_img .slick-slide {
    height: auto;
}

.salon-item_img .slick-slide > div {
    height: 100%;
}

.salon-item_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.salon-item_img .slick-arrow {
    border: none;
    background: none;
    height: 25px;
    width: 25px;
}

.salon-item_img .slick-arrow:before {
    filter: brightness(0) invert(1);
    transition: filter .3s;
}

.salon-item_img .slick-arrow:hover:before {
    filter: brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(1119%) hue-rotate(182deg) brightness(94%) contrast(106%);
}

.salon-item_img .slick-prev {
    left: 2.5rem;
}

.salon-item_img .slick-next {
    right: 1.1rem;
}

.lensomats-section {
    font-size: 1.125rem;
}

.lensomats-section p {
    margin-bottom: .7em;
}

.lensomats-section p:last-child {
    margin-bottom: 0;
}

.documents-section {
    padding-bottom: 5.5em;
}

.documents-row {
    display: grid;
    grid-template-columns: 47% 49%;
    gap: 4.5em 4%;
}

.document-item_title {
    display: block;
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: .5em;
    line-height: 1.4;
    min-height: 85px;
}

.wrapper_document-item_img {
    display: flex;
    justify-content: center;
    padding: 0 3em;
}

.wrapper_document-item_img.left-item {
    padding-left: 4.5em;
}

.wrapper_document-item_img.right-item {
    padding-left: 3em;
}

.document-item_img {
    max-width: 393px;
    width: 100%;
}

.document-item_img .slick-track {
    display: flex;
}

.document-item_img .slick-slide {
    height: auto;
}

.document-item_img .slick-slide > div {
    height: 100%;
}

.document-item_img .item-img {
    height: 100%;
}

.document-item_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.document-item_img .slick-arrow {
    border: none;
    background: #F4F4F4;
    height: 44px;
    width: 44px;
}

.document-item_img .slick-arrow:before {
    height: 15px;
    transition: filter .3s;
    width: 25px;
}

.document-item_img .slick-arrow:hover {
    background: #0060AA;
}

.document-item_img .slick-arrow:hover:before {
    filter: brightness(0) invert(1);
}

.document-item_img .slick-prev {
    left: -5rem;
}

.document-item_img .slick-next {
    right: -5rem;
    padding-right: 0;
}

/**login section**/
.log-resister_section {
    display: flex;
    justify-content: center;
    padding: 0 0 5.5em;
}

.log-resister_content {
    max-width: 554px;
    width: 100%;
}

.log-resister_mod-content {
    max-width: 609px;
    width: 100%;
}

.unified-form_fields {
    margin-bottom: 1.5em;
    display: flex;
    flex-direction: column;
    gap: 1.2em;
    margin-bottom: 1.5em;
}

.unified-form_fields:last-child {
    margin-bottom: 0;
}

.unified-form_fields .form-group {
    margin-bottom: 0;
}

.unified-form_fields .form-group .hint-text {
    color: #B0B7C3;
    display: block;
    margin-top: 10px;
}

.unified-form_fields .form-control {
    background: #F4F4F4;
}

.wrapper_password-input {
    position: relative;
}

.wrapper_password-input .ico-view {
    display: block;
    height: 15px;
    background-image: url(../img/icons/view.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    right: 1.4em;
    top: 1.7em;
    width: 30px;
    transition: all .2s;
    z-index: 2;
}

.wrapper_password-input .ico-view.is-active {
    background-image: url(../img/icons/view-2.svg);
    top: 1.4em;
}

.wrapper_password-input .form-control {
    padding-right: 2em;
}

.unified-form_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    margin-bottom: 2.5em;
}

.unified-form_row:last-child {
    margin-bottom: 0;
}

.unified-form_row .unified-checkbox {
    padding-left: 2em;
}

.unified-form_btn {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.unified-form_btn:hover {
    color: #0060AA;
}

.unified-form_submit-btn {
    margin-bottom: 1.2em;
    width: 100%;
}

.unified-form_submit-btn:last-child {
    margin-bottom: 0;
}

.regiter-btn {
    margin-bottom: 1.2em;
    width: 100%;
}

.regiter-btn:last-child {
    margin-bottom: 0;
}

.successfully-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.1em;
    padding: 0 0 3em;
}

.successfully-section p {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0;
}

.successfully-section .item-img {
    margin-bottom: 1.2em;
}

.continue-shopping_btn {
    min-width: 337px;
}

/**personal-area_section**/
.personal-area_section {
    padding-bottom: 5.5em;
}

.user-info_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
    max-width: 735px;
    margin-bottom: 6.5em;
}

.user-info_box li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 1.25rem;
    font-weight: 500;
}

.user-info_box .item-subtitle {
    font-size: 1rem;
    font-weight: 400;
}

.personal-data_box .h5 {
    margin-bottom: 1em;
}

.personal-data_box .form-group {
    margin-bottom: 0;
}

.personal-data_top-row {
    display: grid;
    grid-template-columns: 27% 27% 27% 13%;
    gap: 1em 2%;
    margin-bottom: 2.7em;
}

.personal-data_form .form-control {
    background: #F4F4F4;
}

.personal-data_form .selectric {
    background: #F4F4F4;
}

.personal-data_form .selectric .label {
    margin-right: 3.5rem;
}

.personal-data_form .selectric .button {
    width: 3.4rem;
}

.personal-data_form .selectric .button:after {
    height: 20px;
    width: 16px;
}

.form-mod_label {
    display: block;
    margin-bottom: 14px;
    font-size: .875rem;
    color: #B0B7C3;
}

.personal-data_middle-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
    margin-bottom: 1em;
}

.personal-data_bottom-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.5em;
    margin-bottom: 2.7em;
}

.personal-data_form-submit {
    margin-left: auto;
    min-width: 289px;
}

.password-form_fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
    margin-bottom: 2.5em;
}

.password-form_fields .form-group {
    margin-bottom: 0;
}

.password-form .form-control {
    background: #F4F4F4;
}

.wrapper_form-control {
    position: relative;
}

.wrapper_form-control .form-control {
    padding-right: 3.5em;
    height: 65px;
}

.wrapper_form-control .clear-input_btn {
    right: 1.2em;
    height: 20px;
    width: 20px;
}

/***orders****/
.order-unit {
    margin-bottom: 2.5em;
}

.order-unit:last-child {
    margin-bottom: 0;
}

.order-unit .mobile-title {
    display: none;
    color: #777777;
    font-size: .75rem;
    margin-bottom: 5px;
}

.order-unit_mobile-row {
    display: none;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.order-unit_clear-btn {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    gap: .7em;
}

.order-unit_clear-btn:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(4%) sepia(2%) saturate(5232%) hue-rotate(149deg) brightness(92%) contrast(88%);
}

.order-unit_mobile-title {
    display: block;
    font-weight: 500;
    font-size: inherit;
}

.order-unit_mobile-btn {
    display: none;
    align-items: center;
    justify-content: center;
    height: 34px;
    background: #0060AA;
    color: #fff;
    gap: .7em;
    border-radius: 10px;
    min-width: 120px;
    padding: 0 1em;
    position: relative;
    display: none;
}

.order-unit_mobile-btn.is-active:after {
    transform: rotate(-180deg);
}

.order-unit_mobile-btn:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    filter: brightness(0) invert(1);
    transition: transform .2s;
}

.order-unit_header {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1.125rem;
    background: #F4F4F4;
    padding: 0 1.2em;
    gap: 1.5em;
}

.order-unit_header .cell {
    padding: 1.2em 0;
}

.order-unit_header .item-subtitle {
    display: block;
    color: #B0B7C3;
    font-size: .875rem;
    margin-bottom: 7px;
}

.order-unit_sum {
    white-space: nowrap;
}

.wrapper_order-unit_table {
    display: none;
    border: 1px solid #0060AA;
    border-radius: 10px;
    padding: 0 4.3em;
    margin-top: 1.6em;
}

.wrapper_order-unit_table.is-open {
    display: block;
}

.order-unit_table {
    font-weight: 400;
    font-size: 1.125rem;
    width: 100%;
}

.order-unit_table tr {
    border-bottom: 1px solid #0060AA;
}

.order-unit_table tr:last-child {
    border-bottom: none;
}

.order-unit_table td {
    padding: 1.1em;
    width: 22%;
}

.order-unit_table td:first-child {
    width: 68.5%;
}

.order-unit_table td:nth-child(2) {
    text-align: center;
}

.orer-unit_total-sum {
    font-weight: 700;
    font-size: 1.25rem;
    white-space: nowrap;
}

.order-unit_status {
    color: #07AA29;
}

.order-unit_status.canceled {
    color: #FF0000;
}

.order-unit_show-btn {
    cursor: pointer;
    width: 39px;
    height: 39px;
    flex: 39px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    transition: transform .2s, background .3s, color .3s;
}

.order-unit_show-btn:before {
    content: '';
    display: block;
    position: relative;
    top: 2px;
    content: '';
    display: inline-block;
    width: 25px;
    height: 14px;
    background: url(../img/icons/arrow.svg) no-repeat center;
    background-size: contain;
    transition: filter .3s;
}

.order-unit_show-btn:hover {
    background: #0060AA;
}

.order-unit_show-btn:hover:before {
    filter: brightness(0) invert(1);
}

.order-unit_show-btn.is-active {
    transform: rotate(-180deg);
}

.order-unit_product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    gap: 1.3em;
}

.order-unit_product:hover .order-unit_product-title {
    color: #0060AA;
}

.order-unit_product-img {
    flex: 237px 0 0;
}

.order-unit_product-desc {
    flex: 1 0 0;
    max-width: 375px;
}

.wrapper_fav-table {
    border: 1px solid #0060AA;
    padding: 0 1.5em;
    border-radius: 10px;
}

.fav-table {
    width: 100%;
}

.fav-item {
    border-bottom: 1px solid #0060AA;
}

.fav-item:last-child {
    border-bottom: none;
}

.fav-item td {
    padding: 1.2em;
}

.fav-item td:first-child {
    width: 49%;
}

.fav-item td:last-child {
    padding-right: 0;
}

.fav-item_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    gap: 1.3em;
}

.fav-item_content:hover .fav-item_title {
    color: #0060AA;
}

.fav-item_img {
    flex: 237px 0 0;
}

.fav-item_desc {
    flex: 1 0 0;
    max-width: 239px;
    font-size: 1.125rem;
}

.wrapper-counter_mod-btn {
    background: #B0B7C3;
    min-width: 144px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.wrapper-counter_mod-btn .counter-back:after, .wrapper-counter_mod-btn .counter-back:before, .wrapper-counter_mod-btn .counter-forward:after, .wrapper-counter_mod-btn .counter-forward:before {
    background: #fff;
}

.wrapper-counter_mod-btn .counter-back:hover, .wrapper-counter_mod-btn .counter-forward:hover {
    background: #fff;
}

.wrapper-counter_mod-btn .counter-back:hover:before, .wrapper-counter_mod-btn .counter-back:hover:after, .wrapper-counter_mod-btn .counter-forward:hover:before, .wrapper-counter_mod-btn .counter-forward:hover:after {
    background: #000;
}

.wrapper-counter_mod-btn .product-count {
    color: #fff;
}

.fav-item_price {
    font-weight: 600;
    font-size: 1.25rem;
    white-space: nowrap;
}

.fav-item_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 37px;
    border: 1px solid #0060AA;
    margin-left: auto;
    margin-right: auto;
    width: 37px;
    transition: background .3s;
}

.fav-item_cart:hover {
    background: #0060AA;
}

.fav-item_cart:hover:before {
    filter: brightness(0) invert(1);
}

.fav-item_cart:before {
    content: '';
    display: block;
    background: url(../img/icons/cart.svg) no-repeat center;
    background-size: contain;
    height: 19px;
    width: 19px;
    transition: filter .3s;
}

.fav-item_heart {
    display: block;
    background: url(../img/icons/fav.svg) no-repeat center;
    background-size: contain;
    margin-left: auto;
    height: 33px;
    width: 41px;
    transition: all .2s;
}

.fav-item_heart.is-active {
    background: url(../img/icons/fav-2.svg) no-repeat center;
    background-size: contain;
}

.empty-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.1em;
    padding: 1em 0 0.5em;
}

.empty-section p {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0;
}

.empty-section .item-img {
    margin-bottom: 1.2em;
}

.empty-section_btn {
    min-width: 337px;
}

/**cart-section**/
.cart-section {
    padding-bottom: 5.5em;
}

.cart-section h1 {
    margin-bottom: .7em;
}

.cart-content {
    display: flex;
    gap: 2em;
}

.cart-content_left-column {
    flex: 1 0 0;
}

.cart-content_right-column {
    flex: 288px 0 0;
    max-width: 288px;
}

.wrapper_cart-table {
    border: 1px solid #0060AA;
    padding: 0 1.5em;
    border-radius: 10px;
}

.cart-table {
    width: 100%;
}

.cart-item {
    border-bottom: 1px solid #0060AA;
}

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

.cart-item td {
    padding: 1.2em;
}

.cart-item td:first-child {
    width: 60%;
}

.cart-item td:last-child {
    padding-right: 0;
}

.cart-item_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    gap: 1.3em;
}

.cart-item_content:hover .cart-product-title {
    color: #0060AA;
}

.cart-item_img {
    flex: 237px 0 0;
}

.cart-item_desc {
    flex: 1 0 0;
    max-width: 239px;
    font-size: 1.125rem;
}

.cart-item_price {
    font-size: 1.25rem;
    font-weight: 600;
    white-space: nowrap;
}

.cart-delete_btn {
    display: block;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    transition: filter .3s;
}

.cart-delete_btn:hover {
    filter: brightness(0) saturate(100%) invert(16%) sepia(82%) saturate(7442%) hue-rotate(2deg) brightness(102%) contrast(120%);
}

.total-order_box {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 1.7em 1.3em;
    position: sticky;
    top: 5em;
}

.total-order_box .form-group {
    margin-bottom: .5em;
}

.total-order_box .form-control {
    height: 46px;
    background: #fff;
    padding: 0 .7em;
}

.total-order_box .form-control::-webkit-input-placeholder {
    color: #B0B7C3;
}

.total-order_box .form-control::input-placeholder {
    color: #B0B7C3;
}

.total-order_box .form-control::-moz-input-placeholder {
    color: #B0B7C3;
}

.total-order_table {

    width: 100%;
}

.total-order_table tr:last-child td {
    padding-top: 1.2em;
}

.total-order_table tr:first-child td {
    padding-top: 0;
}

.total-order_table tr:last-child td {
    padding-bottom: 0;
}

.total-order_table td {
    padding: .25em;
    vertical-align: top;
}

.total-order_table td:first-child {
    padding-left: 0;
}

.total-order_table td:last-child {
    padding-right: 0;
    text-align: right;
}

.total-order_table .saving-row {
    font-weight: 500;
    color: #2EBA33;
}

.total-order_table .last-row {
    font-size: 1.25rem;
    font-weight: 700;
}

.total-order_table .incart-text {
    font-size: 1.25rem;
    white-space: nowrap;
}

.total-order_table .small-text {
    font-size: .875rem;
}

.total-order_table .delivery-table_row td {
    vertical-align: middle;
    padding-bottom: 1.3em;
}

.pickup-row_total-table.is-hidden {
    display: none;
}

.saving-sum {
    white-space: nowrap;
}

.total-sum {
    white-space: nowrap;
}

.place-order_btn {
    height: 40px;
    font-size: 1rem;
    width: 100%;
}

/***order-form*/
.order-form {
    display: flex;
    gap: 2em;
    padding-bottom: 5.5em;
}

.order-form .h5 {
    margin-bottom: .9em;
}

.order-form_left-column {
    flex: 1 0 0;
}

.order-form_left-column .form-control {
    background: #F4F4F4;
}

.order-form_right-column {
    flex: 288px 0 0;
    max-width: 288px;
}

.order-form_unit {
    margin-bottom: 2.7em;
}

.order-form_unit:last-child {
    margin-bottom: 0;
}

.order-form_unit .form-group {
    margin-bottom: 0;
}

.order_personal-data_row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1em;
}

.order_personal-data_info {
    display: flex;
    flex-direction: column;
    gap: 1.3em;
    flex: 1 0 0;
}

.form-group_comment {
    max-width: 501px;
    margin-bottom: 0;
    width: 100%;
}

.comment-mod_textarea {
    background: #F4F4F4;
    padding: 1em;
    height: 137px;
}

.order-form_fields-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.3em;
    margin-bottom: 1.3em;
}

.comment-textarea {
    padding-top: 1.2em;
}

.delivery-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    margin-bottom: 1.2em;
}

.delivery-item {
    border-radius: 10px;
    border: 1px solid #B0B7C3;
    padding: 1.2em 1.2em;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .4em;
    min-height: 150px;
    transition: border-color .3s;
}

.delivery-item input[type="radio"] {
    display: none;
}

.delivery-item.is-active {
    border-color: #0060AA;
}

.delivery-item.is-active .delivery-item_price {
    background: #0060AA;
}

.delivery-item .text {
    margin-top: 15px;
    font-size: .875rem;
    padding-right: 10%;
}

.delivery-item p {
    margin-bottom: 0;
}

.delivery-item_hidden-adress {
    display: none;
}

.delivery-item_hidden-adress.is-visible {
    display: block;
}

.delivery-item_adress-second.is-hidden {
    display: none;
}

.delivery-item_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.delivery-item_title {
    font-weight: 500;
    font-size: 1.25rem;
}

.delivery-item_price {
    min-height: 22px;
    background: #B0B7C3;
    color: #fff;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: center;
    padding: 0 .2em;
    gap: 3px;
    border-radius: 5px;
    transition: background .3s;
}

.delivery-item_price .rouble {
    position: relative;
    top: -2px;
}

.delivery_hint-text {
    display: none;
    font-weight: 500;
    font-size: .875rem;
    color: #B0B7C3;
}

.delivery-tab_unit {
    display: none;
}

.delivery-tab_unit.is-visible {
    display: block;
}

.map-section_delivery {
    max-height: 388px;
}

.payment-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 2em;
}

.payment-item {
    display: block;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    color: inherit;
}

.payment-item input[type="radio"] {
    position: absolute;
    margin-left: -20px;
    display: none;
}

.payment-item input[type="radio"]:checked + .radio-text {
    border-color: #0060AA;
    color: #0060AA;
}

.payment-item .radio-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8em;
    font-weight: 500;
    font-size: 1.125rem;
    border: 1px solid #B0B7C3;
    color: #B0B7C3;
    padding: .3em 1em;
    min-height: 75px;
    border-radius: 10px;
    transition: border-color .3s, color .3s;
}

.payment-item .item-icon {
    flex: 51px 0 0;
    width: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-form_submit {
    height: 40px;
    font-size: 1rem;
    width: 100%;
}

.tab {
    cursor: pointer;
}

.tab-item {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity .2s;
}

.tab-item.is-visible {
    height: auto;
    overflow: visible;
    animation: fadein 1s forwards;
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.tab-item > div{
    width: 100%;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/****/
.card-section {
    background: url(../img/bg/card-bg.jpg) no-repeat center top;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 2em 0;
}

.card-section_content {
    max-width: 453px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.card-logo {
    max-width: 138px;
    margin-bottom: 2px;
}

.card-img {
    height: 284px;
    background: url(../img/static/card.svg) no-repeat center;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 4.9em;
    padding: 1em 3.5em 2.2em;
    color: #fff;
}

.card-input {
    height: 17px;
    font-size: 1.25rem;
    width: 100%;
}

.card-input::-webkit-input-placeholder {
    color: #B0B7C3;
}

.card-input::input-placeholder {
    color: #B0B7C3;
}

.card-input::-moz-input-placeholder {
    color: #B0B7C3;
}

.wrapper_card-input {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    max-width: 190px;
}

.card-input_date {
    flex: 70px 0 0;
    width: 70px;
}

.card-input_cvc {
    flex: 55px 0 0;
    width: 55px;
}

.card-content_total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    font-size: 1.25rem;
    font-weight: 700;
    max-width: 240px;
}

.pay-btn {
    height: 40px;
    font-size: 1rem;
    min-width: 250px;
}

/***modal**/
.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.fade.show {
    opacity: 1;
}

button.close {
    width: 25px;
    height: 25px;
    padding: 0;
    background: url(../img/icons/close.svg) no-repeat;
    background-size: contain;
    border: 0;
    -webkit-appearance: none;
    border: none;
    position: absolute;
    top: 3em;
    right: 3em;
    transition: filter .3s;
}

button.close:hover {
    filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(3145%) hue-rotate(192deg) brightness(92%) contrast(106%);
}

.popup-icon {
    margin-bottom: 1em;
}

.popup-title {
    margin-bottom: .5em;
}

.popup-title:last-child {
    margin-bottom: 0;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal.fade .modal-dialog {
    transition: all .2s ease;
    opacity: 0;
}

.modal.show .modal-dialog {
    opacity: 1;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    max-width: 651px;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
    min-height: calc(100% - (1.75rem * 2));
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    padding: 3em;
    padding-top: 5.5em;
    border: none;
    border-radius: 10px;
    outline: 0;
}

.modal-content_successfully .text {
    font-size: 1.125rem;
    padding: 0 5%;
    margin-bottom: 1.5em;
}

.popup-btn {
    width: 100%;
    height: 57px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #B0B7C3;
    z-index: 120;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-backdrop.show {
    opacity: .8;
}

.modal {
    z-index: 130;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.modal.show .modal-dialog {
    animation: animModal 300ms;
    animation-fill-mode: forwards;
    transition: all .2s ease;
}

@keyframes animModal {
    0% {
        opacity: 0;
        transform: translate(25px, 10px) scale(0.92) rotateX(15deg);
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}

.error {
    display: block;
    font-size: .75rem;
    border-radius: 0px 0px 10px 10px;
    background: #EF0000;
    padding: .4em 1em .1em 1.4em;
    position: relative;
    top: -5px;
    color: #fff;
}

.input-error {
    border-color: #EF0000 !important;
}

/***main-footer***/
.main-footer {
    flex: 0 0 auto;
}

.scroll-to-top {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #004377;
    cursor: pointer;
    position: fixed;
    right: 1.5em;
    bottom: 5em;
    opacity: 0;
    transform: scale(0);
    transition: transform 0.4s, opacity 0.6s;
    z-index: 100;
}

.scroll-to-top:after {
    content: "";
    display: block;
    height: 30%;
    width: 30%;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    top: 6px;
    bottom: 0;
    left: -1px;
    right: 0;
    margin: auto;
    transform: rotate(-45deg);
}

.scroll-to-top:hover {
    opacity: 0.7;
}

.scroll-to-top-visible {
    transform: scale(1);
    opacity: 1;
}

.scroll-to-top-visible.is-hidden {
    display: none;
}

.main-footer_top {
    display: grid;
    grid-template-columns: 24.5% 25% 24% 17%;
    align-items: center;
    gap: 3%;
    font-size: 1.125rem;
    font-weight: 600;
}

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

.footer_phone-number {
    width: fit-content;
}

.footer-email {
    transition: color .3s;
    width: fit-content;
}

.footer-email:hover {
    color: #0060AA;
}

.footer-vk {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7em;
    border-radius: 5px;
    font-weight: 500;
    font-size: 1rem;
    height: 30px;
    background: #F4F4F4;
    color: #0060AA;
    transition: background .3s;
}

.footer-vk:hover {
    background: #dbdbdb;
}

.footer-vk:before {
    content: '';
    display: block;
    background: url(../img/icons/vk.svg) no-repeat center;
    background-size: contain;
    flex: 15px 0 0;
    height: 10px;
    width: 15px;
}

.footer-nav {
    display: grid;
    grid-template-columns: 24.5% 25% 24% 17%;
    gap: 3%;
    padding: 2.7em 0 3em;
}

.footer-menu {
    display: flex;
    flex-direction: column;
    gap: .7em;
}

.footer-menu:nth-child(2) {
    max-width: 180px;
}

.footer-menu .title {
    color: #0060AA;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.footer-menu .title a {
    border-bottom: 1px solid transparent;
    transition: border-color .3s;
}

.footer-menu .title a:hover {
    border-bottom-color: #0060AA;
}

.footer-menu a {
    color: inherit;
    border-bottom: none;
    transition: color .3s;
}

.footer-menu a:hover {
    color: #0060AA;
}

.main-footer_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.3em;
    color: #B0B7C3;
    padding-bottom: 1.8em;
}

.footer-policy {
    transition: color .3s;
}

.footer-policy:hover {
    color: #0060AA;
}

.main-footer_mobile {
    display: none;
    flex-direction: column;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 2em;
    gap: 1em;
}

.footer-studio {
    max-width: 90px;
    transition: filter .3s;
}

.footer-studio:hover {
    filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(3145%) hue-rotate(192deg) brightness(92%) contrast(106%);
}

.tablet-small_visible {
    display: none;
}

.mobile-visible {
    display: none;
}

.tablet-visible {
    display: none;
}

@media only screen and (max-width: 1899px) {
    .dropdown-box {
        padding-top: 1em;
    }

    .dropdown-box .section-title {
        margin-bottom: .4em;
    }

    .dropdown-box_body {
        gap: 1.5em;
    }
}

@media only screen and (max-width: 1359px) {
    .ui-header_content {
        gap: 1em;
    }

    .head-controls {
        gap: 1em;
    }

    .head_phone-number {
        max-width: 160px;
    }

    .main-slide {
        min-height: 45vw;
    }
}

@media only screen and (max-width: 1279px) {
    .product-item_img {
        height: 12vw;
    }

    .product-item_desc {
        padding-top: 1em;
    }

    .catalog-row {
        gap: 1.2em;
    }
}

@media only screen and (max-width: 1199px) {
    .section-title, h2 {
        font-size: 2rem;
    }

    h1, .main-title {
        font-size: 2.5rem;
    }

    .main-slide_price {
        font-size: 2rem;
    }

    .category-row {
        margin-bottom: 4em;
    }

    .vision-test_section {
        padding: 2em;
    }

    .products-section {
        padding: 3.5em 0;
    }

    .products-slider {
        padding: 0 3em;
    }

    .products-slider .slick-slide {
        padding: 0 .5em;
    }

    .products-slider .product-item_img {
        height: 170px;
    }

    .slick-arrow {
        height: 48px;
        width: 48px;
    }

    .slick-arrow:before {
        height: 11px;
        width: 17px;
    }

    .service-item_img {
        width: 40%;
    }

    .service-item_img-fourth {
        width: 60%;
    }

    .service-item {
        min-height: 285px;
    }

    .service-item_title {
        font-size: 2rem;
        min-height: 64px;
    }

    .services-row {
        gap: 1em;
    }

    .about-section_desc p {
        padding-right: 0;
    }

    .about-section {
        padding: 4em 0;
    }

    .map-section {
        padding: 4em 0;
    }

    .action-mod_item:after {
        height: 100px;
        width: 100px;
    }

    .recording-btn {
        max-width: 160px;
        white-space: normal;
    }

    .main-content {
        padding: 1em 0 1.2em;
    }

    .dropdown-box {
        padding-bottom: 1em;
        height: calc(100vh - 5.1em);
    }

    .dropdown-box .section-title {
        display: none;
    }

    .dropdown-box_title {
        font-size: 1.125rem;
    }

    .dropdown-menu {
        font-size: .875rem;
    }

    .main-footer_bottom {
        padding-bottom: 1.1em;
        font-size: .875rem;
    }

    .action-catlog_item {
        padding: 2.7em 1.1em 1.7em;
    }

    .action-catlog_item:after {
        height: 130px;
        width: 130px;
    }

    .product-card_small-slider {
        flex: 100px 0 0;
        max-width: 100px;
        margin-top: -7px;
        margin-bottom: -.7px;
    }

    .product-card_small-slider .slick-slide {
        padding: 7px 0;
    }

    .product-card_slider {
        flex-basis: calc(100% - 115px);
        max-width: calc(100% - 115px);
    }

    .product-card_left-column {
        gap: 15px;
    }

    .product-card_small-item {
        height: 100px;
    }

    .product-card_item {
        height: 448px;
    }

    .product-card_content {
        gap: 1em;
    }

    .service-banner_desc {
        padding-left: 3em;
    }

    .service-detailed_desc {
        padding: 0 3em;
    }

    .service-gray_box {
        padding: 2em 3em;
    }

    .vision-test_section_top {
        margin-top: 5em;
    }

    .useful-info_item {
        font-size: 1.7rem;
        min-height: 140px;
    }

    .useful-information_row {
        gap: 1em;
    }

    .review-item {
        padding: 2em 1.5em;
    }

    .wrapper_leave-feedback_form {
        padding: 2em 1.5em;
    }

    .wrapper_leave-feedback_form .title {
        margin-bottom: 1em;
    }

    .reviews-section .top-text {
        font-size: 1rem;
        margin-bottom: 1.2em;
    }

    .articles-row {
        gap: 1em;
    }

    .article-item_desc {
        padding-top: 1em;
    }

    .article-detailed {
        font-size: 1rem;
    }

    .article-detailed_text-box {
        padding: 0 3em;
        margin-bottom: 4em;
    }

    .article-detailed_gray-box {
        padding: 2em 3em;
        margin-bottom: 4em;
    }

    .article-detailed_frame-box {
        padding: 2em 3em;
        margin-bottom: 4em;
    }

    .article-detailed_blue-box {
        padding: 3em;
        margin-bottom: 4em;
    }

    .article-detailed_list-row {
        margin-bottom: 4em;
    }

    .article-detailed_unified-column {
        padding: 1.7em;
    }

    .faq-item_title {
        font-size: 1.25rem;
        padding: 1em 1.7em;
    }

    .faq-item_body {
        padding-bottom: 1.5em;
        margin-top: -.3em;
    }

    h5, .h5 {
        margin-bottom: 1em;
    }

    .article-mod_unified-box .item-text {
        margin-bottom: 1em;
    }

    .faq-unit_header {
        font-size: 1.25rem;
        padding: 1em 1.7em;
    }

    .faq-unit_body {
        padding-bottom: 1.5em;
        margin-top: -.3em;
        font-size: 1rem;
    }

    .action-detailed {
        font-size: 1rem;
    }

    .salon-item_desc {
        padding: 1.2em;
        font-size: 1rem;
        gap: .8em;
    }

    .salon-item_title {
        font-size: 1.5rem;
    }

    .lensomats-section {
        font-size: 1rem;
    }

    .document-item_img .slick-prev {
        left: -2rem;
    }

    .document-item_img .slick-next {
        right: -2rem;
    }

    .document-item_title {
        font-size: 1.4rem;
    }

    .wrapper_document-item_img.left-item {
        padding-left: 3em;
    }

    .documents-row {
        grid-template-columns: 48% 48%;
    }

    .personal-data_top-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 1em;
    }

    .personal-data_middle-row {
        gap: 1em;
    }

    .personal-data_bottom-row {
        gap: 2em;
    }

    .personal-area_section {
        padding-bottom: 3em;
    }

    button.close {
        right: 1em;
        top: 1em;
    }

    .wrapper_order-unit_table {
        padding: 0 1em;
    }

    .order-unit_product-img {
        flex: 200px 0 0;
    }

    .fav-item td {
        padding: .7em;
    }

    .fav-item_img {
        flex: 140px 0 0;
    }

    .fav-item_desc {
        font-size: .935rem;
    }

    .wrapper-counter_mod-btn {
        min-width: auto;
        width: 130px;
    }

    .cart-item td {
        padding: .7em;
    }

    .cart-item_img {
        flex: 120px 0 0;
    }

    .cart-item_desc {
        font-size: .935rem;
    }

    .cart-delete_btn {
        height: 23px;
        width: 23px;
    }

    .payment-list {
        gap: 1em;
        grid-template-columns: repeat(2, 1fr);
    }

    .order_personal-data_row {
        flex-direction: column;
        align-items: flex-start;
    }

    .order_personal-data_info {
        flex: inherit;
    }

    .form-group_comment {
        flex: inherit;
    }
}

@media only screen and (max-width: 1024px) {
    margin-bottom: 3em;

    .tablet-visible {
        display: block;
    }

    .tablet-hidden {
        display: none !important;
    }

    .dropdown-box_row {
        grid-template-columns: repeat(2, 1fr);
    }

    .head-search_icon {
        display: flex;
    }

    .wrapper_search-form {
        display: none;
        position: absolute;
        margin: 0;
        left: 0;
        max-width: 436px;
        padding: 2em 1em;
        box-shadow: 0 15px 34px -20px rgba(0, 0, 0, 0.1);
        background: #fff;
        border-radius: 0 0 15px;
        top: 100%;
        width: 100%;
        z-index: 110;
    }

    .search-form_input {
        border-radius: 4px;
        padding: 0 2.7em 0 3em;
        height: 41px;
        background: #F4F4F4;
        transition: border .3s;
    }

    .search-form_input:focus {
        border: 1px solid #0060AA;
    }

    .wrapper_search-form_main {
        display: none !important;
    }

    .clear-input_btn {
        display: block;
        right: .9em;
        height: 18px;
        width: 18px;
    }

    .search-dropdown {
        background: #fff;
    }

    .hamburger-main {
        display: block;
    }

    .hamburger-main.not-active {
        pointer-events: none;
    }

    .ui-header_content {
        justify-content: space-between;
    }

    .wrapper_search-form_submit {
        left: .6em;
        right: auto;
        width: 24px;
        height: 24px;
    }

    .wrapper_search-form_submit:before {
        height: 14px;
        width: 14px;
    }

    .search-dropdown_list {
        box-shadow: 0 15px 34px -20px rgba(0, 0, 0, 0.1);
        padding-bottom: .7em;
    }

    .head-logo {
        margin-left: 13em;
    }

    .dropdown-box {
        display: block !important;
        position: fixed;
        top: 0;
        left: -450px;
        height: 100vh;
        max-width: 440px;
        padding-top: .7em;
        transition: left .4s;
        z-index: 100;
    }

    .dropdown-box.is-open {
        left: 0;
    }

    .dropdown-box.is-pad {
        padding-bottom: 5em;
    }

    .dropdown-box_inner {
        padding: 0;
        overflow: hidden;
        position: relative;
    }

    .dropdown-box_content {
        transition: transform .3s;
    }

    .dropdown-box_body {
        padding: 2.7em 1em 1.5em;
        gap: .7em;
    }

    .dropdown-box_row {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .mobile-menu_arrow-icon {
        display: flex;
    }

    .dropdown-box_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dropdown-menu {
        display: none;
        position: absolute;
        top: 0;
        left: auto;
        padding: 1.2em 1em;
        padding-top: 2.5em;
        right: -100%;
        width: 100%;
    }

    .dropdown-menu li {
        margin-bottom: 1em;
    }

    .dropdown-menu li:last-child {
        margin-bottom: 0;
    }

    .dropdown-menu.is-visible {
        display: block;
        z-index: 2;
    }

    .dropdown-menu.is-static {
        overflow: hidden;
        overflow-y: auto;
    }

    .back-list {
        display: flex;
    }

    .dropdown-mobile_content {
        display: flex;
    }

    .recording-btn {
        max-width: 100%;
    }

    .head_phone-number {
        flex: inherit;
        min-width: 254px;
    }

    .ui-header .container {
        padding: 0;
    }

    .ui-header_content {
        padding: 1em 15px;
        position: relative;
    }

    .ui-header_content.is-index {
        z-index: 100;
    }

    .mobile-menu_closed {
        display: block;
    }

    .category-row {
        display: block;
        margin: 0 -10px 4em;
    }

    .category-row .slick-track {
        display: flex;
    }

    .category-row .slick-slide {
        padding: 0 10px;
        height: auto;
    }

    .category-row .slick-slide > div {
        height: 100%;
    }

    .category-row .category-item {
        display: flex !important;
        height: 100%;
    }

    .category-row .slick-dots li {
        background: #44aeff;
        height: 10px;
        width: 10px;
        transition: background .3s;
    }

    .category-row .slick-dots li.slick-active {
        background: #0060AA;
    }

    .selectric .button::after {
        height: 10px;
        width: 15px;
    }

    .selectric .button {
        width: 3rem;
    }

    .selectric .label {
        margin-right: 3.5rem;
        margin-left: 1em;
    }

    .form-control {
        padding: 0 1em;
    }

    .form-label {
        left: 1em;
    }

    .form-group.focus .form-label {
        left: 1.5em;
    }

    .vision-test_form-footer .form-policy {
        font-size: .875rem;
        max-width: 380px;
    }

    body {
        font-size: .875rem;
    }

    .about-section_desc {
        font-size: inherit;
    }

    .about-section_desc .top-text {
        font-size: 1rem;
    }

    .actions-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1em;
    }

    .actions-row .section-title {
        font-size: 1.35rem;
    }

    .action-item, .action-mod_item {
        flex: inherit;
        display: flex;
        justify-content: space-between;
    }

    .action-mod_item {
        padding: 1em;
    }

    .action-mod_item::after {
        height: 60px;
        width: 60px;
    }

    .free-check_desc {
        padding: 1em;
    }

    .map-section_left-column {
        max-height: 522px;
    }

    .main-footer_top {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2em;
    }

    .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2em;
    }

    .logo-loader_content {
        height: 60px;
    }

    .loader-text {
        font-size: 1.125rem;
    }

    .logo-loader {
        width: 300px;
    }

    .catalog-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-item_img {
        height: 15vw;
    }

    .pagination-row {
        flex-direction: column;
    }

    .catalog-sidebar {
        flex: 240px 0 0;
    }

    .catalog-section {
        gap: 1em;
    }

    .wrapper_vision-test_section {
        padding: 4em 0 2em;
    }

    .no-result_icon {
        height: 100px;
        flex: 100px 0 0;
        width: 100px;
    }

    .filter-item_title {
        font-size: 1rem;
    }

    .product-card_content {
        flex-direction: column;
    }

    .product-card_left-column {
        flex: inherit;
        max-width: 100%;
    }

    .product-card_right-column {
        flex: inherit;
    }

    .products-mod_slider {
        margin: 0 -7px;
    }

    .products-mod_slider .slick-slide {
        padding: 0 7px;
    }

    .products-mod_slider .slick-prev {
        left: 0;
    }

    .products-mod_slider .slick-next {
        right: 0;
    }

    .product-card_section .breadcrumbs {
        margin-bottom: 2em;
    }

    .product-card_tab-names {
        gap: 1em;
    }

    .product-card_tab-names li {
        min-width: auto;
        flex: auto;
    }

    .product-property_row {
        grid-template-columns: repeat(4, 1fr);
    }

    .product-card_tab-section {
        margin: 3em 0;
    }

    .service-banner_desc {
        padding-left: 2em;
        padding-right: 2em;
    }

    .service-detailed_desc {
        padding: 0 2em;
        margin-bottom: 3em;
    }

    .service-gray_box {
        padding: 1.5em 2em;
    }

    .service-banner {
        margin-bottom: 4em;
    }

    .unified-menu {
        font-size: inherit;
    }

    .unified-menu a {
        min-height: 45px;
    }

    .service-banner_desc {
        font-size: inherit;
    }

    .service-detailed_desc {
        font-size: inherit;
    }

    .service-gray_box {
        font-size: inherit;
    }

    .useful-information_row {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 3em;
    }

    .reviews-section_right-column {
        flex: 300px 0 0;
    }

    .reviews-section_content {
        gap: 1.2em;
    }

    .article-mod_unified-box .item-text {
        font-size: .8125rem;
    }

    .faq-unit_body .step-list {
        font-size: 1rem;
    }

    .faq-unit_body .step-list li {
        min-height: 50px;
    }

    .actions-section {
        padding-bottom: 3em;
    }

    .contact_left-column {
        font-size: 1rem;
    }

    .document-item_title {
        font-size: 1.25rem;
        min-height: 57px;
    }

    .personal-data_top-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .user-info_box li {
        font-size: 1rem;
    }

    .user-info_box .item-subtitle {
        font-size: .875rem;
    }

    .order-unit_product-img {
        flex: 150px 0 0;
    }

    .order-unit_table {
        font-size: 1rem;
    }

    .orer-unit_total-sum {
        font-size: 1.125rem;
    }

    .cart-content {
        flex-direction: column;
    }

    .cart-content_right-column {
        flex: inherit;
        max-width: 100%;
    }

    .total-order_box .form-group {
        margin-bottom: 1em;
    }

    .cart-item_desc {
        max-width: 100%;
    }

    .order-form {
        flex-direction: column;
    }

    .order-form_right-column {
        flex: inherit;
        max-width: 100%;
    }

    .order-form {
        padding-bottom: 3em;
    }

    .recording-btn {
        max-width: 100%;
        height: 54px;
        width: 100%;
    }

    .head_phone-number {
        border: none;
        height: auto;
    }

    .dropdown-box_header {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .tablet-small_visible {
        display: block;
    }

    .tablet-small_hidden {
        display: none !important;
    }

    .logo-loader_content {
        height: 30px;
    }

    .loader-text {
        font-size: 1rem;
    }

    .logo-loader {
        width: 230px;
    }

    .head-user, .head-fav, .head-cart {
        flex: 30px 0 0;
        height: 30px;
        width: 30px;
    }

    .head-amount {
        right: -5px;
        top: -5px;
    }

    .head-logo {
        margin-left: 9em;
    }

    h1, .main-title {
        font-size: 1.8rem;
    }

    .main-slide_price {
        font-size: 1.5rem;
    }

    .section-title, h2 {
        font-size: 1.5rem;
    }

    .vision-test_section .top-text {
        font-size: 1rem;
        margin-bottom: 1.5em;
    }

    .vision-test_form-fields {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .vision-test_form-footer {
        flex-direction: column;
        margin-top: 1.3em;
    }

    .vision-test_form-footer .form-policy {
        order: 1;
        max-width: 100%;
        text-align: center;
    }

    .vision-test_form-footer .form-policy a {
        display: inline-block;
    }

    .vision-test_form-submit {
        flex: inherit;
        order: 2;
        width: 100%;
        max-width: 100%;
    }

    .unified-section_header .subtitle {
        font-size: 1rem;
    }

    .slick-arrow {
        height: 40px;
        width: 40px;
    }

    .service-item_title {
        font-size: 1.5rem;
        min-height: 48px;
    }

    .service-item {
        min-height: 260px;
        padding: 1.4em 1em;
    }

    .service-item_img {
        align-items: flex-start;
        width: 30%;
    }

    .about-section {
        display: flex;
        flex-direction: column;
    }

    .actions-row {
        display: flex;
        flex-direction: column;
    }

    .action-item, .action-mod_item {
        min-height: 38vw;
    }

    .action-mod_item {
        justify-content: center;
    }

    .map-section_content {
        flex-direction: column;
    }

    .map-section_left-column {
        flex: inherit;
        order: 1;
        max-height: 1200px;
    }

    .map-section_right-column {
        flex: inherit;
        order: 2;
        padding-left: 0;
        max-width: 100%;
        height: 350px;
    }

    .shop-item_list {
        gap: .7em;
    }

    .unified-section_header {
        margin-bottom: 1.5em;
    }

    .main-footer_bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }

    .catalog-section {
        flex-direction: column;
    }

    .catalog-sidebar {
        flex: inherit;
    }

    .catalog-main {
        flex: inherit;
    }

    .catalog-sidebar {
        position: fixed;
        top: 0;
        height: 100vh;
        background: #fff;
        padding: 1.2em 1em 1.2em;
        max-width: 400px;
        width: 100%;
        left: -420px;
        transition: left .4s;
        z-index: 110;
        overflow: auto;
    }

    .catalog-sidebar.is-open {
        left: 0;
    }

    .catalog-sidebar.is-pad {
        padding-bottom: 5em;
    }

    .filter-sidebar_title {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1em;
        margin-bottom: 0;
    }

    .filter-sidebar_body {
        flex: 1 0 0;
        overflow: hidden;
        overflow-y: auto;
        padding: 1em 0;
        gap: 1em;
    }

    .filter-sidebar_footer {
        flex: 0 0 auto;
        margin-bottom: 60px;
    }

    .filter_close-btn {
        display: flex;
    }

    .catalog-sidebar_content {
        background: #fff;
        padding: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .filter-item_list-scroll {
        max-height: 100%;
        overflow: visible;
    }

    .product-item_img {
        height: 21vw;
    }

    .filter-modile_btn {
        display: flex;
    }

    .product-property_row {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-card_tab-section p {
        font-size: inherit;
    }

    .product-card_tab-section .h5 {
        margin-top: 1.2em;
    }

    .vision-test_section_top {
        margin-top: 3em;
    }

    .reviews-section_content {
        flex-direction: column;
    }

    .reviews-section_left-column {
        flex: inherit;
    }

    .wrapper-reviews {
        max-height: inherit;
        overflow: visible;
    }

    .reviews-section_right-column {
        flex: inherit;
    }

    .articles-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .article-detailed {
        font-size: inherit;
    }

    .article_unified-box {
        flex-direction: column;
        margin-bottom: 3em;
    }

    .article_unified-box .item-desc {
        flex: inherit;
    }

    .article_unified-box .item-img {
        flex: inherit;
    }

    .article-mod_unified-box {
        flex-direction: column;
        margin-bottom: 3em;
    }

    .article-mod_unified-box .item-desc {
        flex: inherit;
        order: 1;
    }

    .article-mod_unified-box .item-img {
        flex: inherit;
        order: 2;
        text-align: center;
    }

    .article-detailed_text-box {
        padding: 0 1em;
        margin-bottom: 3em;
    }

    .article-detailed_gray-box {
        padding: 1.5em 1em;
        margin-bottom: 3em;
    }

    .article-detailed_frame-box {
        padding: 1.5em 1em;
        margin-bottom: 3em;
    }

    .article-detailed_blue-box {
        padding: 1.5em 1em;
        margin-bottom: 3em;
    }

    .article-detailed_list-row {
        margin-bottom: 3em;
        display: flex;
        flex-direction: column;
    }

    .article-detailed_unified-column {
        padding: 1.5em 1em;
    }

    .faq-section {
        padding-bottom: 2em;
    }

    .articles-row {
        margin-bottom: 2em;
    }

    .faq-unit_header .item-icon {
        height: 32px;
        flex: 32px 0 0;
        width: 32px;
    }

    .faq-unit_header .item-icon:after {
        width: 13px;
        height: 13px;
    }

    .faq-unit_body {
        font-size: inherit;
    }

    .action-detailed {
        font-size: inherit;
    }

    .contact-section_content {
        flex-direction: column;
    }

    .contact_left-column {
        flex: inherit;
    }

    .contact_right-column {
        flex: inherit;
    }

    .salon-item {
        flex-direction: column;
        margin-bottom: 1.5em;
    }

    .salon-item_desc {
        flex: inherit;
        padding: 1.5em 1em;
        font-size: .875rem;
    }

    .salon-item_img {
        flex: inherit;
        max-width: 100%;
        width: 100%;
    }

    .lensomats-section {
        font-size: .875rem;
    }

    .documents-row {
        display: flex;
        flex-direction: column;
        gap: 2em;
    }

    .document-item_title {
        text-align: center;
    }

    .wrapper_document-item_img {
        padding: 0 1em;
    }

    .wrapper_document-item_img.left-item {
        padding-left: 1em;
    }

    .wrapper_document-item_img.right-item {
        padding-left: 1em;
    }

    .document-item_img .slick-arrow {
        height: 35px;
        width: 35px;
    }

    .document-item_img .slick-arrow:before {
        height: 8px;
        width: 15px;
    }

    .document-item_title {
        min-height: auto;
        line-height: 1.3;
        margin-bottom: 1em;
    }

    .successfully-section {
        padding-top: 2em;
    }

    .successfully-section .item-img {
        margin-bottom: 0;
    }

    .successfully-section .item-img img {
        max-height: 80px;
    }

    .successfully-section p {
        font-size: .935rem;
    }

    .empty-section .item-img {
        margin-bottom: 0;
    }

    .empty-section .item-img img {
        max-height: 80px;
    }

    .empty-section p {
        font-size: .935rem;
    }

    .password-form_fields {
        display: flex;
        flex-direction: column;
        gap: 1.2em;
    }

    .order-unit_header {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .order-unit_show-btn {
        display: none;
    }

    .order-unit_mobile-btn {
        display: flex;
    }

    .order-unit_table {
        display: block;
    }

    .order-unit_table tbody {
        display: block;
    }

    .order-unit_table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: .8em 1.3em;
        position: relative;
        padding: 10px 0;
        margin-bottom: .7em;
    }

    .order-unit_table td {
        display: block;
        padding: 0;
        width: auto;
    }

    .order-unit_table td:first-child {
        flex: 100% 0 0;
        width: 100%;
    }

    .order-unit_table .mobile-title {
        display: block;
    }

    .order-unit_mobile-row {
        display: flex;
    }

    .order-unit_mobile-row td:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .order-unit {
        margin-bottom: 1em;
    }

    .fav-table {
        display: block;
    }

    .fav-table tbody {
        display: block;
    }

    .fav-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: .8em 1.3em;
        position: relative;
        padding: 10px 0;
        margin-bottom: .7em;
    }

    .fav-item td {
        display: block;
        padding: 0;
        width: auto;
    }

    .fav-item td:first-child {
        flex: 100% 0 0;
        width: 100%;
    }

    .fav-item_desc {
        max-width: 100%;
    }

    .cart-table {
        display: block;
    }

    .cart-table tbody {
        display: block;
    }

    .cart-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: .8em 1.3em;
        position: relative;
        padding: 10px 0;
        margin-bottom: .7em;
    }

    .cart-item td {
        display: block;
        padding: 0;
        width: auto;
        flex: 1 0 0;
    }

    .cart-item td:first-child {
        flex: 100% 0 0;
        width: 100%;
    }

    .cart-item td:last-child {
        flex: 0 0 0;
    }

    .cart-delete_btn {
        position: absolute;
        top: 1em;
        right: -5px;
        height: 20px;
        width: 20px;
    }

    .cart-item_price {
        display: block;
        text-align: center;
    }

    .wrapper-counter_mod-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .cart-item_content {
        padding-right: 2em;
    }

    .wrapper_cart-table {
        padding: 0 1em;
    }

    .cart-section {
        padding-bottom: 3em;
    }

    .head-search_icon {
        height: 21px;
        flex: 21px 0 0;
        width: 21px;
    }

    .mobile-menu_closed {
        top: 1.2em;
    }
}

@media only screen and (max-width: 600px) {
    .similar-products_section {
        margin-bottom: 2em;
    }

    .mobile-visible {
        display: block;
    }

    .mobile-hidden {
        display: none !important;
    }

    .scroll-to-top {
        opacity: .7;
        border-radius: 100%;
        width: 26px;
        height: 26px;
        right: 18px;
        bottom: 2em;
        left: auto;
    }

    .scroll-to-top:before {
        content: '';
        display: block;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        border-radius: 50%;
        border: 2px solid #004377;
        position: absolute;
        top: -7px;
        left: -7px;
        z-index: -1;
    }

    .scroll-to-top:after {
        left: 0;
        top: 2px;
    }

    .head-logo {
        margin-left: 0;
        max-width: 100px;
    }

    .main-slide_btns a {
        font-size: .875rem;
        height: 35px;
    }

    .main-slide_btns .white-btn {
        border-color: #0060AA;
        color: #0060AA;
    }

    .main-slide_btns .white-btn:hover {
        background: #0060AA;
        color: #fff;
    }

    .main-slider .slick-dots li {
        height: 7px;
        width: 7px;
    }

    .main-slider .slick-dots {
        bottom: 1em;
    }

    .main-slide {
        padding: 1em;
        padding-bottom: 2.7em;
    }

    .vision-test_section {
        padding: 1.7em 1em;
    }

    .vision-test_form-footer .form-policy {
        font-size: .75rem;
    }

    .main-btn, .main-mod_btn, .white-btn, .white-mod_btn {
        height: 50px;
        font-size: 1rem;
    }

    .unified_right-btn {
        width: 100%;
    }

    .products-slider {
        padding: 0;
        margin-bottom: 3em;
    }

    .products-slider .slick-list {
        padding-right: 20%;
    }

    .products-slider .slick-dots li {
        background: #44aeff;
        height: 10px;
        width: 10px;
        transition: background .3s;
    }

    .products-slider .slick-dots li.slick-active {
        background: #0060AA;
    }

    .services-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 1em;
    }

    .service-item_title {
        min-height: auto;
    }

    .service-item {
        min-height: 170px;
    }

    .service-item_desc {
        gap: 1em;
    }

    .action-item, .action-mod_item {
        min-height: 50vw;
    }

    .main-footer_mobile {
        display: flex;
    }

    .footer-nav {
        padding: 2em 0;
    }

    .map-section {
        padding: 3em 0;
    }

    .about-section {
        padding: 3em 0;
    }

    .products-section {
        padding: 3em 0;
    }

    .vision-test_section {
        margin-bottom: 0;
    }

    .selectric {
        height: 50px;
    }

    .selectric .label {
        line-height: 50px;
    }

    .form-control {
        height: 50px;
    }

    .form-label {
        line-height: 50px;
    }

    .category-row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .category-row .slick-slide {
        padding: 0 5px;
    }

    .category-row .slick-list {
        padding-right: 20%;
    }

    .product-item_fav {
        right: .7em;
    }

    .catalog-row {
        gap: 1em 5px;
    }

    .product-item_btn {
        flex: 35px 0 0;
        height: 35px;
        width: 35px;
    }

    .product-item_btn:before {
        height: 22px;
        flex: 18px 0 0;
        width: 18px;
    }

    .product-item_desc {
        padding-left: .7em;
        padding-right: .7em;
    }

    .wrapper_vision-test_section {
        padding: 3em 0 2em;
    }

    .main-small_title {
        font-size: 1.7rem;
        margin-bottom: .7em;
    }

    .breadcrumbs {
        margin-bottom: 1em;
    }

    .product-item_price {
        font-size: 1.125rem;
    }

    .action-catlog_item {
        padding: 1.5em .7em 1.2em;
    }

    .action-catlog_item:after {
        height: 80px;
        right: -1em;
        width: 80px;
    }

    .action-catlog_item .title {
        font-size: 1.5rem;
    }

    .action-catlog_item .white-mod_btn {
        min-width: auto;
        width: 100%;
    }

    .product-item_img {
        padding-top: 1.5em;
    }

    .product-item_img {
        height: 34vw;
    }

    .footer-vk {
        height: 40px;
    }

    .no-result_icon {
        height: 80px;
        flex: 80px 0 0;
        width: 80px;
    }

    .no-result_section {
        padding: 2em 0 3em;
        font-size: 1rem;
    }

    .no-result_section .main-btn {
        min-width: auto;
        padding: 0 2em;
    }

    .product-item_old-price {
        top: 2px;
    }

    .product-card_left-column {
        flex-direction: column;
    }

    .product-card_small-slider {
        display: none !important;
        flex: inherit;
        max-width: 100%;
        width: 100%;
        margin: 0;
        order: 2;
    }

    .product-card_small-slider .slick-slide {
        padding: 0 5px;
    }

    .product-card_small-slider .slick-arrow {
        top: 0;
        bottom: 0;
        background-color: transparent;
    }

    .product-card_small-slider .slick-arrow:hover:before {
        filter: brightness(0) invert(1);
    }

    .product-card_small-slider .slick-arrow:before {
        filter: brightness(0) saturate(100%) invert(20%) sepia(82%) saturate(2502%) hue-rotate(190deg) brightness(97%) contrast(102%);
    }

    .product-card_small-slider .slick-prev {
        left: -10px;
        right: auto;
        transform: rotate(0deg);
    }

    .product-card_small-slider .slick-next {
        right: -10px;
        left: auto;
        transform: rotate(0deg);
    }

    .product-card_slider {
        flex: inherit;
        max-width: 100%;
        width: 100%;
        order: 1;
    }

    .product-card_small-item {
        width: auto;
        height: 18vw;
    }

    .product-card_item {
        height: 70vw;
    }

    .product-card_slider {
        overflow: visible;
    }

    .product-card_slider .slick-dots li {
        background: #44aeff;
        height: 10px;
        width: 10px;
        transition: background .3s;
    }

    .product-card_slider .slick-dots li.slick-active {
        background: #0060AA;
    }

    .product-card_content {
        gap: 2.7em;
    }

    .product-card_title {
        font-size: 1.5rem;
    }

    .product-card_price {
        font-size: 1.5rem;
    }

    .product-card_section .breadcrumbs {
        margin-bottom: 1.5em;
    }

    .map-section_left-column {
        padding-right: 5px;
    }

    .section-small_title {
        font-size: 1.5rem;
        margin-bottom: 1em;
    }

    .products-mod_slider .slick-list {
        padding-right: 20%;
    }

    .products-mod_slider .slick-dots li {
        background: #44aeff;
        height: 10px;
        width: 10px;
        transition: background .3s;
    }

    .products-mod_slider .slick-dots li.slick-active {
        background: #0060AA;
    }

    .product-property_row {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-card_tab-names {
        font-size: .875rem;
        gap: .5em;
        flex-direction: column;
    }

    .product-card_tab-names li {
        min-height: 35px;
    }

    .service-item_img {
        align-items: center;
        justify-content: flex-end;
        padding-right: 0;
    }

    .unified-menu a {
        min-height: 35px;
        border-radius: 5px;
    }

    .service-banner {
        flex-direction: column;
    }

    .service-banner_desc {
        padding: 1.5em 1em;
        flex: inherit;
    }

    .service-banner_img {
        flex: inherit;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .service-banner_img img {
        display: block;
        max-height: 200px;
    }

    .service-banner_img-end {
        justify-content: flex-end;
    }

    .service-detailed_desc {
        padding: 0 1em;
        margin-bottom: 2em;
    }

    .service-gray_box {
        padding-left: 1em;
        padding-right: 1em;
    }

    .service-banner {
        margin-bottom: 2em;
    }

    .useful-info_item {
        font-size: 1.25rem;
    }

    .useful-info_item .item-icon {
        height: 35px;
        flex: 35px 0 0;
        width: 35px;
    }

    .useful-info_item .item-icon:before {
        height: 15px;
        width: 15px;
    }

    .useful-information_row {
        gap: .5em;
        margin-bottom: 2em;
    }

    .useful-info_item {
        font-size: 1rem;
        min-height: 110px;
    }

    .review-item {
        padding: 1.5em 1em;
        margin-bottom: 1em;
    }

    .review-item_name {
        font-size: 1.25rem;
    }

    .wrapper_leave-feedback_form {
        padding: 1.5em 1em;
    }

    .reviews-section {
        padding-bottom: 2em;
    }

    .articles-row {
        display: flex;
        flex-direction: column;
    }

    .article-detailed_text-box {
        margin-bottom: 2em;
    }

    .article-detailed_gray-box {
        margin-bottom: 2em;
    }

    .article-detailed_frame-box {
        margin-bottom: 2em;
    }

    .article-detailed_blue-box {
        margin-bottom: 2em;
    }

    .article-detailed_list-row {
        margin-bottom: 2em;
    }

    .faq-item {
        border-radius: 10px;
        margin-bottom: 1em;
    }

    .faq-item_title {
        font-size: 1.125rem;
        padding: 1em;
    }

    .faq-item_body {
        padding: 0 1.3em 1.4em;
        margin-top: -.3em;
        line-height: 1.4;
    }

    .article-unit {
        margin-bottom: 1em;
    }

    .article-unit:last-child {
        margin-bottom: 0;
    }

    .faq-unit {
        border-radius: 10px;
        margin-bottom: 1em;
    }

    .faq-unit_header {
        font-size: 1.125rem;
        padding: 1em;
    }

    .faq-unit_body {
        padding: 0 1.3em 1.4em;
        margin-top: -.3em;
        line-height: 1.4;
    }

    .faq-unit_body .step-list {
        font-size: .935rem;
    }

    .faq-unit_body .step-list li {
        min-height: 42px;
    }

    .actions-section {
        padding-bottom: 2em;
    }

    .section-mod_title {
        margin-bottom: .7em;
    }

    .wrapper_document-item_img {
        padding: 0;
    }

    .wrapper_document-item_img.left-item {
        padding-left: 0;
    }

    .wrapper_document-item_img.right-item {
        padding-left: 0;
    }

    .wrapper_document-item_img .slick-dots {
        bottom: -1.5em;
    }

    .wrapper_document-item_img .slick-dots li {
        background: #44aeff;
        height: 10px;
        width: 10px;
        transition: background .3s;
    }

    .wrapper_document-item_img .slick-dots li.slick-active {
        background: #0060AA;
    }

    .documents-row {
        gap: 3.7em;
    }

    .log-resister_section {
        padding-bottom: 2em;
    }

    .continue-shopping_btn {
        min-width: auto;
    }

    .user-info_box {
        margin-bottom: 2em;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .personal-data_top-row {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-bottom: 1.5em;
    }

    .personal-data_middle-row {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-bottom: 1.5em;
    }

    .personal-data_bottom-row {
        gap: .6em;
        margin-bottom: 1.3em;
    }

    .personal-data_form-submit {
        width: 100%;
    }

    .wrapper_form-control .form-control {
        height: 50px;
    }

    .form-mod_label {
        margin-bottom: 10px;
    }

    .password-form_fields {
        margin-bottom: 1.5em;
    }

    .wrapper_form-control .clear-input_btn {
        height: 17px;
        width: 17px;
    }

    .popup-icon img {
        max-height: 40px;
    }

    .order-unit_header {
        grid-template-columns: repeat(2, 1fr);
        font-size: .875rem;
        padding: 1em;
        align-items: flex-end;
    }

    .order-unit_header .cell {
        padding: 0;
    }

    .order-unit_product-img {
        flex: 100px 0 0;
    }

    .order-unit_table {
        font-size: .875rem;
    }

    .order-unit_product {
        align-items: flex-start;
    }

    .fav-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .fav-item td:first-child {
        grid-column: span 2;
    }

    .fav-item_price {
        display: block;
        text-align: center;
    }

    .fav-item_content {
        align-items: flex-start;
    }

    .fav-item_img {
        flex: 100px 0 0;
    }

    .fav-item_desc {
        font-size: .875rem;
    }

    .wrapper-counter_mod-btn {
        height: 35px;
        max-width: 110px;
    }

    .wrapper-counter_mod-btn .counter-back, .wrapper-counter_mod-btn .counter-forward {
        flex: 25px 0 0;
        height: 25px;
        width: 25px;
    }

    .fav-item_heart {
        height: 25px;
        margin-left: auto;
        margin-right: auto;
        width: 31px;
    }

    .empty-section_btn {
        min-width: auto;
    }

    .cart-item_img {
        flex: 90px 0 0;
    }

    .cart-item_desc {
        font-size: .875rem;
    }

    .cart-item_content {
        align-items: flex-start;
    }

    .cart-section {
        padding-bottom: 2em;
    }

    .modal-content {
        padding: 2em 1em;
    }

    .order-form_fields-row {
        display: flex;
        flex-direction: column;
    }

    .delivery-row {
        display: flex;
        flex-direction: column;
    }

    .delivery-item {
        min-height: 100px;
    }

    .personal-data_order-row {
        margin-bottom: 1em;
    }

    .payment-list {
        display: flex;
        flex-direction: column;
    }

    .order-form {
        padding-bottom: 2em;
    }

    .shop-item_btn {
        height: 40px;
    }

    .order-form_unit {
        margin-bottom: 1.7em;
    }

    .about-section_desc h2 {
        margin-bottom: .2em;
    }

    .modal-content_successfully .text {
        font-size: 1rem;
        padding: 0;
    }

    .comment-mod_textarea {
        height: 120px;
        padding: 1em;
    }

    .product-card_btn {
        height: 43px;
    }

    .main-footer_top {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 480px) {
    .card-img {
        width: 330px;
        padding-left: 3em;
        gap: 3.6em;
        height: 215px;
    }

    .card-input {
        font-size: 1rem;
    }

    .card-section_content {
        margin-left: 0;
    }

    .wrapper_card-input {
        max-width: 154px;
    }
}

/*captcha*/
.captcha-wrapper {
    display: flex;
    gap: 15px;
    flex: 1;
    align-items: center;
}

.captcha-wrapper .form-group {
    width: calc(100% - 180px);
}

.captcha-wrapper .form-label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 480px) {
    .captcha-wrapper {
        flex-wrap: wrap;
    }

    .captcha-wrapper .form-group {
        width: 100%;
    }
}

.delivery-item_price {
    text-wrap: nowrap;
}

.order-title {
    margin-bottom: 10px !important;
}

.order-description {
    margin-bottom: 50px;
}

.btn-stock {
    flex: 41px 0 0;
    height: 41px;
    border-radius: 5px;
    border: 1px solid #0060AA;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .3em .7em;
    position: relative;
    font-weight: 700;
    color: #0060AA;
    transition: all .2s linear;
    background-color: white;
}

.btn-stock:hover {
    color: white;
    background-color: #0060AA;
}
@media(max-width: 991px) {
    .btn-stock {
        display: none;
    }
}
@media (min-width: 991px) {
    .wrapper_search-form_input {
        transition: all .2s linear;
    }

    .wrapper_search-form_input:focus-within {
        position: absolute;
        top: -21px;
        left: -92px;
        width: calc(100% + 92px);
    }
}


/**new-code**/
.product-card_mod-btns {
    gap: .6em;
}

.product-card_mod-btns .wrapper-counter-btn {
    max-width: 121px;
    flex: 121px 0 0;
}

.product-card_mod-btns .product-card_btn {
    min-width: 139px;
    flex: 0 0 auto;
    height: 43px;
}

.product-button_row {
    display: flex;
    gap: .6em;
    flex: 1 0 0;
}

.add-lenses_btn {
    height: 43px;
    gap: .7em;
    flex: 1 0 0;
    padding: 0 0.5em;
}

.add-lenses_btn.is-active:after {
    content: '';
    display: block;
    height: 13px;
    background: url(../img/icons/edit.svg) no-repeat center;
    background-size: contain;
    width: 13px;
}

.product-card_options {
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: .5em;
    margin-bottom: 1.3em;
    width: 100%;
}

.product-card_options td {
    padding: .3em;
}

.product-card_options td:first-child {
    padding-left: 0;
}

.product-card_options td:last-child {
    padding-right: 0;
    text-align: right;
}

.product-card_options .for-free {
    color: #0060AA;
    font-weight: 600;
}

.product-card_options .item-price {
    font-weight: 600;
    white-space: nowrap;
}

.product-card_price-row.is-hidden {
    display: none;
}

/**sliding-panel**/
.wrapper_sliding-panel {
    display: none;
    background: rgba(176, 183, 195, 0.45);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 110;
}

.sliding-panel {
    position: fixed;
    bottom: 0;
    right: -930px;
    top: 0;
    background: #fff;
    padding: 4.5em 1.2em 2em;
    max-width: 920px;
    width: 100%;
    transition: right .3s;
}
.sliding-panel > div {
    padding: 4.5em 1.2em 2em;
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-width: 920px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.sliding-panel.is-open {
    right: 0;
}

.sliding-panel .section-title {
    font-weight: 500;
}

.sliding-panel_header {
    flex: 0 0 auto;
    margin-bottom: 2.5em;
}

.panel_close-btn {
    display: block;
    cursor: pointer;
    background: url(../img/icons/close.svg) no-repeat center;
    background-size: contain;
    height: 24px;
    position: absolute;
    right: 1.7em;
    top: 1.7em;
    width: 24px;
    transition: filter .3s;
}

.panel_close-btn:hover {
    filter: brightness(0) saturate(100%) invert(17%) sepia(65%) saturate(4887%) hue-rotate(193deg) brightness(92%) contrast(103%);
}

.sliding-panel_body {
    flex: 1 0 0;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 1em;
    width: calc(100% + 1.2em);
}

.sliding-panel_body::-webkit-scrollbar-track {
    background-color: transparent;
}

.sliding-panel_body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #0060AA;
}

.sliding-panel_body::-webkit-resizer {
    width: 7px;
    height: 0px;
}

.sliding-panel_body::-webkit-scrollbar {
    width: 7px;
}

@-moz-document url-prefix() {
    .sliding-panel_body {
        scrollbar-color: #0060AA transparent;
        scrollbar-width: thin;
    }
}

.tab-named_lenses {
    display: flex;
    gap: 1em;
}

.tab-named_lenses .tab{
    flex: 1 0 0;
    background: #F4F4F4;
    border-radius: 10px;
    min-height: 73px;
    font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: background .3s, color .3s;
    color: #000;
    text-decoration: none;
    border-bottom: none;
    position: relative;
}
.tab-named_lenses .tab label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.tab-named_lenses .tab {
    padding: .4em .6em;
}
.tab-named_lenses .tab.active, .tab-named_lenses .tab.active a {
    background: #0060AA;
    color: #fff;
}

.tab-named_mar-lenses {
    margin-bottom: 0em;
}

.lenses_top-panel {
    display: flex;
    gap: .7em 3em;
    align-items: center;
    margin-bottom: 2em;
}

.lenses_top-panel .section-title {
    margin-bottom: 0;
    flex: 1 0 0;
}

.lenses_top-panel .right-text {
    flex: 40% 0 0;
    color: #181818;
    font-size: 0.9em;
}

.lenses-mod_top-panel .right-text {
    flex: inherit;
}

.sliding-panel_products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.7em;
}

.sliding-panel_products .product-item {
    min-height: 484px;
}

.sliding-panel_products .product-item_price-row {
    gap: 0 1.2em;
}

.sliding-panel_products .product-item_old-price {
    margin: 0;
}

.lenses_tree-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.7em;
}

.lenses_tree-columns .product-item {
    min-height: 484px;
}

.lenses_tree-columns .product-item_mod-img {
    height: 159px;
}

.lenses_tree-columns .product-item_price-row {
    gap: 0 1.2em;
}

.lenses_tree-columns .product-item_old-price {
    margin: 0;
}

.product-item_options {
    display: flex;
    flex-direction: column;
    gap: .1em;
    color: #B0B7C3;
    font-size: .875rem;
}

.product-item_options li {
    position: relative;
    padding-left: 12px;
}

.product-item_options li:before {
    content: '';
    display: block;
    background: #B0B7C3;
    position: absolute;
    left: 0;
    top: 10px;
    height: 1px;
    width: 8px;
}

.product-item_price-row {
    align-items: center;
}

.product-item_old-price {
    top: 1px;
}

.product-item_price-text {
    display: flex;
    flex-direction: column;
}

.product-item_price-text .text {
    color: #6C7275;
    font-size: .875rem;
    font-weight: 600;
}

.product-item_add-btn {
    height: 43px;
}

.product-item_mod-img {
    height: 139px;
}

.product-item_discount {
    height: 31px;
    border-radius: 5px;
    border: 1px solid #0060AA;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    color: #0060AA;
    padding: .2em .2em;
}

@media only screen and (max-width: 1899px) {
    .sliding-panel {
        padding-top: 2em;
    }
    .tab-named_lenses .tab, .tab-named_lenses .tab a {
        min-height: 55px;
        font-size: 1rem;
    }
    .sliding-panel .section-title {
        margin-bottom: .5em;
        font-size: 2rem;
    }
    .lenses_top-panel .section-title {
        margin-bottom: 0;
    }
    .sliding-panel_header {
        margin-bottom: 1.2em;
    }
    .sliding-panel_products .product-item {
        min-height: 460px;
    }
    .sliding-panel {
        max-width: 850px;
    }
    .sliding-panel_products {
        gap: 1em;
    }
    .lenses_top-panel {
        gap: .7em 1.3em;
    }
    .lenses_top-panel .right-text {
        flex: 45% 0 0;
    }
    .lenses-mod_top-panel .right-text {
        flex: inherit;
    }
}

@media only screen and (max-width: 1599px) {
    .product-card_options {
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 1279px) {
    .lenses_tree-columns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1024px) {
    .sliding-panel_products .product-item_price-row {
        gap: 0 .7em;
    }
    .lenses_tree-columns {
        gap: .8em;
    }
    .lenses_tree-columns .product-item_price-row {
        gap: 0 .7em;
    }
    .product-button_row .main-btn {
        flex: auto;
    }
}

@media only screen and (max-width: 768px) {
    .sliding-panel_products .product-item_footer {
        flex-direction: column;
        align-items: flex-start;
    }
    .tab-named_lenses .tab, .tab-named_lenses .tab a{
        min-height: 45px;
        font-size: .875rem;
    }
    .sliding-panel .section-title {
        font-size: 1.5rem;
    }
    .lenses_top-panel {
        flex-direction: column;
        align-items: flex-start;
        gap: .7em;
    }
    .lenses_top-panel .section-title {
        font-size: 2rem;
    }
    .sliding-panel_products .product-item_price-row {
        justify-content: space-between;
        width: 100%;
    }
    .product-card_options {
        font-size: 1rem;
        margin-bottom: 1em;
    }
    .lenses_tree-columns {
        display: flex;
        flex-direction: column;
    }
    .lenses_tree-columns .product-item {
        min-height: auto;
    }
}

@media only screen and (max-width: 600px) {
    .sliding-panel_products {
        display: flex;
        flex-direction: column;
    }
    .sliding-panel_products .product-item {
        min-height: auto;
    }
    .tab-named_lenses {
        flex-direction: column;
        gap: .6em;
    }
    .tab-named_lenses .tab, .tab-named_lenses .tab a{
        min-height: 33px;
        font-size: 1rem;
    }
    .sliding-panel_products .product-item_footer {
        flex-direction: row;
    }
    .sliding-panel_products .product-item_price-row {
        justify-content: flex-start;
    }
    .product-card_mod-btns {
        flex-direction: column;
    }
    .product-card_mod-btns .wrapper-counter-btn {
        flex: inherit;
        max-width: 100%;
    }
    .product-card_mod-btns .product-card_btn {
        min-width: auto;
    }
}

.lenses_top-panel .right-text *{
    font-size: 18px !important;
}