@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: 0
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
    visibility: visible
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable,
    .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 100px
    }
    .choices__list--dropdown .choices__item--selectable:after,
    .choices__list[aria-expanded] .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable,
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after,
    [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus,
.choices__input:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, .4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, .9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color)
}

.pswp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    outline: 0;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary)
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

div.pswp__img--placeholder,
.pswp__img--with-bg {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none !important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0px
}

.pswp__button--arrow--next {
    right: 0px
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Gilroy Regular"), url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff")
}

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

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Gilroy Semibold"), url(../fonts/Gilroy-Semibold.woff2) format("woff2"), url(../fonts/Gilroy-Semibold.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Gilroy Bold"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Gilroy Black"), url(../fonts/Gilroy-Black.woff2) format("woff2"), url(../fonts/Gilroy-Black.woff) format("woff")
}

:root {
    --font: "Gilroy", sans-serif;
	--mainColor:#030304;
    --bg-color: #161217;
    --font-color: #fff;
    --blue: #0099DB;
    --blue-hover: #66C2E9;
    --red: #FF2713;
    --deep-red: #B40F00;
    --green: #FECC16;
    --purple: #7C509A;
    --yellow: #FECC16;
    --black: #000;
    --white: #fff;
    --grey: #ccc;
    --grey-hover: #B8BBC1;
    --grey-active: #797F89;
    --grey-focus: #797F89;
    --grey-disabled: #eaebef
}

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

html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth
}

::selection {
    background: var(--green);
    color: var(--white)
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
    font-family: var(--font);
    font-weight: 500;
    color: var(--font-color);
    background: #030304;
    backface-visibility: hidden
}

@media (min-width: 768px) {
    body {
        font-size: 16px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    margin: 0
}

a {
    text-decoration: none;
    color: var(--green)
}

a:hover,
a:active {
    color: var(--yellow);
    text-decoration: none
}

a:focus-visible {
    color: var(--yellow);
    outline: none;
    text-decoration: none
}

p {
    margin: 0 0 .8rem
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media (min-width: 576px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container--fluid {
    max-width: 100%
}

.main {
    flex: 1;
    padding-top: 85px
}

@media (min-width: 768px) {
    .main {
        padding-top: 170px
    }
}

.main--center {
    display: flex;
    align-items: center;
    width: 100%
}

.main--flex {
    display: flex
}

.section-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2
}

@media (min-width: 768px) {
    .section-title {
        font-size: 35px
    }
}

.page-title {
    margin: 0;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.05;
    color: var(--white);
    text-align: center
}

@media (min-width: 768px) {
    .page-title {
        font-size: 35px
    }
}

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

.phone {
    display: inline-flex;
    align-items: center;
    gap: 15px
}

@media (min-width: 768px) {
    .phone__icon {
        width: 20px;
        height: 20px
    }
}

.phone__link {
    color: var(--green);
    font-weight: 700
}

.price {
    line-height: 1.2
}

.price__old {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c
}

@media (min-width: 992px) {
    .price__old {
        display: inline;
        margin-right: 16px;
        font-size: 16px
    }
}

.price__new {
    display: block;
    font-size: 18px;
    font-weight: 500
}

@media (min-width: 992px) {
    .price__new {
        display: inline;
        font-size: 24px
    }
}

.scroll-disabled {
    overflow-y: hidden
}

.back-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #282828;
    border: 1px solid #333;
    border-radius: 4px;
    transition: border-color .5s ease;
    color: var(--white)
}

@media (min-width: 768px) {
    .back-button:hover,
    .back-button:active,
    .back-button:focus-visible {
        border-color: var(--yellow)
    }
}

.animation-fade,
.animation-left,
.animation-right,
.animation-down,
.animation-up {
    opacity: 0
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent
}

.iti {
    display: block
}

.iti__flag-container {
    padding: 1px 0 1px 1px
}

.iti--separate-dial-code .iti__selected-flag {
    background: none !important;
    font-size: 12px;
    font-weight: 400;
    outline: none;
    padding: 0 8px 0 20px;
    color: #fff;
    border-right: 1px solid #494949
}

.iti__country-list {
    color: #000
}

.iti__arrow {
    border-top-color: #fff
}

.iti__arrow--up {
    border-bottom-color: #fff
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    overflow: visible;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.preloader__img {
    position: relative;
    z-index: 10;
    display: none
}

.burger {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 26px;
    height: 35px;
    line-height: 1;
    gap: 8px;
    color: var(--black);
    transition: color .5s ease
}

.burger:hover .burger__line,
.burger:active .burger__line,
.burger:focus-visible .burger__line {
    background: var(--black)
}

.burger.is-active .burger__line:nth-child(1) {
    transform: rotate(45deg) translate(7px, 7px)
}

.burger.is-active .burger__line:nth-child(2) {
    opacity: 0
}

.burger.is-active .burger__line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px)
}

.burger__line {
    width: 26px;
    height: 2px;
    background: var(--black);
    transition: all .5s ease
}

.burger__line:nth-child(2) {
    width: 18px
}

.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: center;
    width: auto;
    height: 35px;
    margin: 0;
    border: none;
    padding: 5px 12px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 1px;
    border-radius: 4px;
    background: var(--yellow);
    color: var(--white);
    box-shadow: none;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .button {
        height: 55px;
        padding: 5px 20px;
        font-size: 16px
    }
}

.button__icon {
    margin-left: auto
}

.button:hover,
.button:active {
    outline: none;
    background: var(--green);
    color: var(--white)
}

.button:focus-visible {
    outline: none;
    background: var(--green);
    color: var(--white)
}

.button:disabled {
    background: var(--grey-disabled) !important;
    border-color: var(--grey-disabled) !important;
    color: var(--grey) !important;
    cursor: not-allowed
}

.button--green {
    background: var(--green)
}

.button--green:hover,
.button--green:active,
.button--green:focus-visible {
    background: var(--yellow)
}

.button--outline {
    background: none;
    border: 1px solid var(--yellow)
}

.button--outline:hover,
.button--outline:active,
.button--outline:focus-visible {
    background: var(--yellow)
}

.app-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    background: #000;
    border: 1px solid #A6A6A6;
    border-radius: 4px;
    transition: all .5s ease;
    padding: 2px 8px
}

@media (min-width: 992px) {
    .app-button {
        height: 42px;
        padding: 5px 10px
    }
}

.app-button:hover,
.app-button:active,
.app-button:focus-visible {
    opacity: .6
}

.app-button__icon {
    max-width: 100%;
    height: auto
}

@media (min-width: 992px) {
    .app-button__icon {
        height: 100%;
        width: auto
    }
}

.remove-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 23px;
    height: 23px;
    margin: 0;
    border: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    border-radius: 0;
    background: none;
    color: #7a787b;
    box-shadow: none;
    transition: all .5s ease
}

.remove-button:hover,
.remove-button:active,
.remove-button:focus-visible {
    outline: none;
    color: var(--white)
}

.up-button {
    position: absolute;
    top: -21px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background: var(--red);
    color: var(--white);
    transition: all .5s ease;
    cursor: pointer
}

.up-button:hover,
.up-button:active,
.up-button:focus-visible {
    background: var(--yellow);
    color: var(--white)
}

@media (min-width: 768px) {
    .up-button:hover,
    .up-button:active,
    .up-button:focus-visible {
        background: var(--yellow);
        color: var(--white)
    }
}

.slider-nav {
    display: flex;
    gap: 15px
}

.slider-nav__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    min-width: 35px;
    color: gray;
    transition: color .5s ease
}

.slider-nav__button:hover {
    color: var(--black)
}

.slider-nav__button:active,
.slider-nav__button:focus-visible {
    color: var(--brown)
}

.swiper {
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bottom: 0;
    --swiper-scrollbar-sides-offset: 15px;
    --swiper-scrollbar-bottom: 0;
    --swiper-scrollbar-size: 9px;
    --swiper-scrollbar-border-radius: 0;
    --swiper-scrollbar-bg-color: linear-gradient(to right, #D9D9D9, transparent);
    --swiper-scrollbar-drag-bg-color: var(--green)
}

.swiper-wrapper {
    box-sizing: border-box !important
}

.swiper-slide {
    height: auto
}

.swiper-pagination-fraction {
    left: 50%;
    bottom: 20px;
    margin-left: -57px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    width: 114px;
    height: 52px;
    border-radius: 10px;
    background: var(--white);
    color: var(--grey);
    font-size: 24px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .swiper-pagination-fraction {
        width: 80px;
        height: 30px;
        margin-left: -40px;
        font-size: 18px
    }
}

.swiper-pagination-fraction .swiper-pagination-current {
    color: var(--black)
}

.swiper-button-next,
.swiper-button-prev {
    right: 10px;
    width: 40px;
    height: 40px;
    background: none;
    transition: all .5s ease
}

.swiper-button-next:after,
.swiper-button-prev:after {
    width: 100%;
    height: 100%;
    font-size: 0;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1714 14.2871L3.70189 25.4664C2.90867 26.1779 1.62261 26.1779 0.829778 25.4664C0.036884 24.7555 0.036884 23.6025 0.829778 22.8917L11.8634 12.9998L0.830099 3.10824C0.0372046 2.39708 0.0372046 1.24424 0.830099 0.533367C1.62299 -0.177789 2.90899 -0.177789 3.70221 0.533367L16.1718 11.7128C16.5682 12.0684 16.7662 12.534 16.7662 12.9998C16.7662 13.4658 16.5678 13.9317 16.1714 14.2871Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease
}

@media (max-width: 767.98px) {
    .swiper-button-next:after,
    .swiper-button-prev:after {
        background-size: 13px
    }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1714 14.2871L3.70189 25.4664C2.90867 26.1779 1.62261 26.1779 0.829778 25.4664C0.036884 24.7555 0.036884 23.6025 0.829778 22.8917L11.8634 12.9998L0.830099 3.10824C0.0372046 2.39708 0.0372046 1.24424 0.830099 0.533367C1.62299 -0.177789 2.90899 -0.177789 3.70221 0.533367L16.1718 11.7128C16.5682 12.0684 16.7662 12.534 16.7662 12.9998C16.7662 13.4658 16.5678 13.9317 16.1714 14.2871Z' fill='%23009640'/%3E%3C/svg%3E%0A")
}

.swiper-button-next--blue,
.swiper-button-prev--blue {
    width: 75px;
    height: 75px;
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7616 9.89109L3.02191 17.6306C2.52957 18.1231 1.73132 18.1231 1.23922 17.6306C0.747082 17.1384 0.747082 16.3402 1.23922 15.8481L8.08769 8.99987L1.23942 2.15186C0.747281 1.65952 0.747281 0.861395 1.23942 0.369254C1.73156 -0.123085 2.52977 -0.123085 3.02211 0.369254L10.7618 8.10885C11.0079 8.35504 11.1308 8.67735 11.1308 8.99983C11.1308 9.32247 11.0077 9.64502 10.7616 9.89109Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--blue);
    margin-top: -47px
}

.swiper-button-next--blue:hover,
.swiper-button-prev--blue:hover {
    background-color: var(--green)
}

.swiper-button-next--blue:after,
.swiper-button-prev--blue:after {
    display: none
}

.swiper-button-prev {
    left: 10px;
    right: auto
}

.swiper-button-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.82855 14.2871L13.2981 25.4664C14.0913 26.1779 15.3774 26.1779 16.1702 25.4664C16.9631 24.7555 16.9631 23.6025 16.1702 22.8917L5.13658 12.9998L16.1699 3.10824C16.9628 2.39708 16.9628 1.24424 16.1699 0.533367C15.377 -0.177789 14.091 -0.177789 13.2978 0.533367L0.828229 11.7128C0.431782 12.0684 0.233784 12.534 0.233784 12.9998C0.233784 13.4658 0.432167 13.9317 0.82855 14.2871Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width: 767.98px) {
    .swiper-button-prev:after {
        background-size: 13px
    }
}

.swiper-button-prev:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.82855 14.2871L13.2981 25.4664C14.0913 26.1779 15.3774 26.1779 16.1702 25.4664C16.9631 24.7555 16.9631 23.6025 16.1702 22.8917L5.13658 12.9998L16.1699 3.10824C16.9628 2.39708 16.9628 1.24424 16.1699 0.533367C15.377 -0.177789 14.091 -0.177789 13.2978 0.533367L0.828229 11.7128C0.431782 12.0684 0.233784 12.534 0.233784 12.9998C0.233784 13.4658 0.432167 13.9317 0.82855 14.2871Z' fill='%23009640'/%3E%3C/svg%3E%0A")
}

.swiper-button-prev--blue {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23836 9.89109L8.97809 17.6306C9.47043 18.1231 10.2687 18.1231 10.7608 17.6306C11.2529 17.1384 11.2529 16.3402 10.7608 15.8481L3.91231 8.99987L10.7606 2.15186C11.2527 1.65952 11.2527 0.861395 10.7606 0.369254C10.2684 -0.123085 9.47023 -0.123085 8.97789 0.369254L1.23816 8.10885C0.99209 8.35504 0.869194 8.67735 0.869194 8.99983C0.869194 9.32247 0.992329 9.64502 1.23836 9.89109Z' fill='white'/%3E%3C/svg%3E%0A")
}

.swiper-pagination {
    line-height: 1;
    font-size: 0;
    z-index: 1;
    --swiper-pagination-bullet-horizontal-gap: 3px
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    transition: all .5s ease;
    border: 1px solid var(--yellow);
    opacity: 1
}

.swiper-pagination-bullet-active {
    background: var(--yellow)
}

.checkbox {
    padding: 0;
    margin: 0;
    line-height: 1
}

.checkbox__label {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: var(--black);
    margin: 0;
    padding-left: 28px;
    cursor: pointer;
    user-select: none;
    transition: all .5s ease
}

.checkbox__label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--black);
    background: none;
    border-radius: 50%;
    transition: all .5s ease;
    content: ""
}

.checkbox__label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: var(--black);
    border-radius: 50%;
    transition: all .25s ease;
    content: ""
}

.checkbox__label:hover,
.checkbox__label:active {
    color: var(--brown)
}

.checkbox__input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.checkbox__input:checked+.checkbox__label:before {
    background: none
}

.checkbox__input:checked+.checkbox__label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox__input:not(:checked)+.checkbox__label:after {
    opacity: 0;
    transform: scale(0)
}

.checkbox__input:not(:disabled):not(:checked)+.checkbox__label:hover:before {
    border-color: var(--brown)
}

.checkbox__input:not(:disabled):active+.checkbox__label:before {
    border-color: var(--brown)
}

.checkbox__input:focus-visible+.checkbox__label:before {
    border-color: var(--brown)
}

.checkbox__input:focus-visible:not(:checked)+.checkbox__label:before {
    border-color: var(--brown)
}

.checkbox__input:disabled:not(:checked)+.checkbox__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled)
}

.checkbox__input:disabled:checked+.checkbox__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled);
    background: var(--grey-disabled)
}

.checkbox__input:disabled+.checkbox__label {
    color: var(--grey-disabled)
}

.radio {
    padding: 0;
    margin: 0;
    line-height: 1
}

.radio__label {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: var(--white);
    margin: 0;
    padding: 0 0 0 32px;
    cursor: pointer;
    user-select: none;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .radio__label {
        font-size: 14px
    }
}

.radio__label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #494949;
    background: #221E23;
    border-radius: 50%;
    transition: all .2s ease;
    content: ""
}

.radio__label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: var(--green);
    border-radius: 50%;
    transition: all .2s ease;
    content: ""
}

@media (min-width: 768px) {
    .radio__label:hover,
    .radio__label:active {
        color: var(--yellow)
    }
}

.radio__label span {
    display: block;
    color: #9c9c9c;
    font-size: 12px
}

.radio__label a {
    color: #9c9c9c;
    text-decoration: underline;
    transition: color .5s ease
}

.radio__label a:hover,
.radio__label a:active,
.radio__label a:focus-visible {
    color: #9c9c9c
}

@media (min-width: 768px) {
    .radio__label a:hover,
    .radio__label a:active,
    .radio__label a:focus-visible {
        color: var(--yellow)
    }
}

.radio__input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.radio__input:checked+.radio__label:before {
    border-color: #494949
}

.radio__input:checked+.radio__label:after {
    opacity: 1;
    transform: scale(1)
}

.radio__input:not(:checked)+.radio__label:after {
    opacity: 0;
    transform: scale(0)
}

.radio__input:not(:disabled):active+.radio__label:before {
    background: var(--light-green)
}

.radio__input:focus-visible+.radio__label:before {
    border-color: var(--green)
}

.radio__input:focus-visible:not(:checked)+.radio__label:before {
    border-color: var(--green)
}

.radio__input:disabled:not(:checked)+.radio__label:before {
    box-shadow: none;
    border-color: #494949
}

.radio__input:disabled:checked+.radio__label:before {
    box-shadow: none;
    border-color: #494949;
    background: #221E23
}

.radio__input:disabled+.radio__label {
    color: #494949
}

.input {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: #221E23;
    border: 1px solid #494949;
    padding: 5px 20px;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.2;
    color: var(--white);
    font-weight: 400;
    letter-spacing: 1px;
    outline: none;
    appearance: none;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .input {
        font-size: 14px
    }
}

.input:hover,
.input:focus {
    border-color: var(--yellow)
}

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

.input:read-only {
    color: var(--grey)
}

.input:read-only:hover,
.input:read-only:focus {
    border-color: var(--yellow)
}

.input::-webkit-contacts-auto-fill-button,
.input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

.choices {
    margin-bottom: 0
}

.choices[data-type*=select-one]:after {
    border: none;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    right: 15px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7941 0.366239C16.9894 0.561501 16.9894 0.878083 16.7941 1.07335L9.78136 8.08608C9.19557 8.67186 8.24583 8.67186 7.66004 8.08608L0.647311 1.07334C0.452049 0.878082 0.452049 0.5615 0.647311 0.366238C0.842573 0.170976 1.15916 0.170976 1.35442 0.366238L8.36715 7.37897C8.56241 7.57423 8.87899 7.57423 9.07426 7.37897L16.087 0.366239C16.2822 0.170976 16.5988 0.170977 16.7941 0.366239Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat center center;
    transition: all .5s ease
}

.choices[data-type*=select-one].is-open:after {
    margin-top: -10px;
    transform: rotateX(180deg)
}

.choices__placeholder {
    display: none;
    color: var(--grey);
    opacity: 1
}

.choices__inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: #221E23;
    border: 1px solid #494949;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.2;
    color: var(--white);
    padding: 5px 45px 5px 20px !important;
    font-weight: 400;
    outline: none;
    appearance: none;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .choices__inner {
        font-size: 14px
    }
}

.choices__inner:hover {
    border-color: var(--yellow)
}

.choices__inner:focus-visible {
    border-color: var(--yellow)
}

.choices__inner:has(>select.just-validate-error-field) {
    border-color: var(--deep-red)
}

.choices.is-open .choices__inner {
    border-radius: 4px;
    border-color: var(--yellow)
}

.choices.is-focused .choices__inner {
    border-color: var(--yellow)
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    box-shadow: 0 10px 15px #ffffff0d;
    border-radius: 4px;
    margin-top: 0;
    background: #221E23;
    border: 1px solid #494949
}

.choices__list--dropdown.is-active,
.choices__list[aria-expanded].is-active {
    z-index: 100
}

.choices__list--single {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.choices__list--single .choices__item {
    display: inline
}

.choices__list--multiple {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px
}

.choices__list--multiple .choices__item {
    margin: 0;
    border-color: var(--green);
    background: var(--green);
    font-size: 10px;
    font-weight: 400;
    line-height: 1
}

.choices[data-type*=select-multiple] .choices__button {
    background-repeat: no-repeat;
    background-position: center center;
    border-left-color: var(--light-green)
}

.choices__item--disabled {
    text-indent: -9999px;
    height: 0;
    width: 0;
    padding: 0 !important
}

.choices__input {
    background: var(--white);
    margin: 0
}

.choices__input::placeholder {
    color: var(--grey);
    font-weight: 400
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    border-radius: 10px;
    margin-bottom: 0
}

.choices__list--dropdown .choices__item--selectable:after,
.choices__list[aria-expanded] .choices__item--selectable:after {
    display: none
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 400;
    transition: all .5s ease
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: var(--yellow);
    color: var(--black)
}

.input-file {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    width: 100%;
    box-shadow: none;
    line-height: 1.2;
    color: var(--white);
    outline: none;
    appearance: none
}

.input-file__button {
    min-width: 205px;
    height: 35px;
    font-size: 12px
}

.input-file__button:hover .input-file__icon,
.input-file__button:active .input-file__icon,
.input-file__button:focus-visible .input-file__icon {
    color: var(--white)
}

@media (max-width: 767.98px) {
    .input-file__button:hover,
    .input-file__button:active,
    .input-file__button:focus-visible {
        background: none;
        border-color: var(--yellow);
        color: var(--white)
    }
}

.input-file__icon {
    color: var(--yellow);
    min-width: 11px
}

.input-file__text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6
}

.input-file__field {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0
}

.textarea {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    background: #221E23;
    border: 1px solid #494949;
    padding: 17px 20px;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.2;
    color: var(--white);
    font-weight: 400;
    outline: none;
    appearance: none;
    transition: all .5s ease;
    resize: vertical
}

@media (min-width: 768px) {
    .textarea {
        font-size: 14px
    }
}

.textarea:hover,
.textarea:focus {
    border-color: var(--yellow)
}

.textarea::placeholder {
    color: var(--grey);
    font-weight: 400
}

.textarea:read-only {
    color: var(--grey)
}

.textarea:read-only:hover,
.textarea:read-only:focus {
    border-color: var(--grey)
}

.textarea::-webkit-contacts-auto-fill-button,
.textarea::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

.tabs {
    position: relative
}

.tabs__nav {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

@media (max-width: 767.98px) {
    .tabs__nav {
        border: 1px solid #494949;
        background: #221E23;
        border-radius: 4px;
        margin: 0 0 20px
    }
}

.tabs__nav.is-visible {
    display: block
}

.tabs__nav-item {
    position: relative;
    width: 100%;
    text-align: center
}

.tabs__nav-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    border: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    padding: 2px 5px;
    border-radius: 3px;
    color: var(--mainColor);
    background: none;
    box-shadow: none;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .tabs__nav-btn {
        display: inline-flex;
        width: auto;
        color: var(--mainColor);
        background: var(--green);
        padding: 5px 30px;
        border-radius: 4px 4px 0 0
    }
}

.tabs__nav-btn:hover,
.tabs__nav-btn:active,
.tabs__nav-btn:focus-visible {
    outline: none;
    color: var(--white)
}

.tabs__nav-btn.is-active {
    color: var(--white);
    background: var(--green)
}

@media (min-width: 768px) {
    .tabs-content {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        border: 1px solid #494949;
        background: #221E23;
        border-radius: 4px
    }
}

.tabs-panel {
    border: 1px solid var(--green);
    border-radius: 4px;
    padding: 12px 15px
}

@media (min-width: 768px) {
    .tabs-panel {
        grid-column: 4 span;
        border: none;
        border-radius: 0;
        border-right: 1px solid #494949;
        padding: 20px 25px
    }
    .tabs-panel:last-child {
        border-right: none
    }
}

.tabs-panel a {
    text-decoration: underline
}

.tabs-panel p:last-child {
    margin-bottom: 0
}

.breadcrumbs__list {
    padding-left: 0;
    list-style: none;
    margin: 0;
    font-size: 0
}

.breadcrumbs__item {
    line-height: 1.2;
    position: relative;
    color: #9c9c9c;
    display: inline;
    font-weight: 400;
    font-size: 12px
}

@media (min-width: 768px) {
    .breadcrumbs__item {
        font-size: 18px
    }
}

.breadcrumbs__item:after {
    margin: 0 4px;
    content: "/"
}

.breadcrumbs__item:last-child {
    margin-right: 0
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__link {
    position: relative;
    color: #9c9c9c;
    text-decoration: none;
    display: inline;
    transition: all .5s ease
}

.breadcrumbs__link:hover,
.breadcrumbs__link:active,
.breadcrumbs__link:focus-visible {
    color: #9c9c9c
}

@media (min-width: 768px) {
    .breadcrumbs__link:hover,
    .breadcrumbs__link:active,
    .breadcrumbs__link:focus-visible {
        color: var(--yellow)
    }
}

.pagenav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-left: 0;
    list-style: none;
    margin: 0
}

.pagenav__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 70px;
    line-height: 1;
    color: var(--grey);
    font-size: 22px;
    font-weight: 900;
    text-align: center
}

@media (max-width: 767.98px) {
    .pagenav__item {
        height: 40px
    }
}

.pagenav__item.is-active .pagenav__link {
    background: var(--blue);
    border-color: var(--blue);
    color: #fff
}

.pagenav__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #E6E6E6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 900;
    color: var(--black);
    line-height: 1;
    transition: all .5s ease
}

@media (max-width: 767.98px) {
    .pagenav__link {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
}

.pagenav__link:hover,
.pagenav__link:active {
    border-color: var(--blue);
    color: var(--blue)
}

.pagenav__link:focus-visible {
    border-color: var(--blue);
    color: var(--blue)
}

.pagenav__arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #E6E6E6;
    transition: all .5s ease;
    color: var(--blue)
}

@media (max-width: 767.98px) {
    .pagenav__arrow {
        width: 40px;
        height: 40px
    }
}

.pagenav__arrow:hover,
.pagenav__arrow:active {
    border-color: var(--blue);
    color: var(--blue)
}

.pagenav__arrow:focus-visible {
    border-color: var(--blue);
    color: var(--blue)
}

.quantity {
    position: relative;
    width: 120px;
    min-width: 120px;
    height: 35px;
    display: flex;
    justify-content: space-between
}

.quantity__input {
    border-radius: 0;
    background: none;
    border: 0;
    font-size: 16px;
    line-height: 1.2;
    color: var(--white);
    padding: 0;
    height: 100%;
    width: 100%;
    font-weight: 500;
    transition: all .5s ease;
    box-shadow: none;
    outline: none;
    appearance: none;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

@media (min-width: 992px) {
    .quantity__input {
        font-size: 24px
    }
}

.quantity__input::-webkit-inner-spin-button,
.quantity__input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.quantity__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 100%;
    min-width: 35px;
    outline: none;
    padding: 0;
    margin: 0;
    color: var(--green);
    background: #282828;
    border: 1px solid var(--green);
    border-radius: 4px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    transition: all .5s ease
}

.quantity__button:hover,
.quantity__button:active,
.quantity__button:focus-visible {
    outline: none;
    color: var(--yellow);
    border-color: var(--yellow)
}

.alert {
    position: fixed;
    top: 20%;
    right: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    height: 35px;
    border-radius: 4px 0 0 4px;
    background: var(--green);
    font-size: 12px;
    line-height: 1;
    transform: translate(100%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    z-index: 2;
    cursor: pointer
}

.alert.is-visible {
    transform: translate(0);
    opacity: 1;
    visibility: visible
}

.alert--red {
    background: var(--deep-red)
}

.logo {
    font-size: 0;
    line-height: 1
}

.logo__link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color .5s ease
}

.logo__link:focus-visible .logo__img {
    transform: scale(1.1)
}

.logo__img {
    max-width: 100%;
    height: auto;
    transition: transform .5s ease;
    transform: translateZ(0)
}

.logo__city {
    max-width: 100%;
    height: auto
}

@media (max-width: 389.98px) {
    .logo__city {
        display: none
    }
}

.social {
    font-style: normal
}

.social__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none
}

.social__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px
}

.social__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 1;
    color: var(--green);
    border-radius: 4px;
    border: 1px solid #3A3A3A;
    transition: all .5s ease
}

.social__link:hover,
.social__link:active,
.social__link:focus-visible {
    border-color: var(--yellow);
    color: var(--green)
}

.social__link--gradient,
.social__link--blue,
.social__link--black {
    background: radial-gradient(230.93% 230.93% at 102.01% 2.03%, #F9ED32 0%, #EE2A7B 36%, #D22A8A 44%, #8B2AB2 60%, #1B2AF0 83%, #002AFF 88%);
    border: none;
    color: var(--white)
}

@media (min-width: 768px) {
    .social__link--gradient,
    .social__link--blue,
    .social__link--black {
        width: 95px;
        height: 95px;
        border-radius: 7px
    }
}

.social__link--gradient:hover,
.social__link--gradient:active,
.social__link--gradient:focus-visible,
.social__link--blue:hover,
.social__link--blue:active,
.social__link--blue:focus-visible,
.social__link--black:hover,
.social__link--black:active,
.social__link--black:focus-visible {
    color: var(--white)
}

@media (min-width: 768px) {
    .social__link--gradient:hover,
    .social__link--gradient:active,
    .social__link--gradient:focus-visible,
    .social__link--blue:hover,
    .social__link--blue:active,
    .social__link--blue:focus-visible,
    .social__link--black:hover,
    .social__link--black:active,
    .social__link--black:focus-visible {
        transform: scale(1.1)
    }
}

@media (min-width: 768px) {
    .social__link--gradient .social__icon,
    .social__link--blue .social__icon,
    .social__link--black .social__icon {
        width: 45px;
        height: 45px
    }
}

.social__link--blue {
    background: #0B84EE
}

.social__link--black {
    background: #111111
}

.social__title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: var(--white)
}

.form__title {
    display: block;
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4
}

@media (min-width: 768px) {
    .form__title {
        font-size: 22px;
        margin-bottom: 15px
    }
}

.form__block {
    border-top: 1px solid #373538;
    padding: 25px 0
}

@media (min-width: 768px) {
    .form__block {
        padding: 20px 0
    }
}

@media (min-width: 768px) {
    .form__block .form__group {
        margin-bottom: 10px
    }
}

.form__block .form__group:last-child {
    margin-bottom: 0
}

.form__block .form__row {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .form__block .form__row {
        gap: 10px 50px
    }
}

@media (min-width: 768px) {
    .form__block .form__row .form__group {
        margin-bottom: 0
    }
}

.form__row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px 15px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .form__row {
        margin-bottom: 30px;
        gap: 30px
    }
}

@media (min-width: 992px) {
    .form__row--lg-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 50px
    }
}

.form__group {
    position: relative;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .form__group {
        margin-bottom: 30px
    }
}

.form__group--6 {
    grid-column: 6 span;
    margin-bottom: 0
}

.form__group--12 {
    grid-column: 12 span;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .form__group--md-4 {
        grid-column: 4 span
    }
}

@media (min-width: 768px) {
    .form__group--md-6 {
        grid-column: 6 span
    }
}

.form__group.has-error .form__input {
    border-color: var(--red)
}

.form__placeholder {
    position: absolute;
    top: 16px;
    left: 20px;
    width: calc(100% - 40px);
    color: var(--white);
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
    transform: translate(0);
    display: block;
    padding: 0;
    letter-spacing: 1px;
    transform-origin: top left;
    z-index: 1
}

.form__placeholder.is-active {
    transform: translateY(-14px) scale(.85)
}

.form__input.just-validate-error-field {
    border-color: var(--deep-red)
}

.form__agree {
    margin: 20px 0;
    color: #9c9c9c;
    font-weight: 400;
    text-align: center;
    font-size: 12px
}

.form__agree a {
    color: #9c9c9c;
    border-bottom: 1px solid #9C9C9C;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .form__agree a:hover,
    .form__agree a:active,
    .form__agree a:focus-visible {
        color: var(--yellow);
        border-color: transparent
    }
}

.form__button-group {
    margin-top: 30px;
    text-align: center
}

@media (min-width: 768px) {
    .form__button-group {
        text-align: left
    }
}

.form__button-group--mt-20 {
    margin-top: 20px
}

@media (min-width: 768px) {
    .form__button-group--mt-20 {
        text-align: center
    }
}

.form__button {
    max-width: 205px;
    width: 100%;
    justify-content: center;
    gap: 15px
}

.form__button .button__icon {
    margin-left: 0
}

.form .just-validate-error-label {
    position: absolute;
    bottom: -14px;
    font-size: 12px;
    line-height: 1
}

@media (min-width: 768px) {
    .form .just-validate-error-label {
        font-size: 14px;
        bottom: -16px
    }
}

.menu__list {
    display: flex;
    gap: 0.05rem;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    background: rgba(3, 3, 4, 0.20);
    border-right: 1px solid rgba(3, 3, 4, 0.20);
    border-left: 1px solid rgba(3, 3, 4, 0.20)
}

.menu__item {
    position: relative;
    width: 100%
}

.menu__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 70px;
    width: 100%;
    padding: 10px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: var(--mainColor);
    background: #FECC16;
    transition: background .5s ease
}

@media (max-width: 991.98px) {
    .menu__link {
        font-size: 16px
    }
}

.menu__link:hover,
.menu__link:active,
.menu__link:focus-visible {
    color: var(--white);
    background: #AA182F;
}

.menu__link.is-active {
    color: var(--white);
    font-weight: 700;
    background: var(--green)
}

.check-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.check-list:not(:last-child) {
    margin-bottom: .8rem
}

.check-list>li {
    padding-left: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_708_33247)'%3E%3Cpath d='M8.5 0C3.81281 0 0 3.81281 0 8.5C0 13.1872 3.81281 17 8.5 17C13.1872 17 17 13.1865 17 8.5C17 3.81348 13.1872 0 8.5 0ZM8.5 15.6832C4.5397 15.6832 1.3168 12.461 1.3168 8.5C1.3168 4.53903 4.5397 1.3168 8.5 1.3168C12.461 1.3168 15.6832 4.53903 15.6832 8.5C15.6832 12.461 12.4603 15.6832 8.5 15.6832Z' fill='%23AA182F'/%3E%3Cpath d='M12.4 5.54375C12.1321 5.30013 11.7153 5.31923 11.4704 5.5885L7.45411 10.011L5.51378 8.03846C5.25765 7.77905 4.84155 7.7751 4.5828 8.03056C4.32338 8.28536 4.31943 8.70213 4.5749 8.96154L7.00374 11.4306C7.12818 11.557 7.29672 11.6274 7.47316 11.6274C7.47712 11.6274 7.48173 11.6274 7.48568 11.6281C7.6674 11.6241 7.8386 11.5464 7.96039 11.4121L12.4448 6.4741C12.6891 6.20412 12.6693 5.78802 12.4 5.54375Z' fill='%23AA182F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_708_33247'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top 3px left
}

@media (min-width: 768px) {
    .check-list>li {
        padding-left: 26px;
        background-position: top 4px left;
        background-size: 17px 17px
    }
}

.check-list>li:not(:last-child) {
    margin-bottom: .8rem
}

.check-list a {
    color: var(--black);
    border-bottom: 1px solid var(--black);
    transition: all .5s ease
}

.check-list a:hover,
.check-list a:active,
.check-list a:focus-visible {
    color: var(--red);
    border-color: transparent
}

.bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--white);
    padding: 5px;
    z-index: 3
}

@media (min-width: 768px) {
    .bottom-menu {
        display: none
    }
}

.bottom-menu__list {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 0;
    margin: 0;
    list-style: none
}

.bottom-menu__item {
    width: 100%
}

.bottom-menu__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--black);
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    height: 60px;
    width: 100%;
    padding: 4px;
    border-radius: 4px;
    transition: all .5s ease
}

@media (min-width: 390px) {
    .bottom-menu__link {
        font-size: 14px
    }
}

.bottom-menu__link:hover,
.bottom-menu__link:active,
.bottom-menu__link:focus-visible {
    color: var(--black)
}

.bottom-menu__link.is-active {
    background: var(--green);
    color: var(--white)
}

.actions__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 14px;
    list-style: none
}

.actions__item {
    position: relative;
    width: 40px;
    height: 40px
}

.actions__item--visible-lg {
    display: none
}

@media (min-width: 768px) {
    .actions__item--visible-lg {
        display: block
    }
}

.actions__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #333;
    border-radius: 4px;
    transition: all .5s ease;
    color: var(--green)
}

@media (min-width: 768px) {
    .actions__button:hover,
    .actions__button:active,
    .actions__button:focus-visible {
        border-color: var(--yellow)
    }
}

.actions__button-count {
    position: absolute;
    top: -7px;
    right: -6px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--red);
    border: 2px solid #1F1B1F;
    color: var(--white);
    border-radius: 6px;
    font-size: 10px;
    line-height: 1;
    font-weight: 800
}

.actions__button--green {
    border-color: var(--green);
    background: var(--green);
    color: var(--white)
}

@media (min-width: 768px) {
    .actions__button--green:hover,
    .actions__button--green:active,
    .actions__button--green:focus-visible {
        background: var(--yellow);
        border-color: var(--yellow)
    }
}

.actions__phone {
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    margin-left: -108px;
    width: 100%;
    min-width: 216px;
    padding: 10px 20px;
    text-align: center;
    background: var(--white);
    box-shadow: 0 19px 33px #6f6d7121
}

@media (max-width: 767.98px) {
    .actions__phone {
        min-width: 0;
        margin: 0;
        left: auto;
        right: -195px;
        width: 100vw
    }
}

.actions__phone-link {
    color: var(--black);
    transition: color .5s ease
}

.actions__phone-link:hover,
.actions__phone-link:active,
.actions__phone-link:focus-visible {
    color: var(--green)
}

.actions__dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease
}

.actions__dropdown.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.lang {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #252423;
    border: 1px solid #333;
    border-radius: 4px;
    transition: all .5s ease;
    z-index: 1
}

@media (min-width: 768px) {
    .lang:hover,
    .lang:active,
    .lang:focus-visible {
        border-color: var(--yellow)
    }
}

.lang.is-active {
    height: 76px
}

.lang__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 38px;
    width: 38px
}

@media (min-width: 768px) {
    .lang__toggle:hover .lang__flag,
    .lang__toggle:active .lang__flag,
    .lang__toggle:focus-visible .lang__flag {
        transform: scale(1.2)
    }
}

.lang__flag {
    transition: transform .5s ease
}

.lang__dropdown {
    margin: 0;
    padding: 0;
    list-style: none
}

.lang__link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-weight: 500;
    font-size: 16px;
    color: var(--white);
    transition: background .5s ease, color .5s ease
}

.lang__link:hover,
.lang__link:active,
.lang__link:focus-visible {
    color: var(--white)
}

@media (min-width: 768px) {
    .lang__link:hover,
    .lang__link:active,
    .lang__link:focus-visible {
        color: var(--yellow)
    }
}

@media (min-width: 768px) {
    .lang__link:hover .lang__flag,
    .lang__link:active .lang__flag,
    .lang__link:focus-visible .lang__flag {
        transform: scale(1.2)
    }
}

.contacts__title {
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 15px
}

.contacts__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.contacts__item {
    display: flex;
    align-items: flex-start;
    gap: 15px
}

.contacts__item:not(:last-child) {
    margin-bottom: 15px
}

.contacts__icon {
    color: var(--green);
    min-width: 15px
}

.contacts__text {
    line-height: 1.4;
    font-size: 12px;
    color: var(--white);
    letter-spacing: 1px
}

.contacts__text p {
    margin: 0
}

.contacts__text p:not(:last-child) {
    margin-bottom: 5px
}

.contacts__text a {
    color: var(--white);
    transition: color .5s ease
}

.contacts__text a:hover,
.contacts__text a:active,
.contacts__text a:focus-visible {
    color: var(--yellow)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

.header__top {
    padding: 10px 0;
    background: linear-gradient(45deg, #2F3328, #1F1B1F)
}

@media (min-width: 768px) {
    .header__top {
        padding: 18px 0;
        background: #030304
    }
}

.header__container {
    display: flex;
    align-items: center;
    gap: 14px
}

.header__logo {
    margin-right: auto
}

@media (min-width: 768px) {
    .header__logo {
        margin-right: 0
    }
}

.header-menu {
    margin: 0 auto;
    display: none
}

@media (min-width: 768px) {
    .header-menu {
        display: block
    }
}

.header-menu__list {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1
}

@media (max-width: 1199.98px) {
    .header-menu__list {
        gap: 30px
    }
}

@media (max-width: 991.98px) {
    .header-menu__list {
        gap: 20px
    }
}

.header-menu__item {
    position: relative
}

.header-menu__link {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    white-space: nowrap;
    transition: color .5s ease
}

@media (max-width: 991.98px) {
    .header-menu__link {
        font-size: 14px
    }
}

.header-menu__link:hover,
.header-menu__link:active,
.header-menu__link:focus-visible {
    color: var(--yellow)
}

.header-menu__link.is-active {
    color: var(--green)
}

.header__bottom {
    background: #FECC16;
	
    display: none
}

@media (min-width: 768px) {
    .header__bottom {
        display: block;
			box-shadow: 0px 2px 48px 0px rgba(0, 0, 0, 0.12);
    }
}

.footer {
    position: relative;
    padding: 20px 0 90px;
    background: #151515
}

@media (min-width: 768px) {
    .footer {
        padding: 0
    }
}

@media (min-width: 768px) {
    .footer__row {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 30px;
        padding: 90px 0
    }
}

@media (max-width: 767.98px) {
    .footer__col:not(:last-child) {
        border-bottom: 1px solid #444;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .footer__col:nth-child(1) {
        order: 3;
        grid-column: 4 span
    }
}

@media (min-width: 768px) {
    .footer__col:nth-child(2) {
        order: 2;
        grid-column: 2 span
    }
}

@media (min-width: 768px) {
    .footer__col:nth-child(3) {
        order: 1;
        grid-column: 6 span
    }
}

.footer__logo {
    margin: 0 0 15px
}

@media (max-width: 767.98px) {
    .footer__logo {
        text-align: center
    }
}

.footer__offer {
    margin-bottom: 12px;
    font-size: 12px
}

@media (max-width: 767.98px) {
    .footer__offer {
        text-align: center
    }
}

.footer__offer-link {
    color: var(--white);
    border-bottom: 1px solid var(--white);
    transition: all .5s ease
}

.footer__offer-link:hover,
.footer__offer-link:active,
.footer__offer-link:focus-visible {
    color: var(--white)
}

@media (min-width: 768px) {
    .footer__offer-link:hover,
    .footer__offer-link:active,
    .footer__offer-link:focus-visible {
        color: var(--yellow);
        border-color: transparent
    }
}

.footer__copyright {
    color: var(--white);
    font-size: 12px
}

@media (max-width: 767.98px) {
    .footer__copyright {
        text-align: center
    }
}

.footer__copyright--mb {
    margin-bottom: 12px
}

@media (max-width: 767.98px) {
    .footer__social {
        margin-bottom: 15px
    }
}

@media (max-width: 767.98px) {
    .footer__social .social__list {
        justify-content: center
    }
}

.footer__payment {
    display: flex;
    align-items: center;
    gap: 24px
}

.footer__payment--hidden-md {
    justify-content: center
}

@media (min-width: 768px) {
    .footer__payment--hidden-md {
        display: none
    }
}

.footer__dev {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--white);
    font-size: 12px
}

.footer__dev-link {
    display: flex
}

.footer-menu.is-open .footer-menu__toggle-icon {
    transform: rotateX(180deg)
}

.footer-menu__title {
    display: none;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.2;
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .footer-menu__title {
        display: block
    }
}

.footer-menu__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--green);
    line-height: 1.2
}

@media (min-width: 768px) {
    .footer-menu__toggle {
        display: none
    }
}

.footer-menu__toggle-icon {
    color: var(--white);
    transition: transform .5s ease
}

.footer-menu__list {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (max-width: 767.98px) {
    .footer-menu__list {
        max-height: 0;
        overflow: hidden;
        will-change: max-height;
        transition: all .5s ease;
        box-sizing: content-box
    }
}

@media (max-width: 767.98px) {
    .footer-menu__item:first-child {
        margin-top: 15px
    }
}

.footer-menu__item:not(:last-child) {
    margin-bottom: 10px
}

.footer-menu__link {
    font-size: 12px;
    color: var(--white);
    transition: color .5s ease
}

.footer-menu__link:hover,
.footer-menu__link:active,
.footer-menu__link:focus-visible {
    color: var(--yellow)
}

.footer-menu__link.is-active {
    color: var(--green)
}

.footer__bottom {
    display: none
}

@media (min-width: 768px) {
    .footer__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-top: 1px solid #444
    }
}

.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: calc(var(--vh) * 100);
    outline: 0;
    background: linear-gradient(to bottom, #2F3328, #1F1B1F, #2F3328);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.mobile-nav.is-visible {
    opacity: 1;
    visibility: visible
}

.mobile-nav.is-visible .mobile-nav__sidebar {
    visibility: visible;
    transform: translateZ(0)
}

.mobile-nav__sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
    transition: all .5s ease
}

.mobile-nav__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 140px 20px 20px;
    overflow-y: auto
}

.mobile-nav-menu {
    margin-bottom: 20px
}

.mobile-nav-menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobile-nav-menu__item {
    position: relative;
    text-align: center
}

.mobile-nav-menu__item:not(:last-child) {
    margin-bottom: 20px
}

.mobile-nav-menu__item.is-active .mobile-nav-menu__arrow {
    transform: rotateX(180deg)
}

.mobile-nav-menu__item.is-active .mobile-nav-menu__sub {
    display: block
}

.mobile-nav-menu__link {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    transition: color .5s ease
}

.mobile-nav-menu__link:hover,
.mobile-nav-menu__link:active,
.mobile-nav-menu__link:focus-visible {
    color: var(--white)
}

.mobile-nav__location {
    color: var(--white);
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.mobile-nav__location-icon {
    margin-right: 5px;
    color: var(--green)
}

.mobile-nav__location p {
    margin: 0
}

.map {
    padding: 0 15px
}

@media (min-width: 768px) {
    .map {
        padding: 0
    }
}

.map__iframe {
    border-radius: 4px;
    border: 0
}

@media (min-width: 768px) {
    .map__iframe {
        border-radius: 0;
        height: 440px
    }
}

.map-legend {
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .map-legend {
        margin-bottom: 24px
    }
}

.map-legend__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .map-legend__title {
        text-align: center;
        font-size: 35px;
        max-width: 680px;
        margin: 0 auto 20px
    }
}

.map-legend__title span {
    color: #AA182F;
    font-weight: 700
}

.map-legend__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 230px
}

@media (min-width: 768px) {
    .map-legend__list {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px;
        max-width: 100%
    }
}

.map-legend__item {
    grid-column: 6 span;
    display: flex;
    align-items: center;
    gap: 8px
}

.map-legend__circle {
    width: 16px;
    height: 16px;
    min-width: 16px;
    background: #fff;
    border-radius: 50%
}

@media (min-width: 992px) {
    .map-legend__circle {
        width: 22px;
        height: 22px
    }
}

.map-legend__circle--red {
    background: #B94D48
}

.map-legend__circle--gold {
    background: #C0A33E
}

.map-legend__circle--yellow {
    background: #E9F350
}

.map-legend__circle--blue {
    background: #418FEE
}

.map-legend__price {
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

@media (min-width: 992px) {
    .map-legend__price {
        font-size: 22px
    }
}

.modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.modal.is-visible {
    opacity: 1;
    visibility: visible
}

.modal.is-visible .modal__window {
    transform: scale(1)
}

.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    outline: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.modal-wrap.is-visible {
    opacity: 1;
    visibility: visible
}

.modal__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 16px
}

.modal__window {
    position: relative;
    width: 100%;
    padding: 20px;
    background: #282828;
    border-radius: 4px;
    transform: scale(.8);
    transition: all .5s ease
}

@media (min-width: 576px) {
    .modal__window {
        max-width: 540px
    }
}

.modal__close {
    position: absolute;
    top: -45px;
    right: -5px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: #7c7b7b;
    transition: all .5s ease
}

.modal__close:hover,
.modal__close:focus-visible {
    color: var(--white)
}

.modal__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 15px;
    text-align: center;
    color: var(--white)
}

@media (min-width: 768px) {
    .modal__title {
        font-size: 25px
    }
}

.modal__title--mb-30 {
    margin-bottom: 30px
}

.modal__title--mb-5 {
    margin-bottom: 5px
}

.modal__descr {
    text-align: center;
    font-weight: 400;
    color: #9c9c9c
}

@media (min-width: 768px) {
    .modal__descr {
        margin-bottom: 30px
    }
}

.modal__list {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 768px) {
    .modal__list {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-bottom: 20px;
        border-top: 1px solid #3A3A3A
    }
}

.modal__list-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #3A3A3A
}

@media (min-width: 768px) {
    .modal__list-item {
        grid-column: 6 span;
        padding: 15px;
        margin: 0
    }
}

@media (min-width: 768px) {
    .modal__list-item:nth-child(odd) {
        border-right: 1px solid #3A3A3A
    }
}

.modal__social .social__list {
    flex-direction: column;
    gap: 20px
}

.modal__social .social__link {
    width: 84px;
    height: 84px
}

.modal__text {
    margin-bottom: 20px
}

.modal__buttons {
    display: flex;
    justify-content: center;
    gap: 15px
}

.modal__button {
    min-width: 80px
}

@media (min-width: 768px) {
    .modal__button {
        min-width: 180px
    }
}

@media (min-width: 768px) {
    .modal-contacts .modal__window {
        padding: 40px 20px;
        max-width: 420px
    }
}

.modal-map .modal__window {
    max-width: 100%
}

.modal-map__map {
    display: flex;
    padding: 0
}

@media (min-width: 768px) {
    .modal-details .modal__window {
        padding: 20px 40px
    }
}

@media (min-width: 768px) {
    .modal-feedback .modal__window {
        padding: 20px 90px 35px
    }
}

.modal-add .modal__window {
    max-width: 300px
}

@media (min-width: 768px) {
    .modal-add .modal__window {
        max-width: 850px;
        padding: 30px 60px 40px
    }
}

.top-slider {
    position: relative;
   /* padding-bottom: 20px;*/
    z-index: 0
}

@media (min-width: 768px) {
    .top-slider {
        padding-bottom: 0
    }
}

.top-slider__slide {
    position: relative;
    display: flex;
    align-items: center;
    height: 250px;
    padding: 25px
}

@media (min-width: 768px) {
    .top-slider__slide {
        height: 400px;
        padding: 30px 0
    }
}

.top-slider__picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: -1
}

.top-slider__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center
}

.top-slider__title {
    margin: 0 0 5px;
    font-size: 35px;
    font-weight: 500;
    line-height: .9
}

@media (min-width: 768px) {
    .top-slider__title {
        font-size: 75px;
        line-height: 1;
        margin: 0 0 20px
    }
}

.top-slider__title span {
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--yellow)
}

@media (min-width: 768px) {
    .top-slider__title span {
        display: inline
    }
}

.top-slider__descr {
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .top-slider__descr {
        font-size: 22px;
        margin: 0 0 20px
    }
}

.top-slider__descr strong {
    display: block;
    font-weight: 900;
    color: var(--yellow)
}

@media (min-width: 768px) {
    .top-slider__descr strong {
        display: inline
    }
}

.top-slider__button {
    min-width: 114px
}

@media (min-width: 768px) {
    .top-slider__button {
        min-width: 180px
    }
}

@media (min-width: 768px) {
    .top-slider__button .button__icon {
        width: 8px;
        height: 13px
    }
}

@media (min-width: 768px) {
    .top-slider__pagination {
        --swiper-pagination-bottom: 40px
    }
}

.product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 12px;
    background: #282828;
    border-radius: 4px
}

@media (min-width: 390px) {
    .product-card {
        padding: 14px
    }
}

.product-card__tape {
    position: absolute;
    top: 3px;
    left: -12px;
    width: 46px;
    height: 16px;
    z-index: 1;
    transform: rotate(-45deg)
}

.product-card__tape span {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 2px 2px 0 0;
    background: var(--red);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    z-index: 1
}

.product-card__tape:before {
    position: absolute;
    top: 2px;
    left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent var(--deep-red);
    content: "";
    transform: rotate(13deg)
}

.product-card__tape:after {
    position: absolute;
    top: 2px;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent var(--deep-red) transparent transparent;
    content: "";
    transform: rotate(-13deg)
}

.product-card__tape--purple span {
    background: var(--purple)
}

.product-card__tape--purple:before {
    border-color: transparent transparent transparent #4F0D7C
}

.product-card__tape--purple:after {
    border-color: transparent #4F0D7C transparent transparent
}

.product-card__picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    min-height: 100px;
    margin-bottom: 12px
}

@media (min-width: 992px) {
    .product-card__picture {
        margin-bottom: 15px;
        height: 165px;
        min-height: 165px
    }
}

.product-card__img {
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    width: auto
}

.product-card__descr {
    color: #9c9c9c;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px
}

@media (min-width: 992px) {
    .product-card__descr {
        margin-bottom: 10px
    }
}

.product-card__title {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

@media (min-width: 992px) {
    .product-card__title {
        font-size: 20px
    }
}

.product-card__link {
    color: var(--white);
    transition: color .5s ease
}

.product-card__link:hover,
.product-card__link:active,
.product-card__link:focus-visible {
    color: var(--yellow)
}

.product-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-top: auto
}

.product-card__price {
    line-height: 1.1;
    white-space: nowrap
}

.product-card__price-old {
    display: block;
    font-size: 10px;
    color: #9c9c9c;
    font-weight: 400
}

@media (min-width: 390px) {
    .product-card__price-old {
        font-size: 12px
    }
}

@media (min-width: 992px) {
    .product-card__price-old {
        font-size: 16px
    }
}

.product-card__price-new {
    display: block;
    font-size: 14px;
    font-weight: 500
}

@media (min-width: 390px) {
    .product-card__price-new {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .product-card__price-new {
        font-size: 20px
    }
}

.product-card__button {
    padding: 5px;
    gap: 3px;
    min-width: 0;
    text-align: left;
    font-size: 10px
}

@media (min-width: 390px) {
    .product-card__button {
        min-width: 84px;
        font-size: 12px;
        white-space: nowrap
    }
}

@media (min-width: 768px) {
    .product-card__button {
        height: 50px;
        max-width: 130px;
        width: 100%;
        padding: 5px 10px;
        font-size: 16px
    }
}

.product-card__button .button__icon {
    width: 10px;
    height: 10px;
    min-width: 10px
}

@media (min-width: 390px) {
    .product-card__button .button__icon {
        width: auto;
        height: auto;
        min-width: 0
    }
}

.product {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px
}

@media (min-width: 992px) {
    .product {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr .5fr;
        gap: 30px;
        grid-template-areas: "image info" "image descr"
    }
}

.product-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 6 span;
    padding: 5px;
    background: #151515;
    border-radius: 4px
}

@media (min-width: 992px) {
    .product-image {
        grid-area: image;
        padding: 20px
    }
}

.product-image__picture {
    display: flex
}

.product-image__img {
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    width: auto
}

.product-image__tape {
    position: absolute;
    top: 3px;
    left: -12px;
    width: 46px;
    height: 16px;
    z-index: 1;
    transform: rotate(-45deg)
}

@media (min-width: 768px) {
    .product-image__tape {
        left: -14px;
        width: 56px;
        height: 22px
    }
}

.product-image__tape span {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 2px 2px 0 0;
    background: var(--red);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    z-index: 1
}

@media (min-width: 768px) {
    .product-image__tape span {
        font-size: 16px
    }
}

.product-image__tape:before {
    position: absolute;
    top: 2px;
    left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent var(--deep-red);
    content: "";
    transform: rotate(13deg)
}

@media (min-width: 768px) {
    .product-image__tape:before {
        border-width: 12px 0 12px 12px
    }
}

.product-image__tape:after {
    position: absolute;
    top: 2px;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent var(--deep-red) transparent transparent;
    content: "";
    transform: rotate(-13deg)
}

@media (min-width: 768px) {
    .product-image__tape:after {
        border-width: 12px 12px 12px 0
    }
}

.product-image__tape--purple span {
    background: var(--purple)
}

.product-image__tape--purple:before {
    border-color: transparent transparent transparent #4F0D7C
}

.product-image__tape--purple:after {
    border-color: transparent #4F0D7C transparent transparent
}

.product-info {
    display: flex;
    flex-direction: column;
    grid-column: 6 span;
    padding: 20px;
    background: #151515;
    border-radius: 4px
}

@media (min-width: 992px) {
    .product-info {
        grid-area: info
    }
}

.product-info__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    text-align: center
}

@media (min-width: 768px) {
    .product-info__title {
        font-size: 25px
    }
}

.product-info__list {
    padding: 0;
    margin: 0 -20px 20px;
    list-style: none
}

@media (min-width: 768px) {
    .product-info__list {
        min-width: 185px;
        margin: 0 auto 20px
    }
}

.product-info__item {
    border-bottom: 1px solid #3A3A3A;
    text-align: center;
    padding: 10px;
    color: #9c9c9c
}

@media (min-width: 768px) {
    .product-info__item {
        font-size: 18px
    }
}

.product-info__button {
    display: flex;
    width: 100%;
    margin-top: auto
}

@media (min-width: 768px) {
    .product-info__button {
        max-width: 185px;
        margin: auto auto 0
    }
}

.product-descr {
    grid-column: 12 span
}

@media (min-width: 768px) {
    .product-descr {
        padding: 20px 75px;
        background: #151515;
        border-radius: 4px
    }
}

@media (min-width: 992px) {
    .product-descr {
        grid-area: descr
    }
}

.product-descr__title {
    position: relative;
    display: none;
    padding-bottom: 12px;
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center
}

@media (min-width: 768px) {
    .product-descr__title {
        display: block
    }
}

.product-descr__title:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    height: 1px;
    background: #3A3A3A;
    content: ""
}

.product-descr__text:last-child {
    margin-bottom: 0
}

.product__price {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    line-height: 1
}

.product__price-old {
    color: #9c9c9c
}

@media (min-width: 992px) {
    .product__price-old {
        font-size: 22px
    }
}

.product__price-new {
    font-size: 18px;
    color: var(--white)
}

@media (min-width: 992px) {
    .product__price-new {
        font-size: 22px
    }
}

.about-card__header {

}

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




.about-card__pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 4px;
    background: #AA182F
}

@media (min-width: 768px) {
	.about-card__pic {
		width: 90px;
		height: 90px;
		min-width: 90px
	}
	.about-section__item {
		border-radius: 4px;
		background: #151515;
		box-shadow: 0px 2px 48px 0px rgba(0, 0, 0, 0.04);

	}
}
.about-card__title .about-card__icon {
	width:28px;
	height:28px;
	flex:0 0 28px;
}
.about-section__item:not(:last-child) {
    margin-bottom: 10px
}
@media (min-width: 768px) {
    .about-card__icon {
        width: 60px;
        height: 60px
    }
	.about-card__title {
		margin-bottom:5px !important;
	}
	.about-card__title .about-card__pic {
		display:none;
	}
}
@media (max-width: 768.99px) {
	.about-card__header .about-card__pic {
		display:none;
	}
	.about-card__title {
		display:flex;
		align-items:center;
		column-gap:15px;
		margin-bottom:13px !important;
	}

	.about-section__item:not(:last-child) {
		margin-bottom:25px;
	}
}
.about-card__title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--green)
}

@media (min-width: 768px) {
    .about-card__title {
      
        font-size: 16px;
        line-height: 1.2
    }
}

.about-card__body {
    font-weight: 400;
	padding-left:25px;
}

@media (min-width: 768px) {
    .about-card__body {
        
        font-size: 14px
    }
}

.about-card__body p:last-child {
    margin-bottom: 0
}

.jobs-card {
    display: flex;
    flex-direction: column;
    padding: 10px 15px 15px;
    border: 1px solid #494949;
    background: #221E23;
    border-radius: 4px;
    height: 100%;
    width: 100%
}

@media (min-width: 768px) {
    .jobs-card {
        padding: 25px 30px 30px
    }
}

.jobs-card__title {
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: 700;
    color: var(--green)
}

@media (min-width: 768px) {
    .jobs-card__title {
        font-size: 22px;
        margin: 0 0 10px
    }
}

.jobs-card__text {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .jobs-card__text {
        margin-bottom: 20px
    }
}

.jobs-card__text p {
    margin: 0
}

@media (min-width: 768px) {
    .jobs-card__text p {
        margin-bottom: 5px
    }
}

@media (min-width: 768px) {
    .jobs-card__text p:last-child {
        margin-bottom: 0
    }
}

.jobs-card__buttons {
    display: flex;
    gap: 12px;
    margin-top: auto
}

@media (min-width: 768px) {
    .jobs-card__button {
        padding: 5px 10px;
        height: 35px;
        font-size: 12px
    }
}

.delivery-card {
    display: flex;
    flex-direction: column;
    padding: 10px 15px 15px;
    border: 1px solid #494949;
    background: #221E23;
    border-radius: 4px;
    height: 100%;
    width: 100%
}

@media (min-width: 768px) {
    .delivery-card {
        padding: 25px 30px 30px
    }
}

.delivery-card__title {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--white)
}

@media (min-width: 768px) {
    .delivery-card__title {
        font-size: 22px;
        margin: 0 0 10px
    }
}

.delivery-card__list li {
    font-weight: 400
}

.delivery-card__picture {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .delivery-card__picture {
        margin-top: 15px
    }
}

.delivery-card__img {
    max-width: 100%;
    height: auto
}

.contacts-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #494949;
   background: #151515;

box-shadow: 0px 2px 48px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    height: 100%;
    width: 100%
}

.contacts-card__list {
    padding: 15px;
    margin: 0;
    list-style: none;
	display: flex;

}
@media (max-width: 768px) {
    .contacts-card__list {
        flex-direction:column;
		
    }
}
@media (min-width: 992px) {
    .contacts-card__list {
        padding: 20px; 
		
    }
}

.contacts-card__item {
    display: flex;
    align-items: center;
    gap: 15px
}

.contacts-card__item:not(:last-child) {
    margin-bottom: 7px
}

@media (min-width: 992px) {
    .contacts-card__item:not(:last-child) {
        margin-right: 55px
    }
}

.contacts-card__icon {
    color: var(--red);
    min-width: 15px
}

@media (min-width: 992px) {
    .contacts-card__icon {
        width: 25px;
        height: 25px;
        min-width: 25px
    }
}

.contacts-card__text {
    line-height: 1.4;
    font-size: 12px;
    color: var(--white)
}

@media (min-width: 992px) {
    .contacts-card__text {
        font-size: 16px
    }
}

.contacts-card__text p {
    margin: 0
}

.contacts-card__text p:not(:last-child) {
    margin-bottom: 5px
}

.contacts-card__text a {
    color: var(--white);
    transition: color .5s ease
}

.contacts-card__text a:hover,
.contacts-card__text a:active,
.contacts-card__text a:focus-visible {
    color: var(--yellow)
}

.contacts-card__map {
    display: flex;
    height: 100%
}

.contacts-card__iframe {
    border: 0;
    border-radius: 3px
}

.order-card {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr .8fr;
    align-items: flex-start;
    gap: 5px 10px
}

.order-card:first-child {
    padding-top: 50px
}

@media (min-width: 768px) {
    .order-card:first-child {
        padding-top: 0
    }
}

@media (min-width: 768px) {
    .order-card {
        grid-template-columns: repeat(14, 1fr);
        grid-template-rows: 1fr;
        align-items: center;
        gap: 20px
    }
}

.order-card__image {
    grid-column: 2 span;
    grid-row: 2 span;
    order: 1
}

.order-card__product {
    grid-column: 5 span;
    order: 2
}

@media (min-width: 768px) {
    .order-card__product {
        grid-column: 4 span
    }
}

.order-card__price {
    grid-column: 5 span;
    order: 4
}

@media (min-width: 768px) {
    .order-card__price {
        grid-column: 3 span;
        text-align: center;
        order: 3
    }
}

.order-card__count {
    grid-column: 5 span;
    order: 3;
    text-align: right
}

@media (min-width: 768px) {
    .order-card__count {
        grid-column: 2 span;
        text-align: center;
        order: 4
    }
}

.order-card__count--visible-md {
    display: none
}

@media (min-width: 768px) {
    .order-card__count--visible-md {
        display: block
    }
}

.order-card__total {
    grid-column: 5 span;
    text-align: right;
    order: 5
}

@media (min-width: 768px) {
    .order-card__total {
        grid-column: 2 span
    }
}

.order-card__total--order-3 {
    order: 3
}

@media (min-width: 768px) {
    .order-card__total--order-3 {
        order: 5
    }
}

.order-card__remove {
    position: absolute;
    top: 5px;
    right: 0;
    grid-column: 0 span;
    order: 6
}

@media (min-width: 768px) {
    .order-card__remove {
        position: relative;
        top: auto;
        right: auto;
        grid-column: 1 span;
        text-align: right
    }
}

.order-card__picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.order-card__img {
    max-width: 100%;
    height: auto
}

.order-card__title {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500
}

@media (min-width: 768px) {
    .order-card__title {
        margin: 0 0 5px;
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .order-card__title {
        font-size: 20px
    }
}

@media (min-width: 768px) {
    .order-card__title-count {
        display: none
    }
}

.order-card__descr {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c
}

.order-card__link {
    color: var(--white);
    transition: all .5s ease
}

.order-card__link:hover,
.order-card__link:active,
.order-card__link:focus-visible {
    color: var(--yellow)
}

.order-card__quantity {
    margin-left: auto
}

@media (min-width: 768px) {
    .order-card__quantity {
        margin: 0 auto
    }
}

.order-table {
    margin-bottom: 30px
}

.order-table__head {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    gap: 20px;
    padding: 0 20px
}

@media (max-width: 767.98px) {
    .order-table__head {
        display: none
    }
}

.order-table__head-col {
    grid-column: 2 span;
    font-size: 14px;
    color: #9c9c9c;
    padding: 7px 0
}

.order-table__head-col:nth-child(2) {
    grid-column: 4 span
}

.order-table__head-col:nth-child(3) {
    grid-column: 3 span;
    text-align: center
}

.order-table__head-col:nth-child(4) {
    text-align: center
}

.order-table__head-col:nth-child(5) {
    text-align: right
}

.order-table__head-col:nth-child(6) {
    grid-column: 1 span
}

@media (min-width: 768px) {
    .order-table__body {
        border: 1px solid #494949;
        border-radius: 6px
    }
}

.order-table__item:not(:last-child) {
    border-bottom: 1px solid #494949;
    padding: 0 0 10px
}

@media (min-width: 768px) {
    .order-table__item {
        padding: 20px 19px
    }
    .order-table__item:not(:last-child) {
        padding: 20px 19px
    }
}

.order-table__sub-title {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow);
    text-align: center
}

@media (min-width: 768px) {
    .order-table__sub-title {
        margin: 5px 0 5px 155px;
        font-size: 18px;
        text-align: left
    }
}

.order-more {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px 0;
    border-top: 1px solid #3A3A3A;
    border-bottom: 1px solid #3A3A3A;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .order-more {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-top: none;
        padding: 0 0 50px
    }
}

.order-more__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .order-more__text {
        font-size: 18px;
        text-align: left
    }
}

.order-more__count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #282828;
    border-radius: 4px;
    padding: 5px 30px;
    gap: 30px;
    line-height: 1
}

.order-more__price {
    font-size: 14px
}

@media (min-width: 768px) {
    .order-more__price {
        font-size: 16px;
        white-space: nowrap
    }
}

.order-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    gap: 20px
}

@media (min-width: 768px) {
    .order-total {
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .order-total {
        padding-right: 100px
    }
}

.order-total__title {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 900;
    color: var(--yellow)
}

@media (min-width: 768px) {
    .order-total__title {
        font-size: 36px
    }
}

.order-total__price {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500
}

@media (min-width: 768px) {
    .order-total__price {
        font-size: 36px
    }
}

.promo-form {
    position: relative;
    margin-bottom: 20px
}

.promo-form__input {
    padding-right: 120px
}

.promo-form__button {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 36px
}

.promo-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    line-height: 1.6
}

@media (min-width: 768px) {
    .promo-total {
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .promo-total {
        padding-right: 100px
    }
}

.promo-total__title {
    font-size: 14px;
    font-weight: 400
}

.promo-total__discount {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500
}

@media (min-width: 768px) {
    .promo-total__discount {
        font-size: 18px
    }
}

.add-card {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px
}

.add-card__left {
    grid-column: 4 span
}

.add-card__right {
    grid-column: 8 span
}

.add-card__picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.add-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px
}

.add-card__img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    height: auto
}

@media (min-width: 768px) {
    .add-card__img {
        max-height: 100%
    }
}

.add-card__title {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500
}

@media (min-width: 768px) {
    .add-card__title {
        font-size: 20px
    }
}

.add-card__descr {
    margin: 0 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c
}

.add-card__link {
    color: var(--white);
    transition: all .5s ease
}

.add-card__link:hover,
.add-card__link:active,
.add-card__link:focus-visible {
    color: var(--yellow)
}

.add-card__price {
    font-size: 18px;
    font-weight: 500
}

.add-card__remove-button {
    opacity: 0;
    visibility: hidden
}

.add-card__remove-button.is-visible {
    opacity: 1;
    visibility: visible
}

.blog-card {
    position: relative;
    width: 100%;
    height: 100%
}

.blog-card__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #282828;
    border-radius: 4px;
    color: var(--white);
    box-shadow: 0 0 20px #0000001a;
    overflow: hidden
}

.blog-card__link:hover,
.blog-card__link:active,
.blog-card__link:focus-visible {
    color: var(--yellow)
}

.blog-card__link:hover .blog-card__more-icon,
.blog-card__link:active .blog-card__more-icon,
.blog-card__link:focus-visible .blog-card__more-icon {
    transform: translate(5px)
}

.blog-card__picture {
    display: flex;
    width: 100%;
    height: 251px;
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .blog-card__picture {
        height: 205px
    }
}

.blog-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-card__tags {
    position: absolute;
    top: 15px;
    left: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px
}

@media (max-width: 767.98px) {
    .blog-card__tags {
        top: 10px
    }
}

.blog-card__tags-item {
    display: flex
}

.blog-card__tags-link {
    background: var(--white);
    color: var(--black);
    font-size: 12px;
    line-height: 1.2;
    padding: 5px 8px;
    border-radius: 4px;
    transition: all .5s ease
}

@media (max-width: 767.98px) {
    .blog-card__tags-link {
        font-size: 10px;
        padding: 5px 7px
    }
}

.blog-card__tags-link:hover,
.blog-card__tags-link:active,
.blog-card__tags-link:focus-visible {
    background: var(--green);
    color: var(--white)
}

.blog-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 10px
}

@media (max-width: 767.98px) {
    .blog-card__content {
        padding: 10px
    }
}

.blog-card__title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    transition: color .5s ease
}

@media (max-width: 767.98px) {
    .blog-card__title {
        font-size: 14px
    }
}

.blog-card__descr {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #9c9c9c
}

@media (max-width: 767.98px) {
    .blog-card__descr {
        font-size: 12px
    }
}

.blog-card__descr p {
    margin: 0
}

.blog-card__more {
    display: flex;
    align-items: center;
    margin-top: auto;
    gap: 6px;
    font-size: 16px;
    font-weight: 500;
    color: var(--yellow)
}

@media (max-width: 767.98px) {
    .blog-card__more {
        font-size: 14px
    }
}

.blog-card__more-icon {
    transition: transform .5s ease
}

.latest-slider {
    padding: 0 15px 30px;
    margin-bottom: 25px
}

.latest-slider__prev,
.latest-slider__next {
    position: absolute;
    top: 25%;
    margin-top: -18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--yellow);
    color: var(--white);
    border-radius: 5px;
    z-index: 1;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .latest-slider__prev,
    .latest-slider__next {
        width: 64px;
        height: 64px;
        margin-top: -32px;
        border-radius: 10px
    }
}

.latest-slider__prev.swiper-button-disabled,
.latest-slider__next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.latest-slider__prev:hover,
.latest-slider__prev:active,
.latest-slider__prev:focus-visible,
.latest-slider__next:hover,
.latest-slider__next:active,
.latest-slider__next:focus-visible {
    background: var(--green)
}

.latest-slider__prev {
    left: 5px
}

.latest-slider__next {
    right: 5px
}

.tags-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

@media (min-width: 768px) {
    .tags-list {
        margin-bottom: 30px
    }
}

.top-section {
    position: relative;
    padding: 0
}

@media (min-width: 768px) {
    .top-section {
        padding: 0
    }
}

.products-section {
    padding: 15px 0;
    background: #1F1B1F
}

@media (min-width: 768px) {
    .products-section {
        padding: 35px 0
    }
}

.products-section--gradient {
    padding: 25px 0 15px
}

@media (min-width: 768px) {
    .products-section--gradient {
        padding: 70px 0 35px;
        background: #1F1B1F linear-gradient(to bottom, #2F3328, #1F1B1F);
        background-size: 100% 365px;
        background-repeat: no-repeat
    }
}

.products-section__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .products-section__title {
        margin-bottom: 25px
    }
}

.products-section__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none
}

.products-section__item {
    grid-column: 6 span
}

@media (min-width: 768px) {
    .products-section__item {
        grid-column: 4 span
    }
}

@media (min-width: 992px) {
    .products-section__item {
        grid-column: 3 span
    }
}

.map-section {
    padding: 15px 0 25px;
    background: #1F1B1F;
    line-height: 1;
    font-size: 0
}

@media (min-width: 768px) {
    .map-section {
        padding: 35px 0 0
    }
}

.app-section {
    position: relative;
    background: var(--green)
}

@media (min-width: 992px) {
    .app-section {
        background: image-set(url(../img/app-bg-desktop.webp) 1x, url(../img/app-bg-desktop@2x.webp) 2x) no-repeat center center;
        background-size: cover
    }
}

.app-section__container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 35px 15px;
    min-height: 250px
}

@media (min-width: 768px) {
    .app-section__container {
        min-height: 325px;
        padding: 75px 15px
    }
}

.app-section__picture {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex
}

.app-section__content {
    position: relative
}

.app-section__title {
    font-size: 35px;
    font-weight: 500;
    line-height: .9;
    max-width: 270px;
    margin: 0 0 15px
}

@media (min-width: 992px) {
    .app-section__title {
        max-width: 100%
    }
}

.app-section__descr {
    max-width: 250px;
    font-weight: 400;
    margin: 0 0 15px
}

@media (min-width: 992px) {
    .app-section__descr {
        font-size: 22px;
        line-height: 1.45;
        max-width: 500px;
        margin-bottom: 20px
    }
}

.app-section__buttons {
    display: flex;
    gap: 8px
}

@media (min-width: 992px) {
    .app-section__buttons {
        gap: 10px
    }
}

.seo-section {
    padding: 25px 0 15px;
    background: linear-gradient(to left, #2F3328, #1F1B1F)
}

@media (min-width: 768px) {
    .seo-section {
        padding: 70px 0;
        background: linear-gradient(to bottom, #2F3328, #1F1B1F)
    }
}

.seo-section__title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .seo-section__title {
        margin-bottom: 15px
    }
}

.product-section {
    padding: 5px 0 10px;
    background: linear-gradient(135deg, #2F3328, #1F1B1F, #1F1B1F)
}

@media (min-width: 768px) {
    .product-section {
        padding: 35px 0 45px;
        background: none
    }
}

.product-section__breadcrumbs {
    margin-bottom: 7px
}

@media (min-width: 768px) {
    .product-section__breadcrumbs {
        margin-bottom: 10px
    }
}

.product-section__back-button {
    margin-bottom: 17px
}

.header-section {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    min-height: 134px;
    z-index: 0
}

.header-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: -1
}

.header-section__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.header-section__breadcrumbs {
    margin-bottom: 5px;
    text-align: center
}

@media (min-width: 768px) {
    .header-section__breadcrumbs {
        text-align: left
    }
}

@media (min-width: 768px) {
    .header-section__title {
        text-align: left
    }
}

.about-section {
    padding: 20px 0
}

@media (min-width: 768px) {
    .about-section {
        padding: 50px 0
    }
}

.about-section__text {
    margin-bottom: 15px;
    font-weight: 400
}

@media (min-width: 768px) {
    .about-section__text {
        margin-bottom: 55px;
        font-size: 18px
    }
}

.about-section__text p:last-child {
    margin-bottom: 0
}

.about-section__list {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 768px) {
    .about-section__list {
        display: flex;
		flex-direction:column;
        margin: 0 -15px
    }
}

@media (min-width: 768px) {
    .about-section__item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 35px
    }
}

/*@media (min-width: 992px) {
    .about-section__item {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        padding: 0 15px
    }
}*/



/*@media (min-width: 768px) {
    .about-section__item:not(:last-child) {
        margin-bottom: 0
    }
}*/

.delivery-section {
    padding: 20px 0 10px
}

@media (min-width: 768px) {
    .delivery-section {
        padding: 50px 0 25px
    }
}

.delivery-section__text {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .delivery-section__text {
        margin-bottom: 45px
    }
}

.delivery-section__text p:last-child {
    margin-bottom: 0
}

.delivery-section__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0 0 30px;
    list-style: none
}

@media (min-width: 768px) {
    .delivery-section__list {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 30px
    }
}

@media (min-width: 768px) {
    .delivery-section__item {
        grid-column: 6 span
    }
}

.jobs-section {
    padding: 0 0 30px
}

@media (min-width: 768px) {
    .jobs-section {
        padding: 50px 0
    }
}

.jobs-section__title {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .jobs-section__title {
        margin-bottom: 25px;
        text-align: center
    }
}

.jobs-section__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 768px) {
    .jobs-section__list {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 30px
    }
}

@media (min-width: 768px) {
    .jobs-section__item {
        grid-column: 6 span
    }
}

.contacts-section {
    padding: 20px 0 30px
}

@media (min-width: 768px) {
    .contacts-section {
        padding: 50px 0
    }
}

.contacts-section__text {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .contacts-section__text {
        margin-bottom: 30px
    }
}

.contacts-section__text p:last-child {
    margin-bottom: 0
}

.contacts-section__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 768px) {
    .contacts-section__list {
       /* display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 30px*/
    }
}

@media (min-width: 768px) {
    .contacts-section__item {
        grid-column: 6 span
    }
}

.sales-section {
    padding: 20px 0
}

@media (min-width: 768px) {
    .sales-section {
        padding: 50px 0
    }
}

.sales-section__text h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .sales-section__text h2 {
        margin-bottom: 25px;
        font-size: 20px
    }
}

.sales-section__text p:last-child {
    margin-bottom: 0
}

.thanks-section {
    position: relative;
    flex: 1;
    padding: 40px 0;
    z-index: 0
}

@media (min-width: 768px) {
    .thanks-section {
        padding: 100px 0 200px
    }
}

.thanks-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: -1
}

.thanks-section__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.thanks-section__container {
    text-align: center
}

.thanks-section__title {
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .thanks-section__title {
        margin-bottom: 25px;
        font-size: 45px
    }
}

.thanks-section__descr {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .thanks-section__descr {
        font-size: 24px;
        margin-bottom: 30px
    }
}

.thanks-section__social .social__list {
    justify-content: center
}

@media (min-width: 768px) {
    .thanks-section__social .social__list {
        gap: 35px
    }
}

.order-section {
    padding: 20px 0 30px
}

@media (min-width: 768px) {
    .order-section {
        padding: 50px 0 70px
    }
}

.order-section__title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .order-section__title {
        text-align: left
    }
}

.order-section__button {
    display: flex;
    gap: 20px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .order-section__button {
        margin: 0
    }
}

.checkout-section {
    padding: 20px 0 30px
}

@media (min-width: 768px) {
    .checkout-section {
        padding: 50px 0
    }
}

.checkout-section__title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .checkout-section__title {
        text-align-last: left
    }
}

.checkout-section__sub-title {
    color: var(--white);
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .checkout-section__sub-title {
        display: none
    }
}

.checkout-section__order-table .order-card:first-child {
    padding-top: 0
}

.latest-section {
    padding: 25px 0
}

@media (min-width: 768px) {
    .latest-section {
        padding: 70px 0
    }
}

.latest-section__header {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .latest-section__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 30px
    }
}

@media (max-width: 767.98px) {
    .latest-section__title {
        text-align: center
    }
}

@media (min-width: 768px) {
    .latest-section__button {
        gap: 20px
    }
}

.latest-section__button--visible-md {
    display: flex;
    margin: 0 auto;
    max-width: 114px
}

@media (min-width: 768px) {
    .latest-section__button--visible-md {
        display: none
    }
}

.latest-section__button--hidden-md {
    display: none
}

@media (min-width: 768px) {
    .latest-section__button--hidden-md {
        display: flex
    }
}

@media (min-width: 768px) {
    .latest-section__button .button__icon {
        width: 8px;
        height: 13px
    }
}

.news-section {
    padding: 20px 0 30px
}

@media (min-width: 768px) {
    .news-section {
        padding: 50px 0
    }
}

.news-section__title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .news-section__title {
        margin-bottom: 20px
    }
}

.news-section__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0;
    margin: 0 0 30px;
    list-style: none
}

@media (min-width: 576px) {
    .news-section__list {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 30px;
        margin-bottom: 50px
    }
}

@media (min-width: 576px) {
    .news-section__item {
        grid-column: 6 span
    }
}

@media (min-width: 992px) {
    .news-section__item {
        grid-column: 4 span
    }
}

.page-section {
    padding: 20px 0 10px;
    background: linear-gradient(135deg, #2F3328, #1F1B1F, #1F1B1F)
}

@media (min-width: 768px) {
    .page-section {
        padding: 50px 0 20px
    }
}

.page-section__text p:last-child {
    margin-bottom: 0
}

.page-section__img {
    border-radius: 4px;
    width: 100%;
    height: auto;
    margin-bottom: .8rem
}

@media (min-width: 768px) {
    .page-section__img {
        width: auto;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .page-section__img--right {
        float: right;
        margin: 0 0 .5rem 1.5rem
    }
}

@media (min-width: 768px) {
    .page-section__img--left {
        float: left;
        margin: 0 1.5rem .5rem 0
    }
}


.breadcrumbs__list {
    padding-left: 0;
    list-style: none;
    margin: 0;
    font-size: 0
}

.breadcrumbs__item {
    line-height: 1.2;
    position: relative;
    color: #9c9c9c;
    display: inline;
    font-weight: 400;
    font-size: 12px
}

@media (min-width: 768px) {
    .breadcrumbs__item {
        font-size:18px
    }
}

.breadcrumbs__item:after {
    margin: 0 4px;
    content: "/"
}

.breadcrumbs__item:last-child {
    margin-right: 0
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__link {
    position: relative;
    color: #9c9c9c;
    text-decoration: none;
    display: inline;
    transition: all .5s ease
}

.breadcrumbs__link:hover,.breadcrumbs__link:active,.breadcrumbs__link:focus-visible {
    color: #9c9c9c
}

@media (min-width: 768px) {
    .breadcrumbs__link:hover,.breadcrumbs__link:active,.breadcrumbs__link:focus-visible {
        color:var(--yellow)
    }
}

.pagenav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-left: 0;
    list-style: none;
    margin: 0
}

.pagenav__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 42px;
    line-height: 1;
    color: var(--grey);
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

@media (min-width: 768px) {
    .pagenav__item {
        height:55px;
        font-size: 18px
    }
}

.pagenav__item.is-active .pagenav__link,
.page-numbers.current{
    background: var(--green);
    border-color: var(--green);
    color: var(--white)
}

.pagenav__link,
.page-numbers{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--yellow);
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
    line-height: 1;
    transition: all .5s ease
}

@media (min-width: 768px) {
    .pagenav__link,
	.page-numbers{
        height:55px;
        width: 55px;
        font-size: 18px
    }
}

.pagenav__link:hover,.pagenav__link:active,.pagenav__link:focus-visible,
.page-numbers:hover, .page-numbers:active,.page-numbers:focus-visible{
    background: var(--yellow);
    color: var(--white);
	border-color: var(--yellow);
}

.pagenav__arrow,
.page-numbers.next,
.page-numbers.prev{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--yellow);
    border-radius: 4px;
    transition: all .5s ease;
    color: var(--white)
}

@media (min-width: 768px) {
    .pagenav__arrow,
	.page-numbers.next,
	.page-numbers.prev{
        height:55px;
        width: 55px
    }
}

.pagenav__arrow:hover,.pagenav__arrow:active,.pagenav__arrow:focus-visible {
    background: var(--yellow);
    color: var(--white);
	border-color: var(--yellow);
}

.button.tags-list__button.active {
	background: var(--green) !important;
}
.header-section__date {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 4px;
    line-height: 1;
    background: var(--green);
    color: var(--white);
    font-size: 12px;
    text-align: center;
    margin: 0 auto 10px;
}
@media (min-width: 768px) {
	.header-section__date {
		font-size: 14px;
	}

}
.page-section__text img {
    border-radius: 4px;
    width: 100%;
    height: auto;
    margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
	.page-section__text img {
		width: auto;
		max-width: 100%;
	}
	.page-section__text img.alignright {
		float: right;
		margin: 0 0 0.5rem 1.5rem;
	}
	.page-section__text img.alignleft {
		float: left;
		margin: 0 1.5rem 0.5rem 0;
	}
}