* {
    font-family: 'Wix Madefor Display', Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    list-style: none;
    resize: none;
    outline: none;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    -webkit-appearance: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    width: 100%;
    background: #fff;
    color: #252525;
    overflow-x: hidden;
    overflow-y: scroll;
}

body.disable_scroll {
    overflow: hidden;
    height: 100%;
}

h1 {
    font-size: 36px;
    line-height: 122%;
    font-weight: 600;
}

h2 {
    font-size: 36px;
    line-height: 122%;
    font-weight: 600;
}

h3 {
    font-size: 28px;
    line-height: 122%;
    font-weight: 600;
}

h4 {
    font-size: 22px;
    line-height: 126%;
    font-weight: 600;
}

h5 {
    font-size: 18px;
    line-height: 134%;
    font-weight: 600;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width: 1024px) {
    h1 {
        font-size: 30px;
        line-height: 126%;
    }

    h2 {
        font-size: 30px;
        line-height: 126%;
    }

    h3 {
        font-size: 24px;
        line-height: 132%;
    }

    h4 {
        font-size: 20px;
        line-height: 140%;
    }

    h5 {
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 576px) {
    h1 {
        font-size: 24px;
        line-height: 132%;
    }

    h2 {
        font-size: 24px;
        line-height: 132%;
    }

    h3 {
        font-size: 20px;
        line-height: 140%;
    }

    h4 {
        font-size: 20px;
        line-height: 140%;
    }

    h5 {
        font-size: 16px;
        line-height: 140%;
    }
}

a {
    color: #000;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
}

.container {
    max-width: calc(1120px + 40px);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px auto;
}

@media (max-width: 1025px) {
    .container {
        padding-left: 36px;
        padding-right: 36px;
    }
}

@media (max-width: 576px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#top .container {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
}

#top .container ul {
    display: flex;
    gap: 18px;
}

#top .container ul li,
#top .container ul li a {
    display: flex;
    align-items: center;
    height: 20px;
    font-size: 14px;
}

#top .container ul li a {
    color: #252525;
    font-weight: 600;
    grid-gap: 4px;
}

#top .container ul li a:hover {
    text-decoration: none;
    color: #AD0000;
}

#top .container ul li.special a {
    color: #F40000;
}

#top .container ul li.special a:hover {
    color: #AD0000;
}

#top .container ul li.special a .icon:before {
    background-color: #F40000;
}

#top .container ul li.special a:hover .icon:before {
    background-color: #AD0000;
}

header {
    margin-bottom: 12px;
}

.header_inner {
    padding: 4px;
    background-color: #0D0D0D;
    border-radius: 16px;
    height: 56px;
    display: flex;
    grid-gap: 4px;
}

.header_inner>* {
    height: 100%;
}

.header_inner .logo {
    background: #fff;
    min-width: 126px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_inner .logo * {
    display: flex;
}

.header_inner .logo>* {
    top: -2.5px;
    position: relative;
}

.header_inner .link {
    position: relative;
    display: flex;
    min-width: 127px;
}

.header_inner .link>p,
.header_inner .link>a {
    border-radius: 12px;
    background-color: #252525;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
    font-weight: 500;
    color: #fff;
    position: relative;
    width: 100%;
}

.header_inner .link.link_2 {
    min-width: 113px;
}

.header_inner .link:hover > p,
.header_inner .link:hover > a,
.header_inner .link.active > p,
.header_inner .link.active > a {
    cursor: pointer;
    background: #fff;
    color: #0D0D0D;
    text-decoration: none;
}

.header_inner .link.link_2.active>p,
.header_inner .link.link_2:hover>p {
    background: #5F5F5F;
    color: #fff;
}

.header_inner .link:hover>a .icon:before,
.header_inner .link.active>a .icon:before {
    background-color: #0D0D0D;
}

.header_inner .link>p .icon:before,
.header_inner .link>a .icon:before {
    background-color: #fff;
}

.header_inner .link ul {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 308px;
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
    border-radius: 20px;
    box-shadow: 0px 2px 4px -1px #0000000F;
    box-shadow: 0px 4px 6px -1px #1118271A;
    z-index: 9;
    background-color: #fff;
    height: 0px;
    transition: height 0.3s ease;
    visibility: hidden;
    overflow: hidden;
}

.header_inner .link.active ul {
    visibility: visible;
    height: 160px;
}

.header_inner .link ul li {
    border-radius: 16px;
    background-color: #F3F3F5;
    padding: 4px;
    display: flex;
}

.header_inner .link ul li:hover {
    background-color: #AD0000;
}

.header_inner .link ul li a {
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-gap: 4px;
    min-height: 40px;
    width: 100%;
}

.header_inner .link ul li:hover a {
    cursor: pointer;
    text-decoration: none;
}

.header_inner .link ul li a .icon:before {
    mask-size: 16px;
    -webkit-mask-size: 16px;
    background-color: #EB0E0E;
}

.header_inner .link ul li a .icon,
.header_inner .link ul li a p {
    background-color: #fff;
    border-radius: 12px;
}

.header_inner .link ul li:hover a p {
    background-color: #F40000;
    color: #fff;
}

.header_inner .link ul li a p {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    color: #0D0D0D;
    font-size: 16px;
    line-height: 150%;
    padding: 0px 22px;
}

.header_inner #search {
    min-width: 300px;
    position: relative;
    display: flex;
    align-items: center;
}

.header_inner #search:before {
    content: '';
    position: absolute;
    left: 16.5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(../icons/search.svg) no-repeat center;
    mask: url(../icons/search.svg) no-repeat center;
    -webkit-mask-size: 18px;
    mask-size: 18px;
    width: 18px;
    height: 18px;
    background-color: #848484;
}

.header_inner #search:hover:before {
    background-color: #fff;
}

.header_inner #search input {
    padding-left: 40.5px;
    height: 100%;
    color: #fff;
    width: 100%;
    border-radius: 12px;
    border: none;
    background-color: #252525;
}

.header_inner #search input::placeholder {
    color: #848484;
}

.header_inner #search:hover input::placeholder {
    color: #fff;
}

.search_list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 512px;
    top: calc(100% + 8px);
    z-index: 9;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 2px 4px -1px #0000000F;
    box-shadow: 0px 4px 6px -1px #1118271A;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    padding: 24px;
    height: 0px;
    visibility: hidden;
    transition: height 0.3s ease;
    overflow-y: auto;
}

.search_list.active {
    visibility: inherit;
    height: 262px;
}

.search_list li {
    display: flex;
}

.search_list li:not(:first-child) {
    border-top: 1px dashed #DCDCDE;
    padding-top: 24px;
}

.search_list li .item {
    display: grid;
    align-items: center;
    grid-template-columns: 118px 1fr;
    grid-gap: 16px;
}

.search_list li .item:hover {
    text-decoration: none;
    cursor: pointer;
}

.search_list li .item .image {
    height: 82px;
}

.search_list li .item .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.search_list li .item .caption {
    padding: 11px 0px;
}

.search_list li .item .caption p {
    font-weight: 600;
    color: #1F3030;
    margin-bottom: 8px;
    height: 24px;
    overflow: hidden;
}

.search_list li .item:hover .caption p {
    color: #AD0000;
}

.search_list li .item .caption .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search_list li .item .caption .model {
    color: #4D4D51;
}

.search_list li .item .caption .price_stock {
    color: #1F3030;
    font-size: 18px;
    font-weight: 600;
    line-height: 158%;
    display: flex;
    align-items: flex-end;
    grid-gap: 4px;
    line-height: 1;
}

.search_list li .item .caption .price_stock span {
    font-weight: 600;
    color: #1F3030;
    line-height: 1;
}

.mobile_search_form {
    display: none;
}

@media (max-width: 1025px) {
    .search_list {
        min-width: 100%;
        left: 0;
        transform: none;
    }

    .mobile_search_form {
        display: grid;
        position: relative;
        width: 100%;
        margin-top: 16px;
    }

    .mobile_search_form .form-group {
        display: flex;
        width: 100%;
        position: relative;
    }

    .mobile_search_form .form-group:before {
        content: '';
        position: absolute;
        left: 16.5px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-mask: url(../icons/search.svg) no-repeat center;
        mask: url(../icons/search.svg) no-repeat center;
        -webkit-mask-size: 18px;
        mask-size: 18px;
        width: 18px;
        height: 18px;
        background-color: #848484;
    }

    .mobile_search_form .form-group input {
        background-color: #fff;
        border-radius: 12px;
        color: #0D0D0D;
        height: 48px;
        padding: 0px 14px;
        padding-left: 44px;
        width: 100%;
        border: none;
    }

    .mobile_search_form input::placeholder {
        color: #0D0D0D;
    }
}

@media (max-width: 576px) {
    .search_list {
        display: none;
    }
}



.header_inner .phone {
    border-radius: 12px;
    min-width: 195px;
    background-color: #252525;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header_inner .phone:hover {
    background-color: #fff;
}

.header_inner .phone a {
    font-weight: 500;
    color: #fff;
}

.header_inner .phone:hover a {
    color: #0D0D0D;
}

.header_inner .phone .time {
    font-size: 12px;
    color: #848484;
    font-weight: 500;
}

.header_inner .phone:hover .time {
    color: #848484;
}

.header_inner #cart {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    min-width: 48px;
    background-color: #fff;
    position: relative;
}

.header_inner #cart .icon.icon_cart:before {
    background-color: #EB0E0E;
}

.header_inner #cart:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.header_inner #cart:hover .icon.icon_cart:before {
    background-color: #fff;
}

.header_inner #cart #cart_count {
    font-size: 8px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 14px;
    height: 14px;
    background-color: #0D0D0D;
    position: absolute;
    right: 4px;
    top: 4px;
    border-radius: 100%;
}

.header_inner #callback {
    width: 100%;
    background-color: #EB0E0E;
    display: flex;
    align-items: center;
    border-radius: 12px;
    justify-content: center;
}

.header_inner #callback:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.header_inner #callback>p {
    color: #fff;
    font-weight: 600;
}

.header_inner #mobile_menu {
    display: none;
}

section {
    padding-bottom: 100px;
    padding-top: 100px;
}

.main_banners {
    padding-top: 44px;
}

.main_banners_inner {
    position: relative;
}

.main_banners_inner .item a,
.main_banners_inner .item a img {
    width: 100%;
}

.arrow {
    width: 48px;
    height: 48px;
    background-color: rgb(255, 255, 255, .5);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow .icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 8px;
}

.arrow:hover {
    cursor: pointer;
}

.arrow:hover .icon:before {
    background-color: #EB0E0E;
}

.main_banners .arrow {
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
}

.main_banners .arrow_left {
    left: 16px;
}

.main_banners .arrow_right {
    right: 16px;
}

.section_title {
    display: flex;
    align-items: center;
    grid-gap: 24px;
    margin-bottom: 48px;
}

.section_title h2,
.section_title h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 122%;
    margin-bottom: 0px;
}

.tab_links {
    height: 48px;
    display: flex;
    align-items: center;
    grid-gap: 4px;
    padding: 4px;
    background-color: #fff;
    border-radius: 16px;
}

.tab_links li {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #0D0D0D;
    height: 100%;
    border-radius: 12px;
    padding: 0px 14px;
}

.tab_links li:hover {
    cursor: pointer;
}

.tab_links li.active {
    background-color: #F3F3F5;
}

.section_title .arrows {
    margin-left: auto;
    display: flex;
}

.arrows_with_background {
    display: flex;
}

.section_title .arrows .arrow {
    background-color: #fff;
}

.arrows_white .arrow,
.arrows_with_background .arrow {
    background-color: #F3F3F5 !important;
}

.section_title .arrows .arrow .icon {
    background-color: #F3F3F5;
    border-radius: 12px;
}

.section_title .arrows_white .arrow .icon {
    background-color: #fff;
}

.section_title .arrows .arrow:hover .icon {
    cursor: pointer;
    background-color: #0D0D0D;
}

.section_title .arrows .arrow:hover .icon:before {
    background-color: #fff;
}

.arrows_with_background .arrow_left,
.section_title .arrows .arrow_left {
    border-radius: 16px 0px 0px 16px;
    margin-right: -4px;
}

.arrows_with_background .arrow_right,
.section_title .arrows .arrow_right {
    border-radius: 0px 16px 16px 0px;
}

.section_title .link {
    height: 48px;
    border-radius: 16px;
    padding: 4px;
    background-color: #F3F3F5;
    margin-left: auto;
    display: flex;
}

.section_title .link a {
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    font-weight: 600;
    color: #0D0D0D;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
}

.section_title .link a:hover {
    color: #AD0000;
    text-decoration: none;
}

.tab_content {
    display: none;
}

@media (max-width: 1025px) {

    #top,
    .header_inner .link,
    .header_inner #search,
    .main_banners .arrow {
        display: none;
    }

    header {
        margin-top: 16px;
    }

    .header_inner #mobile_menu {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 48px;
        height: 48px;
        border-radius: 12px;
        background-color: #252525;
    }

    .header_inner #mobile_menu .icon:before {
        background-color: #fff;
    }

    .header_inner #mobile_menu.active .icon:before {
        background-color: #fff;
        -webkit-mask: url(../icons/close.svg) no-repeat center;
        mask: url(../icons/close.svg) no-repeat center;
        -webkit-mask-size: 22px;
        mask-size: 22px;
    }

    .header_inner #callback {
        max-width: 178px;
    }

    .header_inner .phone {
        min-width: initial;
        width: 100%;
    }

    .section_title h2,
    .section_title h3 {
        font-weight: 600;
        font-size: 30px;
        line-height: 126%;
        margin-bottom: 0px;
    }
}

@media (max-width: 576px) {
    section {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .section_title {
        margin-bottom: 32px;
    }

    .section_title h2,
    .section_title h3 {
        font-size: 24px;
        line-height: 132%;
    }

    .section_title .link,
    .header_inner .phone,
    .header_inner #callback,
    .section_title .arrows {
        display: none;
    }

    .section_title .tab_links li {
        padding: 0px 10px;
    }

    .header_inner #cart {
        margin-left: auto;
    }

    .main_banners {
        padding-top: 20px;
    }
}

.tab_content.active {
    display: block;
}

.our_services {
    background-color: #F3F3F5;
    padding-bottom: 0px;
}

.our_services_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
}

.our_services_items .item {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
}

.our_services_items .item>u {
    text-decoration: none;
    color: #4D4D51;
    font-weight: 600;
    line-height: 126%;
}

.our_services_items .item>p {
    color: #0D0D0D;
    margin-top: 8px;
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
}

.our_services_items .item .transfer {
    margin-top: 12px;
    display: flex;
    grid-gap: 4px;
    background-color: #0D0D0D;
    padding: 4px;
    border-radius: 16px;
    width: fit-content;
}

.our_services_items .item .transfer:hover {
    background-color: #AD0000;
}

.our_services_items .item .transfer>* {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
}

.our_services_items .item .transfer>.icon {
    background-color: #fff;
}

.our_services_items .item .transfer>.icon:before {
    background-color: #EB0E0E;
}

.our_services_items .item .transfer a>.icon {
    background-color: #252525;
    width: 100%;
}

.our_services_items .item .transfer a>.icon:before {
    background-color: #fff;
}

.our_services_items .item .transfer:hover a>.icon {
    background-color: #EB0E0E;
}

.our_services_items .item .transfer:hover a>.icon:before {
    background-color: #fff;
}

.our_services_items .item .text {
    border-top: 1px solid #DCDCDE;
    margin-top: 48px;
    padding-top: 16px;
    padding-left: 16px;
    position: relative;
}

.our_services_items .item .text .icon.icon_plus {
    position: absolute;
    top: 24px;
    left: 0;
}

.our_services_items .item .text .icon.icon_plus:before {
    background-color: #EB0E0E;
}

.our_services_items .item .text p {
    color: #4D4D51;
}

@media (max-width: 1025px) {
    .our_services_items {
        grid-template-columns: 1fr;
    }
}

.products_tab {
    background-color: #F3F3F5;
}

.item_product {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
    box-shadow: 0px 2px 8px 5px #00000000;
}

.item_product:hover {
    box-shadow: 0px 2px 8px 5px #00000009;
    transform: scale(1.08);
}

*:not(.swiper) .item_product:hover {
    transform: scale(1);
    box-shadow: none;
}

.item_product>.info {
    padding: 16px;
    padding-bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item_product>.info .model {
    font-size: 14px;
    color: #4D4D51;
    text-transform: uppercase;
}

.item_product>.info .stickers {
    display: flex;
    align-items: center;
    grid-gap: 4px;
}

.item_product>.info .stickers>.sticker {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #FFEEDF;
    color: #FF6200;
    padding: 0px 4px;
    height: 24px;
    display: flex;
    align-items: center;
    border-radius: 6px;
}

.item_product>.info .stickers>.sticker.sticker_sale {
    background-color: #FFECEC;
    color: #EB0E0E;
}

.item_product>.image {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 24px;
    display: flex;
}

.item_product>.image a,
.item_product>.image a img {
    display: flex;
    width: 100%;
}

.item_product>.image a img {
    max-height: 170px;
    max-width: 100%;
    object-fit: contain;
}

.item_product>.caption .link {
    height: 72px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 24px;
    margin-right: 24px;
}

.item_product>.caption .link a {
    font-weight: 500;
    font-size: 18px;
    color: #0D0D0D;
    line-height: 134%;
}

.swiper .item_product:hover .caption .link a,
.item_product>.caption .link a:hover {
    color: #AD0000;
    text-decoration: none;
}

.item_product>.caption .additional {
    padding: 24px;
    padding-top: 0px;
    position: relative;
}

.price {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
}

.price_top {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    min-height: 24px;
}

.price_top .price_old {
    color: #4D4D51;
    font-weight: 500;
    text-decoration: line-through;
}

.price_top .price_economy {
    height: 20px;
    border-radius: 6px;
    background-color: #FFECEC;
    padding: 0px 4px;
    font-weight: 700;
    color: #EB0E0E;
    line-height: 150%;
    display: flex;
    align-items: center;
}

.price_bottom .price_stock {
    font-weight: 600;
    font-size: 36px;
    line-height: 122%;
    color: #0D0D0D;
    display: flex;
    grid-gap: 4px;
    align-items: flex-end;
}

.price_bottom .price_stock span {
    font-weight: 600;
    line-height: 158%;
    font-size: 18px;
    color: #0D0D0D;
}

.btn_add_to_cart {
    position: relative;
    border: none;
    background-color: #EB0E0E;
    border-radius: 16px;
    height: 48px;
    padding: 0px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}

.item_product>.caption .additional .btn_add_to_cart {
    position: absolute;
    padding: 0px;
    right: 24px;
    bottom: 24px;
    width: 48px;
}

.btn_add_to_cart:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.btn_add_to_cart .icon:before {
    background-color: #fff;
}

@media (max-width: 1025px) {
    .products_tab .section_title {
        flex-wrap: wrap;
    }

    .products_tab .section_title h2 {
        flex: 0 0 100%;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .items_products.items_products_slider .swiper {
        margin-right: -20px;
    }

    .items_products.items_products_slider .swiper-slide {
        width: 264px;
    }
}

.hard_sides {
    background-color: #0D0D0D;
}

.hard_sides .section_title * {
    color: #fff;
}

.hard_sides_items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}

.hard_sides_items .item {
    height: 480px;
    border-radius: 16px;
    padding: 24px;
    color: #fff;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    position: relative;
}

.hard_sides_items .item>* {
    position: relative;
}

.hard_sides_items .item.item_1 {
    background: linear-gradient(67deg, #eb0e0e, #ff6a00);
    background-size: 200% 200%;
    animation: gradientMove 2s ease infinite;
}

.hard_sides_items .item.item_3 {
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 49.52%, rgba(0, 0, 0, .8) 100%),
        url('../img/s_bg.png') 50% 50% / cover no-repeat;
}

.hard_sides_items .item .icon {
    width: 48px;
    height: 48px;
    background-color: rgb(255, 255, 255, .25);
    backdrop-filter: blur(32px);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hard_sides_items .item .icon:before {
    background-color: #fff;
}

.hard_sides_items .item p {
    font-weight: 600;
    line-height: 134%;
    font-size: 18px;
    margin-top: 16px;
}

.hard_sides_items .item u {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgb(255, 255, 255, .25);
    width: 100%;
}

.hard_sides_items .item u b {
    font-weight: 600;
}

@media (max-width: 1025px) {
    .hard_sides_items {
        grid-template-columns: 1fr 1fr;
    }

    .hard_sides_items .item {
        height: 308px;
    }

    .hard_sides_items .item.item_3 {
        background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 49.52%, rgba(0, 0, 0, .8) 100%),
            url('../img/s_bg.png') 67% 50% / cover no-repeat;
    }

    .hard_sides_items .item p {
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 576px) {
    .hard_sides_items {
        grid-template-columns: 1fr;
    }
}

.main_work {
    background-color: #F3F3F5;
}

.main_work_item {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.main_work_item .caption {
    display: flex;
    flex-direction: column;
    margin: 48px;
}

.main_work_item .caption p {
    color: #0D0D0D;
    font-weight: 600;
    line-height: 122%;
    font-size: 28px;
    margin-bottom: 12px;
    height: 68px;
}

.main_work_item .caption span {
    height: 72px;
    overflow: hidden;
    margin-bottom: 24px;
}

.main_work_item .caption a {
    height: 48px;
    border-radius: 16px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    background-color: #0D0D0D;
    color: #fff;
    width: fit-content;
}

.main_work_item .caption a:hover {
    background-color: #AD0000;
    text-decoration: none;
}

.main_work_top {
    height: 400px;
    margin-bottom: 8px;
}

.main_work_top .main_work_item .image span:nth-of-type(1) {
    position: absolute;
    width: 119px;
    height: 843px;
    top: -100px;
    right: 150px;
    transform: rotate(30deg);
    opacity: 0.35;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -0.19%, #E4E4E6 99.81%);
}

.main_work_top .main_work_item .image span:nth-of-type(2) {
    position: absolute;
    width: 119px;
    height: 843px;
    top: -100px;
    right: 300px;
    transform: rotate(30deg);
    opacity: 0.35;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -0.19%, #E4E4E6 99.81%);
}

.main_work_top .main_work_item .image span:nth-of-type(3) {
    position: absolute;
    width: 119px;
    height: 843px;
    top: -100px;
    right: 470px;
    transform: rotate(30deg);
    opacity: 0.35;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -0.19%, #E4E4E6 99.81%);
}

.main_work_top .main_work_item .caption {
    max-width: 494px;
}

.main_work_top .main_work_item .image span:nth-of-type(4) {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 524px;
    display: flex;
    background: url('../img/gn.png') no-repeat 50% 50%;
    height: 385px;
}

.main_work_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.main_work_bottom .main_work_item .image {
    height: 160px;
    display: flex;
}

.main_work_bottom .main_work_item:nth-of-type(1) .image {
    background: url('../img/gn2.jpg') no-repeat 50% 70%;
    background-size: cover;
    width: 100%;
}

.main_work_bottom .main_work_item:nth-of-type(2) .image {
    background: url('../img/gn3.jpg') no-repeat 50% 70%;
    background-size: cover;
    width: 100%;
}

@media (max-width: 1025px) {
    .main_work_top .main_work_item .image span:nth-of-type(1) {
        right: 65px;
    }

    .main_work_top .main_work_item .image span:nth-of-type(2) {
        right: 160px;
    }

    .main_work_top .main_work_item .image span:nth-of-type(3) {
        right: 250px;
    }

    .main_work_top .main_work_item .image span:nth-of-type(4) {
        width: 412px;
        height: 304px;
        background-size: contain;
        right: -56px;
    }

    .main_work_top .main_work_item .caption {
        max-width: 360px;
    }

    .main_work_item .caption p {
        font-size: 24px;
        line-height: 132%;
        height: 64px;
    }

    .main_work_item .caption span {
        height: 96px;
    }

    .main_work_bottom {
        grid-template-columns: 1fr;
    }

    .main_work_item {
        display: grid;
        grid-template-columns: 1fr 240px;
        grid-gap: 48px;
    }

    .main_work_bottom .main_work_item .image {
        height: 100%;
    }

    .main_work_bottom .main_work_item:nth-of-type(1) .image {
        background: url('../img/gn2.jpg') no-repeat 43% 70%;
        background-size: cover;
    }
}

@media (max-width: 576px) {
    .main_work_top {
        height: initial;
    }

    .main_work_item {
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }

    .main_work_item .caption {
        margin: 24px;
    }

    .main_work_item .caption p {
        font-size: 20px;
        line-height: 140%;
        height: 56px;
    }

    .main_work_item .caption span {
        height: 120px;
    }

    .main_work_item .caption a {
        width: 100%;
        justify-content: center;
    }

    .main_work_top .main_work_item .image span:nth-of-type(4) {
        position: relative;
        right: inherit;
        bottom: initial;
        width: 100%;
        height: 200px;
    }

    .main_work_top .main_work_item .image span:nth-of-type(1),
    .main_work_top .main_work_item .image span:nth-of-type(2) {
        display: none;
    }

    .main_work_top .main_work_item .image span:nth-of-type(3) {
        right: -126px;
    }

    .main_work_bottom .main_work_item .image {
        height: 92px;
    }
}

.work_finish {
    padding-top: 0px;
    background-color: #F3F3F5;
}

.blog_item .image,
.work_finish_item .image {
    height: 262px;
    position: relative;
    margin-bottom: 16px;
    border-radius: 16px;
    overflow: hidden;
}

.blog_item .image a,
.work_finish_item .image a {
    width: 100%;
    height: 100%;
    display: flex;
}

.blog_item .image img,
.work_finish_item .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blog_item .image .link,
.work_finish_item .image .link {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 48px;
    height: 48px;
}

.blog_item .image .link a,
.work_finish_item .image .link a {
    background-color: rgb(255, 255, 255, .5);
    border-radius: 12px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_item .image .link .icon,
.work_finish_item .image .link .icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 8px;
}

.blog_item .image:hover .link .icon:before,
.work_finish_item .image:hover .link .icon:before {
    background-color: #EB0E0E;
}

.blog_item .caption,
.work_finish_item .caption {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}

.blog_item .caption .name,
.work_finish_item .caption .name {
    height: 48px;
    overflow: hidden;
}

.blog_item .caption .name a,
.work_finish_item .caption .name a {
    color: #0D0D0D;
    font-weight: 600;
    font-size: 18px;
    line-height: 134%;
}

.blog_item:hover .caption .name a,
.work_finish_item:hover .caption .name a {
    color: #AD0000;
    text-decoration: none;
}

.blog_main_image .caption .additional,
.blog_item .caption .additional,
.work_finish_item .caption .additional {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.blog_main_image .caption .additional>*,
.blog_item .caption .additional>*,
.work_finish_item .caption .additional>* {
    border: 1px solid #0D0D0D;
    height: 32px;
    padding: 0px 12px;
    font-weight: 600;
    color: #0D0D0D;
    border-radius: 100px;
    display: flex;
    align-items: center;
    line-height: 140%;
    font-size: 14px;
}

.blog_main_image .caption .additional>.date,
.blog_item .caption .additional>.date,
.work_finish_item .caption .additional>.date {
    border-color: transparent;
    background-color: #fff;
}

.blog_item .caption .additional>.date {
    background-color: #F3F3F5;

}

.blog_items .blog_item .caption .additional>.date {
    background-color: #fff;

}

.blog_start_content {
    display: grid;
    grid-template-columns: 556px 1fr;
    grid-gap: 32px;
}

.blog_start_content_left {
    display: grid;
}

.blog_start_content_left .image {
    height: 340px;
}

.blog_start_content_right {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 29.5px;
}

.blog_start_content_right .blog_item {
    display: grid;
    grid-template-columns: 1fr 180px;
    grid-gap: 16px;
    padding-top: 29.5px;
    border-top: 1px solid #DCDCDE;
}

.blog_start_content_link_mobile {
    display: none;
}

@media (min-width: 1026px) {
    .blog_start_content_right .blog_item:nth-of-type(1) {
        padding-top: 0px;
        border-top: none;
    }
}

.blog_start_content_right .blog_item .image {
    height: 110px;
    margin-bottom: 0px;
}

@media (max-width: 1025px) {
    .blog_start_content {
        grid-template-columns: 1fr;
    }

    .blog_start_content_left .caption .name {
        height: 24px;
    }

    .blog_item .caption .name a,
    .work_finish_item .caption .name a {
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 576px) {
    .work_finish_content.swiper {
        margin-right: -20px;
    }

    .work_finish_content.swiper .swiper-slide {
        width: 292px;
    }

    .blog_start_content_right .blog_item {
        grid-template-columns: 1fr 1fr;
    }

    .blog_start_content_link_mobile {
        display: flex;
        margin-top: 32px;
        padding: 4px;
        background-color: #F3F3F5;
        height: 48px;
        border-radius: 16px;
    }

    .blog_start_content_link_mobile a {
        font-weight: 600;
        color: #0D0D0D;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.seo_text {
    padding-top: 0px;
}

.seo_text_inner {
    border: 1px solid #DCDCDE;
    border-radius: 16px;
    padding: 48px;
}

.seo_text_inner .description {
    position: relative;
    overflow: hidden;
}

.seo_text_inner .description:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.seo_text_inner .description.active:after {
    display: none;
}

.seo_text_inner h3 {
    margin-bottom: 24px;
}

.more_button {
    color: #EB0E0E;
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    font-weight: 600;
    grid-gap: 6px;
}

.more_button:hover {
    cursor: pointer;
    color: #AD0000;
}

.more_button .icon:before {
    background-color: #EB0E0E;
}

.more_button:hover .icon:before {
    background-color: #AD0000;
}

.seo_text_inner .more_button {
    margin-top: 24px;
}

@media (max-width: 576px) {
    .seo_text_inner {
        padding: 24px;
    }
}

.description p {
    font-size: 18px;
    line-height: 158%;
}

.breadcrumb {
    margin-bottom: 24px;
    overflow-x: hidden;
}

.breadcrumb * {
    white-space: nowrap;
}

.breadcrumb ul {
    display: flex;
    align-items: center;
    grid-gap: 6px;
}

.breadcrumb ul li {
    font-size: 14px;
    font-weight: 400;
}

.breadcrumb ul li a {
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    grid-gap: 6px;
}

.breadcrumb ul li:nth-of-type(1) a:before {
    width: 14px;
    height: 14px;
    background-color: #0D0D0D;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-mask: url(../icons/home.svg) no-repeat center;
    mask: url(../icons/home.svg) no-repeat center;
    -webkit-mask-size: 14px;
    mask-size: 14px;
}

.breadcrumb ul li a:after {
    width: 12px;
    height: 12px;
    background-color: #0D0D0D;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    -webkit-mask-size: 5px;
    mask-size: 5px;
    transform: rotate(180deg);
}

.select {
    background-color: transparent;
    border: none;
    width: 100%;
    font-weight: 600;
}

.select[name="sorting"] {
    max-width: 155px;
}

/* .select_wrapper {
    position: relative;
}

.select_wrapper:before {
    width: 12px;
    height: 12px;
    background-color: #0D0D0D;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    -webkit-mask-size: 5px;
    mask-size: 5px;
    transition: transform .3s ease-in-out;
}

.select_wrapper.active:before {
    transform: translateY(-50%) rotate(90deg);
} */

.catalog_page {
    background-color: #F3F3F5;
}

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

.catalog_content {
    display: grid;
    grid-template-columns: 274px 1fr;
    grid-gap: 8px;
    margin-top: 24px;
    padding-bottom: 100px;
}

.items_products:not(.items_products_slider) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
}

.catalog_pagination_more {
    border-radius: 16px;
    width: 100%;
    background-color: #0D0D0D;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-top: 16px;
}

.catalog_pagination_more:hover {
    background-color: #AD0000;
    cursor: pointer;
    text-decoration: none;
}

.catalog_pagination_links {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
}

.catalog_pagination_links ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 4px;
    padding: 4px;
    background-color: #F3F3F5;
    border-radius: 16px;
}

.catalog_pagination_links ul li,
.catalog_pagination_links ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
}

.catalog_pagination_links ul li {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid transparent;
}

.catalog_pagination_links ul li:hover {
    border-color: #0D0D0D;
}

.catalog_pagination_links ul li.active {
    background-color: #0D0D0D;
}

.catalog_pagination_links ul li a {
    width: 100%;
    height: 100%;
}

.catalog_pagination_links ul li a:hover {
    text-decoration: none;
}

.catalog_pagination_links ul li.active a {
    color: #fff;
}

.catalog_pagination_links .replace_page {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 4px;
    padding: 4px;
    background-color: #F3F3F5;
    border-radius: 16px;
}

.catalog_pagination_links .replace_page input {
    width: 96px;
    padding: 0px 16px;
    height: 40px;
    border: none;
    border-radius: 12px;
    color: #848484;
}

.catalog_pagination_links .replace_page input::placeholder {
    color: #848484;
}

.catalog_pagination_links .replace_page button {
    text-transform: uppercase;
    color: #fff;
    background-color: #0D0D0D;
    border: none;
    font-weight: 600;
    width: initial;
    padding: 0px 16px;
    height: 40px;
    border-radius: 12px;
}

.catalog_pagination_links .replace_page button:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.catalog_pagination_more p {
    font-weight: 600;
    color: #fff;
}

.aside_block {
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
}

.filter {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.filter_item:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px solid #DCDCDE;
}

.filter_item .filter_item_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24px;
}

.filter_item .filter_item_title p {
    font-weight: 600;
}

.filter_item .filter_item_title:hover {
    cursor: pointer;
}

.filter_item .filter_item_title:hover p {
    cursor: pointer;
    color: #AD0000;
}

.filter_item .filter_item_title:hover .icon::before {
    background-color: #AD0000;
}

.filter_item.active .filter_item_title .icon::before {
    transform: rotate(90deg);
}

.filter_item .filter_item_content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-top: 16px;
}

.filter_item.active .filter_item_content {
    display: none;
}

.filter_item .filter_item_content .filter_item_content_item {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.filter_item .filter_item_content .filter_item_content_item label {
    font-size: 14px;
    color: #4D4D51;
    line-height: 140%;
    font-weight: 500;
    padding-left: 24px;
    display: flex;
    min-height: 20px;
    position: relative;
}

.filter_item .filter_item_content .filter_item_content_item label:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #F3F3F5;
    left: 0;
    top: 2px;
}

.filter_item .filter_item_content .filter_item_content_item input:checked+label:before {
    background-color: #0D0D0D;

}

.filter_item .filter_item_content .filter_item_content_item label:hover:before {
    background-color: #DCDCDE;
    cursor: pointer;
}

.filter_item .filter_item_content .filter_item_content_item input:checked+label:after {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    -webkit-mask: url(../icons/check.svg) no-repeat center;
    mask: url(../icons/check.svg) no-repeat center;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    background-color: #fff;
    left: 0;
    top: 2px;
}

.filter_item .filter_price {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.filter_item .filter_price .filter_price_form {
    display: grid;
    grid-template-columns: 1fr 1fr 42px;
    grid-gap: 4px;
}

.filter_item .filter_price .filter_price_form input {
    border: 1px solid #DCDCDE;
    border-radius: 12px;
    height: 36px;
    padding: 0px 12px;
    color: #848484;
    font-size: 14px;
    line-height: 140%;
    width: 100%;
}

.filter_item .filter_price .filter_price_form input::placeholder {
    color: #848484;
}

.filter_item .filter_price .filter_price_form button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0D0D0D;
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    border: none;
}

.filter_item .filter_price .filter_price_form button:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.filter_item .filter_price .filter_price_hot_links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.filter_item .filter_price .filter_price_hot_links a {
    background-color: #F3F3F5;
    border-radius: 8px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #252525;
}

.filter_item .filter_price .filter_price_hot_links a.active,
.filter_item .filter_price .filter_price_hot_links a:hover {
    background-color: #E9E9E9;
    text-decoration: none;
}

.catalog_top_additional {
    display: flex;
    align-items: center;
}

.filter_mobile_title,
.filter_mobile_link {
    display: none;
}

@media (max-width: 1025px) {
    .catalog_content {
        grid-template-columns: 1fr;
    }

    .catalog_content_left {
        display: block;
        position: absolute;
        left: -100%;
        transition: left 1s ease-in-out;
        top: 0;
        height: 100%;
        width: 274px;
        z-index: 999;
        border-radius: 0px;
        background-color: #fff;
        overflow: auto;
    }

    .catalog_content_left.active {
        left: 0;
    }

    .items_products:not(.items_products_slider) {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog_top {
        flex-direction: column;
        align-items: flex-start;
    }

    .catalog_top_additional {
        margin-top: 24px;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8px;
    }

    .catalog_top_additional .select {
        background-color: #fff;
        height: 48px;
        width: 100%;
        padding: 0px 16px;
        border-radius: 16px;
    }

    .filter_mobile_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 600;
        font-size: 24px;
        color: #001732;
        line-height: 132%;
    }

    .filter_mobile_title .icon:before {
        -webkit-mask: url(../icons/close.svg) no-repeat center;
        mask: url(../icons/close.svg) no-repeat center;
        -webkit-mask-size: 22px;
        mask-size: 22px;
        background-color: #AFB9C5;
    }

    .select_wrapper:before {
        right: 16px;
    }

    .catalog_top_additional .select[name="sorting"] {
        max-width: initial;
    }

    .catalog_top_additional .filter_mobile_link {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        background-color: #0D0D0D;
        grid-gap: 8px;
        border-radius: 16px;
    }

    .catalog_top_additional .filter_mobile_link p {
        font-weight: 600;
        color: #fff;
    }

    .catalog_top_additional .filter_mobile_link .icon:before {
        background-color: #fff;
    }

}

@media (max-width: 576px) {
    .catalog_content {
        margin-top: 16px;
    }

    .catalog_top_additional,
    .items_products:not(.items_products_slider) {
        grid-template-columns: 1fr;
    }

    .catalog_pagination_links {
        flex-direction: column;
        grid-gap: 16px;
    }

    .catalog_pagination_links ul li:nth-of-type(5) {
        display: none;
    }

    .catalog_pagination_links .replace_page input {
        width: initial;
    }
}

.card_product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    padding-bottom: 100px;
    padding-top: 24px;
}

.card_product_left .image {
    width: 100%;
    position: sticky;
    top: 24px;
}

.card_product_left .image img {
    width: 100%;
    object-fit: contain;
    max-height: 400px;
}

.card_product_right {
    display: flex;
    flex-direction: column;
}

.card_product_right .model {
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #4D4D51;
    font-size: 14px;
    display: flex;
}

.card_product_right h1 {
    color: #0D0D0D;
    margin-bottom: 24px;
}

.card_product_right .price_and_buttons {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
}

.quantity {
    display: flex;
    border: 1px solid #DCDCDE;
    border-radius: 16px;
    width: fit-content;
}

.quantity input {
    border: none;
    background: transparent;
    text-align: center;
    font-weight: 600;
    color: #0D0D0D;
    width: 36px;
    height: 48px;
}

.quantity button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34.5px;
    height: 48px;
}

.quantity button:hover .icon:before {
    background-color: #AD0000;
    cursor: pointer;
}

.card_product_right .buttons {
    width: fit-content;
    display: flex;
    align-items: center;
    grid-gap: 4px;
}

.data_blocks {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    grid-gap: 20px;
}

.data_blocks .item:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #DCDCDE;
}

.data_blocks .item h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.data_blocks .item .items {
    display: none;
    flex-direction: column;
    grid-gap: 12px;
    margin-top: 16px;
}

.data_blocks .item.active .items {
    display: flex;
}

.data_blocks .item .items:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.data_blocks .item .items li {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    justify-content: space-between;
}

.data_blocks .item .items li p {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    font-weight: 500;
}

.data_blocks .item .items li p span.icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.data_blocks .item .items li>span {
    color: #4D4D51;
}

.data_blocks .item .items li:nth-of-type(1) {
    padding-bottom: 16px;
    margin-bottom: 4px;
    border-bottom: 1px dashed #DCDCDE;
}

.data_blocks .item .items li:nth-of-type(1)>span {
    font-weight: 600;
    color: #39B34C;
}

.attributes {
    display: flex;
    flex-direction: column;
}

.attributes li {
    padding: 8px 0px;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    border-bottom: 1px dashed #DCDCDE;
}

.attributes li:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

.attributes li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.attributes li p {
    font-weight: 600;
    color: #AAAAB0;
    line-height: 140%;
    font-size: 14px;
}

.attributes li span {
    color: #0D0D0D;
    font-weight: 500;
}

.about_product {
    margin-top: 64px;
}

.about_product .tab_links {
    background-color: #F3F3F5;
    width: fit-content;
    margin-top: 16px;
    margin-bottom: 24px;
}

.about_product .tab_links li.active {
    background-color: #fff;
}

.related_products {
    background-color: #F3F3F5;
}

@media (max-width: 1025px) {
    .card_product {
        grid-template-columns: 1fr;
    }

    .card_product_left .image {
        position: relative;
        top: initial;
    }

    .card_product_left .image img {
        max-height: none;
    }

    .card_product_right {
        margin-top: 24px;
    }

    .card_product_right h1 {
        font-size: 30px;
        line-height: 126%;
    }

    .card_product_right .price_and_buttons {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .card_product {
        padding-top: 8px;
    }

    .card_product_right h1 {
        font-size: 24px;
        line-height: 132%;
    }

    .data_blocks .item .items li,
    .card_product_right .price_and_buttons {
        flex-direction: column;
    }

    .data_blocks .item .items li {
        align-items: flex-start;
        grid-gap: 8px;
    }

    .card_product {
        padding-bottom: 64px;
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0D0D0D80;
    z-index: 999;
    display: none;
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background-color: #fff;
    border-radius: 16px;
    padding: 32px;
    z-index: 1000;
    display: none;
    max-width: 90%;
    width: 748px;
    transition: transform 0.2s ease-in-out;
}

.modal.active {
    transform: translate(-50%, -50%) scale(1);
}

.modal.modalAlert {
    max-width: 576px;
}

.modal_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #0D0D0D;
    font-weight: 600;
    border-radius: 100%;
    border: none;
}

.modal_title {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

.modal_title p {
    color: #323236;
}

.modal_body {
    margin-top: 28px;
}

.modal_content {
    position: relative;
}

.form_style {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.form_style .form_group_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.form_style .form_group {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
}

.form_style .form_group label {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    color: #323236;
}

.form_style .form_group input,
.form_style .form_group textarea {
    border: 1px solid #DCDCDE;
    border-radius: 8px;
    height: 48px;
    padding: 0px 16px;
    color: #848484;
    width: 100%;
}

.form_style .field-error-msg {
    color: #EB0E0E;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
}

.form_style .form_group textarea {
    height: initial;
    padding: 12px 16px;
}

.form_style .form_group input::placeholder,
.form_style .form_group textarea::placeholder {
    color: #848484;
}

.form_style .checkbox input,
.form_style .radio input {
    display: none;
}

.form_style .checkbox,
.form_style .radio {
    min-height: 24px;
    display: flex;
}

.form_style .radio label {
    padding-left: 24px;
    position: relative;
    font-weight: 500;
    white-space: pre-wrap;
}

.form_style .radio label a {
    text-decoration: underline;
    color: #EB0E0E;
    font-weight: 500;
}

.form_style .radio label a:hover {
    color: #AD0000;
}

.form_style .radio label:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #DCDCDE;
    background-color: transparent;
    left: 0;
    top: 3px;
}

.form_style .radio label:hover:before {
    border-color: #AD0000;
}

.form_style .radio input:checked+label:before {
    background-color: #EB0E0E;
    border-color: #EB0E0E;
}

.form_style .radio input:checked+label:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    -webkit-mask: url(../icons/check.svg) no-repeat center;
    mask: url(../icons/check.svg) no-repeat center;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    background-color: #fff;
    left: 0;
    top: 3px;
}

.form_style .button {
    height: 48px;
    background-color: #EB0E0E;
    color: #fff;
    padding: 0px 24px;
    border: none;
    border-radius: 16px;
    font-weight: 600;
    width: fit-content;
}

.form_style .button:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.promotions {
    margin-bottom: 100px;
}

.promotions_items {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
}

.promotions_items .item {
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
}

.promotions_items .item .image,
.promotions_items .item .image img {
    display: flex;
    width: 100%;
}

.promotions_items .item .image {
    transition: transform 0.3s ease-in-out;
}

.promotions_items .item:hover .image {
    transform: scale(1.15);
}

.promotions_items .item .date {
    text-align: center;
    background-color: #efefefe6;
    min-height: 24px;
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    justify-content: center;
}

.promotions_items .item .date p {
    font-size: 12px;
    font-weight: 600;
    color: #4D4D51;
    line-height: 150%;
}

.related_promotions_items .item a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
}

.related_promotions_items .item img {
    display: flex;
    width: 100%;
}

.promo {
    margin-bottom: 100px;
    display: grid;
    grid-template-columns: 1fr 272px;
    grid-gap: 8px;
}

.promo_right {
    background-color: #F3F3F5;
    padding: 40px;
    overflow: hidden;
    border-radius: 16px;
}

.promo_right {
    border-radius: 16px;
    overflow: hidden;
}

.promo_left {
    background-color: #F3F3F5;
    padding: 40px;
    border-radius: 16px;
}

.promo_left .date {
    width: fit-content;
    background: #EB0E0E0D;
    font-size: 14px;
    font-weight: 600;
    color: #EB0E0E;
    line-height: 140%;
    border-radius: 6px;
    padding: 2px 8px;

}

.promo_left h1 {
    margin-top: 16px;
}

.promo_left p {
    font-size: 18px;
    line-height: 158%;
    color: #4D4D51;
    margin-top: 16px;
}

.promo_left a {
    display: flex;
    align-items: center;
    height: 48px;
    background-color: #EB0E0E;
    color: #fff;
    padding: 0px 24px;
    border: none;
    border-radius: 16px;
    font-weight: 600;
    width: fit-content;
    margin-top: 32px;
}

@media (max-width: 1025px) {
    .promotions_items {
        grid-template-columns: repeat(3, 1fr);
    }

    .promo {
        grid-template-columns: 1fr 216px;
    }
}

@media (max-width: 576px) {
    .promotions_items {
        margin-top: 32px;
        grid-template-columns: repeat(1, 1fr);
    }

    .related_promotions_items .swiper-slide {
        width: 264px;
    }

    .promo {
        grid-template-columns: 1fr;
    }

    .promo_left,
    .promo_right {
        padding: 24px;
    }
}

.checkout_content,
.cart_content {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 364px;
    grid-gap: 8px;
    margin-bottom: 100px;
}

.checkout_content_left,
.cart_content_left {
    padding: 24px;
    border: 1px solid #DCDCDE;
    border-radius: 16px;
    overflow: hidden;
}

.checkout_content_left {
    padding: 0px;
}

.checkout_content_left_block_title {
    background-color: #F3F3F5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0px 24px;
}

.checkout_content_left_block_title p {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #0D0D0D;
    grid-gap: 6px;
}

.checkout_content_left_block_title p:hover {
    color: #AD0000;
    cursor: pointer;
}

.checkout_content_left_block_title p:hover .icon:before {
    background-color: #AD0000;
}

.checkout_content_left_block.active .checkout_content_left_block_title p .icon_arrow:before {
    transform: rotate(-90deg);
}

.checkout_content_left_block_inner {
    padding: 24px;
}

.checkout_content_left_block.active .checkout_content_left_block_inner {
    display: none;
}

.cart_items {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
}

.cart_items .item:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px dashed #DCDCDE;
}

.cart_items .item {
    display: grid;
    grid-template-columns: 158px 1fr 140px;
    grid-gap: 16px;
}

.cart_items .item .image,
.cart_items .item .image a,
.cart_items .item .image a img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart_items .item .image a img {
    max-height: 110px;
}

.cart_items .item .caption {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

.cart_items .item .caption .link {
    height: 24px;
    overflow: hidden;
}

.cart_items .item .caption .link a {
    color: #1F3030;
    font-weight: 600;
}

.cart_items .item .caption .model {
    color: #4D4D51;
}

.cart_items .item .caption>button {
    background: transparent;
    border: none;
    color: #8A8A92;
    display: flex;
    align-items: center;
    grid-gap: 6px;
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
}

.cart_items .item .caption>button .icon:before {
    background-color: #8A8A92;
}

.cart_items .item .caption>button:hover {
    color: #AD0000;
    cursor: pointer;
}

.cart_items .item .caption>button:hover .icon:before {
    background-color: #AD0000;
}

.cart_items .item .price_top .price_economy {
    background-color: #EB0E0E;
    color: #fff;
    font-weight: 500;
}

.cart_items .item .quantity {
    margin-top: 16px;
    margin-left: auto;
}

.cart_items .item .quantity>* {
    height: 36px;
}

.cart_items .item .quantity button {
    width: 31px;
}

.cart_items .item .price {
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

.cart_items .item .price_bottom .price_stock {
    color: #1F3030;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    text-align: right;
}

.cart_items .item .price_bottom .price_stock span {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.cart_items .item .price_top .price_old {
    color: #8A8A92;
}

.cart_totals {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

.cart_totals>* {
    padding: 24px;
    border: 1px solid #DCDCDE;
    border-radius: 16px;
    text-align: center;
}

.promocode_block {
    position: relative;
    height: 56px;
    padding: 0px;
}

.promocode_button {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
    height: 56px;
    font-weight: 600;
    color: #1F3030;
    background-color: transparent;
    border: none;
    width: 100%;
}

.promocode_button .icon:before {
    background-color: #1F3030;
}

.promocode_button:hover {
    color: #AD0000;
    cursor: pointer;
}

.promocode_button:hover .icon:before {
    background-color: #AD0000;
}

.promocode_form {
    display: none;
    align-items: center;
    grid-gap: 8px;
    border: 1px solid #DCDCDE;
    border-radius: 16px;
    padding: 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.promocode_form input {
    height: 100%;
    border-radius: 12px;
    background-color: #F3F3F5;
    border: none;
    padding: 0px 16px;
    color: #848484;
}

.promocode_form input::placeholder {
    color: #848484;
}

.promocode_form button {
    height: 100%;
    background-color: #0D0D0D;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    color: #fff;
}

.promocode_form button:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.promocode_block.active .promocode_form {
    display: flex;
}

.promocode_form form {
    display: grid;
    grid-template-columns: 1fr 55px;
    grid-gap: 4px;
    height: 100%;
    width: 100%;
}

.cart_totals .totals .total {
    margin-bottom: 24px;
}

.cart_totals .price {
    margin-bottom: 24px;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.cart_totals .price_top .price_economy {
    background-color: #EB0E0E;
    color: #fff;
    font-weight: 500;
}

.cart_totals .button {
    height: 48px;
    background-color: #EB0E0E;
    color: #fff;
    padding: 0px 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 16px;
    width: 100%;
}

.cart_totals .button:hover {
    text-decoration: none;
    background-color: #AD0000;
    cursor: pointer;
}

.cart_totals p.terms {
    font-size: 12px;
    line-height: 150%;
    margin-top: 24px;
    color: #6A9090;
}

.cart_totals p.terms a {
    text-decoration: underline;
    color: #0D0D0D;
    font-size: 12px;
    line-height: 150%;
}

.payment_methods .radio label {
    padding-right: 16px;
    padding-bottom: 16px;
    padding-top: 12px;
    padding-left: 44px;
    border: 1px solid #D4DFDF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    width: 100%;
}

.shipping_methods .radio label:before,
.payment_methods .radio label:before {
    left: -28px;
    top: 4px;
    border: 2px solid #DCDCDE;
    border-radius: 100%;
    width: 12px;
    height: 12px;
}

.payment_methods .radio label:before {
    left: 16px;
    top: 16px;
}

.shipping_methods .radio input:checked+label:before,
.payment_methods .radio input:checked+label:before {
    left: -28px;
    top: 4px;
    border: 4px solid #EB0E0E;
    background-color: transparent;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}

.payment_methods .radio input:checked+label:before {
    top: 16px;
    left: 16px;
}

.payment_methods .radio p {
    font-weight: 500;
    color: #1F3030;
}

.payment_methods .radio span {
    color: #2A4040;
    font-size: 14px;
    line-height: 140%;
}

.shipping_methods {
    grid-gap: 0px;
}

.shipping_methods_links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.shipping_methods_links p {
    color: #1F3030;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}

.shipping_methods_links ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
}

.shipping_methods_links ul li {
    font-size: 12px;
    font-weight: 600;
    color: #1F3030;
    line-height: 150%;
    text-decoration: underline;
}

.shipping_method_change_city {
    position: relative;
    margin-bottom: 8px;
}

.shipping_method_change_city select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding-right: 28px;
    /* space for custom arrow */
    cursor: pointer;
    border: 1px solid #DCDCDE;
    border-radius: 8px;
    width: 100%;
    color: #8A8A92;
    height: 48px;
    padding-left: 44px;
}

.shipping_method_change_city select::-ms-expand {
    display: none;
    /* hide default arrow in IE */
}

.shipping_method_change_city:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(-90deg);
    width: 12px;
    height: 12px;
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    -webkit-mask-size: 6px;
    mask-size: 6px;
    background-color: #848484;
    pointer-events: none;
    transition: transform .3s ease-in-out;
}

.shipping_method_change_city:focus-within:after {
    transform: translateY(-50%) rotate(90deg);
}

.shipping_method_change_city:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    -webkit-mask: url(../icons/map.svg) no-repeat center;
    mask: url(../icons/map.svg) no-repeat center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    background-color: #848484;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.shipping_method_methods {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}

.shipping_method_methods .checkbox,
.shipping_method_methods .radio {
    flex-direction: column;
    border: 1px solid #DCDCDE;
    padding: 12px 16px;
    padding-left: 44px;
    border-radius: 8px;
}

.shipping_method_methods .radio label {
    width: 100%;
    border-radius: 8px;
}

.shipping_method_methods .radio label,
.shipping_method_methods .radio label .caption {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    padding: 0px;
}

.shipping_method_methods .radio label .caption .icon_info {
    width: 14px;
    height: 14px;
}

.shipping_method_methods .radio label .caption .icon_info:before {
    background-color: #848484;
    -webkit-mask-size: 14px;
    mask-size: 14px;
}

.shipping_method_methods .radio input:checked+label .caption .title {
    color: #0D0D0D;
    font-weight: 600;
}

.shipping_method_methods .radio label .price {
    margin-left: auto;
    color: #8A8A92;
}

.shipping_method_methods .radio label[for="pickup"] .price {
    font-weight: 600;
    color: #39B34C;
}

.shipping_method_methods .radio_hidden {
    margin-top: 12px;
    display: none;
}

.shipping_method_methods .radio.active .radio_hidden {
    display: block;
}

.shipping_method_methods .radio_hidden select {
    background-color: #F3F3F5;
    padding: 8px 16px;
    width: 100%;
    border: none;
    border-radius: 8px;
}

.select_style {
    position: relative;
}

.select_style button {
    background-color: #F3F3F5;
    padding: 8px 16px;
    width: 100%;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sorting .select_style button {
    border-radius: 16px;
    padding: 0px;
    min-width: 155px;
    font-weight: 600;
}

.sorting .select_style button:hover {
    background-color: transparent;
}

.select_style button:hover {
    cursor: pointer;
    background-color: #E9E9E9;
}

.select_style button:after {
    content: '';
    width: 12px;
    height: 12px;
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    -webkit-mask-size: 6px;
    mask-size: 6px;
    transform: rotate(-90deg);
    background-color: #848484;
    transition: transform .3s ease-in-out;
}

.sorting .select_style button:after {
    background-color: #0D0D0D;
}

.select_style.active button:after {
    transform: rotate(90deg);
}

.select_style ul {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background-color: #fff;
    box-shadow: 0px 2px 4px -1px #0A101005;
    box-shadow: 0px 4px 6px -1px #0A10100A;
    border-radius: 8px;
    padding: 8px;
    width: 100%;
    height: 0px;
    z-index: 9;
    visibility: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2px;
}

.sorting .select_style ul {
    min-width: 246px;
    right: 0;
    left: initial;
    border-radius: 16px;
}

/* smooth open/close */
.select_style ul {
    height: auto;
    /* override fixed height */
    max-height: 0;
    /* collapsed */
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform-origin: top;
    transform: scaleY(0.98);
    transition: max-height .3s ease, opacity .2s ease, transform .25s ease;
}

.select_style.active ul {
    max-height: 320px;
    /* adjust if list can be taller */
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.select_style ul li {
    cursor: pointer;
    background-color: #fff;
    height: 32px;
    padding: 0px 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    color: #1F3030;
}

.sorting .select_style ul li {
    height: 40px;
    border-radius: 12px;
}

.select_style ul li:hover {
    background-color: #AD0000;
    color: #fff;
}

.select_style ul li.active {
    background-color: #0D0D0D;
    color: #fff;
}

/* .shipping_method_pickup_location {
    position: relative;
} */

/* .shipping_method_pickup_location:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(-90deg);
    width: 12px;
    height: 12px;
    -webkit-mask: url(../icons/arrow.svg) no-repeat center;
    mask: url(../icons/arrow.svg) no-repeat center;
    -webkit-mask-size: 6px;
    mask-size: 6px;
    background-color: #848484;
    pointer-events: none;
    transition: transform .3s ease-in-out;
} */

/* .shipping_method_pickup_location:focus-within:after {
    transform: translateY(-50%) rotate(90deg);
} */

.form_style.comment {
    grid-gap: 16px;
}

.form_title {
    margin-bottom: 28px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.cart_items.checkout_content_left_block_inner .item {
    grid-template-columns: 78px 1fr 193px;
    align-items: center;
}

.cart_items.checkout_content_left_block_inner .item .additional .quantity_total p {
    color: #2A4040;
    font-weight: 500;
}

.cart_items.checkout_content_left_block_inner .item .additional {
    display: grid;
    align-items: center;
    grid-template-columns: 60px 1fr;
    grid-gap: 16px;
}

.cart_items.checkout_content_left_block_inner .item .additional>* {
    width: 100%;
}

@media (max-width: 1025px) {

    .sorting .select_style button {
        height: 48px;
        background-color: #fff;
        padding: 0px 24px;
    }

    .sorting .select_style button:hover {
        background-color: #fff;
    }

    .checkout_content,
    .cart_content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {

    .checkout_content,
    .cart_content {
        margin-top: 32px;
        margin-bottom: 64px;
    }

    .cart_items.checkout_content_left_block_inner .item,
    .cart_items .item {
        grid-template-columns: 1fr;
        position: relative;
    }

    .cart_items .item .caption .model {
        position: absolute;
        top: 0;
        right: 0;
    }

    .cart_items.checkout_content_left_block_inner .item .caption .link a {
        font-size: 14px;
    }

    .cart_items .item .image a img {
        max-height: 68px;
    }

    .cart_items .item .image,
    .cart_items .item .image a,
    .cart_items .item .image a img {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .cart_items .item .caption .link {
        height: 48px;
    }

    .cart_items .item .caption {
        grid-gap: 24px;
    }

    .cart_items .item .price {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .cart_items.checkout_content_left_block_inner .item .price {
        align-items: flex-end;
        justify-content: flex-end;
    }

    .cart_items .item .additional {
        display: flex;
        align-items: center;
    }

    .cart_items .item .quantity {
        margin-top: initial;
    }

    .shipping_method_methods .radio label {
        flex-direction: column;
        align-items: flex-start;
    }

    .shipping_method_methods .radio label .price {
        margin-left: initial;
    }

    .shipping_methods_links ul {
        display: none;
    }
}

.alert_page {
    background-color: #F3F3F5;
}

.alert_block {
    margin-top: 158px;
    margin-bottom: 158px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 544px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
    border-radius: 16px;
}

.modal .alert_block {
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: initial;
    padding: 0px;
}

.alert_block.alert_404 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.alert_block img {
    display: flex;
    max-height: 206px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
}

.alert_block h1,
.alert_block h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    margin-bottom: 8px;
    text-align: center;
}

.modal .alert_block h4 {
    font-size: 20px;
    line-height: 126%;
}

.alert_block p,
.alert_block p * {
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #2A4040;
    text-align: center;
}

.modal .alert_block p {
    max-width: 480px;
}

.alert_block p u {
    color: #EB0E0E;
}

.alert_block p {
    margin-bottom: 24px;
}

.alert_block .alert_icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 24px;
}

.alert_block .alert_icon .alert_icon_top,
.alert_block .alert_icon .alert_icon_bottom {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.alert_block .alert_icon .alert_icon_bottom {
    top: initial;
    bottom: 0;
}

.alert_block .alert_icon .alert_icon_top:before,
.alert_block .alert_icon .alert_icon_bottom:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 4px;
    background-color: #0D0D0D;
    content: '';
    position: absolute;
    border-radius: 100%;
}

.alert_block .alert_icon .alert_icon_top:before {
    left: initial;
    right: 0;
}

.alert_block .alert_icon .alert_icon_top:after,
.alert_block .alert_icon .alert_icon_bottom:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 4px;
    background-color: #0D0D0D;
    content: '';
    position: absolute;
    border-radius: 100%;
}

.alert_block .alert_icon .alert_icon_bottom:before {
    left: initial;
    right: 0;
}

.alert_block .alert_icon .alert_icon_inner {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../icons/success.svg) no-repeat center;
    background-size: contain;
}

.alert_block button,
.alert_block a {
    height: 48px;
    background-color: #EB0E0E;
    color: #fff;
    padding: 0px 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 16px;
}

.alert_block a.just,
.alert_block a.just {
    height: 24px;
    font-weight: 600;
    font-size: 16px;
    background-color: transparent;
    color: #EB0E0E;
    padding: 0px;
    margin-top: 12px;
}

.alert_block.alert_order_fail button,
.alert_block.alert_order_fail a {
    min-width: 288px;
}

.alert_block.alert_order_fail .alert_icon .alert_icon_inner {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../icons/fail.svg) no-repeat center;
    background-size: contain;
}

@media (max-width: 1025px) {
    .alert_block {
        padding: 32px 48px;
        max-width: 576px;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .alert_block h1 {
        font-size: 20px;
    }

    .alert_block.alert_404 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
}

@media (max-width: 576px) {
    .alert_block {
        padding: 32px;
        max-width: 100%;
        margin-top: 48px;
        margin-bottom: 64px;
    }

    .alert_block.alert_order_fail button,
    .alert_block.alert_order_fail a {
        min-width: 100%;
    }

    .alert_block.alert_404 {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .alert_block.alert_404 h1 {
        font-size: 18px;
    }
}

.land {
    margin-top: 48px;
}

.land_block_1 {
    display: grid;
    grid-template-columns: 1fr 352px;
    grid-gap: 32px;
}

.about_us_page .land_block_1 {
    grid-template-columns: 1fr 1fr;

}

.land_block_1_left h1 {
    margin-bottom: 16px;
}

.land_block_1_left p {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 158%;
    color: #454545;
}

.land_block_1_left a {
    position: relative;
    border: none;
    background-color: #EB0E0E;
    border-radius: 16px;
    height: 48px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    width: fit-content;
}

.land_block_1_left a:hover {
    background-color: #AD0000;
    cursor: pointer;
    text-decoration: none;
}

.land_block_1_right {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(225deg, #F3F3F5 0%, rgba(243, 243, 245, 0) 50%, #F3F3F5 100%);

}

.about_us_page .land_block_1_right {
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
    grid-gap: 32px;
    min-height: initial;
}

.about_us_page .land_block_1_right p {
    font-size: 18px;
    color: #454545;
    line-height: 158%;
    font-weight: 400;
}

.about_us_page .land_block_1_right a {
    background-color: #EB0E0E;
    color: #fff;
    padding: 0px 20px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    border-radius: 12px;
}

.land_block_1_right img {
    max-width: 196px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.land_block_2 {
    margin-top: 48px;
    height: 400px;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_us_page .land_block_2 {
    margin-top: 80px;
}

.land_block_2:before {
    position: absolute;
    content: '';
    -webkit-mask: initial;
    mask: initial;
    -webkit-mask-size: initial;
    mask-size: initial;
    background: url(../img/logo_air.svg) no-repeat center;
    background-size: contain;
    width: 164px;
    height: 50px;
    left: 32px;
    bottom: 32px;
    z-index: 1;
}

.land_block_2:after {
    position: absolute;
    content: '';
    background: linear-gradient(262.73deg, rgba(0, 0, 0, 0) 50%, #000000 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about_us_page .land_block_2:after {
    background: linear-gradient(237.12deg, rgba(0, 0, 0, 0) 76.23%, #000000 100%);
}

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

.land_block_3 {
    margin-top: 100px;
    background-color: #F3F3F5;
}

.land_block_3_slideshow,
.land_block_3_osobs {
    background-color: #F3F3F5;
}

.land_block_3_slideshow {
    pointer-events: none;
}

.land_block_3_slideshow {
    padding-top: 0px;
    padding-bottom: 0px;
}

.land_block_3_osobs {
    padding-top: 60px;
    padding-bottom: 112px;
}

.land_block_3_inner {
    display: flex;
    flex-direction: column;
    min-height: 302px;
    grid-gap: 32px;
}

.land_block_3_inner_top,
.land_block_3_inner_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.land_block_3_inner_bottom {
    margin-top: auto;
}

.land_block_3_inner_bottom span {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    grid-gap: 27px;
}

.land_block_3_inner_bottom span u {
    font-size: 160px;
    font-weight: 600;
    color: #EB0E0E;
    line-height: 100%;
}

.land_block_3_inner_bottom span p {
    font-weight: 700;
    font-size: 20px;
    color: #0D0D0D;
    line-height: 158%;
    padding-bottom: 10px;
}

.land_block_3_inner_top p,
.land_block_3_inner_bottom p {
    font-size: 18px;
    line-height: 158%;
}

.land_block_3_inner_bottom p:last-child {
    margin-top: auto;
    font-size: 16px;
    color: #323236;
}

#land3Swiper .swiper-slide {
    width: 556px;
    height: 408px;
}

.land_block_3_slideshow .item {
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}

.land_block_3_slideshow .item,
.land_block_3_slideshow .item img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.land_block_3_osobs_inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    margin-top: 32px;
}

.land_block_3_osobs_inner .item:not(:last-child) {
    border-right: 1px solid #DCDCDE;
    padding-right: 40px;
}

.land_block_3_osobs_inner .item p {
    color: #323236;
    margin-bottom: 4px;
}

.land_block_3_osobs_inner .item span,
.land_block_3_osobs_inner .item span u {
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    color: #0D0D0D;
}

.land_block_3_osobs_inner .item span u {
    color: #EB0E0E;
}

.land_block_4 {
    padding-bottom: 24px;
    border-bottom: 1px solid #DCDCDE;
}

.land_block_4_top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 36px;
}

.land_block_4_top p {
    font-size: 18px;
    line-height: 158%;
    color: #323236;
}

.land_block_4_middle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.land_block_4_middle a,
.land_block_4_middle button {
    position: relative;
    border: none;
    background-color: #EB0E0E;
    border-radius: 16px;
    height: 48px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    width: fit-content;
}

.land_block_4_middle a:hover,
.land_block_4_middle button:hover {
    background-color: #AD0000;
    cursor: pointer;
    text-decoration: none;
}

.land_block_4_slideshow {
    border-top: 1px solid #DCDCDE;
    margin-top: 64px;
    padding-top: 24px;
}

.land_block_4_slideshow .item p {
    color: #4D4D51;
    line-height: 126%;
    margin-bottom: 6px;
}

.land_block_4_slideshow .item span {
    color: #0D0D0D;
    font-size: 28px;
    font-weight: 600;
    line-height: 122%;
}

.land_block_4_slideshow .item .image {
    height: 315px;
    overflow: hidden;
    border-radius: 16px;
    margin-top: 24px;
}

.land_block_4_slideshow .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.land_block_5_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    align-items: center;
}

.land_block_5_inner_left p {
    color: #323236;
    font-size: 18px;
    line-height: 158%;
    margin-bottom: 48px;
    margin-top: 16px;
}

.land_block_5_inner_left .items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 34px;
}

.land_block_5_inner_left .items .item {
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-gap: 16px;
    position: relative;
}

.land_block_5_inner_left .items .item_left {
    background-color: #F3F3F5;
    border-radius: 12px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.land_block_5_inner_left .items .item_left .icon:before {
    background-color: #EB0E0E;
}

.land_block_5_inner_left .items .item_right {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
    padding-top: 10px;
}

.land_block_5_inner_right {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
    height: 480px;
}

.land_block_5_inner_right span {
    border-radius: 16px;
    overflow: hidden;
}

.land_block_5_inner_right .i1 {
    background: url(../img/a1.jpg) no-repeat center;
    background-size: cover;
    background-position: 16% center;
}

.land_block_5_inner_right .i2 {
    background: url(../img/a1.jpg) no-repeat center;
    background-size: cover;
    background-position: 50% center;
}

.land_block_5_inner_right .i3 {
    background: url(../img/a1.jpg) no-repeat center;
    background-size: cover;
    background-position: 83% center;
}

.about_us_page .land_block_5_inner_right .i1 {
    background: url(../img/about-us-6.jpg) no-repeat center;
    background-size: cover;
    background-position: 16% center;
}

.about_us_page .land_block_5_inner_right .i2 {
    background: url(../img/about-us-6.jpg) no-repeat center;
    background-size: cover;
    background-position: 50% center;
}

.about_us_page .land_block_5_inner_right .i3 {
    background: url(../img/about-us-6.jpg) no-repeat center;
    background-size: cover;
    background-position: 83% center;
}

.autopilot_page .land_block_5_inner_right .i1 {
    background: url(../img/autpilot-6.jpg) no-repeat center;
    background-size: cover;
    background-position: 22% center;
}

.autopilot_page .land_block_5_inner_right .i2 {
    background: url(../img/autpilot-6.jpg) no-repeat center;
    background-size: cover;
    background-position: 50% center;
}

.autopilot_page .land_block_5_inner_right .i3 {
    background: url(../img/autpilot-6.jpg) no-repeat center;
    background-size: cover;
    background-position: 83% center;
}

/* .land_block_5_inner_right .image {
    height: 480px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.land_block_5_inner_right .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.land_block_6 {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(67deg, #eb0e0e, #ff6a00);
    background-size: 200% 200%;
    animation: gradientMove 2s ease infinite;
}

@-webkit-keyframes nebulahero {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    100% {
        -webkit-filter: hue-rotate(-360deg);
    }
}

.land_block_6_inner {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #DCDCDE40;
    border-bottom: 1px solid #DCDCDE40;
}

.land_block_6_inner_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.land_block_6_inner_content h3 {
    font-size: 28px;
    line-height: 122%;
    font-weight: 600;
    color: #fff;
}

.land_block_6_inner_content .buttons {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    margin-left: auto;
}

.land_block_6_inner_content .buttons>* {
    position: relative;
    border: none;
    background-color: #fff;
    border-radius: 16px;
    height: 48px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D0D0D;
    font-weight: 600;
    width: fit-content;
}

.land_block_6_inner_content .buttons>*:last-child {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.land_block_6_inner_content .buttons>*:hover {
    cursor: pointer;
}

.land_block_7 {
    background-color: #F3F3F5;
}

#land7Swiper {
    overflow: hidden;
}

.land_block_7_reviews {
    overflow-x: hidden;
}

#land7Swiper .swiper-slide {
    width: 556px;
}

.item_review_widget {
    background-color: #fff;
    border-radius: 16px;
    padding: 32px;
}

.item_review_widget_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 68px;
}

.item_review_widget_header .photo {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}

.item_review_widget_header .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item_review_widget_header .rating {
    padding: 0px 16px;
    height: 48px;
    background-color: #F3F3F5;
    border-radius: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 122%;
    color: #0D0D0D;
    display: flex;
    align-items: center;
}

.item_review_widget_header .rating:before {
    margin-right: 4px;
    width: 14px;
    height: 14px;
    -webkit-mask: url(../icons/air_star.svg) no-repeat center;
    mask: url(../icons/air_star.svg) no-repeat center;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    background-color: #F8A500;
    content: '';
    display: flex;
    position: relative;
}

.item_review_widget_middle h4 {
    margin-bottom: 16px;
}

.item_review_widget_middle p {
    font-size: 18px;
    line-height: 158%;
    color: #323236;
}

.land_block_8_inner {
    display: grid;
    grid-template-columns: 1fr 352px;
    grid-gap: 32px;
}

.land_block_8_inner_left h2 {
    margin-bottom: 48px;
}

.land_block_8_inner_right {
    background: linear-gradient(225deg, #F3F3F5 0%, rgba(243, 243, 245, 0) 50%, #F3F3F5 100%);
    border-radius: 16px;
    padding: 40px;
    height: fit-content;
}

.land_block_8_inner_right_inner p {
    font-weight: 600;
    font-size: 18px;
    line-height: 134%;
    margin-bottom: 16px;
}

.land_block_8_inner_right_inner span {
    color: #323236;
    margin-bottom: 32px;
    display: flex;
}

.land_block_8_inner_right_inner button,
.land_block_8_inner_right_inner a {
    position: relative;
    border: none;
    background-color: #EB0E0E;
    border-radius: 16px;
    height: 48px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    width: 100%;
}

.land_block_8_inner_right_inner button:hover,
.land_block_8_inner_right_inner a:hover {
    background-color: #AD0000;
    cursor: pointer;
    text-decoration: none;
}

.faq_items {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    border-top: 1px solid #DCDCDE;
}

.faq_items .item {
    display: flex;
    flex-direction: column;
}

.faq_items .item .item_header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #DCDCDE;
}

.faq_items .item .item_header p {
    color: #0D0D0D;
    font-size: 18px;
    font-weight: 600;
    line-height: 134%;
}

.faq_items .item .item_header:hover {
    cursor: pointer;
}

.faq_items .item.active .item_header p,
.faq_items .item .item_header:hover p {
    color: #AD0000;
}

.faq_items .item .item_header:after {
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    right: 0px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    -webkit-mask: url(../icons/air_plus.svg) no-repeat center;
    mask: url(../icons/air_plus.svg) no-repeat center;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    background-color: #EB0E0E;
    pointer-events: none;
    transition: transform .3s ease-in-out;
}

.faq_items .item .item_header:hover:after {
    background-color: #AD0000;
}

.faq_items .item.active .item_header:after {
    transform: translateY(-50%) rotate(45deg);
    background-color: #AD0000;
    -webkit-mask-size: 18px;
    mask-size: 18px;
    width: 16px;
    height: 16px;
}

.faq_items .item .item_middle {
    padding-top: 16px;
}

.faq_items .item .item_middle {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-top: 0;
    transition: max-height .35s ease, opacity .35s ease, padding .35s ease;
}

.faq_items .item.active .item_middle {
    max-height: 800px;
    /* adjust if needed */
    opacity: 1;
    padding-top: 16px;
}

@media (max-width: 1025px) {
    .land_block_1 {
        grid-template-columns: 1fr;
    }

    .land_block_1_right {
        display: none;
    }

    .about_us_page .land_block_1_right {
        display: flex;
    }

    .about_us_page .land_block_1 {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }

    .about_us_page .land_block_2 {
        margin-top: 48px;
    }

    .land_block_3_inner_top,
    .land_block_3_inner_bottom {
        grid-template-columns: 1fr;
    }

    .land_block_3_inner_bottom span {
        grid-gap: 24px;
    }

    .land_block_3_inner_bottom span u {
        font-size: 84px;
    }

    .land_block_3_inner_bottom p:last-child {
        margin-bottom: auto;
        padding: 0px;
    }

    .land_block_3_osobs {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .land_block_3_osobs_inner {
        grid-template-columns: 1fr;
        margin-top: 0px;
    }

    .land_block_3_osobs_inner .item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #DCDCDE;
        padding-bottom: 32px;
        padding-right: 0px;
    }

    .land_block_4_top {
        grid-template-columns: 1fr;
    }

    .land_block_4_middle {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .land_block_5_inner {
        grid-template-columns: 1fr;
        grid-gap: 48px;
    }

    .land_block_6_inner_content {
        grid-template-columns: 1fr;
    }

    .land_block_6_inner_content .buttons {
        margin-left: initial;
    }

    .land_block_8_inner {
        grid-template-columns: 1fr;
    }

    .land_block_8_inner_right_inner p {
        font-size: 16px;
    }

    .land_seo_text {
        display: none;
    }

    .land_block_5_inner_right {
        height: 400px;
    }
}

@media (max-width: 576px) {
    .land_block_2 {
        height: 184px;
    }

    .land_block_3 {
        margin-top: 64px;
    }

    #land3Swiper .swiper-slide {
        width: 278px;
    }

    #land4Swiper .swiper-slide {
        width: 300px;
    }

    .land_block_4_slideshow {
        padding-top: 0px;
    }

    .land_block_4 {
        padding-bottom: 0px;
    }

    .land_block_4_slideshow .item .image {
        height: 154px;
    }

    #land4Swiper .item {
        padding-right: 16px;
        padding-top: 24px;
        padding-bottom: 24px;
        border-right: 1px solid #DCDCDE;
    }

    .land_block_4_middle .arrows {
        display: none;
    }

    .land_block_4_middle button {
        width: 100%;
    }

    .land_block_5_inner_left .items .item {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }

    .land_block_5_inner_left .items .item_left {
        width: 48px;
    }

    .land_block_5_inner_right {
        height: 184px;
    }

    .land_block_6_inner_content h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
    }

    .land_block_6_inner_content .buttons {
        flex-direction: column;
    }

    .land_block_6_inner_content .buttons>* {
        width: 100%;
    }

    #land7Swiper .swiper-slide {
        width: 320px;
    }

    .item_review_widget_header .photo {
        width: 64px;
        height: 64px;
    }

    .item_review_widget_middle h4 {
        font-size: 18px;
    }

    .faq_items .item .item_header p {
        font-size: 16px;
        line-height: 140%;
        padding-right: 24px;
    }

    .faq_items .item .item_header {
        padding-bottom: 20px;
    }

    .faq_items .item .item_header:after {
        top: calc(50% - 10px);
    }

    .faq_items {
        padding-top: 20px;
        grid-gap: 20px;
    }

    .land_block_8_inner_right {
        padding: 24px;
    }

    .land_block_8_inner_right_inner p {
        font-size: 18px;
    }
}

.blog_category {
    margin-top: 50px;
}

.blog_category h1 {
    margin-bottom: 50px;
}

.blog_latest {
    background-color: #F3F3F5;
    margin-top: 100px;
}

.search_blog {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 66.666666666% 33.333333333%;
}

.search_blog input,
.search_blog select {
    height: 48px;
    border: none;
    border-radius: 16px;
    padding: 0px 24px;
    background-color: #fff;
    color: #8A8A92;
}

.search_blog select {
    color: #0D0D0D;
}

.search_blog select:hover {
    cursor: pointer;
}

.search_blog .select_wrapper:before {
    right: 16px
}

.search_blog input {
    width: 100%;
}

.search_blog_title {
    position: relative;
}

.search_blog button {
    border-radius: 10px;
    background-color: #0D0D0D;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
}

.search_blog button:hover {
    background-color: #AD0000;
    cursor: pointer;
}

.search_blog button .icon:before {
    background-color: #fff;
}

.blog_items {
    margin-top: 24px;
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px 8px;
}

.blog_item {
    transition: transform .3s ease-in-out;
}

.blog_item:hover {
    transform: scale(1.02);
}

.blog_catalog_page {
    background-color: #F3F3F5;
}

.blog_catalog {
    margin-bottom: 100px;
}

.blog_catalog {
    margin-top: 68px;
}

.blog_catalog h1 {
    margin-bottom: 32px;
}

.blog_latest_slideshow {
    margin-top: 22px;
    background-color: #F3F3F5;
}

.blog_main_image {
    width: 100%;
    height: 600px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 48px;
}

.blog_main_image:before {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgba(13, 13, 13, 0.8) 0%, rgba(13, 13, 13, 0) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

.blog_main_image .caption {
    position: absolute;
    bottom: 0;
    left: 48px;
    bottom: 48px;
    width: calc(100% - 48px);
    z-index: 2;
}

.blog_main_image .caption h1 {
    font-weight: 600;
    font-size: 44px;
    line-height: 118%;
    color: #fff;
}

.blog_main_image .caption .additional {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
}

.blog_main_image .caption .additional>*,
.blog_main_image .caption .additional>.date {
    border: none;
    background-color: transparent;
    color: #fff;
    padding: 0px;
    position: relative;
}

.blog_main_image .caption .additional .category:before {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: '';
    position: relative;
    margin-right: 12px;
}

.blog_article_socials {
    position: absolute;
    left: -88px;
    top: 0;
    background-color: #F3F3F5;
    border-radius: 16px;
    padding: 4px;
}

.blog_article_socials ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
}

.blog_article_socials ul li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 12px;
}

.blog_article_socials ul li:last-child .icon:before {
    background-color: #EB0E0E;
}

.blog_article_content {
    max-width: 736px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.description_tags {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
}

.description_tags u {
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #323236;
    line-height: 158%;
    margin-bottom: 32px;
}

.description_tags b {
    font-weight: 500;
}

.description_tags a {
    color: #EB0E0E;
    text-decoration: underline;
}

.description_tags ol {
    display: flex;
    flex-direction: column;
    counter-reset: item;
}

.description_tags li {
    color: #323236;
}

.description_tags ol li {
    counter-increment: item;
}

.description_tags ol li:before {
    content: counter(item) ".";
    position: relative;
    color: #0D0D0D;
    font-weight: 500;
    margin-right: 4px;
}

.description_tags h2,
.description_tags h3,
.description_tags h4,
.description_tags h5 {
    margin-top: 16px;
}

.image_with_author {
    margin-bottom: 16px;
    margin-top: 8px;
}

.image_with_author .image {
    position: relative;
    display: flex;
    height: 414px;
    border-radius: 16px;
    overflow: hidden;
}

.image_with_author .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image_with_author .image span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0A101080;
    border-top-right-radius: 8px;
    color: #fff;
    height: 32px;
    padding: 0px 8px;

}

.image_with_author p {
    font-size: 14px;
    color: #2A4040;
    margin-top: 8px;
    line-height: 140%;
    padding: 0px 8px;
}

.description_tags blockquote {
    box-shadow: 0px 2px 4px -1px #0a101019;
    padding: 24px;
    padding-top: 48px;
    border-radius: 8px;
    background: #fff url(../icons/blockquote.svg) no-repeat 24px 24px;
    background-size: 16px;
    font-size: 18px;
    line-height: 158%;
    color: #0D0D0D;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

@media (max-width: 1025px) {
    .search_blog {
        grid-template-columns: 1fr 275px;
    }

    .blog_items {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog_main_image {
        margin-bottom: 32px;
    }

    .blog_article_socials {
        position: relative;
        left: initial;
        top: initial;
        width: fit-content;
        margin-bottom: 32px;
    }

    .blog_article_socials ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 4px;
    }

    .blog_main_image .caption {
        left: 32px;
        bottom: 32px;
        width: calc(100% - 64px);
    }

    .blog_main_image .caption h1 {
        font-size: 36px;
        line-height: 122%;
    }
}

@media (max-width: 576px) {
    .search_blog {
        grid-template-columns: 1fr;
    }

    .blog_items {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog_main_image .caption {
        left: 24px;
        bottom: 24px;
        width: calc(100% - 48px);
    }

    .blog_main_image {
        height: 276px;
    }

    .blog_main_image .caption h1 {
        font-size: 20px;
        line-height: 140%;
    }

    .blog_latest_slideshow_content .swiper-slide {
        width: 292px;
    }
}

.contact {
    display: grid;
    grid-template-columns: 364px 1fr;
    grid-gap: 8px;
    margin-bottom: 100px;
}

.contact_left {
    padding: 32px;
    /* background: #EB0E0E; */
    /* background: linear-gradient(180deg, rgba(235, 14, 14, 1) 0%, rgb(239 86 11) 50%); */
    border-radius: 16px;
    background: linear-gradient(67deg, #eb0e0e, #ff6a00);
    background-size: 200% 200%;
    animation: gradientMove 2s ease infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.contact_left_items .item span {
    display: flex;
    color: #FFFFFFBF;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 4px;
}

.contact_left_items .item a {
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    line-height: 122%;
    text-decoration: none;
}

.contact_left_items .item p {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 158%;
}

.contact_left_items {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    height: 100%;
}

.contact_left_items .item:not(:nth-of-type(3)) {
    padding-bottom: 12px;
    border-bottom: 1px solid #FFFFFF40;
}

.contact_left_items .item:nth-of-type(3) {
    margin-bottom: 32px;
}

.contact_left .socials {
    margin-top: auto;
}

.contact_left .socials li a {
    background: #FFFFFF1A !important;
}

.contact_left .socials li a:hover {
    background: #FFFFFF40 !important;
}

.contact_left .partners {
    background: #FFFFFF1A;
    display: flex;
    align-items: center;
    grid-gap: 6px;
    border-radius: 16px;
    color: #fff;
    width: 100%;
    height: 72px;
    padding: 0px 24px;
}

.contact_left .partners:hover {
    background: #FFFFFF40;
    cursor: pointer;
    text-decoration: none;
}

.contact_left .partners .icon:before {
    background-color: #fff;
}

.contact_right {
    padding: 32px;
    border: 1px solid #DCDCDE;
    border-radius: 16px;
    background-color: #fff;
}

.contact_right h1 {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 126%;
}

.contact_right>p {
    margin-bottom: 28px;
}

@media (max-width: 1025px) {
    .contact {
        grid-template-columns: 1fr;
    }

    .contact_right h1 {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .contact {
        margin-bottom: 64px;
    }

    .contact_left,
    .contact_right {
        padding: 24px;
    }

    .contact_right h1 {
        font-size: 18px;
    }

    .contact_right .form_style .button {
        width: 100%;
    }
}

.career_page {
    background-color: #F3F3F5;
}

.career_page h1 {
    margin-top: 48px;
}

.career {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr 352px;
    grid-gap: 8px;
    padding-bottom: 100px;
}

.career_left .items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.career_item {
    padding: 40px;
    background-color: #fff;
    border-radius: 16px;
}

.career_item p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 158%;
    color: #323236;
    height: 84px !important;
    overflow: hidden;
}

.career_item.active p {
    height: initial !important;
}

.career_item .buttons {
    background-color: #F3F3F5;
    width: fit-content;
    display: flex;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    padding: 4px;
    margin-top: 32px;
    border-radius: 16px;
}

.career_item .buttons button {
    width: fit-content;
    display: flex;
    align-items: center;
    border: none;
    grid-gap: 6px;
    height: 48px;
    padding: 0px 20px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
}

.career_item .buttons button:nth-of-type(1) {
    background-color: #EB0E0E;
}

.career_item .buttons button:nth-of-type(1):hover {
    background-color: #AD0000;
    cursor: pointer;
}

.career_item .buttons button:nth-of-type(2) {
    color: #0D0D0D;
    background-color: #fff;
}

.career_item .buttons button:nth-of-type(2):hover {
    background-color: #F3F3F5;
    cursor: pointer;
}

.career_right {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-radius: 16px;
    background-color: #fff;
    height: fit-content;
}

.career_right p {
    margin-top: 12px;
}

.career_right button {
    margin-top: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    grid-gap: 6px;
    height: 48px;
    padding: 0px 20px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    background-color: #0D0D0D;
}

.career_right button:hover {
    background-color: #AD0000;
    cursor: pointer;
}

@media (max-width: 1025px) {
    .career {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .career {
        padding-bottom: 64px;
    }

    .career_item {
        padding: 24px;
    }

    .career_item h4 {
        font-size: 18px;
    }

    .career_item .buttons {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .career_item .buttons button {
        width: 100%;
        justify-content: center;
    }
}

footer {
    background: #0D0D0D;
    padding-top: 100px;
    overflow-x: hidden;
}

.footer_title {
    margin-bottom: 100px;
    height: 64px;
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 24px;
    overflow: hidden;
}

.footer_title p {
    font-size: 56px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    grid-gap: 24px;
    animation: footer-title-marquee 15s linear infinite alternate;
    will-change: transform;
}

.footer_title p:hover {
    color: #EB0E0E;
    cursor: pointer;
}

@keyframes footer-title-marquee {
    0% {
        transform: translateX(20%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.footer_title p:after {
    position: relative;
    content: '';
    border-radius: 100%;
    background-color: #FF0000;
    width: 13px;
    height: 13px;
    display: flex;
}

.footer_title p:nth-of-type(1) {
    margin-left: -104px;
}

.footer_top {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.footer_top_one,
.footer_top_two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.footer_top_one_left,
.footer_top_two_left {
    background-color: #252525;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    padding: 24px;
}

.footer_top_two_left .logo,
.footer_top_two_left .logo>* {
    display: flex;
    max-height: 28px;
}

.footer_top_two_left {
    height: 72px;
    padding: 0px 24px;
    align-items: center;
}

.footer_top_two_left .payments {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    max-height: 32px;
}

.footer_top_two_left .payments li,
.footer_top_two_left .payments li img {
    display: flex;
}

.footer_top_two_right .partners {
    display: flex;
    align-items: center;
    grid-gap: 6px;
    font-weight: 600;
    color: #fff;
}

.footer_top_two_right .partners:hover {
    background-color: #EB0E0E;
    text-decoration: none;
}

.footer_top_two_right .partners .icon:before,
.socials .icon:before {
    background-color: #fff;
}

.footer_top_two_right .footer_top_title {
    margin-bottom: 0px;
}

.socials {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    padding: 0px !important;
    background-color: transparent !important;
    height: 72px;
}

.socials li,
.socials li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.socials li a {
    background-color: #252525;
    border-radius: 16px;
}

.socials li a:hover {
    background-color: #EB0E0E;
}

.information_page {
    background-color: #F3F3F5;
}

.information {
    margin-top: 68px;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 100px;
    position: relative;
}

.information_top {
    margin-top: 16px;
    padding-bottom: 48px;
    margin-bottom: 48px;
    border-bottom: 1px solid #DCDCDE;
}

.information_top p {
    font-size: 18px;
    line-height: 158%;
    color: #323236;
}

.information_content_form {
    padding: 32px;
    border-radius: 16px;
    background-color: #fff;
    margin-top: 48px;
}

.information_left {
    max-width: 736px;
}

.information_right {
    display: flex;
    flex-direction: column;
    position: relative;
}

.information_links {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 352px;
}

.information_links_inner {
    width: 100%;
    height: fit-content;
    padding: 32px;
    background-color: #fff;
    border-radius: 16px;
    position: sticky;
    top: 32px;
}

.information_links_inner h4 {
    margin-bottom: 16px;
}

.information_links_inner p {
    font-weight: 600;
    margin-top: 14px;
}

.information_links_inner p:hover {
    cursor: pointer;
    text-decoration: underline;
}

.information_links_inner ul {
    border-left: 1px solid #DCDCDE;
    margin-top: 8px;
    padding-left: 12px;
    flex-direction: column;
}

.information_links_inner ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #0D0D0D;
}

.information_links_inner ul li:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 1025px) {
    .information_links {
        position: relative;
        height: fit-content;
        margin-bottom: 32px;
        padding-bottom: 48px;
        border-bottom: 1px solid #DCDCDE;
        max-width: initial;
    }

    .information_links h4 {
        background-color: #F3F3F5;
        margin: -20px;
        border-radius: 12px;
        height: 64px;
        padding: 0px 24px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .information_links h4:before {
        position: absolute;
        content: '';
        width: 32px;
        height: 32px;
        background-color: #fff;
        position: absolute;
        border-radius: 8px;
        right: 24px;
    }

    .information_links h4:after {
        content: '';
        position: absolute;
        right: 24px;
        width: 32px;
        height: 32px;
        -webkit-mask: url(../icons/arrow.svg) no-repeat center;
        mask: url(../icons/arrow.svg) no-repeat center;
        -webkit-mask-size: 6px;
        mask-size: 6px;
        background-color: #0D0D0D;
        transform: rotate(90deg);
    }

    .information_links.active h4:after {
        transform: rotate(-90deg);
    }

    .information_links_inner {
        padding: 24px;
    }

    .information_links_inner h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 134%;
    }

    .information_links .information_links_inner>*:not(h4) {
        display: none;
    }

    .information_links.active .information_links_inner>*:not(h4) {
        display: flex;
    }

    .information_links_inner>p:nth-of-type(1) {
        padding-top: 14px;
    }

    .information_top {
        border-bottom: none;
        padding-bottom: 0px;
    }
}

@media (max-width: 576px) {
    .information {
        margin-top: 40px;
        margin-bottom: 64px;
    }

    .information_content_form {
        padding: 24px;
    }
}

.footer_top_one_right,
.footer_top_two_right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.footer_top_title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 16px;
}

.footer_top_list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.footer_top_list li a {
    color: #C4C4C4;
}

.footer_top_list li a:hover {
    color: #fff;
    text-decoration: none;
}

.footer_top_one_right_item,
.footer_top_two_right>* {
    background-color: #252525;
    border-radius: 16px;
    padding: 24px;
}

.footer_top_one_right_item:last-child {
    background-color: #EB0E0E;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}

.footer_top_one_right_item .phone {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 126%;
    display: block;
    min-height: 28px;
}

.footer_top_one_right_item .mail {
    opacity: .75;
    color: #fff;
    display: block;
    min-height: 24px;
}

.footer_top_one_right_item .time {
    font-size: 14px;
    opacity: .75;
    color: #fff;
    margin-top: auto;
}

.footer_middle {
    background: #252525;
    margin-top: 100px;
}

.footer_middle_inner {
    display: flex;
    align-items: center;
    min-height: 48px;
    width: 100%;
}


.footer_middle_inner ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_middle_inner ul li,
.footer_middle_inner ul li a {
    display: flex;
}

.footer_middle_inner ul li a {
    color: #C4C4C4;
}

.footer_middle_inner ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.footer_bottom {
    padding: 24px 0px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_bottom .copyright {
    color: #777777;
}

.footer_bottom .developed {
    color: #C4C4C4;
}

@media (max-width: 1025px) {
    .footer_title p {
        font-size: 48px;
    }

    .footer_title p:nth-of-type(1) {
        margin-left: -178px;
    }

    .footer_top_one,
    .footer_top_two {
        grid-template-columns: 1fr;
    }

    .footer_middle_inner {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .footer_bottom,
    .footer_middle_inner ul {
        display: grid;
        grid-gap: 16px;
        grid-template-columns: 1fr 1fr;
    }

    .footer_top_two_right .partners {
        display: none;
    }

    .footer_top_two_left {
        grid-row: 2;
    }

    .footer_top_two_right {
        grid-row: 1;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    footer {
        padding-top: 64px;
    }

    .footer_title {
        margin-bottom: 64px;
    }

    .footer_title p {
        font-size: 40px;
    }

    .footer_title p:nth-of-type(1) {
        margin-left: -300px;
    }

    .footer_top_one_left {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .footer_top_one_right {
        grid-template-columns: 1fr;
    }

    .footer_top_one_right_item .time {
        margin-top: 22px;
    }

    .footer_top_two_left .payments {
        justify-content: flex-end;
    }

    .footer_bottom,
    .footer_middle_inner ul {
        grid-template-columns: 1fr;
    }

    .footer_middle {
        margin-top: 32px;
    }

    .modal {
        padding: 24px;
        max-height: 90vmax;
        overflow-y: auto;
    }

    .form_style .form_group_row {
        grid-template-columns: 1fr;
    }
}

#mobile_menu_content {
    position: absolute;
    left: -100%;
}

@media (max-width: 1025px) {
    #mobile_menu_content {
        z-index: 10;
        height: calc(100dvh - 72px);
        top: 88px;
        width: 100%;
        background-color: #F3F3F5;
        transition: left 0.3s ease-in-out;
    }

    #mobile_menu_content.active {
        left: 0;
    }

    #mobile_menu_content .container {
        position: relative;
        height: 100%;
        overflow-y: auto;
    }

    #mobile_menu_content .mobile_menu_content_top {
        padding: 4px;
        background-color: #0D0D0D;
        display: flex;
        flex-direction: column;
        grid-gap: 4px;
        border-radius: 16px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    #mobile_menu_content .mobile_menu_content_top .search {
        display: flex;
        position: relative;
        min-height: 48px;
        width: 100%;
    }

    #mobile_menu_content .mobile_menu_content_top .search input {
        padding-left: 40.5px;
        height: 100%;
        color: #fff;
        width: 100%;
        border-radius: 12px;
        border: none;
        background-color: #252525;
    }

    #mobile_menu_content .mobile_menu_content_top .search:before {
        content: '';
        position: absolute;
        left: 16.5px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-mask: url(../icons/search.svg) no-repeat center;
        mask: url(../icons/search.svg) no-repeat center;
        -webkit-mask-size: 18px;
        mask-size: 18px;
        width: 18px;
        height: 18px;
        background-color: #848484;
    }

    #mobile_menu_content .mobile_menu_content_top>a {
        border-radius: 12px;
        min-width: 127px;
        background-color: #252525;
        display: flex;
        align-items: center;
        padding: 0px 16px;
        height: 48px;
        grid-gap: 6px;
        font-weight: 500;
        color: #fff;
    }

    #mobile_menu_content .mobile_menu_content_top>a .icon:before {
        background-color: #fff;
    }

    #mobile_menu_content .mobile_menu_content_middle {
        display: flex;
        margin-bottom: 16px;
    }

    #mobile_menu_content .mobile_menu_content_middle .our_services_items {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        grid-gap: 4px;
        padding: 4px;
        border-radius: 16px;
        width: 100%;
    }

    #mobile_menu_content .mobile_menu_content_middle .our_services_items li {
        display: flex;
        border-radius: 16px;
        padding: 4px;
        min-height: 56px;
        background-color: #F3F3F5;
    }

    #mobile_menu_content .mobile_menu_content_middle .our_services_items li a {
        width: 100%;
        display: grid;
        grid-template-columns: 48px 1fr;
        grid-gap: 4px;
    }

    #mobile_menu_content .mobile_menu_content_middle .our_services_items li a .icon:before {
        -webkit-mask-size: 16px;
        mask-size: 16px;
        background-color: #EB0E0E;
    }

    #mobile_menu_content .mobile_menu_content_middle .our_services_items li a .icon,
    #mobile_menu_content .mobile_menu_content_middle .our_services_items li a p {
        background-color: #fff;
        border-radius: 12px;
    }

    #mobile_menu_content .mobile_menu_content_middle .our_services_items li a p {
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        display: flex;
        align-items: center;
        padding: 0px 22px;
    }

    #mobile_menu_content .mobile_menu_content_links {
        display: flex;
        flex-direction: column;
        grid-gap: 16px;
    }

    #mobile_menu_content .mobile_menu_content_links ul {
        display: flex;
        flex-direction: column;
        grid-gap: 4px;
        background-color: #fff;
        border-radius: 20px;
        padding: 4px;
    }

    #mobile_menu_content .mobile_menu_content_links ul li {
        display: flex;
        background-color: #F3F3F5;
        padding: 4px;
        border-radius: 16px;
        width: 100%;
    }

    #mobile_menu_content .mobile_menu_content_links ul li a {
        background-color: #fff;
        border-radius: 12px;
        height: 48px;
        padding: 0px 22px;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .mobile_menu_content_footer {
        display: none;
    }
}

@media (max-width: 576px) {
    #mobile_menu_content {
        height: calc(100dvh - 88px);
    }

    .mobile_menu_content_footer {
        display: flex;
        flex-direction: column;
        grid-gap: 4px;
        margin-top: 16px;
        margin-bottom: 16px;
        border-radius: 16px;
        padding: 4px;
        background-color: #0D0D0D;
    }

    .mobile_menu_content_footer .phone {
        background-color: #252525;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-radius: 12px;
    }

    .mobile_menu_content_footer .phone a {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        color: #fff;
    }

    .mobile_menu_content_footer .phone .time {
        font-weight: 500;
        font-size: 12px;
        color: #848484;
        line-height: 150%;
    }

    .mobile_menu_content_footer .callback {
        background-color: #EB0E0E;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-radius: 12px;
    }

    .mobile_menu_content_footer .callback p {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        color: #fff;
    }
}