@font-face {
    font-family: "ManropeReg";
    src: url(fonts/manrope_regular.woff);
    font-display: swap;
}
@font-face {
    font-family: "ManropeMed";
    src: url(fonts/manrope_medium.woff);
    font-display: swap;
}

@font-face {
    font-family: "ManropeExtra";
    src: url(fonts/manrope_extrabold.woff);
    font-display: swap;
}

@font-face {
    font-family: "ManropeBold";
    src: url(fonts/manrope_bold.woff);
    font-display: swap;
}

@font-face {
    font-family: "ManropeThin";
    src: url(fonts/manrope_thin.woff);
    font-display: swap;
}

:root {
    --red-color: #ff1e00;
    --gray-color: #E6E7E9;
    --dark-grey-color: #808080;
    --brown-color: #4C1E09;
    --gray-color-4: #404040;
    --c5-color: #c5c5c5;
    --gray-1-color: #F9F8F4;
    --brown-gray-color: #846E67;
    --black-blue-color: #1B1E25;
    --pink: #FF9B8E;
    --gray-5: #232323;
}

@media screen and (min-width: 1024px) {
    ::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
    }
    
    ::-webkit-scrollbar-track {
        background-color: var(--gray-color);
        border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb {
        background-color: var(--pink);
        border-radius: 10px;
    }
}

body {
    margin: 0;
    padding: 0;
}

.__jivoMobileButton {
    z-index: 10 !important;
}

* {
    outline: none;
    font-family: "ManropeReg";
    -webkit-appearance: none;
}

span.bold {
    font-family: "ManropeBold";
}

span.red {
    color: var(--red-color);
    font-family: "ManropeBold";
}

.text-danger {
    color: var(--red-color) !important;
}

.text-success {
    color: #20c997 !important;
}

.text-primary {
    color: rgb(6, 71, 252) !important;
}

.text_warning {
    padding: 10px;
    color: #664d03;
    background-color: #fff3cd;
    border-bottom: 2px solid #ffecb5;
    font-size: 13px;
    position: relative;
    border-radius: 8px;
}

.text_danger {
    padding: 10px;
    color: #664d03;
    background-color: #fdc9c9;
    border-bottom: 2px solid #ffb2a7;
    font-size: 13px;
    position: relative;
    border-radius: 8px;
}

.loading_data_error {
    position: fixed;
    bottom: 30px;
    left: 30px;   
    padding: 10px;
    border-radius: 8px;
    color: #fff;
    background-color: var(--red-color);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 999;
    box-sizing: border-box;
    font-size: 14px;
}

.refresh_button {
    cursor: pointer;
    fill: #fff;
    width: 30px;
}

.disabled {
    opacity: .5;
}

.disabled label {
    cursor: default;
}

.disabled .checkbox_elem:hover {
    background-color: transparent;
    border: 1px solid #ccc;
}

.muted_text {
    color: var(--dark-grey-color);
}

.border {
    width: 100%;
    height: 1px;
    background-color: var(--gray-color);
    margin: 25px 0;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    background-color: #fff;
    border-radius: 8px;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 18px;
}

.slider_arrow img {
    width: 16px !important;
}

.slick-prev {
    left: 20px;
    z-index: 2;
}

.slick-next {
    right: 20px;
}

.first_slider .slick-prev {
    left: 85px;
}

.first_slider .slick-next {
    right: 85px;
}

table {
    width: 100%;
}

table tr td,
table tr:first-child td {
    border-bottom: 1px solid #F2F2F2;
    padding: 15px 0;
}

table tbody tr:last-child td {
    border: none;
}

html{
    scroll-padding-top: 88px;
}

table thead td {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--brown-color);
}

table tbody td {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: var(--brown-gray-color);
    text-decoration: none;
    margin-top: 3px;
    word-break: break-word;
    margin-right: 8px;
}

table tbody td a {
    color: var(--gray-color-4);
    text-decoration: none;
}

.checkout_tab .switcher {
    margin-top: 20px;
    margin-bottom: 50px;
}

.switcher {
    background-color: var(--gray-color);
    border-radius: 32px;
    display: inline-flex;
}

.switch_elem {
    color: var(--gray-color-4);
    background-color: transparent;
    border-radius: 32px;
    padding: 13px 27px;
    box-sizing: border-box;
    border: none;
}

.switch_elem.active {
    color: #fff;
    background-color: var(--red-color);
    font-weight: 700;
}

.switch_elem:disabled {
    color: var(--dark-grey-color);
}

#address_modal {
    padding-top: 60px;
}

#address_modal .switcher {
    display: flex;
    margin-bottom: 15px;
}

#address_modal .switch_elem {
    width: 50%;
}

.address_map {
    width: 100%;
    height: 250px;
    margin-bottom: 15px;
}

button {
    cursor: pointer;
}

input[type="checkbox"]:not(.pure) {
    display: none;
}

.ui_tip {
    font-size: 13px;
    color: #6d6d6d;
    margin: 10px 0;
}

label {
    cursor: pointer;
}

.checkbox_control {
    display: flex;
    justify-content: flex-start;
    align-items: start;
}

.checkbox_elem_check {
    display: inline-block;
    position: relative;
    width: 15px;
    min-width: 15px;
    height: 15px;
    background-color: var(--gray-1-color);
    border: 1px solid var(--dark-grey-color);
    border-radius: 3px;
    transition-duration: .35s;
    margin-right: 15px;
}

.checkbox_elem_check + span {
    color: var(--dark-grey-color);
    margin-top: -4px;
}

.checkbox_elem_check:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    border-radius: 100%;
    content: '✓';
    display: none;
    z-index: 2;
    color: #fff;
    font-weight: 700;
}

input[type="checkbox"]:checked + .checkbox_elem_check:before {
    display: block;
}

input[type="checkbox"]:checked + .checkbox_elem_check {
    background: #c50000;
    border-color: #c50000;
}

.checkbox_elem {
    display: inline-block;
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 100%;
    margin-right: 15px;
}

.checkbox_elem:hover {
    background: #c50000;
    border-color: #c50000;
}

.checkbox_elem:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: none;
    z-index: 2;
}

.ymaps-2-1-79-searchbox-input__input {
    width: 500px !important;
}

input[type="checkbox"]:checked + .checkbox_elem:before {
    display: block;
}

input[type="checkbox"]:checked + .checkbox_elem {
    background: #fff;
    width: 10px;
    min-width: 10px;
    height: 10px;
    border: 6px solid #c50000;
}

.green_text {
    color: #257210;
}

.loading_screen {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition-duration: .35s;
}

.loading_screen.active {
    opacity: 1;
    pointer-events: all;
}

.loading_item {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--red-color);
    margin: 0 10px;
    animation-duration: 1.5s;
    animation-name: loading_pulse;
    animation-iteration-count: infinite;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,.6);
    font-weight: 700;
    font-size: 18px;
    display: none;
}

.loading.active {
    display: flex;
}

.main_cart {
    width: 100%;
    border: 1px solid var(--gray-color);
    padding: 15px;
    box-sizing: border-box;
    margin-top: 15px;
    border-radius: 8px;
    background-color: var(--gray-1-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main_cart_title {
    color: var(--brown-color);
    font-weight: 700;
}

.main_cart_info {
    opacity: .7;
    color: var(--brown-color);
    font-weight: 600;
}

.customer_address {
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
    display: inline-flex;
    gap: 15px;
    align-items: center;
    background-color: var(--gray-1-color);
    margin-top: 15px;
    color: var(--brown-color);
    cursor: pointer;
    border: 1px solid var(--gray-color);
}

.customer_address__icon {
    width: 20px;
}

.menu_placeholder_title {
    width: 30%;
    height: 40px;
    margin-top: 40px;
}

.menu_placeholder_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    margin-top: 24px;
}

.menu_placeholder_elem {
    height: 250px;
}

.header_menu_placeholder_elem {
    width: 150px;
    height: 40px;
    margin-right: 20px;
}

.cart_loader_elem {
    width: 12px;
    height: 8px;
    display: inline-block;
}

.menu_placeholder_title,
.menu_placeholder_elem,
.header_menu_placeholder_elem,
.cart_loader_elem {
    background: #d5d5d5;
    border-radius: 8px;
    animation-duration: 1.5s;
    animation-name: placeholder_pulse;
    animation-iteration-count: infinite;
}

@keyframes placeholder_pulse {
    0% {
        opacity: .5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .5;
    }
}

.alert_successful {
    background: #13b283;
    color: #296150 !important;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    margin-bottom: 10px;
}

.btn {
    border-radius: 30px;
    padding: 10px 25px;
    border: 1px solid var(--red-color);
    color: var(--red-color);
    font-size: 16px;
    font-family: "ManropeMed";
    height: 55px;
    transition-duration: .35s;
    cursor: pointer;
}

.ui-btn {
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0.1em;
    padding: 13px 24px;
    border-width: 1px;
    transition-duration: .35s;
    background-color: transparent;
    color: var(--red-color);
    border:  1px solid var(--red-color);
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    letter-spacing: 0px;
    font-size: 14px;
}

.ui-btn:disabled {
    opacity: .6;
}

.ui-btn svg {
    margin-right: 15px;
}

.ui-btn:hover {
    color: #fff;
    background-color: var(--red-color);
}

.ui-btn.filled {
    background-color: var(--red-color);
    color: #fff;
    height: 39px;
}

.ui-btn.muted {
    background-color: var(--gray-color);
    color: var(--gray-color-4);
    border-color: var(--gray-color);
    padding: 9px 16px;
    height: 39px;
}

.ui-btn.muted_transparent {
    background-color: transparent;
    color: var(--gray-color-4);
    border-color: var(--gray-color-4);
    padding: 9px 16px;
}

.ui-btn.muted_transparent:hover {
    background-color: var(--gray-color-4);
    color: #fff;
    border-color: var(--gray-color-4);
}

.ui-btn.header_cart {
    height: 48px;
}

a {
    text-decoration: none;
}

.ui-btn.filled.cart {
    font-weight: 600;
    font-size: 10px;
    transition-duration: .35s;
    background-color: #c50000;
    height: 39px;
    border: 1px solid #c50000;
    border-radius: 0 8px 8px 0;
}

.ui-btn.filled.cart:hover {
    color: #fff;
}

.ui-btn.main_category_btn {
    line-height: 20px;
    height: auto;
}

.btn.transparent {
    background-color: transparent;
}

.btn.transparent:hover {
    background-color: var(--red-color);
    color: #fff;
    transform: translateY(-3px);
}

.bonuses_range_wrapper {
    width: 100%;
}

.input_range {
    width: calc(100% - 20px);
    margin: auto;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 7px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.input_range::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--red-color);
    width: 25px;
    border-radius: 100%;
    aspect-ratio: 1/1;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    margin-top: -13px;
    cursor: pointer;
}

.input_range::-ms-thumb {
    appearance: none;
    background-color: var(--red-color);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    cursor: pointer;
}

.input_range::-moz-range-thumb {
    appearance: none;
    background-color: var(--red-color);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    cursor: pointer;
}

.input_range::-webkit-slider-runnable-track {
    appearance: none;
    -webkit-appearance: none;
    height: 0;
}

.input_range::-moz-range-track {
    appearance: none;
    height: 0;
}

.input_range::-ms-track {
    appearance: none;
    height: 0;
}

.ui-btn.transparent:hover svg {
    fill: #fff !important;
}

.container {
    width: 1218px;
    margin: auto;
}

.content_section_cart {
    padding: 20px 18px;
    background-color: #fff;
    border: 1px solid #F2F2F2;
    margin-bottom: 10px;
}

.row {
    display: flex;
    flex-direction: row;
}

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

.title {
    color: var(--brown-color);
    font-size: 32px;
    font-family: "ManropeBold";
    padding-top: 40px;
    margin: 0;
}

.form_control {
    position: relative;
}

.form_control input,
.form_control textarea,
.form_control select {
    width: 100%;
    padding: 9px 10px;
    box-sizing: border-box;
    color: #5f5f5f;
    border: 1px solid var(--gray-color);
    background-color: var(--gray-1-color);
    border-radius: 8px;
    height: 40px;
}

.form_control select option {
    border: none;
}

.form_control textarea {
    height: auto;
}

.form_control input:disabled,
.form_control textarea:disabled,
.form_control select:disabled {
    opacity: .5;
}


.form_control input:focus,
.form_control textarea:focus,
.form_control select:focus {
    border-color: #b0b0b0;
}

.form_control p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--gray-color-4);
    margin-bottom: 8px;
}

.form_control.unactive {
    opacity: .3;
}

.form_control input.error {
    border-color: var(--red-color);
}

.input_error {
    color: var(--red-color);
    font-size: 14px;
}

.content_section {
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: #fff;
    width: 100%;
    padding: 20px 0;
    transform: translateY(-100%);
    transition-duration: .35s;
    box-shadow: 0px 4px 10px 0px #00000026;
    border-radius: 0 0 16px 16px;
}

.fixed_header.active {
    transform: translateY(0);
}

.fixed_header .row {
    align-items: center;
}

.fixed_header_grid {
    display: grid;
    grid-template-columns: 65px 1fr 120px;
    align-items: center;
}

header {
    background-color: #fff;
    width: 100%;
    padding: 20px 0;
    z-index: 10;
}

header a {
    color: #000;
    text-decoration: none;
}

.menu_opener {
    padding: 5px;
    border-radius: 10px;
    display: none;
}

.menu_opener__elem {
    width: 25px;
    height: 2px;
    background-color: var(--gray-color-4);
    display: block;
    margin: 5px 0;
}

.top_header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 17px;
}

.city__working_time {
    color: var(--dark-grey-color);
    font-size: 14px;
}

.city_button {
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: #333;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    font-family: "ManropeReg";
}

.city_button__name {
    color: #FF1E00; 
}

.mobile_top_header_wrapper {
    display: none;
}

.fixed_menu {
    box-sizing: border-box;
    position: relative;
    width: 946px;
}

.fixed_menu_line {
    width: 100%;
    overflow-x: auto;
    display: flex;
    scroll-behavior: smooth;
    padding-right: 50px;
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 88%, transparent 100%);
    box-sizing: border-box;
}

.fixed_menu_line a {
    width: auto;
    white-space: nowrap;
}

.fixed_menu a.active {
    font-weight: 700;
    color: var(--red-color);
}

.fixed_menu_line::-webkit-scrollbar {
    display: none;
}

.fixed_menu .menu_arrow {
    width: 30px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    position: absolute;
    cursor: pointer;
}

.fixed_menu .menu_arrow.active {
    display: flex;
}

.fixed_menu .menu_arrow img {
    width: 10px;
}

.menu_arrow_right {
    right: 0;
    justify-content: flex-end;
}

.menu_arrow_left {
    left: 0;
    justify-content: flex-start;
}

.top_header ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 40px;
}

.top_header ul li {
    list-style: none;
}

.top_header ul li:first-child {
    padding-left: 0;
}

.top_header ul li a,
.fixed_menu a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

.fixed_menu a {
    font-size: 15px;
    padding-right: 25px;
}

.fixed_menu a:last-child {
    padding: 0;
}

header .row {
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

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

.city {
    margin-left: 44px;
}

.city_mobile {
    display: none;
}

.city select,
.change_language {
    padding: 10px;
    box-sizing: border-box;
    border: 0;
    font-size: 15px;
}

.header_additional a {
    margin-left: 15px;
    text-decoration: none;
    color: #000;
}

.header_additional a.header_phone {
    margin: 0 45px;
    font-family: "ManropeExtra";
}

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

.social_phone img {
    width: 25px;
}

.social_mobile {
    box-sizing: border-box;
    display: block;
    color: var(--gray-color-4) !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
}

.social_mobile img {
    margin-right: 15px;
}

.cart_total_cost {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.cart_bottom_button {
    width: 100%;
    margin: 0;
}

.cart_bottom {
    gap: 15px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 8px;
}

.main_cart_section {
    margin-bottom: 20px;
}

.empty_cart {
    text-align: center;
    margin: 0;
}

.empty_main {
    font-size: 18px;
    font-weight: 600;
}

.cart_old_cost {
    opacity: .6;
    text-decoration: line-through;
    font-size: 16px;
}

.no_add_spices {
    margin: 15px 0;
    padding: 10px;
    box-sizing: border-box;
    background-color: var(--gray-1-color);
    border: 1px solid var(--gray-color);
    border-radius: 8px;
}

.no_add_spices span {
    color: var(--brown-color) !important;
    font-weight: 700;
}

.first_slider.laptop, .first_slider.mobile {
    display: none;
}

.first_screen img:not(.slider_arrow) {
    width: 100%;
}

.first_screen img[src=""] {
    max-height: 0;
}

.first_slider a.slick-slide {
    padding: 20px;
    box-sizing: border-box;
    transition-duration: .4s;
}

.slide_wrapper {
    position: relative;
    text-decoration: none;
}

/* .banner_timer {
    display: none;
    position: absolute;
    top: 30px;
    right: 30px;
    background-color: #fff;
    color: #333;
    font-size: 13px;
    padding: 15px;
    border-radius: 5px;
    font-weight: 600;
} */

.first_slider a.slick-slide img {
    border-radius: 15px;
}

.first_slider a.slick-slide:not(.slick-active) {
    opacity: .7;
}

.price {
    display: flex;
    align-items: center;
    font-size: 26px;
    justify-content: center;
}

.discount {
    color: var(--black-blue-color);
    font-family: "ManropeBold";
    padding-right: 5px;
}

.old_price {
    text-decoration: line-through;
    color: #b2a7a2;
    font-family: "ManropeThin";
}

.category_products {
    transition-duration: .35s;
    transform: translateY(10px);
    pointer-events: none;
    opacity: 0;
    height: 0;
}

.category_products.active {
    transform: translateY(0px);
    pointer-events: all;
    opacity: 1;
    height: auto;
}

.category_badge {
    position: sticky;
    top: 100px;
    z-index: 5;
    background-color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    box-shadow: 0px 4px 10px 0px #00000026;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.catalog_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 35px;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    justify-content: start;
    margin-top: 24px;
}

.product_elem {
    width: 100%;
    text-decoration: none;
    transition-duration: .35s;
    position: relative;
    display: grid;
    grid-template-columns: auto;
}

.product_elem_header {
    position: relative;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}

.product_elem .tags {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    z-index: 2;
}

.product_elem a {
    text-decoration: none;
}

.product_elem:hover {
    transform: translateY(-3px);
}

.product_elem__image {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 32px;
}

.product_elem__title {
    color: var(--brown-color);
    font-size: 20px;
    margin: 24px 0;
    font-family: "ManropeBold";
    cursor: pointer;
}

.product_elem__description {
    color: var(--brown-gray-color);
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.product_elem .price {
    font-size: 18px;
}

.product_elem__body {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_cart {
    border-radius: 30px;
    background-color: var(--red-color);
    border-color: var(--red-color);
    font-weight: 600;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 10px 36px;
    height: 40px;
}

.product_cart.added {
    opacity: .7;
}
.product_cart.added:hover {
    opacity: 1;
}

.product_cart img {
    margin-right: 10px;
}

.product_elem__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.product_modal_bottom .product_count,
.product_elem__bottom .product_count {
    width: 90px;
}

.mobile_product_bottom {
    display: none;
}

.product_count {
    display: flex;
    position: relative;
    width: 100%;
}

.product_modal_bottom {
    justify-content: space-between;
    width: 100%;
}

.product_modal_bottom_mobile {
    display: none;
}

.product_count input {
    color: var(--gray-color-4);
    background-color: var(--gray-color);
    font-size: 16px;
    text-align: center;
    border: none;
    font-family: "ManropeBold";
    border-radius: 30px;
    width: 100%;
    height: 40px;
    padding: 10px 30px;
    box-sizing: border-box;
}

.product_count button {
    background-color: transparent;
    border: 0;
    font-size: 20px;
    font-family: "ManropeBold";
    color: var(--dark-grey-color);
    width: 30px;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product_count button span {
    height: 38px;
}

.product_count .plus {
    right: 0px;
}

.product_count input::-webkit-inner-spin-button {
    display: none;
}

.products {
    padding-bottom: 30px;
}

.map {
    border-radius: 30px;
}

footer {
    padding: 80px 0;
    background-color: var(--gray-1-color);
}

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

footer .row {
    justify-content: space-between;
}

.footer_info {
    width: 800px;
}

.footer_info p {
    color: var(--dark-grey-color);
}

.footer_slogan {
    color: var(--gray-color-4);
    font-size: 24px;
}

.footer_info .row {
    align-items: center;
    justify-content: flex-start;
}

footer ul {
    margin: 0;
    padding: 0;
    margin: 0 -10px;
    color: var(--dark-grey-color);
    margin-top: 15px;
}

footer ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}

footer ul li a {
    font-size: 14px;
    text-decoration: none;
}

.footer_company_info p {
    opacity: .4;
    font-size: 14px;
    margin: 5px 0 5px;
}

.copy {
    color: #909090;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content {
    padding-top: 10px;
    padding-bottom: 40px;
    min-height: 40vh;
}

.breadcrumbs_wrapper {
    padding-top: 30px;
    padding-bottom: 10px;
}

.breadcrumbs {
    font-size: 12px;
    display: flex;
    align-items: center;
}

.breadcrumbs img {
    margin: 0 10px;
    width: 7px;
}

.breadcrumbs a {
    text-decoration: none;
    color: var(--brown-gray-color);
}

.breadcrumbs a:hover {
    color: #c50000;
}

.total p {
    margin: 0;
}

.total span,
.product_cost,
.cart_product_title {
    font-size: 20px;
}

.total_mobile {
    display: none;
}

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

.additional_products {
    flex-wrap: wrap;
}

.additional_products .product_elem {
    width: 22%;
}

.mobile_menu_back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 997;
    opacity: 0;
    pointer-events: none;
    transition-duration: .35s;
}

.mobile_menu_back.active {
    opacity: .4;
    pointer-events: all;
}

.mobile_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    z-index: 998;
    background-color: #fff;
    transform: translateX(-100%);
    transition-duration: .35s;
    box-sizing: border-box;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.mobile_menu_section {
    border-bottom: 1px solid var(--gray-color);
    padding: 15px;
    box-sizing: border-box;
}

.mobile_menu .city {
    display: block !important;
    margin-left: 0;
}

.mobile_menu .city span {
    font-size: 12px;
}

.mobile_menu .header_phone,
.cart_mobile {
    display: block;
    font-family: "ManropeReg";
    font-weight: 700;
}

.mobile_menu .header_phone span {
    color: var(--dark-grey-color);
    font-size: 12px;
    font-weight: 400;
}

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

.mobile_cart_count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #c50000;
    color: #fff;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    font-size: 12px;
}

.mobile_menu .city_button {
    width: 100%;
    font-weight: 700;
    justify-content: space-between;
}

.mobile_menu.active {
    transform: translate(0);
}

.mobile_menu ul {
    margin: 0;
    padding-left: 0px;
}

.mobile_menu li {
    list-style: none;
}

.mobile_menu li a {
    font-size: 15px;
    padding-top: 10px;
    box-sizing: border-box;
    display: block;
    font-weight: 400;
    color: var(--gray-color-4);
}

.mobile_menu li:first-child a {
    padding-top: 0px;
}

.mobile_menu a {
    text-decoration: none;
    color: var(--brown-color);
    font-family: "ManropeReg";
}

.profile_menu {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 35px;
    margin-top: 0;
}

.profile_menu li {
    list-style: none;
}

.profile_menu li a {
    padding: 10px 25px;
    border-bottom: 2px solid #F2F2F2;
    color: var(--dark-grey-color);
    display: block;
    text-decoration: none;
    transition-duration: .35s;
    cursor: pointer;
    font-size: 18px;;
}

.profile_menu li:hover a,
.profile_menu li a.active {
    color: var(--red-color);
    border-color: var(--red-color);
    background-color: var(--gray-1-color);;
}

.profile_menu li a.active {
    font-weight: 600;
}

.row.form_controls {
    margin: 0 -15px;
}

.row.form_controls .form_control {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.index_tab {
    width: 490px;
}

.profile_header {
    padding: 16px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 18px;
    color: var(--brown-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile_header p {
    margin: 0;
}

.checkout_main_section_title {
    margin: 0;
}

.cart_actions_count {
    font-size: 15px;
    font-weight: 400;
    opacity: .5;
}

.coupon {
    width: 320px;
}

.coupon p {
    font-size: 14px;
    color: #B0B0B0;
    margin: 0 0 15px 0;
}

.coupon_grid {
    display: grid;
    grid-template-columns: 1fr 120px;
}

.coupon input {
    border-radius: 8px 0 0 8px;
}

.clear_coupon {
    width: 10px;
    opacity: .5;
}

.coupon button:not(.ui-btn) {
    background-color: transparent;
    border: none;
    padding: 0 10px;
    color: #D9D9D9;
    margin-left: -35px !important;
}

.coupon .form_control {
    width: 100%;
}

.coupon button:hover {
    color: #f80000;
}

.coupon input::placeholder {
    opacity: .3;
}

.coupon_status {
    font-size: 10px;
}

.coupon_error {
    color: var(--red-color);
}

.coupon_wrapper {
    align-items: center !important;
    margin-top: 15px;
}

.coupon .ui-btn {
    margin: 0;
}

.coupon input {
    height: 39px;
}

.coupon .coupon_wrapper .row {
    width: 100%;
    padding-right: 15px;
}

.product_cost,
.cart_product_title {
    font-size: 20px;
}

.product_cost {
    display: block;
}

.cart_elem {
    padding: 15px 0;
    border-bottom: 1px solid var(--gray-color);
}

.cart_elem_title {
    font-size: 15px;
    color: #333;
    text-decoration: none;
    text-align: left;
    gap: 10px;
}

.price_mobile {
    margin: 0;
}

.price_elem_mobile {
    opacity: .4;
}

.price_total_mobile {
    font-weight: 600;
}

.cart_product_image {
    width: 100%;
    border-radius: 8px;
}

.cart_additional_product {
    display: none;
}

.cart_additional_product.active {
    display: block;
}

.checkout_products_wrapper .cart_elem:first-child {
    padding-top: 0;
}

.checkout_products_wrapper .cart_elem {
    display: grid;
    grid-template-columns: 100px auto 90px 90px;
    grid-gap: 16px;
    align-items: center;
}

.checkout_products_wrapper .cart_elem p,
.checkout_products_wrapper .cart_elem .product_cost {
    font-size: 14px;
}

.checkout_products_wrapper .cart_product_title {
    width: 100%;
}

.checkout_products_wrapper .cart_elem .total_price {
    width: 100%;
    padding: 0;
}

.total_price {
    width: 90px;
    text-align: right;
}

.cart_elem_body {
    width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr 100px;
    gap: 30px;
    align-items: center;
}

.cart_product_title {
    text-decoration: none;
    color: var(--brown-color);
    font-size: 17px;
    margin: 0;
}

.additional_products .product {
    width: 25%;
}

.showMore {
    color: #000;
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    gap: 15px;
}

.showMore img {
    width: 15px;
}

.showMore.active img {
    transform: rotate(180deg);
}

.total_order_wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.total_elem {
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    opacity: 1;
}

.checkout_aside_border {
    height: 1px;
    background-color: var(--gray-color);
    width: 100%;
    margin: 20px 0;
}

.checkout_title {
    position: relative;
    margin: 0;
    color: var(--brown-color);
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}

.checkout_buttons {
    padding-top: 24px;
    align-items: center;
}

.checkout_buttons .ui-btn {
    margin-top: 0;
    margin-bottom: 0 !important;
    min-width: 144px;
}

.checkout_button_margin {
    margin-right: 30px;
}

.checkout_group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    width: 100%;
}

.preorder_elems {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    width: 100%; 
}

.preorder_notify {
    color: var(--brown-color);
}

.checkout_group .form_control {
    width: 100%;
}

.payment_types {
    gap: 20px;
    flex-wrap: wrap;
}

.points {
    display: none;
}

.points.active {
    display: block;
}

.checkout_type ul {
    margin: 0;
    padding: 0;
}

.checkout_type li {
    list-style: none;
    margin-bottom: 10px;
}

.pickup_rest {
    border: 1px solid var(--c5-color);
    margin: 4px 0;
    padding: 15px;
    box-sizing: border-box;
    transition-duration: .35s;
    border-radius: 8px;
}

.pickup_rest:hover {
    transform: translateY(-4px);
}

.product_title {
    vertical-align: baseline;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    color: #1d1d1d;
    cursor: pointer;
    margin: 0;
}

.modal .product_title {
    font-size: 24px;
    margin-bottom: 16px;
    color: var(--brown-color);
    font-weight: 500;
}

.product_tags {
    position: absolute;
    top: 30px;
    left: 30px;
    pointer-events: none;
}

.modal .product_tags {
    position: static;
}

.tag {
    font-size: 12px;
    line-height: 12px;
    color: white;
    padding: 7px 13px;
    border-radius: 13px;
    margin-bottom: 5px;
    display: inline-block;
    border: 1px solid #000;
    background-color: #fff;
}

.contacts_title {
    margin: 0;
}

.contacts_map {
    width: 100%;
    height: 650px;
    border-radius: 32px;
    overflow: hidden;
}

.restaurant {
    padding: 20px;
    box-sizing: border-box;
    width: 33%;
}

.restaurants_row {
    flex-wrap: wrap;
    margin: 0 -20px;
    margin-bottom: 30px;
}

.restaurant .row {
    align-items: center;
    justify-content: space-between;
}

.contact_header {
    font-size: 24px;
    line-height: 24px;
    color: var(--brown-color);
    margin: 0;
}

.contact_info {
    font-size: 16px;
    color: var(--gray-color-4);
}

.form_title {
    font-weight: 400;
    font-size: 25px;
}

.open_sections {
    padding: 20px 30px;
    box-sizing: border-box;
    text-align: center;
    display: none;
}

.back_to {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.back_to img {
    width: 20px;
}

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

.auth_code__input {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.repeat_call {
    color: var(--red-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    background-color: transparent;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
}

.repeat_call.disabled {
    color: #000;
}

.repeat_call.disabled svg {
    fill: #000;
}

.repeat_call svg {
    fill: var(--red-color);
    width: 16px;
}

.select_option {
    text-align: center;
    margin: 0;
    margin-top: 15px;
    font-weight: 700;
}

.verify_wrapper {
    position: relative;
}

.auth_options {
    display: grid;
    grid-template-columns: repeat(auto-fit, 1fr);
    gap: 15px;
    margin-top: 15px;
    grid-auto-flow: column;
}

.go_back {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.go_back__icon {
    width: 15px;
}

.auth_option,
.verify_code {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    border-radius: 8px;
    background-color: var(--red-color);
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 700;
    width: 100%;
}

.vk_option {
    background-color: #0077FF;
}

.verify_code_wrapper {
    margin-top: 15px;
}

.auth_option svg {
    fill: #fff;
    width: 20px;
    aspect-ratio: 1/1;
}

.modal_title,
.modal_checkout_title {
    font-weight: normal;
    color: var(--black-blue-color);
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px;
}

.modal,
.modal_checkout_content {
    position: relative;
    padding: 32px;
    box-sizing: border-box;
    z-index: 16;
    background-color: #fff;
    width: 880px;
    opacity: 0;
    transform: translateY(100%);
    transition-duration: .35s;
    margin: auto;
    border-radius: 32px;
}

.modal_bottom_cabinet .ui-btn {
    margin: auto;
}

.modal .product_additional_info {
    border-top-right-radius: 32px;
    border-bottom-left-radius: 32px;
}

.modal select {
    width: 150px;
    margin-right: 10px;
}

.modal_back,
.modal_checkout {
    position: fixed;
    padding: 30px 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.54);
    z-index: 999;
    overflow-y: auto;
    display: none;
    animation-timing-function: ease-in-out;
}

.modal_checkout {
    z-index: 998;
}

.modal_back.active,
.modal_checkout.active {
    display: block;
}

.modal_back.active .modal,
.modal_checkout.active .modal_checkout_content {
    animation: modalAnimationOpen .35s both;
}

.verify_modal {
    width: 550px;
}

@keyframes modalAnimationOpen {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes modalAnimationHide {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

.modal .price {
    font-size: 20px;
}

.modal .price .discount {
    color: var(--black-blue-color) !important;
}

.close_modal {
    position: absolute;
    right: -40px;
    top: 0;
    cursor: pointer;
}

.close_product_modal {
    position: sticky;
    left: 0px;
    top: 0px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.close_modal_inner {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    display: none;
}

.close_modal img {
    width: 40px;
}

.close_modal:hover {
    opacity: 1;
}

.cities_list {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
}

.city_letter::before {
    display: block;
    content: "";
    width: calc(100% - 27px);
    position: absolute;
    top: 50%;
    left: 27px;
    height: 1px;
    z-index: 0;
    background: #d5d5d5;
}

.city_letter {
    font-weight: 700;
    color: var(--red-color);
    font-size: 22px;
    position: relative;
    background: #fff;
    z-index: 2;
}

.cities {
    overflow-y: auto;
    margin-top: 10px;
    columns: 3;
}

.cities ul {
    margin: 0;
    padding: 0;
}

.cities li {
    padding: 5px 0;
    font-size: 14px;
    color: #2d2d2d;
    cursor: pointer;
    list-style: none;
}

.cities li:hover {
    color: #c50000;
}

#city_modal .form_control {
    display: flex;
    align-items: stretch;
}

#city_modal input {
    padding-left: 35px;
    padding-right: 35px;
}

.search_button {
    position: relative;
    background-color: transparent;
    margin-right: -30px;
    z-index: 17;
    opacity: .3;
    border: none;
    cursor: default;
}

.clear_search {
    position: relative;
    background-color: transparent;
    margin-left: -30px;
    z-index: 17;
    opacity: .3;
    border: none;
    transition-duration: .35s;
}

.clear_search:hover {
    opacity: 1;
}

.vk_auth_button_wrapper {
    width: 100%;
}

.vk_auth_button {
    background-color: #0077FF;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-family: "ManropeMed";
    height: 48px;
    width: 100%;
}

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

.auth_or_text {
    text-align: center;
    color: #818C99;
    font-size: 13px;
}

.auth_bottom a {
    color: #c50000;
    font-size: 14px;
    text-decoration: none;
}

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

.offer_time .time {
    background-color: #F2F2F2;
    padding: 4px;
    box-sizing: border-box;
    font-size: 14px;
    color: var(--gray-color-4);
    border-radius: 3px;
    margin-right: 4px;
    width: 52px;
    text-align: center;
}

.product .price {
    font-size: 16px;
    justify-content: flex-start;
}

#quick_modal .row {
    align-items: center;
}

.quick_slider {
    max-width: 422px;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
}

.quick_slider img {
    width: 400px;
    border-radius: 8px;
}

.quick_info {
    padding-left: 20px;
    box-sizing: border-box;
    width: 100%;
}

.quick_info ul {
    padding: 0;
    margin: 0;
}

.quick_info li {
    padding: 10px 0;
    list-style: none;
}

.product_modal_description {
    color: var(--dark-grey-color);
}

.cart_actions .row {
    align-items: center;
    justify-content: space-between;
}

.cart_actions button {
    margin: 0;
}

.close_mobile {
    font-size: 35px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 30px;
    right: 30px;
    opacity: .3;
}

.first_screen .slick-slide {
    height: auto;
}

.notifications {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 99999999999999;
}

.notification-animation-enter, .notification-animation-leave-to {
    opacity: 0;
    transform: translateX(-150%);
    transition-duration: .35s;
}

.cart_notification,
.error_notification,
.success_notification {
    position: relative;
    margin-top: 15px;
    padding: 15px;
    background-color: #333;
    border-radius: 8px;
    transition-duration: .35s;
    box-sizing: border-box;
}

.error_notification {
    background-color: #c50000;
}

.success_notification {
    background-color: #67AB2B;
}

.cart_notification p,
.error_notification p,
.success_notification p {
    color: #fff;
    margin: 0;
}

#map {
    overflow: hidden;
}

.mobile_cart {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--red-color);
    z-index: 15;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #333;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.cart_count {
    position: absolute;
    top: -7px;
    right: 0px;
    background-color: var(--red-color);
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 12px;
}

.mobile_cart {
    display: none;
}

.flashing {
    animation-duration: 3s;
    animation-name: flashing;
    animation-iteration-count: infinite;
}

.order_info_section p,
.order_info_section a {
    margin: 0;
    color: var(--gray-color-4);
}

.order_info_section a {
    text-decoration: none;
}

.order_info_title {
    font-size: 32px;
    color: var(--brown-color);
    font-weight: 700;
    margin: 0;
}

.order_functions_row {
    align-items: center;
    justify-content: space-between;
}

.order_status_description {
    font-size: 20px;
    color: var(--red-color) !important;
    font-weight: 700;
    margin-bottom: 0;
}

.refresh_order {
    display: flex;
    align-items: center;
    color: var(--dark-grey-color);
    font-size: 16px;
    cursor: pointer;
    gap: 15px;
}

.order_statuses {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px 0 40px 0;
}

.order_status {
    width: 25%;
    text-align: center;
    color: var(--gray-color);
    position: relative;
}

.order_status .status_circle {
    width: 20px;
    height: 20px;
    border: 4px solid var(--gray-color);
    border-radius: 100%;
    margin: auto;
    margin-top: 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.order_status:before {
    content: "";
    left: 50%;
    width: 100%;
    top: 48px;
    position: absolute;
    z-index: 1;
    border: 3px dashed var(--gray-color);
}

.order_status:first-child:after,
.order_status:last-child:after {
    content: "";
    left: 0;
    width: 50%;
    top: 48px;
    position: absolute;
    z-index: 1;
    border: 3px dashed var(--gray-color);
}

.order_status:last-child:after {
    left: auto;
    right: 0;
}

.order_status:last-child:before {
    display: none;
}

.order_status.active:not(.unactive_line):before {
    border-color: var(--red-color);
    border-style: solid;
}

.order_status.active span {
    color: var(--red-color);
}

.order_status.active .status_circle {
    background-color: #fff;
    border-color: var(--red-color);
}

.canceled_order_section .status_circle {
    background-color: #fff;
    border-color: var(--gray-color);
}

.completed_status,
.canceled_order {
    display: none;
}

.order_status.active .status_circle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--red-color);
    border-radius: 100%;
}

.order_status.completed .status_circle {
    background-color: var(--red-color);
    border-color: var(--red-color);
    position: relative;
}

.order_status.completed .completed_status,
.canceled_order_section .canceled_order {
    display: block;
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.canceled_order_section .canceled_order {
    width: 10px;
}

.order_status.completed::before,
.order_status.completed:last-child:after,
.order_status.completed:first-child:after,
.order_status.active:after {
    border-style: solid;
    border-color: var(--red-color);
}

.order_status.completed span {
    color: var(--red-color);
}

.order_cart {
    margin: 0;
    padding: 0;
}

.order_cart li {
    list-style: none;
    padding: 5px 0;
    font-size: 12px;
}

.history_order_status {
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    padding: 3px 5px;
}

.history_order_status.status_failed {
    background-color: red;
}
.history_order_status.status_primary {
    background-color: blue;
}
.history_order_status.status_success {
    background-color: green;
}

.order_actions button {
    margin-top: 0;
    margin-bottom: 10px;
    width: 100%;
}

.order_actions a {
    width: 100%;
}

.order_actions a:last-child button {
    margin: 0;
}

.mobile_orders {
    display: none;
}

.order_item {
    padding: 5px 0;
}

.order_header .row {
    align-items: center;
    margin-bottom: 15px;
}

.order_datetime {
    font-size: 13px;
    opacity: .5;
}

.order_header_dot {
    margin: 0 5px;
}

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

.item_count {
    opacity: .7;
    width: 50px;
}

.item_cost {
    width: 70px;
}

.item_title {
    margin: 0 10px;
    width: 100%;
}

.order_finally,
.preorderInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.review_title {
    font-size: 25px;
    text-align: center;
    margin: 30px 0;
    font-weight: 700;
    opacity: .7;
}

.review_subtitle {
    font-size: 18px;
    text-align: center;
    margin: 0;
    font-weight: 400;
    opacity: .7;
}

.qa {
    margin-top: 30px;
}

.qa_elem {
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-bottom: 25px;
}

.qa_comment {
    padding: 20px;
    padding-right: 0;
}

.qa_comment img {
    opacity: .7;
}

.qa_elem .row {
    justify-content: center;
    align-items: center;
}

.qa_info {
    display: flex;
    align-items: center;
    font-weight: 700;
    opacity: .7;
    width: 300px;
    margin-right: 30px;
}

.qa_info p {
    margin-left: 30px;
}

.qa_answer {
    width: 350px;
}

.qa_elem .stars {
    font-size: 18px;
    text-align: left;
}

.star {
    cursor: pointer;
}

.star:not(.active_star) {
    opacity: .3;
}

.active_star {
    color: var(--red-color);
}

.qa_additional {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.qa_additional span {
    opacity: .6;
}

.additional_prompt {
    margin: 15px 0 0;
    font-size: 12px;
    opacity: .6;
}

.qa_comment_wrapper {
    flex-grow: 2;
}

.qa_comment_wrapper p {
    font-weight: 700;
    opacity: .7;
}

.qa_comment textarea {
    width: 100%;
    border: 1px solid #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0 30px 30px 30px;
    font-size: 18px;
    resize: none;
}

.qa_comment textarea:focus {
    border-color: var(--c5-color);
}

.qa_comment_image {
    margin-right: 30px;
    width: 300px;
    text-align: right;
}

.fade-enter {
    transform: translateY(10px);
    opacity: 0;
}

.fade-enter-active {
    transform: translateY(0);
    opacity: 1;
}

.stages_info {
    display: none;
}

.checkout_total_info {
    background-color: var(--gray-1-color);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 20px;
}

.checkout_total_title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
}

.bonuses_balance_info {
    color: var(--gray-5);
    margin: 0;
}

.bonuses_order_info {
    color: var(--gray-color-4);
    font-size: 14px;
    margin: 16px 0;
}

.order_bonuses_spend {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: var(--dark-grey-color);
}

.modal_checkout_tab {
    transition-duration: .35s;
    overflow: hidden;
    display: none;
}

.modal_checkout_tab.active {
    display: block;
}

.address_type {
    display: none;
}

.address_type.active {
    display: block;
}

.intercom_not_works {
    display: block;
    margin-top: 15px;
}

.open_subsection {
    font-size: 15px;
    color: var(--gray-color-4);
    cursor: pointer;
    margin-bottom: 0;
}

.open_subsection.active {
    color: #000;
}

.open_subsection.active img {
    transform: rotate(-180deg);
}

.open_subsection img {
    width: 15px;
    margin-right: 10px;
}

.red_text {
    color: var(--red-color);
}

.submit_button {
    display: none;
}

.submit_button.active {
    display: block;
}

.smsTypes {
    padding-bottom: 15px;
}

.smsTypes label {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.sms_types_mobile {
    display: none;
}

@keyframes flashing {
    0% {
        opacity: .5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .5;
    }
}

.checkout_products_wrapper {
    display: none;
    padding: 10px 0;
}

.checkout_products_wrapper.active {
    display: block;
}

.checkout_products_wrapper .catalog_grid {
    grid-template-columns: 1fr 1fr;
}

.form_bottom_row {
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.form_bottom_row .ui-btn {
    margin-top: 0;
}

.form_bottom_row p {
    margin: 0;
}

.auth_id {
    position: absolute;
    bottom: 15px;
    right: 32px;
    opacity: .4;
    font-size: 12px;
}

.offer_image {
    width: 100%; 
    margin-bottom: 15px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.active_order {
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #FAFBFF;
    border: 1px solid #F2F2F2;
    width: 50%;
}

.order_info_wrapper {
    padding: 20px 30px;
    width: 100%;
    box-sizing: border-box;
}

.order_title {
    color: #000;
    margin: 0;
    margin-bottom: 3px;
}

.order_timer {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.order_estimated {
    color: #757575;
}

.order_timer_status_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.order_link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    border-top: 1px solid #F2F2F2;
    color: #000;
    text-decoration: none;
    gap: 20px;
    cursor: pointer;
}

.cancel_order {
    color: var(--red-color);
}

.birthday_warn {
    position: absolute;
    bottom: -25px;
    right: 0;
    opacity: .3;
    width: 60px;
}

.overflow_hidden {
    overflow: hidden;
}

.active_orders_row {
    gap: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.text_center {
    text-align: center;
}

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

.order_type {
    background-color: #E6E7E9;
    color: #000;
    padding: 3px 15px;
    border-radius: 50px;
}

.active_order_status {
    padding: 3px 10px;
    box-sizing: border-box;
    background-color: var(--red-color);
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
}

.active_order_status:first-letter {
    text-transform: uppercase;
}

.order_date {
    color: #757575;
    font-size: 14px;
    margin: 0;
}

.active_order_status_wrapper {
    margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr 30px;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #757575;
    text-align: right;
}

.active_order_status_line_wrapper {
    width: 100%;
    position: relative;
    background-color: #DFDFDF;
    border-radius: 30px;
    height: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.active_order_status_line_dot {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}

.active_order_status_line {
    background-color: var(--red-color);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
}

.notification {
    max-width: 750px;
    border: 1px solid #F2F2F2;
    background-color: #FAFBFF;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.notification_title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.notification_date {
    color: #757575;
    font-size: 14px;
    margin: 5px 0 10px;
}

.notification_text {
    font-size: 16px;
    margin: 0;
}

.tapbar {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 15px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.8);
    backdrop-filter: blur(20px);
    border-radius: 8px;
    border: 1px solid var(--c5-color);
    width: calc(100% - 40px);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    z-index: 10;
}

.tapbar__menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    align-items: center;
}

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

.tapbar_elem__img {
    width: 20px;
}

.tapbar_elem__span {
    font-size: 13px;
    opacity: .4;
}

.slick-dots {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
}

.slick-dots li {
    list-style: none;
}

.slick-dots li button {
    font-size: 0;
    background-color: transparent;
    border: none;
    width: 10px;
    height: 10px;
    background-color: var(--c5-color);
    border-radius: 30px;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.180, 0.885, 0.1, 1.570);
}

.slick-dots li.slick-active button {
    width: 30px;
    background-color: var(--red-color);
}

.first_slider.mobile .slick-arrow {
    display: none !important;
}

@media screen and (max-width: 1000px) {
    .catalog_grid,
    .menu_placeholder_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 850px) {
    .catalog_grid,
    .menu_placeholder_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .active_order {
        width: 50%;
    }

    .footer_info {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .loading_data_error {
        width: calc(100% - 60px);
    }

    .cart_elem .row {
        flex-wrap: wrap;
    }

    .desktop_orders {
        display: none
    }

    .mobile_orders {
        display: block;
    }
}

@media screen and (max-width: 700px) {
    .customer_address {
        width: 100%;
        justify-content: space-between;
    }

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

    .showMore {
        background-color: #fff;
        padding: 16px 20px;
    }

    .coupon_inner,
    .form_control_input_coupon,
    .to_checkout {
        width: 100%;
    }

    .additional_products {
        padding-bottom: 0px;
    }

    .coupon {
        padding: 16px 0;
        box-sizing: border-box;
        background-color: #fff;
    }

    .coupon .cart_section_title {
        padding: 0;
        background-color: transparent;
    }

    .cart_actions,
    .cart_elem {
        background-color: #fff;
    }

    .cart_elem {
        margin-bottom: 8px;
        border: 0;
        box-sizing: border-box;
    }

    .cart_elem:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .product_cost {
        text-align: left;
        font-size: 18px;
        width: auto;
    }

    .product_count button {
        display: block;
    }

    .cart_actions {
        margin-top: 110px;
        margin-bottom: 0;
    }

    .order_functions_row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .order_status_description {
        margin-bottom: 8px;
    }

    .refresh_order {
        margin-top: 20px;
    }

    .modal,
    .modal_checkout_content {
        width: 100%;
        margin: 0;
        margin-top: auto;
        overflow-y: auto;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .cities_modal {
        min-height: 100vh;
    }

    .modal_back,
    .modal_checkout {
        padding: 0;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .modal_back.active,
    .modal_checkout.active {
        display: flex;
    }

    .order_statuses {
        flex-direction: column;
    }

    .order_status {
        width: 100%;
        height: 60px;
        font-size: 14px;
        display: flex;
        flex-direction: row-reverse;
    }

    .order_status:before {
        height: 100%;
        width: 0;
        top: 13px;
        left: 13px;
        transform: translateX(-40%);
    }

    .order_status:first-child:after, .order_status:last-child:after {
        height: 50%;
        width: 0;
        left: 13px;
        transform: translateX(-40%);
    }

    .order_status:first-child:after {
        top: -30px;
    }

    .order_status:last-child:after {
        top: auto;
        bottom: 0px;
    }

    .order_status.completed .status_circle {
        position: absolute;
    }

    .order_status span {
        position: absolute;
        text-align: left;
        left: 25px;
        top: 2px;
        width: 150px;
        z-index: 3;
        padding-left: 20px;
    }

    .order_status .status_circle {
        margin: 0;
        position: absolute;
        left: 0;
    }
}

@media screen and (max-width: 650px) {
    .top_header ul li a, .fixed_menu a {
        color: var(--dark-grey-color);
    }

    .fixed_menu a.active {
        color: #000;
    }

    .sms_types_desktop {
        display: none;
    }

    .sms_types_mobile {
        display: block;
    }

    .stages_info {
        display: block;
        color: var(--dark-grey-color);
        font-size: 14px;
    }

    .checkout_main {
        flex-direction: column;
    }

    .additional_products .product_elem {
        width: 44%;
    }

    .notMobile,
    .desktop_type {
        display: none;
    }

    .first_slider .slick-arrow {
        top: 100%;
    }

    .mobile_type {
        display: inline-block;
    }

    .product_modal {
        transform: translateY(300px);
    }

    .product_modal {
        transform: translateY(100%);
        box-shadow: 0px -4px 4px 0px #00000026;
        opacity: 1;
    }

    .product_modal_description {
        font-size: 14px;
    }

    .product_modal .product_title {
        font-size: 18px;
    }

    .product_modal_bottom_desktop {
        display: none;
    }

    .product_modal_bottom_mobile {
        display: grid;
        grid-template-columns: 90px 1fr;
        grid-gap: 16px;
    }

    .modal_back.active .product_modal {
        width: 100%;
        border-radius: 16px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        overflow-y: auto;
        position: absolute;
        height: 100vh;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 20px;
        transform: translateY(150px);
        height: auto;
    }

    .back_product_modal {
        overflow-y: visible;
    }

    .product_modal .main_quick_row {
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    .product_cost {
        display: none;
    }

    .checkout_products_wrapper .cart_elem {
        grid-template-columns: 100px 1fr 90px;
    }

    .bonuses_wrapper {
        margin-bottom: 24px;
    }

    .added_product_buttom {
        flex-direction: row-reverse;
    }

    .added_product_buttom .price {
        flex-direction: column;
    }

    .added_product_buttom .discount {
        color: var(--red-color);
    }

    .cart_actions {
        margin-top: 0px;
    }
    
    .footer_top_row {
        flex-direction: column;
    }

    .footer_slogan {
        font-size: 16px;
    }

    .footer_rolik_description {
        font-size: 14px;
    }

    .copy {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer_links {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .footer_links li {
        padding: 7px 0;
    }

    .footer_links li a {
        color: var(--dark-grey-color);
    }

    .copyright {
        margin-top: 15px;
    }

    .title {
        font-size: 24px;
    }

    .product_elem__body {
        padding: 15px;
    }

    .product_elem__description_mobile {
        display: block;
    }

    .product_elem__bottom .price {
        display: flex;
    }

    .product_elem__body .border {
        margin: 10px 0;
    }

    .product_elem__title {
        margin: 0;
        margin-bottom: 8px;
    }

    .product_elem__description {
        text-align: left;
    }

    .coupon {
        width: 100%;
    }

    .total_price {
        display: none;
    }

    .cart_elem_title {
        width: 100%;
        flex-grow: 1;
    }

    .cart_elem_title p {
        text-align: left !important;
    }

    .cart_elem .cart_product_title {
        margin: 0;
    }

    html {
        overflow-x: hidden;
    }

    /* .banner_timer {
        position: static;
        text-align: center;
        margin-bottom: 15px;
        border-radius: 15px;
    } */

    .first_slider {
        padding-top: 15px;
    }

    .first_slider a.slick-slide {
        padding: 7px;   
    }

    .first_slider:not(.laptop) {
        display: none;
    }

    .first_slider.laptop {
        display: block;
    }

    .notifications {
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .cart_notification,
    .error_notification,
    .success_notification {
        width: calc(100% - 30px);
        left: 15px;
        bottom: 15px;
        transition-duration: .35s;
        transform: translateX(-150%);
    }

    .cart_notification.active,
    .error_notification.active,
    .success_notification.active {
        transform: translateX(0);
    }

    .cart_elem > .row {
        flex-wrap: nowrap;
    }

    .cart_elem .cart_elem_row_inner {
        flex-direction: column;
    }

    .cart_elem p {
        text-align: center;
    }

    .cart_elem .cart_product_title {
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        width: 100%;
        padding: 0;
    }

    .product_cost {
        font-weight: 700;
        font-size: 18px;
    }

    .logo img {
        width: 100px;
    }

    .mobile_cart img {
        width: 50px;
    }

    .cart_elem_title p {
        font-size: 13px !important;
    }

    .row.restaurants_row {
        margin: 0 -20px !important;
    }

    .restaurant {
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    .category_badge {
        top: 110px !important;
    }

    .cities {
        columns: 2;
        min-height: 55%;
    }

    .row {
        margin: 0 !important;
    }

    .active_order {
        width: 100%;
    }

    .order_timer {
        font-size: 17px;
    }

    .tag {
        font-size: 10px;
        padding: 5px;
    }

    .product_elem .old_price {
        font-size: 14px;
    }

    .catalog_grid,
    .menu_placeholder_grid {
        grid-template-columns: 1fr;
    }

    .product_elem .tags {
        grid-area: tags;
        padding: 0;
    }

    .product_elem_header {
        grid-area: prodheader;
        width: 180px;
        max-width: 180px;
    }

    .product_elem__body {
        grid-area: prodbody;
        width: 100%;
    }

    .product_elem {
        width: 100%;
        border-radius: 0;
        border-bottom: 1px solid var(--gray-color);
        padding-bottom: 8px;
        grid-template-areas: 
        "tags tags tags"
        "prodheader prodbody prodbody";
        grid-template-columns: 1fr 115px 1fr;
        column-gap: 16px;
        row-gap: 8px;
        align-items: center;
        grid-template-rows: min-content auto;
    }

    .product_elem__description {
        font-size: 12px;        
    }

    /* .product_elem .product_additional_info {
        position: static;
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product_additional_info .mobile_hidden {
        display: none;
    }

    .product_additional_info .mobile_red span {
        color: var(--red-color) !important;
    } */

    .desktop_product_bottom {
        display: none;
    }

    .mobile_product_bottom {
        display: flex;
    }

    .product_elem .tags {
        position: static;
    }

    .product_elem__image {
        border-radius: 30px;
        width: 100%;
    }

    .product_elem__body {
        padding: 0;
    }

    .restaurant > .row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .profile_menu {
        flex-direction: column;
    }

    .index_tab {
        width: 100%;
    }

    .row.form_controls {
        flex-direction: column;
        margin: 0;
    }

    .row.form_controls .form_control {
        padding: 0;
    }
}

@media screen and (max-width: 500px) {
    .cart_header > .row {
        flex-direction: column;
        align-items: flex-start;
    }

    .checkout_buttons {
        justify-content: space-between;
    }

    .offer {
        width: 100%;
        padding: 10px 0;
    }

    .offers .row {
        margin: 0;
    }

    .qa_elem .row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .qa_elem .stars {
        padding: 15px 0;
    }

    .qa_info {
        margin-right: 0; 
    }

    .qa_info {
        width: 100%;
    }

    .cookies_info {
        width: 100%;
        left: 0;
        transform: none;
        box-sizing: border-box;
    }

    .cookies_info.active {
        bottom: 0;
    }
}

@media screen and (max-width: 475px) {
    .first_slider.laptop {
        display: none;
    }

    .first_slider.mobile {
        display: block;
    }

    .qa_comment .row {
        flex-direction: column;
    }

    .qa_comment_image {
        text-align: left;
    }

    .restaurant {
        width: 100%;
    }

    .contacts_map {
        height: 350px;
    }
}

@media screen and (max-width: 400px) {
    .cart_product_image {
        width: 60px;
    }

    .cart_elem_body {
        grid-template-columns: 60px 1fr 100px;
    }

    .checkout_group {
        flex-direction: row;
    }

    .product_cart {
        padding: 10px 20px;
    }

    .added_product_buttom {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .cities {
        columns: 1;
    }
}

@media screen and (max-width: 340px) {
    .checkout_buttons .ui-btn {
        min-width: 120px;
    }

    .ui-btn.checkout_button_margin {
        margin-right: 10;
    }
}

@media screen and (max-width: 320px) {
    .logo img:not(.icon) {
        width: 100px;
    }

    .mobile_cart img {
        width: 30px;
    }

    header .city_button {
        font-size: 12px;
    }

    header .city_button img {
        width: 10px;
    }

    .modal_title, .mobile_menu a, .title {
        font-size: 20px;
    }

    .product_elem__title, .price div {
        font-size: 14px;
    }

    .product_cart {
        padding: 7px 10px;
        font-size: 12px;
    }

    .product_cart img {
        width: 12px;
    }

    .mobile_cart {
        width: 60px;
        height: 60px;
    }
}

/* slick */

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}