@charset "UTF-8";
* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    outline: none;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}

a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter-Black.woff2") format("woff2"), url("../fonts/Inter-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: CeraRoundPro;
    font-display: swap;
    src: url("../fonts/CeraRoundPro-Thin.woff2") format("woff2"), url("../fonts/CeraRoundPro-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: CeraRoundPro;
    font-display: swap;
    src: url("../fonts/CeraRoundPro-Light.woff2") format("woff2"), url("../fonts/CeraRoundPro-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: CeraRoundPro;
    font-display: swap;
    src: url("../fonts/CeraRoundPro-Regular.woff2") format("woff2"), url("../fonts/CeraRoundPro-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: CeraRoundPro;
    font-display: swap;
    src: url("../fonts/CeraRoundPro-Medium.woff2") format("woff2"), url("../fonts/CeraRoundPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: CeraRoundPro;
    font-display: swap;
    src: url("../fonts/CeraRoundPro-Bold.woff2") format("woff2"), url("../fonts/CeraRoundPro-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: CeraRoundPro;
    font-display: swap;
    src: url("../fonts/CeraRoundPro-Black.woff2") format("woff2"), url("../fonts/CeraRoundPro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.m-60 {
    margin-top: 60px;
}

.swiper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.swiper-wrapper {
    display: flex;
    height: 100%;
}
.swiper-wrapper .swiper-slide {
    flex-shrink: 0;
}

.swiper-slide {
    margin: 0 auto;
}

.swiper-container {
    position: relative;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    margin: 0 30px;
    color: #3c3c3c;
    opacity: 0;
    transition: 0.3s;
}
.swiper-container .swiper-button-next svg,
.swiper-container .swiper-button-prev svg {
    width: 100%;
    height: 100%;
}
.swiper-container .swiper-button-next {
    right: 0;
}
.swiper-container .swiper-button-prev {
    transform: rotate(180deg);
    left: 0;
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
    opacity: 1;
}
.swiper-container.dots-b {
    padding-bottom: 30px;
}
.swiper-container .swiper-pagination {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    column-gap: 4px;
    row-gap: 4px;
    position: absolute;
    bottom: 0;
    justify-content: center;
    left: 0;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #66CC66;
    border-radius: 50%;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2980BA;
}
.swiper-container.dots-l {
    padding-left: 30px;
    box-sizing: content-box;
}
.swiper-container.dots-l .swiper-pagination {
    position: absolute;
    left: 0;
    height: 100%;
    width: 20px;
    flex-direction: column;
}

.swiper-container-out {
    padding-right: 50px;
    padding-left: 50px;
    margin-left: -50px;
    width: calc(100% + 100px);
}
.swiper-container-out .swiper-button-next,
.swiper-container-out .swiper-button-prev {
    margin: 0;
}

@media (max-width: 768px) {
    .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}
.btn-1 {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 44px 0 12px;
    background-color: #2980BA;
    color: #ffffff;
    border-radius: 24px;
}
.btn-1 .icon {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    background-color: #66CC66;
}
.btn-1 svg {
    height: 100%;
    width: 32px;
}

.btn-2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
    padding: 0 20px;
    border: 2px solid #2980BA;
    border-radius: 20px;
    color: #2980BA;
}
.btn-2:hover {
    border-color: #66CC66;
    color: #66CC66;
}

.btn-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    width: 100%;
    border: 1px solid #66CC66;
    border-radius: 8px;
    color: #66CC66;
}
.btn-3:hover {
    border-color: #2980BA;
    color: #2980BA;
}

.btn-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 30px;
    width: 100%;
    border: 1px solid #66CC66;
    border-radius: 8px;
    color: #ffffff;
    background-color: #66CC66;
}
.btn-4 svg {
    margin-left: 14px;
    width: 12px;
    height: 14px;
}

.input-block {
    display: flex;
    align-items: center;
    position: relative;
    width: 220px;
    height: 37px;
}
.input-block svg {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 12px;
    color: #2980BA;
}
.input-block .input[type=search] {
    width: 100%;
    height: 100%;
    color: #2980BA;
    padding: 0 12px 0 12px;
    border: 2px solid #2980BA;
    border-radius: 20px;
    padding-right: 37px;
    background-color: transparent;
}
.input-block .input[type=search]::-moz-placeholder {
    color: #2980BA;
}
.input-block .input[type=search]::-webkit-input-placeholder {
    color: #2980BA;
}
.input-block .input[type=search]:-ms-input-placeholder {
    color: #2980BA;
}
.input-block .input[type=search]::-ms-input-placeholder {
    color: #2980BA;
}
.input-block .input[type=search]::placeholder {
    color: #2980BA;
}
.input-block .input[type=search]:focus, .input-block .input[type=search]:hover {
    border-color: #66CC66;
}
.input-block .input[type=search]:focus + svg, .input-block .input[type=search]:hover + svg {
    color: #66CC66;
}

._lock {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #ffffff;
    border-radius: 20px;
    margin: 10px;
    z-index: 999;
}

.popup.active {
    display: block;
}

.popup__wrap {
    position: relative;
}

.popup__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
}
.popup__close svg {
    width: 100%;
    height: 100%;
}

.popup__title {
    font-size: 24px;
    line-height: 1.1666666667;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.popup__content {
    margin-top: 14px;
}

.popup__input {
    width: 100%;
    height: 30px;
    border: 1px solid #2980BA;
    border-radius: 40px;
    font-size: 14px;
    line-height: 1;
    padding: 0 14px;
    color: #2980BA;
}
.popup__input::-moz-placeholder {
    color: #2980BA;
}
.popup__input::-webkit-input-placeholder {
    color: #2980BA;
}
.popup__input:-ms-input-placeholder {
    color: #2980BA;
}
.popup__input::-ms-input-placeholder {
    color: #2980BA;
}
.popup__input::placeholder {
    color: #2980BA;
}

.p-btn-1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #000000;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid transparent;
    padding-left: 4px;
    padding-right: 4px;
}
.p-btn-1.active, .p-btn-1:hover {
    background-color: #2980BA;
    color: #ffffff;
}
.p-btn-1.br-r {
    border-radius: 50px;
}
.p-btn-1.br {
    border: 1px solid #2980BA;
}
.p-btn-1 .active {
    background-color: #2980BA;
}

.openShow {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.38);
    transition: all 2s ease 0s;
}

body._lock {
    overflow: hidden;
    touch-action: none;
}

.lk-form .input-wrap {
    width: 100%;
}
.lk-form .input-wrap:not(:first-child) {
    margin-top: 10px;
}
.lk-form .input-wrap span {
    display: block;
    font-size: 18px;
    padding-left: 16px;
}
.lk-form .input-wrap input {
    font-size: 18px;
    padding: 8px 16px;
    border: 2px solid #2980BA;
    border-radius: 26px;
    width: 100%;
    max-width: 400px;
}
.lk-form .button-block {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 20px;
    margin-top: 40px;
}
.lk-form .button-block input {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #2980BA;
    border-radius: 26px;
    color: #2980BA;
    font-size: 18px;
    padding: 8px 16px;
    background-color: transparent;
    cursor: pointer;
}
.lk-form .button-block input:hover {
    color: #ffffff;
    background-color: #2980BA;
}
.lk-form .button-block input.red {
    border-color: red;
    color: red;
}
.lk-form .button-block input.red:hover {
    background-color: red;
    color: #ffffff;
}

.openShow {
    background-image: url("/images/popup_fon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10000;
}

@media (max-width: 1200px) {
    .btn-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%;
    /* Not required for horizontal scroll to trigger */
    max-height: 100%;
    /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
    right: -10px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #DAE8FA;
    border-radius: 6px;
    left: 0px;
    right: 0px;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.simplebar-track.simplebar-vertical {
    background: #F5F8FA;
    border-radius: 5px;
    width: 4px;
}

body {
    color: #000000;
    font-size: 14px;
    line-height: 1.1428571429;
    font-family: "Inter", sans-serif;
    background: #FFFFFF;
}
body._lock {
    overflow: hidden;
    touch-action: none;
}

html {
    scroll-behavior: smooth;
}

.wrapper {
    width: 100%;
}
.wrapper > main {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: CeraRoundPro;
}

.h2 {
    font-size: 28px;
    line-height: 1.2142857143;
}

.h3 {
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
}
.h3:not(:first-child) {
    margin-top: 20px;
}
.h3:not(:last-child) {
    margin-bottom: 20px;
}

.title-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-weight: 600;
    margin-left: 10px;
    position: relative;
}
.title-block:after {
    content: "";
    height: 4px;
    width: 20px;
    left: -30px;
    background: #2980BA;
    position: absolute;
    top: 49%;
    border-radius: 0 2px 2px 0;
}
.title-block .h2 {
    font-weight: 600;
    color: #2980BA;
}
.title-block .link-all {
    font-weight: 400;
    font-size: 18px;
}
.title-block .link-all svg {
    width: 20px;
    height: 20px;
    color: #2980BA;
}

.page-block .h1,
.page-block .h2 {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.1764705882;
    border-bottom: 1px solid #c3c3c3;
    color: #3c3c3c;
    display: block;
    padding-bottom: 10px;
}

.section:not(:first-child) .container {
    padding-top: 50px;
}

.section-content {
    margin-top: 30px;
}

.container {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #fff;
    padding-right: 20px;
    padding-left: 20px;
}

.section-shadow {
    box-shadow: 0px 0 60px 10px hsl(0, 0%, 62.4%);
}

.main__bg {
    position: fixed;
    display: block;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
}
.main__bg img {
    object-fit: cover;
}

.link {
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.link svg {
    transition: inherit;
}
@media (any-hover: hover) {
    .link:hover {
        color: #1f6eb8;
    }
    .link:hover svg {
        fill: #1f6eb8;
    }
}
.link:active {
    color: #82b3e0;
}
.link:active svg {
    fill: #82b3e0;
}

.text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
.text h3 {
    font-size: 40px;
    line-height: 1.175;
    font-weight: 500;
}
.text h3:not(:first-child) {
    margin-top: 60px;
}
.text h4 {
    font-size: 24px;
    line-height: 1.2083333333;
    font-weight: 500;
}
.text h4:not(:first-child) {
    margin-top: 40px;
}
.text p:not(:first-child) {
    margin-top: 20px;
}
.text img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-top: 20px;
}

picture {
    width: inherit;
    height: inherit;
}
picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.exhibition .container {
    padding: 0;
}
.exhibition .exhibition__wrapper {
    position: relative;
    background-color: #2980BA;
    padding: 6px 40px;
    color: #ffffff;
}
.exhibition .exhibition__wrapper svg {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.exhibition .exhibition__title {
    font-size: 18px;
    text-align: center;
}

.header .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.header__wrap:not(:first-child) {
    margin-top: 20px;
}

.header__logo {
    position: relative;
    width: 420px;
    height: 58px;
    overflow: hidden;
}
.header__logo img {
    height: 120%;
    object-position: left;
    object-fit: cover;
    margin-left: -4%;
    margin-top: -1%;
}

.header__contacts {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: 250px;
    overflow: hidden;
}

.header__phone {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.header__phone svg {
    width: 14px;
    height: 14px;
    fill: #2980BA;
}

.header__region {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.header__region svg {
    width: 14px;
    height: 14px;
    fill: #2980BA;
}
.header__region span {
    color: #66CC66;
    font-weight: 500;
}

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

.header__catalog-section {
    position: relative;
    width: 100px;
    height: 140px;
    padding-bottom: 10px;
    box-sizing: content-box;
}
.header__catalog-section .header__catalog-section__l {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #2980BA;
    border-radius: 10px;
    padding: 10px 4px;
    font-size: 12px;
    color: #2980BA;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    row-gap: 6px;
}
.header__catalog-section .header__catalog-section__l:before {
    display: none;
    content: "";
    position: absolute;
    width: 100%;
    border-left: 2px solid #66CC66;
    border-right: 2px solid #66CC66;
    height: 20px;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    z-index: 100000;
}
.header__catalog-section .header__catalog-section__l img {
    height: 75px;
    width: 75px;
}
.header__catalog-section .header__catalog-section-title {
    width: 100%;
    position: relative;
    display: block;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
}
.header__catalog-section .h_sub-okr {
    display: none;
    width: 15px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    top: 137px;
    left: -13px;
    background: #fff;
    z-index: 100000000;
}
.header__catalog-section .h_sub-okr:after {
    content: "";
    position: absolute;
    z-index: 100000000;
    width: 30px;
    height: 30px;
    top: -15px;
    left: -15px;
    border-radius: 15px;
    border: 2px solid #66CC66;
}
.header__catalog-section.active:hover {
    border-color: #66CC66;
}
.header__catalog-section:hover .header__catalog-section__l {
    border-color: #66CC66;
}
.header__catalog-section.active:hover .header__catalog-section__l {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
}
.header__catalog-section.active:hover .header__catalog-section__l:before {
    display: block;
}
.header__catalog-section.active:hover .h_sub-okr {
    display: block;
}


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

.header__catalog-sub-section {
    display: none;
    position: absolute;
    border: 2px solid #66CC66;
    border-radius: 20px 0px 20px 20px;
    padding: 20px;
    background-color: #ffffff;
    z-index: 10000;
    top: 100%;
    left: auto;
    right: 0;
    width: max-content;
}
.header__catalog-sub-section .sub-section {
    display: block;
}
.header__catalog-sub-section .sub-section:not(:first-child) {
    margin-top: 10px;
}

.header__catalog-section:nth-child(-n+5) .header__catalog-sub-section {
    right: auto;
    left: 0;
    border-radius: 0px 20px 20px 20px;
}
.header__catalog-section:nth-child(-n+5) .h_sub-okr {
    left: 98px;
}
.header__catalog-section:nth-child(-n+5) .h_sub-okr:after {
    left: 0px;
}

.header__catalog-section.active:hover .header__catalog-sub-section {
    display: block;
}
.header__catalog-section:hover .header__catalog-section-title {
    color:#66CC66;
}
.header__catalog-section.active:hover .header__catalog-section-title {
    display: none;
}

.header__wrap.nav {
    margin-top: 10px;
}

.header__basket svg:last-child {
    display: none;
}
.header__basket .quantity {
    height: 14px;
    background-color: #66CC66;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    align-items: center;
    justify-content: center;
    z-index: 10;
    top: -4px;
    right: -4px;
    display: none;
    min-width: 14px;
    padding-left: 4px;
    padding-right: 4px;
}
.header__basket .quantity.active{
    display: flex;
}

.header__burger {
    width: 76px;
    height: 38px;
    color: #2980BA;
    border: 2px solid #2980BA;
    border-radius: 30px;
    padding: 4px 10px;
    cursor: pointer;
}
.header__burger svg {
    width: 100%;
    height: 100%;
    color: inherit;
}
.header__burger:hover {
    color: #66CC66;
    border-color: #66CC66;
}

.header__search .input-block {
    width: 240px;
}

@media (max-width: 1170px) {
    .header__basket .quantity {
        display: flex;
    }
    .btn-1 {
        padding: 0;
    }
    .btn-1 span {
        display: none;
    }
    .btn-1 .icon {
        position: relative;
    }
    .header__basket {
        background-color: transparent;
    }
    .header__basket .icon {
        background-color: transparent;
    }
    .header__basket svg:first-child {
        display: none;
    }
    .header__basket svg:last-child {
        display: block;
    }
    .header__feedback {
        margin-left: auto;
        position: relative;
    }
    .header__wrap {
        column-gap: 10px;
    }
    .header__catalog-section {
        width: 60px;
        height: 48px;
    }
    .header__catalog-section .header__catalog-section__l {
        padding: 8px;
    }
    .btn-2 {
        padding: 0 10px;
    }
    .header__catalog-section .header__catalog-section-title {
        display: none;
    }
    .header__catalog-section .header__catalog-section__l img {
        width: inherit;
        height: inherit;
    }
    .header__catalog-section .header__catalog-section__l:before {
        bottom: -2px;
    }
    .header__catalog-section .h_sub-okr {
        left: -13px;
        top: 45px;
    }
    .header__catalog-section .h_sub-okr:after {
        left: -15px;
    }
    .header__catalog-section:nth-child(-n+5) .h_sub-okr {
        left: 58px;
    }
    .header__catalog-section:nth-child(-n+5) .h_sub-okr:after {
        left: 0px;
    }
}
@media (max-width: 1050px) {
    .btn-2 {
        padding: 0 3px;
    }
}
@media (max-width: 950px) {
    .header__burger {
        display: block;
    }
    .header__nav .btn-2 {
        display: none;
    }
}
@media (max-width: 840px) {
    .header__contacts {
        display: none;
    }
    .header__logo {
        height: 42px;
        width: 300px;
    }
    .btn-1 {
        width: 42px;
        height: 42px;
    }
    .btn-1 .icon {
        width: 100%;
        height: 100%;
    }
    .btn-1 svg {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 700px) {
    .header__catalog-section {
        display: none;
    }
    .header__search {
        flex: 1;
    }
    .header__search .input-block {
        height: 54px;
        width: 100%;
    }
    .header__search .input-block .input[type=search] {
        border-radius: 28px;
        padding-right: 20px;
        padding-left: 60px;
    }
    .header__search .input-block svg {
        width: 30px;
        height: 30px;
        left: 20px;
        right: auto;
    }
    .header__burger {
        width: 54px;
        height: 54px;
    }
    .header__nav {
        column-gap: 40px;
    }
}
@media (max-width: 500px) {
    .header__logo {
        width: 200px;
        height: 31px;
    }
    .header__logo img {
        height: 115%;
        object-position: left;
        object-fit: cover;
        margin-left: -4%;
        margin-top: 0%;
    }
    .btn-1 {
        width: 20px;
        height: 20px;
    }
    .header__basket .quantity {
        width: 10px;
        height: 10px;
        top: -2;
        left: -2;
        font-size: 8px;
    }
}
.pages__preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    z-index: 1000000;
    top: 0;
    left: 0;
}
.pages__preloader .preloader__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10%;
}
.pages__preloader img {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-box {
    position: fixed;
    overflow: hidden;
    z-index: -1;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.video-box video {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-auth {
    display: none;
    z-index: 100000;
}
.popup-auth.active {
    display: block;
}

.auth__content {
    display: none;
}
.auth__content.active {
    display: block;
}

.reg__content {
    display: none;
}
.reg__content.active {
    display: block;
}

.popup-auth {
    width: 340px;
}

.auth__tabs {
    position: relative;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    height: 40px;
}

.auth__text-t {
    font-size: 14px;
    line-height: 1;
    color: #2980BA;
    font-weight: 700;
    margin-top: 30px;
    text-align: center;
}

.auth__text-l {
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}

.auth__services {
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
    justify-content: center;
}
.auth__services svg {
    width: 30px;
    height: 30px;
}

.auth__ur {
    margin-top: 20px;
}
.auth__ur label {
    display: flex;
    column-gap: 10px;
    position: relative;
    align-items: center;
}
.auth__ur .l-radio {
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #2980BA;
}
.auth__ur .l-radio:before {
    content: "";
    display: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 1px;
    left: 1px;
    background-color: #2980BA;
}
.auth__ur input {
    display: none;
}
.auth__ur input:checked + label .l-radio:before {
    display: block;
}
.auth__ur .text {
    line-height: 1;
}

.p-input-block {
    margin-top: 10px;
}

.auth__captcha {
    margin-top: 10px;
}
.auth__captcha .img-block {
    padding: 0 20px;
}

.auth__captcha-img {
    margin-top: 10px;
    height: 46px;
    width: fit-content;
}

.auth__button-block {
    height: 40px;
    display: flex;
    margin-top: 20px;
    column-gap: 20px;
}

.auth__min-text {
    margin-top: 20px;
    font-size: 9px;
}

.auth__inn {
    display: none;
}
.auth__inn.active {
    display: block;
}

.footer .container {
    background-color: transparent;
}
.footer .container.bg-w {
    padding-top: 60px;
    background-color: #fff;
}

.footer-map {
    position: relative;
    overflow: hidden;
    margin-left: -20px;
    width: calc(100% + 40px);
}

.footer-map__container {
    position: relative;
    height: 760px;
    width: 100%;
}

.footer-region {
    font-size: 47px;
    line-height: 1.2127659574;
    font-weight: 700;
    text-transform: uppercase;
    color: #2980BA;
    margin-left: 20px;
    padding-bottom: 20px;
}

.footer-contacts {
    width: 480px;
    height: 480px;
    border-radius: 10px;
    padding: 110px 110px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 50px;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
}

.footer-contacts__block .contacts-title {
    font-size: 26px;
    line-height: 1.1538461538;
    font-weight: 700;
    text-transform: uppercase;
    color: #2980BA;
}
.footer-contacts__block .contacts-address {
    margin-top: 30px;
}
.footer-contacts__block .contacts-time {
    margin-top: 10px;
}
.footer-contacts__block .contacts-phone {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
}
.footer-contacts__block .contacts-phone span {
    width: fit-content;
    border-bottom: 1px solid #000000;
}
.footer-contacts__block .contacts-phone svg {
    margin-right: 10px;
    width: 22px;
    height: 20px;
}
.footer-contacts__block .contacts-mail {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 10px;
}
.footer-contacts__block .contacts-mail svg {
    margin-right: 10px;
    width: 22px;
    height: 20px;
}
.footer-contacts__block .contacts-form {
    margin-top: 30px;
    border: 2px solid #66CC66;
    font-weight: 500;
}

.footer-wrap {
    position: relative;
    color: #2980BA;
}
.footer-wrap .container {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #fff;
}

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

.footer-content__block-1 {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    height: fit-content;
}

.footer-logo {
    width: 300px;
    max-height: 46px;
}

.footer-messengers {
    width: 100%;
    margin-top: 20px;
}

.footer-messengers__title {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.footer-messengers__block {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
    margin-top: 10px;
}

.footer-messenger {
    display: block;
    width: 38px;
    height: 38px;
}
.footer-messenger svg {
    width: 100%;
    height: 100%;
}

.footer-nav__title {
    font-weight: 700;
    text-transform: uppercase;
    color: inherit;
}

.footer-nav__block {
    margin-top: 20px;
}
.footer-nav__block a {
    display: block;
    color: inherit;
}
.footer-nav__block a:not(:first-child) {
    margin-top: 6px;
}

.footer-pays__title {
    font-size: 20px;
    color: #2980BA;
    width: 100%;
    text-align: center;
}

.footer-pays {
    width: 270px;
    height: 30px;
    position: relative;
}

.footer-bottom .container {
    background-color: #21628C;
    padding: 10px;
}
.footer-bottom p {
    font-size: 18px;
    line-height: 2;
    color: #ffffff;
    opacity: 0.6;
    width: 100%;
    text-align: center;
}
.footer-bottom a {
    color: #ffffff;
}

.footer-catalog {
    position: absolute;
    top: -24px;
    width: 280px;
    cursor: pointer;
    z-index: 30;
}

.footer-pay__block {
    width: 270px;
    padding: 0;
}
.footer-pay__block .footer-pay {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.footer-pay__text {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 1220px) {
    .footer-bottom p {
        font-size: 14px;
    }
}
@media (max-width: 980px) {
    .footer-wrap {
        color: #fff;
    }
    .footer-wrap .container {
        background: #2980BA;
    }
    .footer-contacts {
        color: #3c3c3c;
    }
    .footer-bottom p {
        font-size: 14px;
    }
    .footer-map {
        display: none;
    }
    .footer-contacts {
        position: relative;
        grid-column: span 2;
        width: 100%;
        height: auto;
        padding: 20px 50px;
        margin-left: 0;
    }
    .footer-contacts__block .contacts-title {
        font-size: 20px;
        color: #2980BA;
    }
    .footer-contacts__block {
        text-align: center;
    }
    .contacts-phone,
    .contacts-mail {
        justify-content: center;
    }
    .footer-contacts__block .contacts-form {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
    .footer-pay__block {
        grid-column: span 2;
        padding: 0 10px;
        width: 100%;
    }
    .footer-soc__block {
        display: none;
    }
    .footer-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        row-gap: 20px;
    }
    .footer-messenger {
        width: 40px;
        height: 40px;
    }
    .footer-messengers__block {
        column-gap: 20px;
    }
    .footer-pays {
        width: 100%;
    }
    .footer-region {
        display: none;
    }
    .footer-pay__text {
        display: none;
    }
    .footer-nav + .footer-nav {
        margin-left: auto;
    }
}
@media (max-width: 600px) {
    .footer-bottom p {
        font-size: 12px;
    }
}
.breadcrumbs {
    z-index: 100;
    position: relative;
}
.breadcrumbs ul {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumbs li {
    font-size: 12px;
    line-height: 1.25;
}
.breadcrumbs li a {
    color: #828282;
}
.breadcrumbs .delimiter {
    padding: 0 4px;
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none;
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
.f-throwOutUp {
    animation: 0.175s ease-out both f-throwOutUp;
}

.f-throwOutDown {
    animation: 0.175s ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0;
    }
}
@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0;
    }
}
.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}
.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index: 2;
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index: 1;
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}
.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1;
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}
.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
    z-index: 2;
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}
@keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}
.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}
.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%);
    }
}
@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%);
    }
}
.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0;
    }
}
@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0;
    }
}
:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg);
    }
}
.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
    outline: none;
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.f-button[disabled] {
    cursor: default;
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg);
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;
}

html.with-fancybox body {
    touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit;
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
}

.fancybox__viewport {
    width: 100%;
    height: 100%;
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab;
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing;
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%;
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
    overflow: hidden;
}

.fancybox__slide.has-image {
    overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto;
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
}

.is-loading .fancybox__content {
    opacity: 0;
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out;
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
    cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden;
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height;
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none;
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
}

.is-compact .fancybox__caption {
    padding-bottom: 0;
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
}

.is-idle .fancybox__nav {
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none;
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none;
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    animation: 0.25s ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: 0.35s ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    animation: 0.15s ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: 0.35s ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
}

.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
}

.f-thumbs .f-spinner svg {
    display: none;
}

.f-thumbs.is-vertical {
    height: 100%;
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.f-thumbs__track {
    display: flex;
    will-change: transform;
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
}

.f-thumbs__slide.is-loading img {
    opacity: 0;
}

.is-classic .f-thumbs__viewport {
    height: 100%;
}

.is-modern .f-thumbs__track {
    width: max-content;
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0) * 1px);
    width: calc(100% - var(--width, 0) * 1px);
    cursor: pointer;
}

.is-modern .f-thumbs__slide {
    --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

.is-modern .f-thumbs__slide > * {
    clip-path: var(--clip-path);
}

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none;
}

.is-modern.is-resting .f-thumbs__slide {
    transition: all 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide > * {
    transition: all 0.33s ease;
}

.f-thumbs__slide__button {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none;
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn 0.2s ease-out;
    z-index: 10;
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
    transition: none !important;
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20;
}

.fancybox__toolbar :focus-visible {
    z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none;
}

.fancybox__infobar span {
    padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
    position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex;
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none;
}

.link-all {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.2;
    color: #999999;
    width: fit-content;
}
.link-all svg {
    width: 14px;
    height: 14px;
    margin-left: 10px;
}

.pages {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 50px 0;
}

.main-banner__slide {
    position: relative;
}

.main-banner__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    height: 42px;
    width: 160px;
    border: 2px solid #2980BA;
    background-color: #ffffff;
    color: #2980BA;
    border-radius: 8px;
}
.main-banner__btn span {
    display: block;
    height: fit-content;
}
.main-banner__btn:hover {
    border-color: #66CC66;
}

.swiper-pagination.main__banner__pagination {
    position: absolute;
    bottom: 20px;
    left: auto;
    right: 20px;
    width: fit-content;
    column-gap: 6px;
    row-gap: 6px;
}
.swiper-pagination.main__banner__pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.catalog__section {
    position: relative;
    background: rgb(68, 167, 218);
    background: linear-gradient(0deg, rgb(227, 236, 245) 0%, rgb(68, 167, 218) 100%);
    border-radius: 8px;
    padding: 14px;
}

.section-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.section-img img {
    object-position: bottom right;
}

.section-title {
    color: #ffffff;
    padding-top: 20px;
}

.section__container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sub-sections__cont {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sub-sections-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-color: #174D7A;
    opacity: 0.7;
}

.sub-sections__wrap {
    position: absolute;
    display: grid;
    grid-template-rows: 1fr auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 14px 14px 62px 14px;
    z-index: 1000;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 10px;
    overflow: hidden;
}

.sub-sections {
    position: relative;
    display: flex;
    width: 100%;
    top: 0;
    left: 0;
    padding: 14px 14px 62px 14px;
    z-index: 1000;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 10px;
    overflow: hidden;
}
.sub-sections .sub-section {
    display: block;
    font-size: 16px;
    line-height: 1.6666666667;
    color: #ffffff;
}

.sub-all__cont {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 14px;
    width: 100%;
}

.sub-all {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    color: #ffffff;
    background-color: #66CC66;
    border-radius: 4px;
}

.catalog__section.sub:hover .sub-sections__cont {
    display: block;
}
.catalog__section.sub:hover .section-title {
    display: none;
}

.catalog__sections {
    display: grid;
    grid-template-columns: repeat(8, 135px);
    grid-auto-rows: 220px;
    gap: 20px;
}

.catalog__section:nth-child(1), .catalog__section:nth-child(2) {
    grid-row: span 2;
    grid-column: span 2;
}
.catalog__section:nth-child(1) .sub-sections, .catalog__section:nth-child(2) .sub-sections {
    grid-template-columns: repeat(1, 1fr);
}
.catalog__section:nth-child(3), .catalog__section:nth-child(4) {
    grid-row: span 1;
    grid-column: span 4;
}
.catalog__section:nth-child(3) .sub-sections, .catalog__section:nth-child(4) .sub-sections {
    grid-template-columns: repeat(3, 1fr);
}
.catalog__section:nth-child(5), .catalog__section:nth-child(6) {
    grid-row: span 1;
    grid-column: span 3;
}
.catalog__section:nth-child(5) .sub-sections, .catalog__section:nth-child(6) .sub-sections {
    grid-template-columns: repeat(2, 1fr);
}
.catalog__section:nth-child(7) {
    grid-row: span 2;
    grid-column: span 2;
}
.catalog__section:nth-child(7) .sub-sections {
    grid-template-columns: repeat(1, 1fr);
}
.catalog__section:nth-child(8), .catalog__section:nth-child(9) {
    grid-row: span 1;
    grid-column: span 3;
}
.catalog__section:nth-child(8) .sub-sections, .catalog__section:nth-child(9) .sub-sections {
    grid-template-columns: repeat(2, 1fr);
}
.catalog__section:nth-child(10) {
    grid-row: span 1;
    grid-column: span 2;
}
.catalog__section:nth-child(10) .sub-sections {
    grid-template-columns: repeat(1, 1fr);
}
.catalog__section:nth-child(11), .catalog__section:nth-child(12) {
    grid-row: span 1;
    grid-column: span 3;
}
.catalog__section:nth-child(11) .sub-sections, .catalog__section:nth-child(12) .sub-sections {
    grid-template-columns: repeat(2, 1fr);
}

.main-news-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(6, 55px);
    gap: 20px;
}

.main-news-item__content {
    position: relative;
    padding: 40px;
    z-index: 10;
    height: 100%;
    display: flex;
    align-items: center;
}

.main-news-all {
    font-size: 22px;
    line-height: 1;
    border: 2px solid #2980BA;
    border-radius: 10px;
    color: #2980BA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-news-all:hover {
    border-color: #66CC66;
    color: #66CC66;
}

.main-news-item {
    position: relative;
    grid-row: span 1;
    grid-column: span 2;
    border-radius: 10px;
    overflow: hidden;
}
.main-news-item:first-child {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: block;
    grid-row: span 6;
    grid-column: span 1;
}
.main-news-item .main-news-item-title {
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}
.main-news-item:nth-child(2) {
    grid-row: span 5;
    grid-column: span 1;
}
.main-news-item:nth-child(3) {
    grid-row: span 1;
    grid-column: span 1;
}

.main-news-item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.main-news-item-bg {
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*background-color: #003663;*/
    /*opacity: 0.3;*/
}

.main-news-item-title {
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

.main-news-item-description {
    font-size: 8px;
    line-height: 1.1428571429;
    font-weight: 700;
    color: #ffffff;
    margin-top: 20px;
    width: 50%;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.articles__slide-container {
    position: relative;
    width: 270px;
}

.articles-top {
    display: block;
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
}

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

.articles-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #003663;
    opacity: 0.3;
}

.articles-title {
    position: relative;
    font-size: 14px;
    line-height: 1.0588235294;
    font-weight: 700;
    color: #ffffff;
    z-index: 10;
    display: flex;
    align-items: end;
    height: 100%;
    text-transform: uppercase;
}

.articles-description {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about .title-block {
    width: calc(60% - 40px);
}
.about .about-content {
    display: flex;
    max-height: 390px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in;
}
.about .about-content.active {
    max-height: fit-content;
}
.about .about-l {
    width: 60%;
    margin-right: 40px;
    padding-bottom: 60px;
}
.about .about-l .ttext {
    height: 100%;
    overflow: hidden;
}
.about .about-r {
    width: 40%;
}
.about .about__desc__open {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #2980BA;
    border: 2px solid #2980BA;
    border-radius: 20px;
    padding: 6px 8px;
    cursor: pointer;
    display: none;
}
.about .about__desc__open.active {
    display: block;
}

.ttext {
    color: #6B6B6B;
    font-size: 18px;
}
.ttext ul {
    list-style: disc;
}
.ttext ul li {
    list-style: disc;
    margin-left: 20px;
}

@media (max-width: 1220px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sub-sections{
        display: grid;
    }
    .catalog__sections {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
    }
    .catalog__section:nth-child(even),
    .catalog__section:nth-child(odd) {
        grid-row: span 1;
        grid-column: span 1;
    }
    .catalog__section:nth-child(even) .sub-sections,
    .catalog__section:nth-child(odd) .sub-sections {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalog__section {
        height: 360px;
        border-radius: 10px;
        overflow: hidden;
        background: rgb(68, 167, 218);
        background: linear-gradient(0deg, rgb(68, 167, 218) 0%, rgb(227, 236, 245) 50%, rgb(68, 167, 218) 100%);
    }
    .section-title.h3 {
        font-size: 24px;
    }
    .catalog__section.sub:hover .section-title {
        display: block;
    }
    .section-img {
        height: 50%;
    }
    .sub-sections__cont {
        height: 50%;
        position: absolute;
        bottom: 0;
        top: auto;
        display: block;
    }
    .sub-all {
        height: 40px;
    }
    .articles__slide-container {
        margin: 0 auto;
    }
    .articles .swiper-container-out {
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        width: inherit;
    }
}
@media (max-width: 950px) {
    .section-title.h3 {
        width: 200px;
    }
    .main-news-item .main-news-item-title {
        font-size: 24px;
    }
    .main-news-items {
        grid-template-rows: repeat(6, 45px);
    }
}
@media (max-width: 830px) {
    .catalog__sections {
        grid-template-columns: auto;
    }
    .catalog__section:nth-child(even) .sub-sections,
    .catalog__section:nth-child(odd) .sub-sections {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .main-banner__btn {
        height: 36px;
    }
}
@media (max-width: 700px) {
    .main-news-items {
        grid-template-columns: auto;
        grid-template-rows: repeat(12, 45px);
    }
    .about {
        display: none;
    }
}
@media (max-width: 600px) {
    .catalog__section:nth-child(even) .sub-sections,
    .catalog__section:nth-child(odd) .sub-sections {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 400px) {
    .catalog__section:nth-child(even) .sub-sections,
    .catalog__section:nth-child(odd) .sub-sections {
        grid-template-columns: repeat(1, 1fr);
    }
}
.about__block {
    margin-top: 20px;
}

.about__block-1 {
    max-width: 680px;
}

.about__block-2 {
    display: flex;
    column-gap: 40px;
}

.about__block-l {
    flex: 1;
}

.about__block-r {
    display: flex;
    column-gap: 30px;
    height: 310px;
    width: fit-content;
}
.about__block-r img {
    border-radius: 25px;
    overflow: hidden;
    max-width: 320px;
}

.about__text {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 400;
    text-align: justify;
}

.about__text-b {
    font-family: CeraRoundPro;
    font-size: 36px;
    line-height: 1.2608695652;
    font-weight: 600;
    color: #2980BA;
}

.about__list li {
    margin-top: 20px;
    list-style: disc;
    margin-left: 20px;
}

.picture__block-1 {
    display: flex;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 20px;
}

.about-banner {
    margin-top: 20px;
}

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

.we-soc__item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 356px;
    height: 610px;
}
.we-soc__item .item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(227, 236, 245);
    background: linear-gradient(0deg, rgb(227, 236, 245) 0%, rgb(68, 167, 218) 100%);
}
.we-soc__item .item-bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.we-soc__item .item__content {
    z-index: 10;
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.we-soc__item .item-mes__block {
    display: flex;
    column-gap: 14px;
    padding: 10px 0;
}
.we-soc__item .item-mes {
    width: 66px;
    height: 66px;
}
.we-soc__item .item-mes svg {
    width: 100%;
    height: 100%;
}
.we-soc__item .item-title {
    font-size: 32px;
    line-height: 1.1875;
    color: #F0EFED;
    width: min-content;
    text-transform: uppercase;
    color: #2980BA;
}

@media (max-width: 1150px) {
    .we-soc__items {
        flex-direction: column;
        row-gap: 20px;
    }
    .we-soc__item {
        width: 100%;
    }
    .we-soc__item {
        height: 300px;
    }
    .we-soc__item .item-title {
        width: 360px;
    }
}
@media (max-width: 768px) {
    .we-soc__item {
        height: 210px;
    }
    .we-soc__item .item-title {
        font-size: 20px;
        width: 240px;
    }
    .we-soc__item .item-mes {
        width: 42px;
        height: 42px;
    }
}
.contacts-title {
    font-size: 36px;
    line-height: 1.1666666667;
    text-align: center;
    width: 100%;
}

.contacts__items {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

.contacts__item {
    width: 190px;
}
.contacts__item .item-title {
    font-size: 18px;
    line-height: 1.5555555556;
    font-weight: 600;
    color: #2980BA;
}
.contacts__item .item-title svg {
    display: none;
}
.contacts__item .item-text {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 400;
    color: #6B6B6B;
}

.contacts__sub-title {
    margin-top: 20px;
    font-size: 36px;
    line-height: 1.1666666667;
    text-align: center;
    width: 100%;
}
.contacts__sub-title span {
    color: #66CC66;
}

.contacts__map {
    margin-top: 40px;
    width: 100%;
    height: 460px;
}

.contacts__items-b2 {
    display: grid;
    grid-template-columns: repeat(6, 140px);
    gap: 20px;
    justify-content: center;
}
.contacts__items-b2 .contacts__item {
    width: 130px;
}
.contacts__items-b2 .contacts__item .item-title {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 600;
    color: #2980BA;
}
.contacts__items-b2 .contacts__item .item-text {
    font-size: 12px;
    line-height: 1.5833333333;
    font-weight: 400;
    color: #6B6B6B;
}

.contacts-text {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;
}
.contacts-text a {
    font-weight: 600;
    color: #2980BA;
}

.contacts-text-1 {
    font-size: 16px;
    line-height: 1.5625;
    font-weight: 400;
}
.contacts-text-1 span {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #2980BA;
}
.contacts-text-1 a {
    font-weight: 600;
    color: #2980BA;
}
.contacts-text-1 .mail {
    border-bottom: 1px solid #2980BA;
}
.form__feedback-contacts .contacts-text-1 a{
    font-weight: inherit;
    color: inherit;
}

.contacts-1 .page-block {
    margin-top: 60px;
}

.contacts__form {
    display: flex;
    column-gap: 40px;
    justify-content: flex-start;
}

.form__photo {
    width: 390px;
    height: 540px;
    background-color: #6B6B6B;
}
.form__photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.form__feedback-contacts {
    margin-top: 30px;
}
.form__feedback-contacts{

}

.form__feedback {
    margin-top: 30px;
}

.input-block-f {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 160px 240px;
    gap: 20px;
    font-size: 14px;
    line-height: 1.2142857143;
    font-weight: 400;
    align-items: center;
}
.input-block-f span {
    color: #BDBDBD;
    align-self: start;
}
.input-block-f input,
.input-block-f textarea {
    width: 100%;
    height: 24px;
    padding: 0 12px;
    border: 1px solid #2980BA;
    border-radius: 12px;
}
.input-block-f textarea {
    width: 100%;
    height: 160px;
    padding: 0 12px;
    border: 1px solid #2980BA;
    border-radius: 12px;
}

.button__block-f input[type=submit] {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #ffffff;
    height: 30px;
    padding: 0 14px;
    border-radius: 15px;
    background-color: #66CC66;
    margin-left: 180px;
    margin-top: 10px;
    cursor: pointer;
}

.contacts__regions {
    display: none;
}

@media (max-width: 1000px) {
    .contacts__items-b2 {
        grid-template-columns: repeat(4, 140px);
    }
}
@media (max-width: 900px) {
    .contacts__form .contacts-text-1 span,
    .contacts__form .contacts-text-2 span{
        font-size: 20px;
    }
    .contacts__form .form__photo {
        height: 210px;
        border: 1px solid #000000;
        border-radius: 10px;
        width: auto;
    }
    .contacts__form .form__feedback .input-block-f:first-child {
        display: none;
    }
}
@media (max-width: 800px) {
    .contacts-title,
    .contacts__sub-title {
        font-size: 32px;
    }
    .contacts__items-top {
        flex-direction: column;
    }
    .contacts__items-top .contacts__item .item-title {
        display: flex;
        align-items: center;
        font-size: 16px;
        cursor: pointer;
    }
    .contacts__items-top .contacts__item .item-title svg {
        width: 10px;
        height: 18px;
        display: block;
        margin-right: 6px;
        transform: rotate(90deg);
    }
    .contacts__items-top .contacts__item .item-text {
        display: none;
        padding-left: 16px;
    }
    .contacts__items-top .contacts__item.active .item-text {
        display: block;
    }
    .contacts__items-top .contacts__item.active .item-title svg {
        transform: rotate(180deg);
    }
    .contacts__regions {
        display: block;
    }
    .contacts__region .region__title {
        display: flex;
        align-items: center;
        font-size: 32px;
        line-height: 1;
        font-weight: 500;
    }
    .contacts__region .region__title svg {
        width: 18px;
        height: 10px;
        color: #66CC66;
        margin-left: 24px;
    }
    .contacts__region:not(:first-child) {
        margin-top: 20px;
    }
    .contacts__regions__items {
        display: none;
        margin-top: 20px;
        padding-left: 40px;
    }
    .contacts__regions__items .contacts__item {
        width: auto;
    }
    .contacts__regions__items .contacts__item .item-title {
        font-size: 17px;
        line-height: 1.037037037;
        font-weight: 600;
        color: #2980BA;
    }
    .contacts__regions__items .contacts__item .item-text {
        font-size: 16px;
        line-height: 1.6875;
        font-weight: 400;
        color: #6B6B6B;
    }
    .contacts__region.active .region__title svg {
        transform: rotate(180deg);
    }
    .contacts__region.active .contacts__regions__items {
        display: grid;
        grid-template-columns: repeat(3, 180px);
        row-gap: 10px;
        column-gap: 10px;
    }
}
@media (max-width: 620px) {
    .contacts__region.active .contacts__regions__items {
        grid-template-columns: repeat(2, 180px);
    }
    .contacts-1 .h2 {
        font-size: 32px;
    }
}
.articles__sections {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.articles__section {
    position: relative;
    display: block;
    width: 380px;
    height: 234px;
    border-radius: 25px;
    overflow: hidden;
}
.articles__section .item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 104, 163);
    background: linear-gradient(0deg, rgb(0, 104, 163) 0%, rgba(68, 122, 218, 0.2) 100%);
}
.articles__section .item-img-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.articles__section .item-content {
    display: flex;
    justify-content: end;
    flex-direction: column;
    height: 100%;
    padding: 20px;
}
.articles__section .item_title {
    font-size: 24px;
    line-height: 1;
    color: #F0EFED;
    z-index: 10;
}

.articles__items {
    display: flex;
    column-gap: 40px;
}
.articles__items:not(:first-child) {
    margin-top: 40px;
}
.articles__items.rew {
    flex-direction: row-reverse;
}

.articles__item-block {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.articles__item {
    position: relative;
    display: block;
    width: 510px;
    height: 240px;
    border-radius: 25px;
    overflow: hidden;
}
.articles__item .item_title {
    font-size: 26px;
    line-height: 1.1923076923;
    color: #F0EFED;
    z-index: 10;
}
.articles__item .item-content {
    display: flex;
    justify-content: end;
    flex-direction: column;
    height: 100%;
    padding: 30px;
}
.articles__item.big {
    width: 670px;
    height: 520px;
}
.articles__item.big .item_title {
    font-size: 34px;
    line-height: 1.2352941176;
}
.articles__item.big .item-content {
    padding: 60px;
}
.articles__item.w-big {
    width: 670px;
}
.articles__item .item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 54, 99, 0.35);
}
.articles__item .item-img-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.articles__item .item-img-bg img {
    object-fit: cover;
}

@media (max-width: 1000px) {
    .articles__sections {
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 20px;
        justify-content: flex-start;
    }
    .articles__section {
        width: auto;
        height: auto;
    }
    .articles__section .item-bg,
    .articles__section .item-img-bg {
        display: none;
    }
    .articles__section .item-content {
        height: 44px;
        border: 1px solid #2980BA;
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #2980BA;
    }
    .articles__section .item_title {
        font-size: 18px;
        color: inherit;
    }
    .articles__section.active .item-content {
        border-color: #66CC66;
        background-color: #66CC66;
        color: #ffffff;
    }
    .articles-1 .title-block {
        display: none;
    }
    .articles-1 .articles__items {
        flex-direction: column !important;
        row-gap: 20px;
    }
    .articles-1 .articles__items .articles__item {
        width: 100%;
        height: 290px;
    }
    .articles-1 .articles__items .articles__item-block {
        row-gap: 20px;
    }
    .articles-1 .articles__items .item_title {
        font-size: 24px !important;
    }
    .articles-1 .articles__items .item-content {
        padding: 30px !important;
    }
}
.articles-details .h2 {
    font-size: 44px;
    line-height: 1.2954545455;
}

.articles__items {
    display: flex;
    column-gap: 40px;
}
.articles__items:not(:first-child) {
    margin-top: 40px;
}
.articles__items.rew {
    flex-direction: row-reverse;
}

.articles__item-block {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.articles__item {
    position: relative;
    display: block;
    width: 510px;
    height: 240px;
    border-radius: 25px;
    overflow: hidden;
    border: 2px solid transparent;
}
.articles__item:hover {
    border-color: #2980BA;
}
.articles__item .item_title {
    font-size: 26px;
    line-height: 1.1923076923;
    color: #F0EFED;
    z-index: 10;
}
.articles__item .item-content {
    display: flex;
    justify-content: end;
    flex-direction: column;
    height: 100%;
    padding: 30px;
}
.articles__item.big {
    width: 670px;
    height: 520px;
}
.articles__item.big .item_title {
    font-size: 34px;
    line-height: 1.2352941176;
}
.articles__item.big .item-content {
    padding: 60px;
}
.articles__item.w-big {
    width: 670px;
}
.articles__item .item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 54, 99, 0.35);
}
.articles__item .item-img-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.articles__item .item-img-bg img {
    object-fit: cover;
}

@media (max-width: 1000px) {
    .articles-1-details .title-block {
        display: flex;
    }
}
.lk {
    display: flex;
}

.lk__menu {
    width: 200px;
    min-width: 200px;
}
.lk__menu ul {
    border-right: 1px solid #E0E0E0;
}
.lk__menu .lk__menu-l {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    height: 48px;
    padding: 20px;
}
.lk__menu .lk__menu-l.disabled{
    background: silver;
    opacity: .5;
}
.lk__menu .lk__menu-l.in {
    display: flex;
    color: #ffffff;
    background-color: #2980BA;
}
.lk__menu .lk__menu-l svg {
    display: none;
}

.lk__content {
    flex: 1;
    padding: 0 20px;
}
.lk__content .title-block {
    border-bottom: 0;
}

.form-profile {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.form-profile .button-block {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: end;
}
.form-profile .button-block input {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    height: 40px;
    border: 1px solid #2980BA;
    border-radius: 25px;
    padding: 0 20px;
    background-color: transparent;
    cursor: pointer;
}
.form-profile .button-block input[type=submit] {
    display: none;
}
.form-profile .button-block.active {
    justify-content: flex-start;
    padding-left: 204px;
}
.form-profile .button-block.active input[type=button] {
    display: none;
}
.form-profile .button-block.active input[type=submit] {
    display: block;
}

.profile__input-block {
    display: grid;
    grid-template-columns: 80px 400px;
    column-gap: 20px;
    row-gap: 20px;
    font-size: 14px;
    line-height: 1.2142857143;
    font-weight: 400;
}
.profile__input-block svg {
    width: 14px;
    height: 14px;
    transform: scale(-1, 1);
}
.profile__input-block .title {
    color: #BDBDBD;
}
.profile__input-block .input-wrap {
    display: none;
    flex-direction: column;
    row-gap: 20px;
}
.profile__input-block .input-block {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    width: 100%;
    height: auto;
}
.profile__input-block .input-block span {
    font-size: 10px;
    width: 100%;
    color: #828282;
}
.profile__input-block .input-block input,
.profile__input-block .input-block select{
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}
.profile__input-block.active .value {
    display: none;
}
.profile__input-block.active .input-wrap {
    display: flex;
}

.lk-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 20px auto;
    font-size: 18px;
    border: 2px solid #66CC66;
    border-radius: 20px;
    padding: 6px 12px;
    color: #66CC66;
    column-gap: 6px;
    max-width: 160px;
}
.lk-logout svg {
    width: 30px;
    height: 30px;
}
.lk-logout:hover {
    color: #ffffff;
    background-color: #66CC66;
}

@media (max-width: 1000px) {

}
@media (max-width: 768px) {
    .lk {
        flex-direction: column;
        row-gap: 20px;
    }
    .lk__menu {
        width: 100%;
        min-width: 100%;
    }
    .lk__menu .lk__menu-l {
        display: none;
        cursor: pointer;
    }
    .lk__menu .lk__menu-l svg {
        display: block;
        width: 18px;
        height: 10px;
    }
    .lk__menu .lk__menu-l.in {
        justify-content: space-between;
    }
    .lk__menu ul {
        border: 0;
    }
    .lk__menu.active .lk__menu-l {
        display: flex;
    }
    .lk__menu.active .lk__menu-l svg {
        transform: rotate(180deg);
    }
}
.lk-orders__filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    row-gap: 20px;
}

.lk-orders__ord {
    display: flex;
    width: fit-content;
    height: fit-content;
    border: 2px solid #2980BA;
    border-radius: 20px;
    column-gap: 6px;
}
.lk-orders__ord .ord {
    display: flex;
    align-items: center;
    color: #2980BA;
    border-radius: 16px;
    padding: 10px 20px;
}
.lk-orders__ord .ord:last-child {
    margin-left: -20px;
}
.lk-orders__ord .ord.active {
    background-color: #2980BA;
    color: #fff;
}

.lk-orders__date {
    display: flex;
    width: fit-content;
    height: fit-content;
}
.lk-orders__date .date__title {
    width: 65px;
}
.lk-orders__date .date {
    position: relative;
    border: 2px solid #2980BA;
    border-radius: 10px;
    width: 110px;
    text-align: center;
    font-weight: 600;
}
.lk-orders__date .date::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}
.lk-orders__date svg {
    width: 40px;
    height: 40px;
    color: #333939;
    margin-left: 10px;
    margin-right: 10px;
}

.lk-orders {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    row-gap: 20px;
}

.lk__order {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    border-radius: 25px;
    border: 2px solid #F0F0F0;
    overflow: hidden;
}
.lk__order .top {
    background-color: #F0F0F0;
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 10px;
    align-items: center;
    padding: 6px 20px;
}
.lk__order .name,
.lk__order .price {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.lk__order .alert {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #2980BA;
    border: 2px solid #2980BA;
    border-radius: 14px;
    padding: 4px 8px;
    background-color: #ffffff;
}
.lk__order .alert.red {
    border-color: darkred;
    color: darkred;
}
.lk__order .middle {
    display: grid;
    grid-template-columns: 1fr auto;
}
.lk__order .content {
    padding: 20px 20px;
}
.lk__order .pay__text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.lk__order .order {
    font-size: 16px;
    line-height: 1.1;
    margin-top: 20px;
}
.lk__order .pay__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    row-gap: 20px;
    column-gap: 20px;
    border-left: 2px solid #F0F0F0;
    height: 100%;
    padding: 20px 20px;
}
.lk__order .pay__btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    border: 2px solid #2980BA;
    background-color: #2980BA;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    width: 176px;
    cursor: pointer;
}
.lk__order .pay__btn span {
    width: 100px;
}
.lk__order .pay__btn:hover {
    background-color: transparent;
    color: #2980BA;
}
.lk__order .pay__btn svg {
    width: 40px;
    height: 40px;
}
.lk__order .bottom {
    padding: 6px 20px;
    background-color: #F0F0F0;
    display: flex;
    justify-content: flex-end;
}
.lk__order .look__order,
.lk__order .del__order {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    width: 160px;
    cursor: pointer;
}
.lk__order .look__order svg,
.lk__order .del__order svg {
    width: 50px;
    height: 40px;
}
.lk__order .look__order:hover,
.lk__order .del__order:hover {
    color: #2980BA;
}

@media (max-width: 1100px) {
    .lk__order .top {
        flex-direction: column;
    }
    .lk__order .bottom {
        justify-content: center;
    }
    .lk-orders__filter {
        flex-direction: column;
    }
}
.lk-how {
    font-size: 18px;
    line-height: 1.2222222222;
    font-weight: 400;
}
.lk-how p:not(:first-child) {
    margin-top: 10px;
}
.lk-how span {
    color: #2980BA;
}

.lk-delivery {
    font-size: 18px;
    line-height: 1.2222222222;
    font-weight: 400;
}
.lk-delivery p:not(:first-child) {
    margin-top: 10px;
}
.lk-delivery span {
    color: #2980BA;
}

.lk-text {
    font-size: 18px;
    line-height: 1.2222222222;
    font-weight: 400;
}
.lk-text p:not(:first-child) {
    margin-top: 10px;
}
.lk-text span {
    color: #2980BA;
}
.lk-text ul {
    margin-left: 20px;
    margin-top: 10px;
}
.lk-text li {
    list-style: disc;
    color: red;
}
.lk-text li p {
    color: #000000;
}
.lk-text li:not(:first-child) {
    margin-top: 10px;
}

.form-return {
    margin-top: 40px;
}
.form-return .form-return-text {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    color: #2980BA;
    margin-top: 20px;
}
.form-return .form-return__block {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 10px;
    column-gap: 20px;
    margin-top: 10px;
}
.form-return .form-return__block.line {
    grid-template-columns: 50% 50%;
}
.form-return .input-block {
    font-size: 12px;
    line-height: 1.1666666667;
    font-weight: 400;
    width: 100%;
    height: fit-content;
}
.form-return input[type=text],
.form-return input[type=email],
.form-return textarea {
    border-bottom: 1px solid #BDBDBD;
    width: 100%;
    height: 24px;
}
.form-return input[type=text]::-moz-placeholder,
.form-return input[type=email]::-moz-placeholder,
.form-return textarea::-moz-placeholder {
    color: #BDBDBD;
}
.form-return input[type=text]::-webkit-input-placeholder,
.form-return input[type=email]::-webkit-input-placeholder,
.form-return textarea::-webkit-input-placeholder {
    color: #BDBDBD;
}
.form-return input[type=text]:-ms-input-placeholder,
.form-return input[type=email]:-ms-input-placeholder,
.form-return textarea:-ms-input-placeholder {
    color: #BDBDBD;
}
.form-return input[type=text]::-ms-input-placeholder,
.form-return input[type=email]::-ms-input-placeholder,
.form-return textarea::-ms-input-placeholder {
    color: #BDBDBD;
}
.form-return input[type=text]::placeholder,
.form-return input[type=email]::placeholder,
.form-return textarea::placeholder {
    color: #BDBDBD;
}
.form-return input[type=radio] {
    cursor: pointer;
    margin-right: 10px;
}
.form-return textarea {
    height: 96px;
}
.form-return label {
    cursor: pointer;
}
.form-return input[type=submit] {
    font-size: 16px;
    line-height: 1;
    height: 40px;
    padding: 0 40px;
    border: 1px solid #2980BA;
    color: #2980BA;
    border-radius: 20px;
    background-color: transparent;
    cursor: pointer;
}
.form-return .button-block {
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

@media (max-width: 700px) {
    .form-return .form-return__block.line {
        grid-template-columns: 100%;
    }
}
.questions {
    font-size: 18px;
    line-height: 1.2222222222;
    font-weight: 400;
    margin-top: 30px;
}

.question-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
}
.question-title svg {
    width: 16px;
    height: 9px;
    transform: rotate(180deg);
}

.question-text {
    display: none;
    padding: 10px;
    -webkit-box-shadow: inset 0px 0px 10px rgba(65, 116, 203, 0.5);
    -moz-box-shadow: inset 0px 0px 10px rgba(65, 116, 203, 0.5);
    box-shadow: inset 0px 0px 10px rgba(65, 116, 203, 0.5);
    border-radius: 4px;
}

.question.active .question-title {
    font-weight: 700;
    color: #2980BA;
}
.question.active .question-title svg {
    transform: rotate(0);
}
.question.active .question-text {
    display: block;
}

.lk-password .lk-password__req {
    font-size: 12px;
    padding-left: 16px;
}
.lk-password .form-password {
    margin-top: 20px;
}

.lk-types {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.lk-types tr {
    border: 2px solid #f0f0f0;
}
.lk-types th {
    background-color: #f0f0f0;
}
.lk-types td,
.lk-types th {
    padding: 10px;
    border: 2px solid #f0f0f0;
}
.lk-types .refactoring {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.lk-types .refactoring svg {
    margin-left: 6px;
    width: 16px;
    height: 16px;
    color: #2980BA;
}

.form-typ__sub-title {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #CCD5DB;
    padding-bottom: 6px;
    margin-top: 40px;
    max-width: 400px;
}
.form-typ__sub-title.st-2 {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 10px;
}

.form-typ__text {
    font-size: 16px;
}

.news .news-all {
    height: 56px;
    width: 218px;
    border: 1px solid #2980BA;
    border-radius: 10px;
    font-size: 22px;
    line-height: 1;
    color: #2980BA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 0;
}

.news__title {
    position: relative;
    font-family: "CeraRoundPro";
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #2980BA;
    display: flex;
    justify-content: center;
    text-align: center;
    column-gap: 20px;
    align-items: center;
}
.news__title .title {
    position: relative;
    z-index: 10;
}
.news__title:before, .news__title:after {
    margin-top: 7px;
    content: "";
    height: 2px;
    background-color: #2980BA;
    width: 100%;
    top: 50%;
    flex: 1;
    min-width: 50px;
}

.news-item {
    display: flex;
    column-gap: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #E3F2FA;
    height: 256px;
    box-sizing: content-box;
}
.news-item .news-item__slider {
    width: 330px;
    height: 100%;
}
.news-item .item__slide {
    width: 330px;
    height: 100%;
    background-color: #2980BA;
    border-radius: 25px;
    overflow: hidden;
}
.news-item .item__slide img {
    object-fit: cover;
}
.news-item .item__content {
    flex: 1;
    position: relative;
}
.news-item .item-title {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}
.news-item .item-description {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.1875;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.news-item .item-description.line-7 {
    -ms-line-clamp: 7;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    height: 130px;
}
.news-item .item-description.line-10 {
    -ms-line-clamp: 10;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    height: 200px;
}
.news-item .item-download {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
}
.news-item .item-download svg {
    margin-right: 10px;
    width: 52px;
    height: 52px;
    transform: rotate(90deg);
    color: #66CC66;
}
.news-item .item__transition {
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.news-item .item-date {
    width: 114px;
}
.news-item .item-link {
    margin-top: 40px;
    width: 100%;
    border: 2px solid #2980BA;
    border-radius: 10px;
    height: 56px;
    font-size: 22px;
    font-weight: 500;
    color: #2980BA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-item .item-link:hover {
    border-color: #66CC66;
    color: #66CC66;
}

.news-items {
    display: flex;
    flex-direction: column;
}
.news-items.main .container {
    background-color: rgba(68, 167, 218, 0.1450980392);
}
.news-items.main .news-item {
    height: 566px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.news-items.main .news-item .news-item__slider {
    width: 676px;
}
.news-items.main .item__content {
    width: 484px;
}
.news-items.main .item-title {
    padding-bottom: 20px;
    border-bottom: 2px solid #2980BA;
}
.news-items.main .item__transition {
    height: auto;
    flex-direction: row;
    width: 484px;
    justify-content: space-between;
}
.news-items.main .item-link {
    margin-top: 0;
    width: 220px;
}

@media (max-width: 1220px) {
    .news-items.main .item__transition {
        width: auto;
    }
}
@media (max-width: 1000px) {
    .news-items {
        row-gap: 20px;
    }
    .news-item {
        position: relative;
        height: 150px;
        border-bottom: 0;
        column-gap: 14px;
    }
    .news-item .news-item__slider {
        width: 200px;
    }
    .news-item .item-description {
        font-size: 14px;
    }
    .news-item .item-description.line-7 {
        height: 64px;
    }
    .news-item .item-description.line-10 {
        height: 100px;
    }
    .news-item .item-download {
        font-size: 10px;
    }
    .news-item .item-download svg {
        width: 22px;
        height: 22px;
    }
    .news-item .item-link {
        display: none;
    }
    .news-item .item-date {
        width: min-content;
    }
    .news-item .item-date span {
        display: none;
    }
    .news-item .item__transition {
        position: absolute;
        right: 0;
        bottom: 0;
        width: min-content;
    }
}
@media (max-width: 768px) {
    .news-item .item-description.line-7 {
        height: 20px;
    }
    .news-item .item-description.line-10 {
        height: 20px;
    }
}
.catalog {
    display: flex;
    column-gap: 30px;
    margin-top: 30px;
}

.catalog__left {
    width: 320px;
}

.catalog__menu {
    width: 100%;
    padding: 30px 20px;
    border-radius: 10px;
    height: fit-content;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 10px 4px rgba(34, 60, 80, 0.2);
}

.catalog__menu-title {
    font-family: CeraRoundPro;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    color: #2980BA;
}
.catalog__menu-title svg {
    display: none;
}

.catalog-sections {
    margin-top: 20px;
}

.catalog-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.25;
    height: 54px;
    border-bottom: 1px dotted #E5E5E5;
}
.catalog-section-title svg {
    width: 8px;
    height: 14px;
}

.catalog__sub-section {
    display: none;
    color: #8C8C8C;
    padding-left: 10px;
    flex-direction: column;
    cursor: pointer;
}
.catalog__sub-section svg {
    width: 8px;
    height: 14px;
}

.catalog__sub-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    border-bottom: 1px dotted #E5E5E5;
}

.catalog__sub-section__list {
    display: none;
    padding-left: 10px;
    flex-direction: column;
    margin-top: 6px;
}
.catalog__sub-section__list a {
    display: flex;
    align-items: center;
    height: fit-content;
}

.catalog-section.active .catalog-section-title svg {
    transform: rotate(180deg);
}
.catalog-section.active .catalog__sub-section {
    display: flex;
}

.catalog__sub-section.active .catalog__sub-section-title {
    color: #66CC66;
}
.catalog__sub-section.active .catalog__sub-section-title svg {
    transform: rotate(180deg);
}
.catalog__sub-section.active .catalog__sub-section__list {
    display: flex;
    row-gap: 6px;
}

.catalog__ssl.active{
    color: #66CC66;
}

.catalog__s .breadcrumbs {
    padding-top: 0;
    padding-bottom: 20px;
}

.catalog__s {
    flex: 1;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.catalog__section-description {
    font-size: 16px;
    line-height: 1.5625;
    margin-top: 10px;
}

.catalog__fs {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.catalog__sort {
    display: flex;
    align-items: center;
}
.catalog__sort .sort-title {
    font-weight: 500;
    color: #2980BA;
    margin-right: 20px;
}
.catalog__sort .form-container {
    width: fit-content;
    height: 38px;
}
.catalog__sort .sort-form {
    position: relative;
    height: fit-content;
    min-width: 38px;
    border: 2px solid #2980BA;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    flex-direction: column;
    cursor: pointer;
    background-color: #ffffff;
    z-index: 100;
}
.catalog__sort .sort-open {
    color: #2980BA;
    cursor: pointer;
}
.catalog__sort .sort-open svg {
    margin-left: 20px;
    width: 14px;
    height: 8px;
}
.catalog__sort .sort__list {
    display: none;
    width: 100%;
}
.catalog__sort .sort__list input {
    display: none;
}
.catalog__sort .sort__list label {
    display: block;
    padding-top: 10px;
    cursor: pointer;
}
.catalog__sort .sort-form.active .sort-open svg,
.catalog__sort .sort-form:hover .sort-open svg {
    transform: rotate(180deg);
}
.catalog__sort .sort-form.active .sort__list,
.catalog__sort .sort-form:hover .sort__list {
    display: block;
}

.catalog__filter .filter-open {
    height: 38px;
    background-color: #2980BA;
    border-radius: 20px;
    border: 1px solid #2980BA;
    padding: 0 20px;
    display: flex;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.catalog__filter .filter-open svg {
    margin-right: 10px;
    width: 24px;
    height: 18px;
}

.catalog__products {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.catalog__product {
    padding: 30px;
    border-radius: 10px;
    background-color: #EEEEEE;
    position: relative;
}
.catalog__product .product-title {
    font-family: CeraRoundPro;
    font-size: 24px;
    line-height: 1;
    color: #2980BA;
    font-weight: 500;
}
.catalog__product .product-content {
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
}
.catalog__product .product-left {
    width: 300px;
}
.catalog__product .product-img {
    width: 100%;
    height: 180px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
}
.catalog__product .catalog__price-block {
    margin-top: 10px;
}
.catalog__product .prices {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.catalog__product .prices span {
    color: #66CC66;
    border: 1px solid #66CC66;
    height: 22px;
    padding: 0 10px;
    border-radius: 12px;
    width: max-content;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-right: 8px;
    margin-left: 8px;
}
.catalog__product .product__offers {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}
.catalog__product .product-offer {
    width: 100%;
    padding-bottom: 2px;
    border-bottom: 1px dotted #2980BA;
}
.catalog__product .product-right {
    flex: 1;
}
.catalog__product .product-sub-title {
    font-family: CeraRoundPro;
    font-size: 16px;
    line-height: 1;
    color: #2980BA;
    font-weight: 500;
}
.catalog__product .product-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.625;
    max-height: 250px;
    overflow: hidden;
}
.catalog__product .product__bottom {
    display: flex;
    justify-content: space-between;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
}
.catalog__product .product__bottom-left {
    display: flex;
    column-gap: 20px;
    align-items: center;
    margin-left: -30px;
}
.catalog__product .product-die {
    color: #2980BA;
    background-color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px 0 30px;
    border-radius: 0 5px 5px 0;
}
.catalog__product .product-add {
    height: 100%;
    display: flex;
    align-items: center;
    border: 2px solid #2980BA;
    color: #2980BA;
    border-radius: 20px;
    padding: 0 20px;
    cursor: pointer;
}
.catalog__product .product__bottom-right {
    display: flex;
    column-gap: 20px;
}
.catalog__product .product-link {
    height: 100%;
    display: flex;
    align-items: center;
    border: 2px solid #2980BA;
    border-radius: 20px;
    background-color: #2980BA;
    color: #ffffff;
    padding: 0 20px;
}
.catalog__product .product-feedback {
    height: 100%;
    color: #2980BA;
}

.catalog__product:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 6px 4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 6px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 4px 6px 4px rgba(34, 60, 80, 0.2);
}
.catalog__product:hover .product-die {
    background-color: rgba(41, 128, 186, 0.1254901961);
}
.catalog__product:hover .product-add {
    color: #ffffff;
    background-color: #66CC66;
    border: 2px solid #66CC66;
}

.catalog__articles {
    margin-top: 30px;
}

.catalog__articles-title {
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
}

.catalog__articles-items {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 20px;
}

.catalog__articles-item {
    display: block;
    width: 100%;
}

.catalog__articles-item-img__block {
    width: 100%;
    height: 180px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.catalog__articles-item-img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(163, 163, 163, 0.3764705882);
}

.catalog__articles-item-title {
    font-family: CeraRoundPro;
    font-size: 24px;
    line-height: 1.2083333333;
    font-weight: 700;
    color: #ffffff;
    position: absolute;
    top: 30px;
    left: 20px;
}

.catalog__articles-item-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
}

.catalog__components {
    margin-top: 30px;
}

.catalog__components-title {
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
}

.catalog__components-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, 250px);
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    justify-content: space-between;
    margin-top: 20px;
}

.catalog__components-item {
    display: block;
    width: 250px;
}

.catalog__components-item-img__block {
    width: 100%;
    height: 150px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.catalog__components-item-img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(68, 122, 218);
    background: linear-gradient(0deg, rgb(0, 104, 163) 0%, rgba(68, 122, 218, 0.2) 100%);
}

.catalog__components-item-title {
    font-family: CeraRoundPro;
    font-size: 24px;
    line-height: 1.2083333333;
    font-weight: 700;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.catalog__components-item-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
}

.catalog__info {
    margin-top: 30px;
}

.catalog__info-title {
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
}

.catalog__info-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, 250px);
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    justify-content: space-between;
    margin-top: 20px;
}

.catalog__info-item {
    display: block;
    width: 250px;
}

.catalog__info-item-img__block {
    width: 100%;
    height: 150px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.catalog__info-item-img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: #A3A3A3;
    opacity: 0.2;
}

.catalog__info-item-title {
    font-size: 24px;
    line-height: 1.2083333333;
    font-weight: 700;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.catalog__info-item-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 4;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

.catalog .title-block .link-all {
    color: #999999;
    opacity: 0.8;
    text-transform: uppercase;
    font-size: 16px;
}

.catalog__section-info {
    margin-top: 30px;
}

.catalog__section-info__wrapper {
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
}

.catalog__section-info__desc {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 200;
    flex: 1;
}

.catalog__section-info__img {
    width: 210px;
}

@media (max-width: 1050px) {
    .catalog__left {
        display: none;
    }
    .catalog__menu {
        padding: 10px 20px;
        width: auto;
        z-index: 10;
        margin-right: 10px;
    }
    .title-block {
        border: 0;
    }
    .catalog__menu-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 30px;
        cursor: pointer;
    }
    .catalog__menu-title svg {
        display: block;
        width: 20px;
        height: 10px;
    }
    .catalog-sections {
        display: none;
    }
    .catalog__menu.active {
        position: relative;
        border-radius: 10px 10px 0 0;
    }
    .catalog__menu.active .catalog-sections {
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        border-radius: 0 0 10px 10px;
        left: 0;
        padding: 0 20px 10px;
        display: block;
        margin-top: 10px;
        -webkit-box-shadow: 0px 10px 10px 4px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 0px 10px 10px 4px rgba(34, 60, 80, 0.2);
        box-shadow: 0px 10px 10px 4px rgba(34, 60, 80, 0.2);
    }
    .catalog__menu.active .catalog__menu-title svg {
        transform: rotate(180deg);
    }
    .catalog__menu.active .catalog-section-title {
        height: auto;
        padding: 4px 0;
    }
    .catalog__menu.active .catalog-section-title svg {
        margin-left: 10px;
    }
    .catalog__articles-items {
        flex-direction: row;
        column-gap: 40px;
    }
}
@media (max-width: 768px) {
    .catalog__articles-item-description,
    .catalog__section-description {
        display: none;
    }
    .catalog__articles-item-title {
        font-size: 20px;
    }
    .catalog__products {
        align-items: center;
    }
    .catalog__product {
        max-width: 360px;
    }
    .catalog__product .product-right {
        display: none;
    }
    .catalog__product .product-left {
        position: relative;
    }
    .catalog__product .product-die {
        height: 42px;
        position: absolute;
        top: 0px;
        margin-left: -30px;
    }
    .catalog__product .product__bottom-left {
        margin-left: 0;
        height: 40px;
        justify-content: space-between;
    }
    .catalog__product .product-add {
        border-color: #66CC66;
        background-color: #66CC66;
        color: #ffffff;
    }
    .catalog__product .product__bottom {
        height: auto;
        flex-direction: column;
        row-gap: 20px;
    }
    .catalog__product .product__bottom-right {
        justify-content: flex-end;
    }
    .catalog__product .product__bottom-right .product-link {
        display: none;
    }
    .catalog__articles-items {
        flex-direction: column;
    }
    .catalog__section-info__img {
        display: none;
    }
}
.catalog__details .title-block {
    text-transform: uppercase;
    border: 0;
}
.catalog__details .item__gallery {
    position: relative;
    width: 100%;
}
.catalog__details .gallery__wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    position: relative;
    column-gap: 20px;
    row-gap: 20px;
}
.catalog__details .gallery__slider .swiper-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    position: relative;
    column-gap: 20px;
    row-gap: 20px;
}
.catalog__details .gallery__slider .swiper-button-next,
.catalog__details .gallery__slider .swiper-button-prev {
    display: none;
}
.catalog__details .gallery-icon {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    transform: matrix(-1, 0, 0, 1, 1, 0);
}
.catalog__details .gallery-icon svg {
    width: 100%;
    height: 100%;
}
.catalog__details .gallery__slide {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.catalog__details .gallery__slide .item-img {
    width: 100%;
    height: 100%;
}
.catalog__details .gallery__slide:first-child {
    grid-row: span 2;
    max-height: 300px;
}
.catalog__details .gallery__slide:not(:first-child) {
    max-height: 140px;
}
.catalog__details .item__offers {
    width: 100%;
    margin-top: 20px;
    font-family: CeraRoundPro;
}
.catalog__details .item__offers-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 20px;
}
.catalog__details .item__sub-title {
    font-size: 28px;
    line-height: 1;
    color: #2980BA;
    margin-top: 20px;
}
.catalog__details .item__offer {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    column-gap: 20px;
}
.catalog__details .item__offer .btn-5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 14px;
    background-color: #2980BA;
    color: #ffffff;
    padding-right: 6px;
    padding-left: 6px;
}
.catalog__details .item__offer .price {
    font-size: 18px;
}
.catalog__details .item__offer .buy {
    cursor: pointer;
    background-color: #66CC66;
}
.catalog__details .item__offer.noactive .btn-5 {
    background-color: rgba(179, 196, 211, 0.3333333333);
    color: #2980BA;
}
.catalog__details .item__offer.noactive .call {
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #2980BA;
}
.catalog__details .item__offer.noactive .call svg {
    width: 14px;
    height: 14px;
    fill: #2980BA;
    margin-right: 20px;
}
.catalog__details .item__content-tabs {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.catalog__details .item__content-tab .tab__title {
    font-size: 28px;
    line-height: 1;
    color: #2980BA;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
}
.catalog__details .item__content-tab .tab__title svg {
    width: 18px;
    height: 10px;
    margin-left: 14px;
}
.catalog__details .item__content-tab .tab__content {
    display: none;
    margin-top: 20px;
}
.catalog__details .item__content-tab .item__description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    text-align: justify;
}
.catalog__details .item__content-tab.active .tab__title svg {
    transform: rotate(180deg);
}
.catalog__details .item__content-tab.active .tab__content {
    display: block;
}
.catalog__details .params__wrapper {
    display: flex;
    column-gap: 20px;
    width: 100%;
    flex-direction: column-reverse;
    row-gap: 20px;
}
.catalog__details .params-table {
    width: 100%;
    font-size: 14px;
    line-height: 1.5714285714;
    font-weight: 300;
    border: 2px solid #2980BA;
    border-radius: 10px;
    max-width: fit-content;
    min-width: fit-content;
}
.catalog__details .param__wrapper {
    display: flex;
    align-items: stretch;
    padding: 0;
}
.catalog__details .param__wrapper:not(:first-child) {
    border-top: 2px solid #2980BA;
}
.catalog__details .param__wrapper .param-name {
    width: 250px;
    padding: 6px;
    align-self: center;
    word-break: break-word;
}
.catalog__details .param__wrapper .head__bq-wr {
    display: flex;
}
.catalog__details .param__wrapper .sub-name {
    width: 100%;
    text-align: center;
    padding: 4px 0;
    border-left: 2px solid #2980BA;
    border-bottom: 2px solid #2980BA;
}
.catalog__details .param__wrapper .param__wrap {
    border-left: 2px solid #2980BA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog__details .param__wrapper .param-text {
    text-align: center;
    width: 66px;
    word-break: break-word;
    padding: 0 4px;
}
.catalog__details .param__wrapper.head .name-s1 {
    width: 100%;
}
.catalog__details .params-table.type-2 .param-name {
    width: 56%;
}
.catalog__details .params-table.type-2 .param__wrap {
    width: 44%;
}
.catalog__details .params-table.type-2 .param-text {
    width: 100%;
}
.catalog__details .params-desc {
    font-size: 16px;
    line-height: 1.625;
}
.catalog__details .params-table.type-3 {
    max-width: none;
}
.catalog__details .params-table.type-3 .param-name {
    width: auto;
    margin-right: auto;
}
.catalog__details .params-table.type-3 .param-text {
    width: 100px;
}
.catalog__details .params-table.type-3 .cl-5 {
    width: 508px;
}
.catalog__details .params__video {
    width: 100%;
    max-height: 470px;
    margin-top: 20px;
    cursor: pointer;
}
.catalog__details .price__offers-between {
    display: none;
}

.analogues {
    margin-top: 40px;
}

.analogues-title {
    font-size: 36px;
    line-height: 1;
    font-weight: 500;
    color: #2980BA;
    display: flex;
    justify-content: center;
}

.analogues__slider {
    margin-top: 20px;
    padding: 0 68px;
}
.analogues__slider .swiper-button-next,
.analogues__slider .swiper-button-prev {
    width: 45px;
    color: #2980BA;
}

.analogues__slide {
    margin: 0 auto;
}

.analogues__slide-wrapper {
    border: 2px solid #2980BA;
    border-radius: 10px;
    margin: 0 auto;
    width: 228px;
    padding: 6px;
    position: relative;
    display: block;
}

.analogues__slide-img {
    width: 100%;
    height: 200px;
}

.analogues__slide__bottom {
    column-gap: 14px;
    margin-top: 20px;
}
.analogues__slide__bottom .slide-l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}
.analogues__slide__bottom .slide-l .name {
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
    height: 50px;
}
.analogues__slide__bottom .slide-l .price {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}
.analogues__slide__bottom .btn-6 {
    height: 50px;
    width: 100%;
    color: #fff;
    background-color: #66CC66;
    border-radius: 10px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.analogues__slide__bottom .btn-6[disabled] {
    background-color: #3c3c3c;
    cursor: auto;
}
.mobile__buy__block {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-left: -20px;
    margin-top: 20px;
    padding: 25px 20px;
    width: calc(100% + 40px);
    background-color: #EAF3F9;
}
.mobile__buy__block .price {
    font-size: 24px;
    line-height: 1.2083333333;
    color: #2980BA;
}
.mobile__buy__block .buy {
    font-size: 22px;
    line-height: 1;
    color: #fff;
    background-color: #66CC66;
    border-radius: 30px;
    padding: 12px 24px 14px;
    cursor: pointer;
}

@media (max-width: 1200px) {
}
@media (max-width: 1050px) {
    .catalog__details .analogues__slider {
        padding-right: 20px;
        padding-left: 20px;
    }

}
@media (max-width: 900px) {

    .catalog__details .item__offer.noactive .call svg {
        margin-right: 8px;
    }
}
@media (max-width: 768px) {
    .catalog__details .item__offers-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 20px;
    }
    .catalog__details .item__offer {
        grid-template-columns: auto;
    }
    .catalog__details .item__offer .price,
    .catalog__details .item__offer .die,
    .catalog__details .item__offer .call,
    .catalog__details .item__offer .buy {
        display: none;
    }
    .catalog__details .item__offer .btn-5 {
        color: #2980BA;
        border: 2px solid #2980BA;
        background-color: transparent;
    }
    .catalog__details .item__offer .btn-5.active {
        color: #fff;
        background-color: #66CC66;
        border: 2px solid #66CC66;
    }
    .catalog__details .price__offers-between {
        display: block;
        font-size: 32px;
        line-height: 1.1875;
        font-weight: 600;
        color: #66CC66;
        background-color: #EAF3F9;
        text-align: center;
        margin-left: -20px;
        margin-top: 20px;
        padding: 25px 10px;
        width: calc(100% + 40px);
        box-sizing: content-box;
    }
    .catalog__details .gallery__slider .gallery__slide {
        max-height: 300px;
    }
    .catalog__details .gallery__slider .swiper-button-next,
    .catalog__details .gallery__slider .swiper-button-prev {
        display: block;
        cursor: pointer;
    }
    .catalog__details .gallery__slider .swiper-button-next svg,
    .catalog__details .gallery__slider .swiper-button-prev svg {
        color: #66CC66;
    }
    .catalog__details .gallery__slider .swiper-wrapper {
        display: flex;
        column-gap: 0;
        row-gap: 0;
    }
    .catalog__details .gallery__slider .swiper-wrapper .item-img {
        display: block;
        height: 300px;
    }
    .catalog__details .gallery__slider .swiper-pagination {
        height: 100%;
        flex-direction: column;
        width: auto;
    }
    .catalog__s {
        width: 100%;
        flex: none;
        overflow: inherit;
    }
    .mobile__buy__block {
        display: flex;
    }
}
@media (max-width: 720px) {
    .catalog__details .item__offer {
        display: block;
        width: fit-content;
    }
}
.brands .title-block {
    display: none;
}

.brands__section {
    margin-top: 60px;
}

.brands__title {
    position: relative;
    font-family: "CeraRoundPro";
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #2980BA;
    display: flex;
    justify-content: center;
    text-align: center;
    column-gap: 20px;
    align-items: center;
}
.brands__title .title {
    position: relative;
    z-index: 10;
}
.brands__title:before, .brands__title:after {
    margin-top: 7px;
    content: "";
    height: 2px;
    background-color: #2980BA;
    width: 100%;
    top: 50%;
    flex: 1;
    min-width: 50px;
}
.brands__title .line {
    position: absolute;
    left: 0;
    top: 50%;
    background: rgba(102, 204, 102, 0.3019607843);
    height: 8px;
    width: 100%;
}

.brands__slider {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.brands__slider .swiper {
    width: calc(100% - 140px);
}
.brands__slider .item__slide {
    margin: 0 auto;
    padding-bottom: 10px;
}
.brands__slider .item__wrapper {
    height: 100px;
    background-color: rgba(206, 206, 206, 0.1450980392);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
    border-radius: 16px;
    padding: 6px;
}
.brands__slider .swiper-button-next,
.brands__slider .swiper-button-prev {
    z-index: 10;
    opacity: 1;
    cursor: pointer;
    width: 64px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.brands__slider .swiper-button-next .arrow__wrapper,
.brands__slider .swiper-button-prev .arrow__wrapper {
    width: 64px;
    height: 58px;
    border: 3px solid rgba(49, 30, 25, 0.0980392157);
    color: #311E19;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brands__slider .swiper-button-next svg,
.brands__slider .swiper-button-prev svg {
    width: 12px;
    height: 20px;
}

.brands__details {
    background-color: #fff;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.2509803922);
    border-radius: 25px;
    padding: 30px;
    display: none;
    margin-top: 40px;
}
.brands__details .content {
    display: grid;
    grid-template-columns: 184px auto;
    grid-template-rows: auto auto;
    column-gap: 60px;
}
.brands__details .logo {
    width: 100%;
    height: 184px;
    grid-row: span 2;
}
.brands__details .title {
    font-size: 24px;
    line-height: 1.4166666667;
    color: #2980BA;
    font-family: "CeraRoundPro";
}
.brands__details .description {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.625;
}
.brands__details .sub__title {
    font-family: "CeraRoundPro";
    font-size: 24px;
    line-height: 1;
    grid-column: span 2;
    margin-top: 20px;
}
.brands__details .categories__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
    grid-column: span 2;
    margin-top: 20px;
}
.brands__details .category {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #2980BA;
    border: 2px solid #2980BA;
    border-radius: 32px;
    padding: 8px 16px;
}
.brands__details .category:hover {
    color: #66CC66;
    border-color: #66CC66;
}
.brands__details.active {
    display: block;
}

@media (max-width: 768px) {
    .brands__details {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }
    .brands__details .content {
        grid-template-columns: 90px 1fr;
        grid-template-rows: repeat(2, auto);
    }
    .brands__details .logo {
        width: 90px;
        height: 90px;
        float: left;
        grid-row: span 1;
    }
    .brands__details .title {
        align-self: center;
    }
    .brands__details .description {
        margin-top: 20px;
        grid-column: span 2;
    }
    .brands__details .sub__title,
    .brands__details .categories__list {
        grid-column: span 1;
    }
    .brands__slider .swiper {
        width: 100%;
        padding-bottom: 10px;
    }
    .brands__slider .item__slide {
        margin: 0 auto;
    }
    .brands__slider .item__wrapper {
        width: 190px;
        height: 110px;
    }
    .brands__slider .item__wrapper.active, .brands__slider .item__wrapper:hover {
        background-color: rgba(68, 167, 218, 0.2509803922);
    }
    .brands__slider .swiper-button-next,
    .brands__slider .swiper-button-prev {
        display: none;
    }
}
.symbol_ruble {
    font-family: "rubleBitrix", Arial, sans-serif;
}

.basket-checkout-container {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    margin-bottom: 20px;
    padding: 15px 0;
    /*border: 1px solid #e2dfdf;*/
    border-radius: 2px;
    background-color: #fff;
    opacity: 1;
    transition: opacity 250ms ease;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.basket-checkout-container.basket-checkout-container-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}

.basket-checkout-container.basket-checkout-container-fixed-hide {
    opacity: 0;
}

/*region Coupon*/
.basket-coupon-section {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.basket-coupon-block-field-description {
    /*color: #a1a1a1;*/
    color: #46403d;
    font: 400 15px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-coupon-block-field-description span {
    font-weight: bold;
}

.basket-coupon-block-field {
    padding-right: 10px;
    min-width: 235px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.basket-coupon-block-field .form-group {
    border: 2px solid #46403d;
    padding: 4px 10px;
    border-radius: 20px;
}

.basket-coupon-block-field .form-group input {
    width: 100%;
}

.basket-coupon-block-coupon-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -4px;
    padding: 0;
    width: 8px;
    height: 8px;
    border: none;
    border-right: 2px solid #8da3ad;
    border-bottom: 2px solid #8da3ad;
    border-radius: 0;
    background-color: transparent;
    content: "";
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.basket-coupon-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 0;
    width: 100%;
    font: 400 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    /*justify-content: space-between;*/
}

.basket-coupon-text {
    position: relative;
    display: block;
    word-break: break-all;
    word-break: break-word;
}

.text-muted .basket-coupon-text {
    padding-left: 15px;
}

.text-muted .basket-coupon-text:after {
    position: absolute;
    top: 0;
    left: 2px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #7ad500;
    border-bottom: 2px solid #7ad500;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.basket-coupon-alert .close-link {
    margin-left: 10px;
    border-bottom: 1px dotted;
    color: #3e86de;
    text-decoration: none;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 1;
    cursor: pointer;
    transition: 220ms ease all;
}

.basket-coupon-alert .close-link:hover {
    border-color: transparent;
}

@media (max-width: 991px) {
    .basket-checkout-container {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .basket-coupon-section {
        -ms-flex-order: 1;
        max-width: 100%;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
    .basket-coupon-alert-section {
        -ms-flex-order: 2;
        margin-bottom: 15px;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
    .basket-coupon-block-field {
        padding-right: 0;
        min-width: 100%;
    }
    .basket-coupon-block-field .form-group {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }
    .basket-coupon-block-field .form-control {
        display: block;
        width: 100%;
    }
}
/*endregion*/
/*region Checkout*/
.basket-checkout-section {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.basket-checkout-section-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin-left: 20px;
    /*
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
   */
}

@media (max-width: 991px) {
    .basket-checkout-section-inner {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .basket-checkout-section-inner {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}
/**/
.basket-checkout-block-total {
    padding-top: 21px;
    padding-right: 10px;
    text-align: right;
    justify-content: flex-start;
    display: flex;
}

@media (max-width: 767px) {
    .basket-checkout-block-total {
        padding-top: 0;
        padding-right: 0;
    }
}
.basket-checkout-block-total-inner {
    display: inline-block;
    max-width: 100%;
    text-align: left;
}

.basket-checkout-block-total-title {
    color: #2980BA;
    font: bold 20px/24px "CeraRoundPro", Helvetica, Arial, sans-serif;
}

.basket-checkout-block-total-description {
    color: #a1a1a1;
    font: 400 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*display: none;*/
}

@media (max-width: 767px) {
    .basket-checkout-block-total-description {
        font-size: 9px;
    }
}
/**/
.basket-checkout-block-total-price {
    padding-left: 10px;
    text-align: right;
}

@media (max-width: 767px) {
    .basket-checkout-block-total-price {
        padding-left: 0;
    }
}
.basket-checkout-block-total-price-inner {
    position: relative;
    display: inline-block;
    padding-top: 17px;
    text-align: right;
}

.basket-coupon-block-total-price-current {
    text-align: right;
    white-space: nowrap;
    transition: 180ms text-shadow ease, 180ms color ease;
    font-family: CeraRoundPro;
    font-size: 32px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.2px;
    color: #2980BA;
}

.basket-coupon-block-total-price-old {
    position: absolute;
    top: 3px;
    right: 0;
    color: #a1a1a1;
    text-align: right;
    font: 400 18px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-coupon-block-total-price-old:after {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
    background-size: 100% 100%;
    content: "";
}

.basket-coupon-block-total-price-difference {
    display: inline-block;
    padding: 5px 6px 6px;
    background: #d1ecf1;
    color: #179ebb;
    text-align: center;
    font: 400 13px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-btn {
    padding-top: 13px;
    padding-left: 15px;
    text-align: right;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-grow: 1;
    display: flex;
}

@media (max-width: 767px) {
    .basket-checkout-block-btn {
        padding-left: 0;
        text-align: center;
        margin-top: 15px;
        flex-basis: 100%;
    }
}
.basket-btn-checkout {
    border-radius: 2px;
    font-weight: bold;
    font-size: 16px;
}

.basket-notification-section {
    width: 100%;
}

.basket-block-notification {
    position: relative;
    display: block;
    margin-top: 10px;
    padding: 8px 15px;
    min-width: 100%;
    width: 100%;
    border-radius: 1px;
    background-color: #edf8e0;
    color: #6a9997;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-block-notification:after {
    position: absolute;
    top: -7px;
    right: 80px;
    width: 16px;
    height: 16px;
    background-color: #edf8e0;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@media (max-width: 991px) {
    .basket-checkout-section {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }
    .basket-notification-section {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }
}
/*endregion*/
/*region Basket item list wrapper*/
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
    margin-bottom: 25px;
    border-radius: 2px;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
  border: solid 1px #e4e8e8;*/
}

/*header*/
.basket-items-list-header {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    padding: 13px 25px;
    border-bottom: 1px solid #e2dfdf;
    background: #f2f2f2;
    transition: 300ms padding ease;
    -webkit-box-align: center;
    align-items: center;
}

.basket-items-list-header.basket-items-list-header-fixed {
    position: fixed;
    top: 0;
    z-index: 99;
    margin-left: -1px;
    border: 1px solid #e2dfdf;
}

.basket-items-list-wrapper-light .basket-items-list-header {
    display: none !important;
}

.basket-items-list-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
    -o-text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.basket-items-search-field + .basket-items-list-header-title {
    padding-left: 10px;
}

.basket-items-search-field + .basket-items-list-header-filter {
    padding-left: 10px;
    text-align: right;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.basket-items-search-field .form-control {
    z-index: 1;
}

.basket-items-list-header-filter-item {
    margin-left: 5px;
    border-bottom: 1px dotted;
    color: #3e86de;
    text-decoration: none;
    font: bold 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: 220ms ease;
}

.basket-items-list-header-filter-item:hover {
    color: #2462de;
    text-decoration: none;
}

.basket-items-list-header-filter-item.active {
    border-bottom: none;
    color: #2f3435;
    text-decoration: none;
    cursor: default;
}

.basket-items-search-field {
    transition: 300ms all ease;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.basket-items-search-field .input-group-addon {
    white-space: nowrap;
    -ms-flex-wrap: wrap;
}

.basket-items-search-field button.close {
    position: relative;
    bottom: -1px;
    display: inline-block;
    float: none;
    line-height: 11px;
}

@media (max-width: 991px) {
    .basket-items-list-header {
        padding: 10px 9px 11px;
    }
    .basket-items-list-header-title {
        font-size: 12px;
        line-height: 15px;
    }
}
@media (max-width: 767px) {
    .basket-items-list-header {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .basket-items-search-field {
        width: 100%;
    }
}
/*endregion*/
.basket-items-list-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.basket-items-list-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    opacity: 0.7;
    -webkit-animation-name: ShowOverlay;
    animation-name: ShowOverlay;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
}

@-webkit-keyframes ShowOverlay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.7;
    }
}
@keyframes ShowOverlay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.7;
    }
}
.basket-items-list {
    position: relative;
    padding: 0 25px;
}

.basket-items-list-table {
    width: 100%;
    border-collapse: collapse;
}

.basket-items-list-table th {
    background-color: #f2f2f2;
    font-size: 14px;
    line-height: 64px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #16191f;
}

.basket-items-list-table td {
    vertical-align: middle;
}

.basket-items-list-item-container {
    position: relative;
}

.basket-items-list-item-container > td {
    border-top: 1px solid #f2f2f2;
}

.basket-items-list-wrapper-compact .basket-items-list-item-container > td {
    padding-bottom: 12px;
}

.basket-items-list-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    opacity: 0.7;
}

.basket-items-list-item-container.basket-items-list-item-container-gift,
.basket-items-list-item-container.basket-items-list-item-container-gift > td,
.basket-items-list .basket-items-list-item-container:first-child > td {
    border-top: none !important;
}

@media (max-width: 767px) {
    .basket-items-list-item-container.basket-items-list-item-container-gift,
    .basket-items-list-item-container.basket-items-list-item-container-gift > td,
    .basket-items-list .basket-items-list-item-container:first-child > td {
        margin: 0;
        padding-top: 0;
        border-top: none !important;
    }
}
.basket-items-list-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    opacity: 0.7;
}

.basket-items-list-item-descriptions {
    -ms-flex-order: 1;
    padding-top: 20px;
    width: 100%;
    vertical-align: top;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

.basket-items-list-item-descriptions-inner {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

@media (max-width: 575px) {
    .basket-items-list-item-descriptions-inner {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/*region Image*/
.basket-item-block-image {
    position: relative;
    width: 90px;
    height: 90px;
    margin-right: 32px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    border: solid 1px #e4e8e8;
}

.basket-items-list-wrapper-compact .basket-item-block-image {
    display: block;
    padding-bottom: 0;
    min-width: 32px;
    max-width: 50px;
    width: auto;
    height: auto;
}

.basket-item-image-link {
    position: relative;
    display: inline-block;
}

.basket-item-image {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    transition: 300ms all ease;
}

.basket-items-list-wrapper-compact .basket-item-image {
    max-width: 50px;
    max-height: 50px;
}

.basket-item-image:hover {
    border-color: #ee9200;
}

/*endregion*/
/*region lable*/
/*Label*/
.basket-item-label-text,
.basket-item-label-ring {
    position: absolute;
    z-index: 90;
    opacity: 1;
    transition: opacity 450ms ease;
}

.basket-items-list-wrapper-compact .basket-item-label-text,
.basket-items-list-wrapper-compact .basket-item-label-ring {
    display: none;
}

.basket-item-label-text span,
.basket-item-label-ring {
    display: inline-block;
    clear: both;
    margin-bottom: 2px;
    background: #f42c2c;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    transition: all 250ms ease;
}

.bx-red .basket-item-label-text span,
.bx-red .basket-item-label-ring {
    background-color: #fba90c;
}

.basket-item-label-text > div,
.basket-item-label-ring > div {
    line-height: 0;
}

/* TEXT */
.basket-item-label-text span {
    padding: 2px 5px;
    vertical-align: middle;
    font-weight: bold;
}

.basket-item-label-text.basket-item-label-small span {
    margin-bottom: 1px;
    padding: 2px 7px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.basket-item-label-text.basket-item-label-big span {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 17px;
}

@media (max-width: 767px) {
    .basket-item-label-text > div {
        line-height: 0;
    }
    .basket-item-label-text.basket-item-label-small span {
        margin-bottom: 1px;
        padding: 2px 7px;
        font-size: 11px;
        line-height: 14px;
    }
    .basket-item-label-text.basket-item-label-big span {
        margin-bottom: 1px;
        padding: 3px 12px;
        font-size: 13px;
        line-height: 16px;
    }
}
/*RING*/
.basket-item-label-ring {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    font-weight: bold;
}

.basket-item-label-ring.basket-item-label-small {
    width: 40px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
}

.basket-item-label-ring.basket-item-label-big {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}

@media (max-width: 767px) {
    .basket-item-label-ring.basket-item-label-small {
        width: 24px;
        height: 24px;
        font-size: 8px;
        line-height: 24px;
    }
    .basket-item-label-ring.basket-item-label-big {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }
}
.basket-item-label-top {
    top: -2px;
}

.basket-item-label-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.basket-item-label-center > div {
    text-align: center;
}

.basket-item-label-left {
    left: -2px;
}

.basket-item-label-left > div {
    text-align: left;
}

.basket-item-label-bottom {
    bottom: -2px;
}

.basket-item-label-middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.basket-item-label-right {
    right: -2px;
}

.basket-item-label-right > div {
    text-align: right;
}

.basket-item-label-center.product-item-label-middle {
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

/*endregion*/
/*region Info*/
.basket-item-block-info {
    -ms-flex-order: 2;
    padding: 0;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    -webkit-box-ordinal-group: 3;
    order: 2;
    display: flex;
    align-items: center;
}

/*region Name*/
.basket-item-info-name,
.basket-item-info-name-link {
    margin: 0;
    padding: 0 20px 0 0;
    color: #2f3435;
    text-decoration: none;
    word-break: break-all;
    word-break: break-word;
    font: 400 16px/26px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
}

@media (max-width: 575px) {
    .basket-item-info-name,
    .basket-item-info-name-link {
        padding: 0;
        margin: 15px 0;
    }
}
/*.basket-item-actions-remove + .basket-item-info-name {
	margin-right: 30px;
}*/
h2.basket-item-info-name {
    margin-bottom: 5px;
    padding-top: 0;
}

.basket-item-highlighted {
    background: #ff0;
}

.basket-items-list-wrapper-compact .basket-item-info-name {
    margin-bottom: 5px;
}

.basket-item-info-name-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 768px) {
    .basket-item-info-name,
    .basket-item-info-name-link {
        vertical-align: middle;
        font-size: 15px;
        line-height: 17px;
    }
    .basket-item-info-name {
        padding-top: 10px;
    }
}
/*endregion*/
.basket-item-block-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 4;
    -ms-flex-pack: end;
    -ms-flex-align: start;
    -ms-flex: 2;
    -ms-flex-wrap: nowrap;
    -ms-flex-line-pack: baseline;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-box-align: start;
    -webkit-box-ordinal-group: 5;
    -webkit-box-flex: 2;
    justify-content: flex-end;
    align-content: baseline;
    align-items: flex-start;
    flex: 2;
    order: 4;
}

.basket-items-list-wrapper-compact .basket-item-block-common {
    -ms-flex-pack: end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .basket-item-block-common {
        padding: 5px 0;
        min-width: 100%;
    }
    .basket-items-list-wrapper .basket-item-block-common {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .basket-items-list-wrapper .basket-item-block-common > div {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .basket-items-list-wrapper-compact .basket-item-block-common {
        -ms-flex-pack: end;
        padding: 17px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
}
@media (max-width: 460px) {
    .basket-items-list-wrapper .basket-item-block-common {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    /*.basket-item-price-old { right: 10px; }*/
    .basket-item-price-current {
        text-align: right;
    }
}
/*region Properties*/
.basket-item-block-properties {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.basket-item-property,
.basket-item-property-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding-bottom: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.basket-items-list-wrapper-compact .basket-item-property,
.basket-items-list-wrapper-compact .basket-item-property-custom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
    padding-bottom: 0;
    -ms-flex-line-pack: center;
    align-content: center;
}

.basket-item-property-name,
.basket-item-property-custom-name {
    margin-right: 5px;
    color: #a1a1a1;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-property-value,
.basket-item-property-custom-value {
    color: #4a4a4a;
    font: bold 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*region Custom Column*/
.basket-item-property-custom {
    padding-right: 15px;
}

.basket-item-property-custom-content {
    padding: 3px 0;
}

.basket-item-property-custom.basket-item-property-custom-photo {
    display: block;
}

.basket-item-property-custom-photo .basket-item-property-custom-value {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: stretch;
    min-height: 64px;
    word-spacing: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.basket-item-property-custom-photo .basket-item-property-custom-value span {
    display: inline-block;
}

.basket-item-custom-block-photo-link {
    display: block;
    margin-right: 5px;
}

.basket-item-custom-block-photo-item {
    margin-right: 3px;
    width: auto;
    height: 64px;
    border: 1px solid #e4e4e4;
    transition: 300ms all ease;
}

.basket-item-custom-block-photo-item:hover {
    border-color: #ee9200;
}

/*endregion*/
/*scu*/
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-text,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-image,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-scu-color {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.basket-item-property.basket-item-property-scu-text,
.basket-item-property.basket-item-property-scu-image,
.basket-item-property.basket-item-scu-color {
    display: block;
}

.basket-item-scu-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.basket-item-scu-item,
.basket-item-scu-item.not-available:hover {
    position: relative;
    display: inline-block;
    margin: 2px 3px 3px 0;
    padding: 0;
    border: 1px solid #eeecef;
    cursor: pointer;
    transition: 300ms all ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.basket-item-scu-item:hover,
.basket-item-scu-item.selected,
.basket-item-scu-item.not-available:hover {
    border-color: #006cc0;
}

.basket-item-scu-item.selected:hover {
    cursor: default;
}

.basket-item-scu-item.not-available:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%220%22%20stroke-width%3D%221%22%20stroke%3D%22%23a1a1a1%22/%3E%0A%3C/svg%3E);
    background-size: 100% 100%;
    content: "";
}

.basket-item-scu-item-inner {
    display: block;
    transition: 300ms all ease;
}

.basket-item-scu-item.not-available .basket-item-scu-item-inner {
    opacity: 0.5;
}

.basket-item-scu-color .basket-item-scu-item-inner,
.basket-item-property-scu-image .basket-item-scu-item-inner {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner,
.basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
    padding: 3px 5px;
    min-width: 30px;
    text-align: center;
    font: bold 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-items-list-wrapper-compact .basket-item-property-scu-text .basket-item-scu-item-inner {
    padding: 1px 2px;
    font: bold 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
    .basket-item-property-name,
    .basket-item-property-value {
        font-size: 11px;
    }
}
/*endregion*/
/*region Amount*/
.basket-items-list-item-amount {
    -ms-flex-order: 3;
    padding-top: 20px;
    vertical-align: top;
    -webkit-box-ordinal-group: 4;
    order: 3;
}

.basket-item-block-amount {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -ms-flex-align: start;
    padding: 0 10px;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.basket-items-list-wrapper-compact .basket-item-block-amount {
    margin-bottom: 0;
    padding-bottom: 0;
}

.basket-item-amount-filed-block {
    position: relative;
}

.basket-item-amount-filed,
.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
    padding: 0;
    width: 64px;
    height: 34px;
    outline: none;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.1px;
    color: #16191f;
    padding-right: 30px;
    text-align: right;
    transition: 300ms all ease;
}

.basket-item-block-amount.disabled .basket-item-amount-filed {
    background-color: #f3f3f3;
}

.basket-item-amount-filed:hover,
.basket-item-amount-filed:focus {
    border-color: #006cc0;
}

.basket-item-amount-filed::-webkit-outer-spin-button,
.basket-item-amount-filed::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    margin: 0;
    -webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.basket-item-amount-filed.basket-updated {
    -webkit-animation-name: basketAmountFiledUpdated;
    animation-name: basketAmountFiledUpdated;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

@-webkit-keyframes basketAmountFiledUpdated {
    0%, 100% {
        border-color: #e4e4e4;
    }
    50% {
        border-color: #ee9200;
    }
}
@keyframes basketAmountFiledUpdated {
    0%, 100% {
        border-color: #e4e4e4;
    }
    50% {
        border-color: #ee9200;
    }
}
.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
    position: relative;
    width: 28px;
    height: 34px;
    cursor: pointer;
    transition: 300ms all ease;
    -webkit-user-select: none;
}

.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover {
    background-color: #efefef;
}

.basket-item-block-amount.disabled .basket-item-amount-btn-plus,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus {
    background-color: transparent;
    cursor: default;
}

.basket-item-amount-btn-plus:before,
.basket-item-amount-btn-plus:after,
.basket-item-amount-btn-minus:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
    width: 10px;
    height: 2px;
    background-color: #979797;
    content: "";
    transition: 300ms all ease;
}

.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after {
    background-color: #535353;
}

.basket-item-block-amount.disabled .basket-item-amount-btn-plus:before,
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:after,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus:after {
    background-color: #f3f3f3;
}

.basket-item-amount-btn-plus:before {
    margin-top: -5px;
    margin-left: -1px;
    width: 2px;
    height: 10px;
}

.basket-item-amount-field-description {
    position: absolute;
    top: 7px;
    right: 8px;
}

@media (max-width: 991px) {
    .basket-item-block-amount {
        position: relative;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .basket-item-amount-btn-plus,
    .basket-item-amount-btn-minus {
        border: 1px solid #e4e4e4;
        background-color: #f5f6f7;
    }
    .basket-item-amount-btn-plus {
        border-left: none;
        border-radius: 0 1px 1px 0;
    }
    .basket-item-amount-btn-minus {
        border-right: none;
        border-radius: 1px 0 0 1px;
    }
}
/*endregion*/
/*region Price*/
.basket-items-list-item-price {
    -ms-flex-order: 4;
    padding-top: 0;
    vertical-align: top;
    -webkit-box-ordinal-group: 5;
    order: 4;
}

.basket-items-list-item-price-for-one {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}

.basket-item-block-price {
    position: relative;
    white-space: nowrap;
}

.basket-item-price-title {
    padding-top: 1px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #545b64;
}

.basket-item-price-current {
    padding-top: 1px;
    color: #2f3435;
    vertical-align: bottom;
    line-height: 24px;
}

.basket-item-price-current-text {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #2980BA;
    transition: 180ms text-shadow ease, 180ms color ease;
}

.basket-items-list-item-price-for-one .basket-item-price-current-text {
    font-weight: normal;
}

.basket-item-price-old {
    text-align: right;
    color: #a1a1a1;
    vertical-align: middle;
    line-height: 15px;
}

.basket-item-price-old-text {
    position: relative;
    display: inline-block;
    font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-price-old-text:after {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
    background-size: 100% 100%;
    content: "";
}

.basket-item-price-difference {
    padding: 3px;
    max-width: 100%;
    background: #d1ecf1;
    color: #179ebb;
    text-align: center;
    white-space: normal;
    font: 400 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
    .basket-items-list-item-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .basket-items-list-item-descriptions {
        min-width: 100%;
    }
}
/*endregion*/
/*region Actions*/
.basket-items-list-item-remove {
    padding-top: 17px !important;
    vertical-align: top;
}

.basket-item-block-actions {
    position: relative;
    opacity: 0;
    transition: 300ms opacity ease;
}

.bx-touch .basket-item-block-actions,
.basket-items-list-item-container:hover .basket-item-block-actions {
    opacity: 1;
}

.basket-item-actions-remove {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.basket-item-actions-remove:after,
.basket-item-actions-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #d0021b;
    content: "";
    transition: 300ms background-color ease;
}

.basket-item-actions-remove:after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.basket-item-actions-remove:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.basket-item-actions-remove:hover:after,
.basket-item-actions-remove:hover:before {
    background-color: #7e000f;
}

.basket-item-block-info .basket-item-actions-remove {
    position: absolute;
    top: -4px;
    right: 0;
}

.basket-items-list-wrapper-compact .basket-item-block-actions {
    position: relative;
    top: auto;
    right: auto;
    padding-left: 10px;
}

/*endregion*/
/*endregion*/
@media (max-width: 767px) {
    .basket-items-list-table,
    .basket-items-list-table thead,
    .basket-items-list-table tbody,
    .basket-items-list-table tr {
        display: block !important;
    }
    tr.basket-items-list-item-container {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
        -ms-flex-pack: center;
        -ms-flex-align: start;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #f2f2f2;
        -webkit-box-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    tr.basket-items-list-item-container > td {
        width: 100%;
    }
    .basket-items-list-table tr.basket-items-list-item-container:first-child,
    .basket-items-list-table tbody tr.basket-items-list-item-container:first-child {
        border: none;
    }
    .basket-items-list .basket-items-list-item-container > td {
        border-top: none;
    }
    td.basket-items-list-item-amount,
    td.basket-items-list-item-price,
    td.basket-items-list-item-remove {
        display: inline-block;
    }
    td.basket-items-list-item-descriptions {
        padding-bottom: 10px;
        min-width: 100%;
    }
    td.basket-items-list-item-descriptions,
    td.basket-items-list-item-notification {
        display: block;
        padding-top: 0;
    }
    .basket-items-list-item-price {
        padding: 3px 0;
    }
    td.basket-items-list-item-remove {
        padding: 34px 0 0 !important;
    }
}
.basket-items-list-item-notification-inner {
    position: relative;
    transition: 220ms all ease;
}

/**/
.basket-items-list-item-container.basket-items-list-item-container-expend {
    display: table-row;
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    padding: 10px 0;
    border-radius: 2px;
    background-color: #e6f8fe;
    color: #333;
    text-align: center;
    transition: 300ms all ease;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
    padding: 0 10px;
    text-align: left;
}

@-webkit-keyframes ShowNote {
    0% {
        opacity: 0;
    }
    0%, 50% {
        background-color: #fff;
    }
    50%, 100% {
        opacity: 1;
    }
    100% {
        background-color: #e6f8fe;
    }
}
@keyframes ShowNote {
    0% {
        opacity: 0;
    }
    0%, 50% {
        background-color: #fff;
    }
    50%, 100% {
        opacity: 1;
    }
    100% {
        background-color: #e6f8fe;
    }
}
@media (max-width: 768px) {
    .basket-items-list-item-container-collapse .basket-items-list-item-removed-container {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .basket-items-list-item-container-collapse .basket-items-list-item-removed-container div {
        text-align: center;
    }
}
.basket-items-list-item-container-collapse .basket-item-block-info,
.basket-items-list-item-container-collapse .basket-item-block-common,
.basket-items-list-item-container-collapse .basket-item-block-image {
    opacity: 0;
}

.basket-items-list-item-container.basket-items-list-item-container-collapse > td > div {
    overflow: hidden;
    height: 80px;
    opacity: 0;
}

.basket-items-list-item-removed-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.basket-items-list-item-removed-block .faded {
    color: #ccc;
    cursor: default;
}

.basket-items-list-item-removed-anchor {
    border-bottom: 1px dashed;
    color: #333;
    font-weight: bold;
}

.basket-items-list-item-clear-btn {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.basket-items-list-item-clear-btn:after,
.basket-items-list-item-clear-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #d0021b;
    content: "";
    transition: 300ms background-color ease;
}

.basket-items-list-item-clear-btn:after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.basket-items-list-item-clear-btn:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.basket-items-list-item-clear-btn:hover:after,
.basket-items-list-item-clear-btn:hover:before {
    background-color: #7e000f;
}

.basket-items-list-item-double {
    margin: 10px 0;
}

.basket-items-list-item-double > div {
    margin-bottom: 10px;
    padding: 5px 35px 5px 15px;
}

.basket-items-list-item-double-anchor,
.basket-items-list-item-double-anchor:visited {
    border-bottom: 1px dashed;
    color: #333;
    text-decoration: none;
}

.basket-items-list-item-double-anchor:hover {
    color: #23527c;
}

.basket-items-list-item-warning-container {
    margin: 10px 0;
}

.basket-items-list-item-warning-container > div {
    margin-bottom: 10px;
    padding: 5px 35px 5px 15px;
}

.basket-items-list-wrapper-compact .basket-items-list-item-container {
    -ms-flex-align: start;
    padding: 17px 0;
    -webkit-box-align: start;
    align-items: flex-start;
}

/*region Gifts*/
.basket-item-gifts-list-container {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #fceb9f;
    background: #fffef8;
}

.basket-item-gifts-list-container:after {
    position: absolute;
    top: -10px;
    left: 90px;
    display: block;
    width: 17px;
    height: 17px;
    background-color: #fceb9f;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.basket-item-gifts-list-title {
    padding: 12px 17px;
    background-color: #fceb9f;
    color: #5b5848;
    font: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gifts-list {
    padding: 15px;
}

.basket-items-list-gift-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    border-bottom: 1px solid #f3f2ed;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.basket-item-gifts-list .basket-items-list-gift-item:last-child {
    border-bottom: none;
}

/*region Gift image*/
.basket-item-gift-image-container {
    padding: 10px 0;
    min-width: 48px;
    max-width: 100%;
    width: 168px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.basket-item-gift-image-link {
    display: inline-block;
}

.basket-item-gift-image {
    display: inline-block;
    max-width: 100%;
    max-height: 69px;
    width: auto;
    height: auto;
}

/*endregion*/
/*region Gift title*/
.basket-item-gift-title-container {
    padding: 5px 15px;
    width: 100%;
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9;
}

.basket-item-gift-title-link {
    color: #333;
    font: 400 15px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
}

/*endregion*/
/*region Gift price*/
.basket-item-gift-price-container {
    text-align: right;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.basket-item-gift-price-current {
    color: #2f3435;
    font: 400 22px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-old {
    color: #a1a1a1;
    text-decoration: line-through;
    font: 400 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-difference {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    padding: 5px 6px 6px;
    background: #e2f0cb;
    color: #525c69;
    text-align: center;
    text-transform: uppercase;
    font: bold 9px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-box-align: center;
    align-items: center;
}

/*endregion*/
/*endregion*/
/*region Gift-container*/
.basket-gifts-list-wrapper,
.basket-gifts-list-wrapper-compact {
    margin-bottom: 15px;
    border: 1px solid #e2dfdf;
}

.basket-gifts-list-header {
    padding: 18px 25px 20px;
    border-bottom: 1px solid #e2dfdf;
    background: #f2f2f2;
    font: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
}

.basket-clear {
    cursor: pointer;
    pointer-events: auto;
}

.basket-clear:after,
.basket-clear:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #a1a1a1;
    content: "";
    transition: 300ms background-color ease;
}

.basket-clear:after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.basket-clear:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.basket-clear:hover:after,
.basket-clear:hover:before {
    background-color: #333;
}

@media (max-width: 991px) {
    .basket-gifts-list-header {
        padding: 10px 9px 11px;
        font-size: 12px;
        line-height: 15px;
    }
}
.basket-gifts-list {
    padding: 0 25px;
}

.basket-gifts-description-container {
    padding: 11px;
    color: #868d96;
    text-align: center;
    font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gifts-list-item-container {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #f2f2f2;
    transition: 300ms all ease;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.basket-gifts-list-item-container:first-child {
    border-top: none;
}

.basket-gift-block-image {
    padding: 5px 15px 5px 0;
    min-width: 50px;
    max-width: 50px;
}

.basket-gift-image-link {
    display: inline-block;
}

.basket-gift-image {
    display: inline-block;
    max-width: 100%;
    max-height: 168px;
    width: auto;
    height: auto;
    transition: 300ms all ease;
}

.basket-gift-block-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.basket-gift-info-name,
.basket-gift-info-name-link {
    margin: 0;
    padding: 0;
    color: #2f3435;
    text-decoration: none;
    font: 400 15px/19px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
}

.basket-gift-info-name-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.basket-gift-block-common {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.basket-gift-item-select-btn-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
}

.basket-gift-item-selected {
    padding: 0 10px;
    color: #b6bbbf;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gift-item-select-btn-label {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 0;
    -webkit-box-align: center;
    align-items: center;
}

.basket-gift-item-select-input {
    display: none;
}

.basket-gift-item-select-btn-radio {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 10px solid #fff;
    border-radius: 50%;
    background: #468ee5;
    -webkit-box-shadow: 0 0 0 1px #828b95;
    box-shadow: 0 0 0 1px #828b95;
    cursor: pointer;
    transition: 190ms all ease;
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-radio {
    border-width: 5px;
}

.basket-gift-item-select-btn-text {
    text-transform: lowercase;
    font: bold 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.basket-gift-item-select-btn-checkbox {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    width: 19px;
    height: 19px;
    border: 1px solid #828b95;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
}

.basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-btn-checkbox:before {
    position: absolute;
    background-color: #fff;
    content: "";
    opacity: 0;
    transition: 190ms all ease;
}

.basket-gift-item-select-btn-checkbox:after {
    top: 5px;
    left: 5px;
    z-index: 15;
    width: 3px;
    height: 9px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.basket-gift-item-select-btn-checkbox:before {
    top: -1px;
    left: 11px;
    z-index: 10;
    width: 5px;
    height: 17px;
    border: 1px solid #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before {
    background-color: #468ee5;
    opacity: 1;
}

@media (max-width: 797px) {
    .basket-gift-item-select-btn-container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .basket-gift-item-selected {
        -ms-flex-order: 2;
        padding-right: 0;
        text-align: right;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
    .basket-gift-item-select-btn-label {
        -ms-flex-order: 1;
        text-align: right;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}
.bx-step-opacity {
    transition: 500ms opacity ease;
}

/*endregion*/
/*region not found*/
.basket-search-not-found {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.basket-search-not-found-icon {
    margin: 0 auto 80px;
    width: 180px;
    height: 180px;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22182px%22%20height%3D%22182px%22%20viewBox%3D%220%200%20182%20182%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.2%22%20fill%3D%22%23A7ABB0%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2C70.5%20C17%2C40.9473747%2040.9473747%2C17%2070.5%2C17%20C100.052625%2C17%20124%2C40.9473747%20124%2C70.5%20C124%2C100.052625%20100.052625%2C124%2070.5%2C124%20C40.9473747%2C124%2017%2C100.052625%2017%2C70.5%20M178.408149%2C160.192955%20L129.280894%2C111.056302%20C129.216524%2C111.017683%20129.152154%2C110.991937%20129.100658%2C110.953317%20C136.979557%2C99.5348706%20141.614204%2C85.7220257%20141.614204%2C70.8020936%20C141.614204%2C31.6935917%20109.905496%2C0%2070.8071019%2C0%20C31.7087076%2C0%200%2C31.6935917%200%2C70.8020936%20C0%2C109.910596%2031.7087076%2C141.604187%2070.8071019%2C141.604187%20C85.7152154%2C141.604187%2099.5419113%2C136.969868%20110.948292%2C129.091526%20C110.999788%2C129.143019%20111.012662%2C129.220257%20111.064158%2C129.27175%20L160.204287%2C178.408403%20C164.993422%2C183.197199%20172.846573%2C183.197199%20177.635708%2C178.408403%20L178.408149%2C177.623143%20C183.197284%2C172.834347%20183.197284%2C164.981751%20178.408149%2C160.192955%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
    background-size: cover;
}

.basket-search-not-found-text {
    color: #c0c5ca;
    text-align: center;
    font: 30px/35px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*endregion*/
.bx-sbb-empty-cart-image {
    width: 131px;
    height: 116px;
    margin: 50px auto 42px;
    background: url(images/empty_cart.svg) no-repeat center;
    background-size: contain;
}

.bx-sbb-empty-cart-text {
    font-size: 36px;
    text-align: center;
    color: #bababa;
    margin-bottom: 42px;
}

.bx-sbb-empty-cart-desc {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-bottom: 42px;
}

.basket-items-list-table td {
    border: none !important;
}

.basket-items-list-table td {
    border: none !important;
    padding: 0 !important;
}

.basket-items-block {
    display: flex;
}

@media (max-width: 991px) {
    .basket-items-block {
        flex-wrap: wrap;
    }
}
.basket-items-block .basket-items-act {
    width: 255px;
    margin-left: 80px;
}

@media (max-width: 991px) {
    .basket-items-block .basket-items-act {
        margin-left: 0;
        order: -1;
        margin-bottom: 15px;
        flex-grow: 1;
    }
}
.basket-items-block .basket-items-act .block {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 17px 5px 10px 5px;
}

.basket-items-block .basket-items-act .block .title {
    text-align: center;
    color: #2980BA;
    font-size: 13px;
    font-weight: bold;
}

.basket-items-block .basket-items-act .block .title span {
    color: #84807e;
}

.basket-items-block .basket-items-act .block .price {
    text-align: center;
    color: #651d26;
    font-size: 13px;
    font-weight: bold;
}

.basket-items-block .basket-items-act .block .car {
    background: url(images/car.jpg) no-repeat center;
    width: 245px;
    height: 130px;
}

@media (max-width: 991px) {
    .basket-items-block .basket-items-act .block .car {
        margin: 15px auto;
    }
}
.basket-items-block .basket-items-act .block .bottom {
    color: #84807e;
    font-size: 13px;
    text-align: center;
}

.basket-items-block .basket-items-act .block .bottom a {
    color: #84807e;
    text-decoration: underline;
}

.basket-item-rows {
    display: flex;
}

.basket-item-row {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #f0f0f0;
    margin-bottom: 10px;
    display: flex;
    padding: 12px;
    width: 100%;
}

@media (max-width: 767px) {
    .basket-item-row {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.basket-item-row .num {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    width: 30px;
    margin-right: 5px;
    color: #46403d;
    font-size: 33px;
    font-weight: bold;
}

@media (max-width: 575px) {
    .basket-item-row .num {
        position: absolute;
        z-index: 1;
        left: 1px;
        top: -9px;
    }
}
.basket-item-row .basket-items-list-item-descriptions {
    padding: 0px;
    order: 2;
}

.basket-item-row .basket-items-list-item-descriptions .basket-item-image-link {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    width: auto;
    height: auto;
}

.basket-item-row .basket-items-list-item-descriptions .basket-item-block-image {
    border: none;
    margin-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 575px) {
    .basket-item-row .basket-items-list-item-descriptions .basket-item-block-image {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
        min-height: 152px;
    }
}
.basket-item-row .basket-items-list-item-descriptions .basket-item-block-info {
    color: #46403d;
    font-size: 16px;
    font-weight: bold;
}

@media (max-width: 575px) {
    .basket-item-row .basket-items-list-item-descriptions .basket-item-block-info {
        flex-basis: 100%;
    }
}
.basket-item-row .basket-items-list-item-price {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.basket-item-row .basket-items-list-item-price .basket-item-price-current-text {
    color: #2980BA;
    font-size: 18px;
}

.basket-item-row .basket-items-list-item-amount {
    padding: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.basket-item-row .basket-items-list-item-amount .basket-item-amount-btn-minus {
    border: 1px solid #46403d;
    background: #ffffff;
    color: #46403d;
    width: 25px;
    height: 25px;
}

.basket-item-row .basket-items-list-item-amount .basket-item-amount-filed {
    height: 25px;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0 10px;
    width: 40px;
    text-align: center;
}

.basket-item-row .basket-items-list-item-amount .basket-item-amount-field-description {
    display: none;
}

.basket-item-row .basket-items-list-item-amount .basket-item-amount-btn-plus {
    border: 1px solid #46403d;
    background: #ffffff;
    color: #46403d;
    width: 25px;
    height: 25px;
}

.basket-item-rows .basket-items-list-item-remove {
    order: 5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    padding: 0px 0 0 5px !important;
    margin-bottom: 10px;
}

.basket-item-rows .basket-item-actions-remove:after,
.basket-item-rows .basket-item-actions-remove:before {
    background: #46403d;
    width: 3px;
    height: 17px;
}

.basket-checkout-section-inner .basket-checkout-block.basket-checkout-block-btn .basket-btn-checkout {
    display: block;
    width: 100%;
    height: fit-content;
    max-width: 255px;
    border-radius: 40px;
    background-color: #66CC66;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0.1px;
    text-align: center;
    color: #ffffff;
    border: none;
    padding: 10px 30px;
}

.basket-checkout-section-inner .basket-checkout-block.basket-checkout-block-btn .basket-btn-checkout:hover {
    background: #2980BA;
}

@media (max-width: 575px) {
    .basket-checkout-section-inner .basket-checkout-block.basket-checkout-block-btn .basket-btn-checkout {
        max-width: 100%;
        padding: 17px;
        font-size: 19px;
    }
}
#ov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0ad4e;
    z-index: 10000000000;
    opacity: 0.3;
}

#popap {
    position: fixed;
    left: 0;
    top: 15px;
    z-index: 10000000001;
    width: 506px;
    height: auto;
    right: 0;
    bottom: 0;
    margin: auto;
}
#popap.active {
    display: block;
}

@media (max-width: 575px) {
    #popap {
        width: auto;
        height: auto;
        left: 8px;
        top: 8px;
        right: 8px;
    }
}
.gopay-popapPreloader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(240, 173, 78, 0.3);
    display: none;
}

@-moz-keyframes gopay-popapPreloaderSpin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes gopay-popapPreloaderSpin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes gopay-popapPreloaderSpin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.gopay-popapPreloader:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -17.5px;
    margin-top: -17.5px;
    width: 35px;
    height: 35px;
    border: 4px solid;
    border-color: transparent #2980BA #2980BA #2980BA;
    border-radius: 100%;
    -webkit-animation: gopay-popapPreloaderSpin 0.8s linear infinite;
    -moz-animation: gopay-popapPreloaderSpin 0.8s linear infinite;
    animation: gopay-popapPreloaderSpin 0.8s linear infinite;
}

.gopay-popapPreloaderShow .gopay-popapPreloader {
    display: block;
}

#popap .block {
    width: 506px;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 3px solid #2980BA;
    box-shadow: 0 0 10px #000;
    background: #ffffff;
    position: relative;
}

@media (max-width: 575px) {
    #popap .block {
        width: 100%;
        height: auto;
    }
}
#popap .block .cl {
    width: 39px;
    height: 39px;
    position: absolute;
    top: 15px;
    right: 15px;
}
#popap .block .cl svg {
    width: 30px;
    height: 30px;
}

#popap .block .title {
    color: #3b3b3a;
    font-weight: bold;
    padding: 0 25px;
    margin-top: 26px;
    font-size: 25px;
}

@media (max-width: 575px) {
    #popap .block .title {
        margin-top: 20px;
        margin-right: 35px;
    }
}
#popap .block .title2 {
    color: #3b3b3a;
    font-weight: bold;
    padding: 0 25px;
    margin-top: 20px;
    font-size: 25px;
}

@media (max-width: 575px) {
    #popap .block .title2 {
        margin-top: 15px;
    }
}
.gopay-inputBox {
    position: relative;
}

@media (max-width: 575px) {
    .gopay-inputBox {
        padding: 15px 25px 6px;
    }
}
#popap .block input,
select#list {
    display: block;
    margin: 20px 25px;
    width: 450px;
    border: solid 4px #2980BA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 17px;
    padding: 5px 10px;
}

@media (max-width: 575px) {
    #popap .block input,
    select#list {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
}
#popap .block input::-webkit-input-placeholder {
    color: #3b3b3a;
}

#popap .block input::-moz-placeholder {
    color: #3b3b3a;
} /* Firefox 19+ */
#popap .block input:-moz-placeholder {
    color: #3b3b3a;
} /* Firefox 18- */
#popap .block input:-ms-input-placeholder {
    color: #3b3b3a;
}

#popap .gopay-inputErrorMsg {
    color: red;
    position: absolute;
    bottom: -15px;
    left: 32px;
    font-size: 10px;
}

@media (max-width: 575px) {
    #popap .gopay-inputErrorMsg {
        bottom: -10px;
    }
}
#popap .block .b {
    padding: 10px 25px 20px 25px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

@media (max-width: 575px) {
    #popap .block .b {
        margin: 0 -5px;
    }
}
@media (max-width: 575px) {
    #popap .block .b > div {
        flex-grow: 1;
        padding: 0 5px;
    }
}
#popap .block .b .online {
    width: 215px;
    height: 90px;
}

@media (max-width: 575px) {
    #popap .block .b .online {
        width: auto;
        height: auto;
        min-height: 18vw;
        background-size: contain;
    }
}
#popap .block .b .ur {
    width: 214px;
    height: 92px;
}

@media (max-width: 575px) {
    #popap .block .b .ur {
        width: auto;
        height: auto;
        min-height: 18vw;
        background-size: contain;
    }
}
h1 {
    display: none;
}

.gopay-deliForm {
    padding: 0 15px;
    margin: 107px 0;
}

@media (max-width: 1170px) {
    .gopay-deliForm {
        margin: 0;
    }
}
@media (max-width: 575px) {
    .gopay-deliForm {
        padding: 0;
    }
}
.gopay-deliFormModeModal.gopay-deliForm {
    margin: 0;
    max-width: 440px;
}

.gopay-deliCols {
    display: flex;
    justify-content: space-between;
    margin: 44px -30px 80px;
    min-height: 350px;
}

@media (max-width: 1170px) {
    .gopay-deliCols {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 991px) {
    .gopay-deliCols {
        flex-wrap: nowrap;
        flex-direction: column;
    }
}
.gopay-deliFormModeModal .gopay-deliCols {
    display: block;
    margin: 0;
}

.gopay-deliCols > div {
    padding: 0 15px;
    flex-basis: 33.33%;
}

@media (max-width: 1170px) {
    .gopay-deliCols > div {
        flex-basis: 50%;
    }
}
@media (max-width: 991px) {
    .gopay-deliCols > div {
        flex-basis: 100%;
    }
}
.gopay-deliFormModeModal .gopay-deliCols > div {
    padding: 0;
    flex-basis: 100%;
}

.gopay-deliCol1 {
    position: relative;
}

@media (max-width: 991px) {
    .gopay-deliCol1 {
        margin-bottom: 30px;
    }
}
.gopay-deliVariBox {
    height: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .gopay-deliVariBox > div {
        flex-grow: 1;
    }
}
.gopay-deliFormModeModal .gopay-deliVariBox > div {
    flex-grow: 1;
}

@media (max-width: 991px) {
    .gopay-deliCol1 .gopay-submitBtnBox {
        display: none;
    }
}
.gopay-deliFormModeModal .gopay-submitBtnBox {
    display: none;
}

.gopay-deliVariBoxT {
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #3a3a39;
    margin-block: 10px;
}

.gopay-deliVariList {
    margin-bottom: 15px;
}

.gopay-deliVariItemBox {
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .gopay-deliVariItemBox {
        margin-bottom: 15px;
    }
}
.gopay-deliVariItemBox:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .gopay-deliVariItemBox:last-child {
        margin-bottom: 0;
    }
}
.gopay-deliFormModeModal .gopay-deliVariItemBox {
    margin-bottom: 15px;
}

.gopay-deliFormModeModal .gopay-deliVariItemBox:last-child {
    margin-bottom: 0;
}

.gopay-deliVariItem {
    border: 2px solid #3a3a39;
    border-radius: 12px;
    color: #46403d;
    font-size: 17px;
    padding: 8px 10px;
    cursor: pointer;
}

.gopay-deliVariItemSelected {
    border-color: #2980BA;
}

.gopay-deliVariItem:last-child {
    margin-bottom: 0;
}

.gopay-deliPVidachi {
    display: flex;
    flex-wrap: wrap;
}

.gopay-deliPVidachi > div:first-child {
    flex-basis: 62%;
}

.gopay-deliPVidachi > div:nth-child(2) {
    flex-grow: 1;
}

.gopay-deliPVidachi > div:last-child {
    flex-basis: 100%;
}

.gopay-deliPVidachiLogo {
    background: #fff url("../img/deliPVidachiLogo.png") 50% 50% no-repeat;
    height: 24px;
    min-width: 83px;
    border: 1px dashed #9c9c9c;
    border-radius: 4px;
}

.gopay-deliVariItemSelected .gopay-deliPVidachiLogo {
    border-color: #2980BA;
}

.gopay-deliAdrDost {
    display: flex;
    flex-wrap: wrap;
}

.gopay-deliAdrDost > div:first-child {
    flex-basis: 62%;
}

.gopay-deliAdrDost > div:nth-child(2) {
    flex-grow: 1;
}

.gopay-deliAdrDost > div:last-child {
    flex-basis: 100%;
}

.gopay-deliAdrDostCompB {
    cursor: pointer;
    font-size: 14px;
    border: 1px dashed #9c9c9c;
    border-radius: 4px;
    text-align: center;
    color: #46403d;
    padding: 1px;
}

.gopay-deliVariItemSelected .gopay-deliAdrDostCompB {
    border-color: #2980BA;
}

.gopay-deliAdrDostInp,
.gopay-deliNameDostInp {
    color: #46403d;
    font-size: 14px;
    border-radius: 4px;
    border: 1px dashed #9c9c9c;
    width: 100%;
    padding: 3px 8px;
    margin-top: 5px;
}

.gopay-deliNameDostInp {
    display: none;
}

.gopay-deliVariItemSelected .gopay-deliAdrDostInp,
.gopay-deliVariItemSelected .gopay-deliNameDostInp {
    border-color: #2980BA;
}

.gopay-deliAdrDostInp::-webkit-input-placeholder,
.gopay-deliNameDostInp::-webkit-input-placeholder {
    color: #46403d;
}

.gopay-deliAdrDostInp::-moz-placeholder,
.gopay-deliNameDostInp::-moz-placeholder {
    color: #46403d;
}

.gopay-deliAdrDostInp:-moz-placeholder,
.gopay-deliNameDostInp:-moz-placeholder {
    color: #46403d;
}

.gopay-deliAdrDostInp:-ms-input-placeholder,
.gopay-deliNameDostInp:-ms-input-placeholder {
    color: #46403d;
}

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

.gopay-deliSkladB {
    cursor: pointer;
    font-size: 14px;
    border: 1px dashed #9c9c9c;
    border-radius: 4px;
    text-align: center;
    color: #46403d;
    padding: 1px 15px;
}

.gopay-deliVariItemSelected .gopay-deliSkladB {
    border-color: #2980BA;
}

.gopay-variantWin {
    display: none;
    position: absolute;
    left: 100%;
    width: 100%;
    top: -10px;
    bottom: -10px;
}

@media (max-width: 991px) {
    .gopay-variantWin {
        position: static;
    }
}
.gopay-deliFormModeModal .gopay-variantWin {
    position: static;
}

.gopay-variantWinBox {
    position: relative;
    border: 3px solid #2980BA;
    box-shadow: 0 0 80px rgba(41, 128, 186, 0.4784313725);
    padding: 15px 30px;
    border-radius: 23px;
    height: 100%;
    margin: 0 15px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .gopay-variantWinBox {
        margin: 3px 0 0;
        height: auto;
        box-shadow: none;
        border-radius: 12px;
        border-width: 2px;
    }
}
@media (max-width: 575px) {
    .gopay-variantWinBox {
        padding: 12px 10px;
    }
}
.gopay-deliFormModeModal .gopay-variantWinBox {
    margin: 3px 0 0;
    height: auto;
    box-shadow: none;
    border-radius: 12px;
    border-width: 2px;
}

@-moz-keyframes gopay-variantWinPreloaderSpin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes gopay-variantWinPreloaderSpin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes gopay-variantWinPreloaderSpin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.gopay-variantWinBox:before {
    display: none;
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -17.5px;
    margin-top: -17.5px;
    width: 35px;
    height: 35px;
    border: 4px solid;
    border-color: transparent #2980BA #2980BA #2980BA;
    border-radius: 100%;
    -webkit-animation: gopay-variantWinPreloaderSpin 0.8s linear infinite;
    -moz-animation: gopay-variantWinPreloaderSpin 0.8s linear infinite;
    animation: gopay-variantWinPreloaderSpin 0.8s linear infinite;
}

.gopay-variantWinPreloader .gopay-variantWinBox:before {
    display: block;
}

.gopay-variantWinBox:after {
    display: none;
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(240, 173, 78, 0.3);
}

.gopay-variantWinPreloader .gopay-variantWinBox:after {
    display: block;
}

.gopay-punktVidachiSelBox {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
    position: relative;
    min-width: 15ch;
    /*max-width: 30ch;*/
    border: 1px solid #2980BA;
    border-radius: 888px;
    padding: 5px 12px 5px 15px;
    font-size: 16px;
    cursor: pointer;
    line-height: 20px;
    background-color: #fff;
    background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
    margin: 15px 0;
}

.gopay-punktVidachiSelBox.gopay-punktVidachiSelBoxDLPlacemark {
    margin-bottom: 8px;
}

.gopay-punktVidachiSelBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    z-index: 1;
    outline: none;
}

.gopay-punktVidachiSelBox select::-ms-expand {
    display: none;
}

.gopay-punktVidachiSelBox select,
.gopay-punktVidachiSelBox::after {
    grid-area: select;
}

.gopay-punktVidachiSelBox::after {
    content: "";
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: #2980BA;
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    position: relative;
    top: 1px;
}

.gopay-punktVidachiSelBox select:focus + .gopay-punktVidachiSelBoxFocus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid var(--select-focus);
    border-radius: inherit;
}

/*                                .gopay-punktVidachiSelBox{
                                    position: relative;
                                    margin: 15px 0;
                                    visibility: hidden;
                                }
                                    .gopay-punktVidachiSelBox select{
                                        width: 100%;
                                        border-radius: 888px;
                                        padding: 5px 12px;
                                        background-color: #fff;
                                        outline: none;
                                        appearance: none; убираем дефолнтные стрелочки
                                        font-family: inherit; наследует от родителя
                                    }
                                    .gopay-punktVidachiSelBox:after{
                                        content: '';
                                        display: block;
                                        border-style: solid;
                                        border-width: 6px 5px 0 5px;
                                        border-color: $mainElementColorF transparent transparent transparent;
                                        pointer-events: none;
                                        position: absolute;
                                        top: 50%;
                                        right: 12px;
                                        z-index: 1;
                                        margin-top: -3px;
                                    }*/
.gopay-punktVidachiMapBox {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gopay-punktVidachiT {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #46403d;
}

.gopay-punktVidachiMap {
    height: 100%;
    position: relative;
}

@media (max-width: 1170px) {
    .gopay-punktVidachiMap {
        height: 260px;
    }
}
.gopay-deliFormModeModal .gopay-punktVidachiMap {
    height: 300px;
}

.gopay-deliAdrDostVariB {
    cursor: pointer;
    border-bottom: 1px dashed #9c9c9c;
    padding: 3px 0;
    margin-bottom: 5px;
}

.gopay-deliAdrDostVariB:last-child {
    margin-bottom: 0;
}

.gopay-deliAdrDostVariBSel {
    position: relative;
    padding-left: 15px;
    color: #2980BA;
    border-color: #2980BA;
}

.gopay-deliAdrDostVariBSel:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #2980BA;
    top: 50%;
    margin-top: -4px;
    left: 0;
    border-radius: 50%;
}

.gopay-deliSkladVariB {
    cursor: pointer;
    border-bottom: 1px dashed #9c9c9c;
    padding: 3px 0;
    margin-bottom: 5px;
}

.gopay-deliSkladVariB:last-child {
    margin-bottom: 0;
}

.gopay-deliSkladVariBSel {
    position: relative;
    padding-left: 15px;
    color: #2980BA;
    border-color: #2980BA;
}

.gopay-deliSkladVariBSel:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #2980BA;
    top: 50%;
    margin-top: -4px;
    left: 0;
    border-radius: 50%;
}

.gopay-deliFormModeModal .gopay-deliCol2 {
    margin-top: 24px;
}

.gopay-deliCol2 .gopay-submitBtnBox {
    display: none;
}

@media (max-width: 991px) {
    .gopay-deliCol2 .gopay-submitBtnBox {
        display: block;
    }
}
.gopay-deliFormModeModal .gopay-deliCol2 .gopay-submitBtnBox {
    display: block;
    margin-top: 30px;
}

@media (max-width: 1170px) {
    .gopay-deliCol3 {
        margin-top: 62px;
    }
}
@media (max-width: 575px) {
    #gopay-changeDostavka {
        padding: 24px 15px 15px;
    }
}
.gopay-yLOFormAsFizLitsoText {
    display: none;
}

.fancybox-content .gopay-yLOFormAsFizLitsoText {
    text-align: center;
    max-width: 440px;
}

.gopay-formBuyAsYourLitsoBtn .gopay-yLOFormAsFizLitsoText {
    display: block;
}

.gopay-yLOColsBox .gopay-yLOFormAsFizLitsoText {
    margin-bottom: 3px;
}

.fancybox-content .gopay-yLOFormAsYourLitsoText {
    text-align: center;
    max-width: 440px;
}

.gopay-formBuyAsYourLitsoBtn .gopay-yLOFormAsYourLitsoText {
    display: none;
}

.gopay-yLOColsBox .gopay-yLOFormAsYourLitsoText {
    margin-bottom: 15px;
}

.gopay-yLOSposOplInpBox {
    margin-bottom: 15px;
}

.gopay-formBuyAsYourLitsoBtn .gopay-yLOSposOplInpBox-inn,
.gopay-formBuyAsYourLitsoBtn .gopay-yLOSposOplInpBox-bik {
    display: none;
}

.gopay-yLOSposOplInp {
    position: relative;
}

.gopay-yLOSposOplInp {
    position: relative;
}

.gopay-yLOSposOplInpACOpen {
    z-index: 9999999999;
}

@-moz-keyframes gopay-yLOSposOplInpPreloadFns {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes gopay-yLOSposOplInpPreloadFns {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes gopay-yLOSposOplInpPreloadFns {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.gopay-yLOSposOplInpPreload:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 50%;
    margin-top: -8.5px;
    width: 17px;
    height: 17px;
    border: 2px solid;
    border-color: #2980BA #e1e2e2 #e1e2e2 #e1e2e2;
    border-radius: 100%;
    -webkit-animation: gopay-yLOSposOplInpPreloadFns 0.8s linear infinite;
    -moz-animation: gopay-yLOSposOplInpPreloadFns 0.8s linear infinite;
    animation: gopay-yLOSposOplInpPreloadFns 0.8s linear infinite;
}

.gopay-yLOSposOplInpT {
    display: none;
    position: absolute;
    left: 14px;
    top: 6px;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
}

.gopay-yLOSposOplInpOk .gopay-yLOSposOplInpT {
    display: block;
}

.gopay-yLOSposOplInp input {
    position: relative;
    z-index: 2;
    width: 100%;
    border: 1px solid #2980BA;
    padding: 8px 35px 8px 15px;
    border-radius: 12px;
    font-weight: bold;
    background-color: #2980BA;
    font-size: 21px;
    color: #fff;
}

@media (max-width: 767px) {
    .gopay-yLOSposOplInp input {
        font-size: 17px;
    }
}
.gopay-yLOSposOplInp input:focus {
    background-color: #fff;
    color: #333;
    border: 1px solid #2980BA;
}

.gopay-yLOSposOplInpOk input {
    border: 1px solid #2980BA;
    background-color: #2980BA;
    padding-left: 68px;
}

.gopay-yLOSposOplInp input::-webkit-input-placeholder {
    color: #fff;
}

.gopay-yLOSposOplInp input:-ms-input-placeholder {
    color: #fff;
}

.gopay-yLOSposOplInp input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.gopay-yLOSposOplInp input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.gopay-yLOSposOplInp input:focus::-webkit-input-placeholder {
    color: #3a3a39;
}

.gopay-yLOSposOplInp input:focus:-ms-input-placeholder {
    color: #3a3a39;
}

.gopay-yLOSposOplInp input:focus::-moz-placeholder {
    color: #3a3a39;
    opacity: 1;
}

.gopay-yLOSposOplInp input:focus:-moz-placeholder {
    color: #3a3a39;
    opacity: 1;
}

.gopay-yLOSposOplInpIco {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    -moz-transform: rotate(135deg); /* Для Firefox */
    -ms-transform: rotate(135deg); /* Для IE */
    -webkit-transform: rotate(135deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(135deg); /* Для Opera */
    transform: rotate(135deg);
}

.gopay-yLOSposOplInpOk .gopay-yLOSposOplInpIco {
    transform: rotate(315deg);
    margin-top: -4px;
}

.gopay-yLOSposOplInpAC {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    margin-top: 3px;
    border: 1px solid #2980BA;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    width: 100%;
}

.gopay-yLOSposOplInpACOpen .gopay-yLOSposOplInpAC {
    display: block;
}

.gopay-yLOSposOplInpAC > div {
    cursor: pointer;
}

.gopay-yLOSposOplInpACShadow {
    display: none;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.gopay-yLOSposOplInpACOpen .gopay-yLOSposOplInpACShadow {
    display: block;
}

.gopay-yLOSposOplRes > div {
    margin-top: 8px;
    border: 1px solid #ddd;
    padding: 5px 15px;
    border-radius: 888px;
    color: #6E6E6E;
}

.gopay-yLOSposOplRes > div:last-child {
    margin-bottom: 20px;
}

.gopay-yLOSposOplRes input {
    width: 100%;
    border: 0;
}

.gopay-infoBox {
    height: 100%;
    display: flex;
    align-items: center;
}

.gopay-info {
    width: 100%;
    box-shadow: 0 0 40px rgba(41, 128, 186, 0.4784313725);
    padding: 15px 30px;
    border-radius: 23px;
    color: #fff;
    background-color: #2980BA;
}

.gopay-infoHeader {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.gopay-infoHeader > div:first-child {
    float: left;
    margin-right: 5px;
}

.gopay-infoHeader > div:last-child {
    float: right;
}

.gopay-infoHeader:after {
    content: "";
    display: block;
    clear: both;
}

.gopay-infoRow {
    margin-bottom: 15px;
}

.gopay-infoRow > div:first-child {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

.gopay-infoRow > div:last-child {
    float: right;
}

.gopay-infoRow:after {
    content: "";
    display: block;
    clear: both;
}

.gopay-infoStchetBtnBox {
    text-align: center;
    margin-bottom: 17px;
    margin-top: 20px;
}

.gopay-infoStchetBtn {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    background: #fff url("/local/templates/vibromash/images/infoStchetBtn.png") 30px 50% no-repeat;
    padding: 12px 32px 9px 64px;
    border-radius: 888px;
    color: #46403d;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.gopay-infoStchetBtn:hover {
    color: #46403d;
}

.gopay-infoStchetBtn:before {
    content: "";
    position: absolute;
    left: -107px;
    top: -35px;
    bottom: -35px;
    width: 107px;
    transform: rotate(17deg);
    background: transparent;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, 0.53) 50%, rgba(255, 255, 255, 0) 83%);
    animation: gopay-infoStchetBtnAnimateFns 3s 1 ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-delay: 1.7s;
}

@keyframes gopay-infoStchetBtnAnimateFns {
    26%, 100% {
        left: 100%;
    }
}
.gopay-infoStchetBtnOk {
    background-color: #66CC66;
    background-color: linear-gradient(90deg, rgb(255, 168, 1) 0%, #66CC66 100%);
}

.gopay-infoFooter {
    text-align: center;
    font-size: 11px;
}

.gopay-infoFooter a {
    color: #fff;
    text-decoration: underline;
}

.fancybox-content .gopay-submitBtnBox {
    margin-top: 40px;
}

.gopay-submitBtnCols {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .gopay-submitBtnCols {
        display: block;
        text-align: center;
    }
}
.fancybox-content .gopay-submitBtnCols {
    display: block;
    text-align: center;
}

.gopay-submitBtnCols > div {
    flex-grow: 1;
}

.gopay-submitBtnCols > div:last-child {
    text-align: right;
}

@media (max-width: 991px) {
    .gopay-submitBtnCols > div:last-child {
        margin-top: 25px;
        text-align: center;
    }
}
.fancybox-content .gopay-submitBtnCols > div:last-child {
    margin-top: 25px;
    text-align: center;
}

.gopay-submitBtn {
    display: inline-block;
    color: #2980BA;
    font-size: 19px;
    position: relative;
    line-height: 20px;
    padding: 12.5px 53px 12.5px 0;
    cursor: pointer;
    text-align: left;
}

.gopay-submitBtnLock {
    color: #2980BA;
}

.gopay-submitBtnT1 {
    display: none;
}

.gopay-formBuyAsYourLitsoBtn .gopay-submitBtnT2 {
    display: none;
}

.gopay-formBuyAsYourLitsoBtn .gopay-submitBtnT1 {
    display: block;
}

@-moz-keyframes gopay-submitBtnPreloaderSpin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes gopay-submitBtnPreloaderSpin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes gopay-submitBtnPreloaderSpin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.gopay-submitBtn:before {
    display: none;
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-color: transparent #2980BA #2980BA #2980BA;
    border-radius: 100%;
    -webkit-animation: gopay-submitBtnPreloaderSpin 0.8s linear infinite;
    -moz-animation: gopay-submitBtnPreloaderSpin 0.8s linear infinite;
    animation: gopay-submitBtnPreloaderSpin 0.8s linear infinite;
}

.gopay-submitBtnPreloader.gopay-submitBtn:before {
    display: block;
}

.gopay-submitBtnIcon {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 50%;
    margin-top: -22.5px;
    right: 0;
    border: 1px solid #2980BA;
    border-radius: 50%;
}

.gopay-submitBtnLock .gopay-submitBtnIcon {
    border: 1px solid #2980BA;
}

.gopay-submitBtnIcon:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #2980BA;
    border-right: 2px solid #2980BA;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -11px;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}

.gopay-submitBtnLock .gopay-submitBtnIcon:before {
    border-top: 2px solid #2980BA;
    border-right: 2px solid #2980BA;
}

.gopay-backBtn,
.gopay-backBtn:hover {
    display: inline-block;
    color: #2980BA;
    font-size: 19px;
    padding-left: 53px;
    position: relative;
    line-height: 45px;
    cursor: pointer;
}

.gopay-backBtnIcon {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 50%;
    margin-top: -22.5px;
    left: 0;
    border: 1px solid #2980BA;
    border-radius: 50%;
}

.gopay-backBtnIcon:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #2980BA;
    border-right: 2px solid #2980BA;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -4px;
    -moz-transform: rotate(225deg); /* Для Firefox */
    -ms-transform: rotate(225deg); /* Для IE */
    -webkit-transform: rotate(225deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(225deg); /* Для Opera */
    transform: rotate(225deg);
}

.gopay-buyAsFizLitsoBtn,
.gopay-buyAsFizLitsoBtn:hover {
    display: inline-block;
    color: #3A3A39;
    font-size: 17px;
    cursor: pointer;
    border: 1px solid #3A3A39;
    padding: 3px 15px;
    border-radius: 888px;
}

.gopay-buyAsFizLitsoBtnT2 {
    display: none;
}

.gopay-formBuyAsYourLitsoBtn .gopay-buyAsFizLitsoBtnT1 {
    display: none;
}

.gopay-formBuyAsYourLitsoBtn .gopay-buyAsFizLitsoBtnT2 {
    display: block;
}

.js-gopay-infoStiomDostVal a {
    color: #ffffff;
    text-decoration: underline;
}

.js-gopay-infoStiomDostVal a:hover {
    text-decoration: none;
    color: #FFA800;
}

h1 {
    display: none;
}

.gopay-cheBox {
    padding: 0 15px;
    margin: 107px 0;
}

.gopay-cheCols {
    display: flex;
    justify-content: space-between;
    margin: 44px 0px 80px;
    min-height: 350px;
}

@media (max-width: 767px) {
    .gopay-cheCols {
        flex-direction: column;
    }
}
.gopay-cheCols > div {
    padding: 0 15px;
    flex-basis: 44%;
}

@media (max-width: 991px) {
    .gopay-cheCols > div {
        flex-basis: 49%;
    }
}
@media (max-width: 767px) {
    .gopay-cheCols > div {
        flex-basis: auto;
    }
}
.gopay-chePZ {
    height: 100%;
    display: flex;
    align-items: center;
}

.gopay-chePZ > div {
    flex-basis: 100%;
}

.gopay-chePZT {
    color: #3a3a39;
    font-size: 26px;
    font-weight: bold;
}

.gopay-chePZRow {
    margin-top: 15px;
}

.gopay-chePZRowT {
    color: #3a3a39;
    font-size: 21px;
    font-weight: bold;
}

.gopay-chePZRowV {
    color: #46403d;
    font-size: 21px;
    line-height: 23px;
    padding: 8px 35px 8px 11px;
    border: 2px solid #3a3a39;
    position: relative;
    border-radius: 12px;
    cursor: pointer;
}

.gopay-chePZRowV:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 2px solid #3a3a39;
    border-right: 2px solid #3a3a39;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    -moz-transform: rotate(135deg); /* Для Firefox */
    -ms-transform: rotate(135deg); /* Для IE */
    -webkit-transform: rotate(135deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(135deg); /* Для Opera */
    transform: rotate(135deg);
}

@media (max-width: 767px) {
    .gopay-cheCol2 {
        margin-top: 44px;
    }
}
#gopay-posmotretZakaz table tbody tr td b {
    display: none;
}

@media (max-width: 575px) {
    #gopay-posmotretZakaz table {
        display: block;
    }
    #gopay-posmotretZakaz table thead {
        display: none;
    }
    #gopay-posmotretZakaz table tbody {
        display: block;
    }
    #gopay-posmotretZakaz table tbody tr {
        display: block;
        padding: 10px 0;
        border: 0;
        border-bottom: 1px solid #ccc;
    }
    #gopay-posmotretZakaz table tbody tr:last-child {
        border-bottom: 0;
    }
    #gopay-posmotretZakaz table tbody tr td {
        display: block;
        padding: 5px 0;
    }
    #gopay-posmotretZakaz table tbody tr td b {
        display: inline-block;
    }
}
h1 {
    display: none;
}

.gopay-yLOColsBox {
    padding: 0 15px;
}

.gopay-yLOCols {
    display: flex;
    justify-content: space-between;
    margin: 44px -30px 80px;
    min-height: 350px;
}

@media (max-width: 767px) {
    .gopay-yLOCols {
        flex-wrap: wrap;
    }
}
.gopay-yLOCols > div {
    padding: 0 15px;
    flex-basis: 44%;
}

@media (max-width: 991px) {
    .gopay-yLOCols > div {
        flex-basis: 48%;
    }
}
@media (max-width: 767px) {
    .gopay-yLOCols > div {
        flex-basis: 100%;
        margin-bottom: 30px;
    }
}
.gopay-yLOSposOpl {
    height: 100%;
    display: flex;
    align-items: center;
}

.gopay-yLOSposOpl > div {
    flex-basis: 100%;
}

.gopay-yLOSposOplT {
    color: #3b3b3a;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 8px;
}

.btn-bp {
    background-color: #2980BA;
    border-radius: 10px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: lowercase;
    font-size: 18px;
    font-weight: 700;
}
.btn-bp span {
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.btn-bp svg {
    width: 100%;
    height: auto;
    max-width: 40%;
}
.btn-bp .t {
    width: 90px;
}
.btn-bp:hover {
    color: #66CC66;
}

#gopay-posmotretZakaz table {
    border-spacing: 0;
}
#gopay-posmotretZakaz table td,
#gopay-posmotretZakaz table th {
    padding: 6px 10px;
    border-bottom: 1px solid #dee2e6;
}
#gopay-posmotretZakaz .table-bordered > :not(caption) > * {
    border-width: 1px 0;
}

.ymaps-2-1-79-ground-pane {
    filter: grayscale(1);
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
}

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

.news__details .news__details__img {
    max-height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.news__details .news__details__img img {
    object-fit: cover;
    object-position: center;
}
.news__details .news__details__content {
    margin-top: 10px;
}
.news__details .news__details-title {
    font-size: 24px;
    line-height: 2;
    border-bottom: 2px solid #66CC66;
    width: fit-content;
}
.news__details .news__details-description {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.4;
}
.news__details .news__details-description .news__details-td li {
    list-style: inside;
}
.news__details .news__details-description .news__details-td ul {
    margin-left: 20px;
}
.section.brands .container{
    margin-bottom: 30px;
}