@charset "UTF-8";

main {
    font: 14px/1.6 Roboto, sans-serif;
    font-family: Roboto
}

:root {
    --color_0: #00C7B1;
    --color_1: #fff;
    --bg_0: rgba(70, 70, 70, 1);
    --bg_1: #464646;
    --bg_2: #343434;
    --bg_3: #222222;
    --bg_4: black;
    --bg_6: #191a1f;
    --badge: #0048CC;
    --text_silva: #E0E0E0;
    --text_silva_1: #D9D9D9
}

body {
    color: var(--color_1)
}

.badge {
    --bs-badge-font-size: 12px
}

.text-silva {
    color: var(--text_silva);
}

.text-silva_1 {
    color: var(--text_silva_1);
}

.bg-badge {
    background: var(--badge);
    color: var(--color_1);
}

.css_bg_0 {
    background-color: var(--bg_0);
}

.css_bg_1 {
    background-color: var(--bg_1);
}

.css_bg_2 {
    background: var(--bg_2);
}

.css_bg_3 {
    background: var(--bg_3);
}

.css_bg_4 {
    background: var(--bg_4);
}

.css_bg_5 {
    background: var(--color_0);
}

.css_bg_6 {
    background-color: var(--bg_6);
}

.hr {
    color: #999999;
    opacity: unset
}

.breadcrumbs {
    list-style: none;
    display: flex;
    margin: 0;
    gap: 10px;
    padding: 0;
    flex-wrap: wrap
}

.breadcrumbs a span {
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color_1)
}

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

.btn_1 {
    background: #1c1c1c
}

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

.btn_standart {
    background: #1c1c1c;
    color: var(--color_0)
}

.btn_active {
    background: var(--color_0);
    font-weight: 500;
    font-size: 13px;
    line-height: 0.7;
    font-family: Roboto;
    border: 1px solid var(--color_0);
    --bs-btn-padding-x: 1.125rem;
    --bs-btn-padding-y: 0.625rem
}

.css_header_bot_row {
    height: 110px;
    padding-top: 56px;
    background: #080808
}

.header__wrap_block {
    height: 64px
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: black
}

::-webkit-scrollbar-thumb {
    background-color: var(--color_0);
    border-radius: 1rem !important
}

.css_fs_img {
    max-height: 500px;
    width: auto
}

tr {
    border-bottom: 1px dashed #fff
}

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

.collapse:not(.show) {
    display: none
}

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

@keyframes scaleAnimation {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.3)
    }
}

.css_category_slider {
    height: auto
}

.css_category_slider a,
.css_rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.css_border_radius {
    border-radius: 1rem
}

.card {
    transition: all 0.3s;
    --bs-card-border-color: unset
}

.css_title_overflow_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.css_title_overflow_4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.mySwiper_igre_height {
    position: relative;
    height: 420px
}

.mySwiper_igre .swiper {
    width: 100%;
    height: 100%
}

.mySwiper_igre .swiper-slide {
    text-align: start;
    font-size: 14px;
    line-height: 130%;
    height: 196px !important;
    margin-bottom: 8px !important
}

.mySwiper_igre .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.css_type_lamp {
    background: linear-gradient(to top, #343434, #34343400);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom
}

.table {
    --bs-table-color: var(--color_1);
    --bs-table-bg: var(--bg_3)
}

.lel-slots-wrap {
    height: var(--lelSlotsH, clamp(auto, 65vh, 820px));
    transition: height .25s ease
}

.lel-slots-swiper {
    height: 100%
}

.lel-slots-swiper .swiper-wrapper {
    height: 100%
}

.lel-slots-swiper .swiper-slide {
    height: auto !important
}

.lel-slots-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lel-slots-swiper .collapse.show {
    position: relative;
    z-index: 10
}

.lel-slots-toggle svg {
    transition: transform .2s ease;
    display: block
}

.lel-slots-toggle.collapsed svg {
    transform: rotate(0deg)
}

.lel-slots-toggle:not(.collapsed) svg {
    transform: rotate(180deg)
}

.acc-btn::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 11px;
    height: 6px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cpath d='M4.89337 5.74891L0.243441 1.33435C0.166303 1.26184 0.105077 1.17557 0.0632943 1.08053C0.0215119 0.985484 0 0.883539 0 0.780576C0 0.677612 0.0215119 0.575667 0.0632943 0.480622C0.105077 0.385577 0.166303 0.299313 0.243441 0.226806C0.397639 0.081538 0.606229 0 0.823653 0C1.04108 0 1.24967 0.081538 1.40387 0.226806L5.51885 4.0876L9.59268 0.226806C9.74688 0.081538 9.95547 0 10.1729 0C10.3903 0 10.5989 0.081538 10.7531 0.226806C10.8309 0.299041 10.8927 0.385184 10.9351 0.480241C10.9775 0.575299 10.9995 0.677382 11 0.780576C10.9995 0.88377 10.9775 0.985853 10.9351 1.08091C10.8927 1.17597 10.8309 1.26211 10.7531 1.33435L6.10317 5.74891C6.02611 5.82808 5.93257 5.89126 5.82846 5.93447C5.72435 5.97769 5.61193 6 5.49827 6C5.38461 6 5.27219 5.97769 5.16808 5.93447C5.06397 5.89126 4.97044 5.82808 4.89337 5.74891Z' fill='white'/%3E%3C/svg%3E");
    transition: transform .2s ease
}

.acc-btn:not(.collapsed)::after {
    transform: translateY(-50%) rotate(180deg)
}

a.next.page-numbers,
a.prev.page-numbers {
    display: flex;
    align-items: center
}

.css_border_radius_12 {
    border-radius: 12px
}

.pagination_next_prev {
    width: 100%;
    height: 30px
}

@media (max-width:768px) {
    .css_fs_footer_0 {
        font-size: 14px
    }

    .css_fs_footer_1 {
        font-size: 8px
    }

    .css_fs_footer_2 {
        font-size: 10px
    }

    .pagination_next_prev {
        height: 22px
    }
}

@media (max-width:576px) {

    .h1,
    h1 {
        font-size: 24px
    }

    .h2,
    h2 {
        font-size: 20px
    }

    .h3,
    h3 {
        font-size: 18px
    }

    .h4,
    h4 {
        font-size: 16px
    }

    .h5,
    h5 {
        font-size: 14px
    }

    .h6,
    h6 {
        font-size: 12px
    }

    .lel-slots-swiper ul {
        font-size: 10px
    }
}

.btn-white {
    background: white;
    color: black;
    font-weight: 500;
    font-size: 13px;
    line-height: 0.7;
    font-family: Roboto;
    border: unset;
    --bs-btn-padding-x: 1.125rem;
    --bs-btn-padding-y: 0.625rem
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1680px
    }
}

@media (min-width:992px) {
    .css_text_uppercase {
        text-transform: uppercase
    }

    .mySwiper_igre_height {
        height: 476px
    }

    main {
        font: 24px/1.6 Roboto, sans-serif
    }
}

@media (min-width:768px) {
    .css_hr_vr {
        position: relative;
        padding-left: 1rem
    }

    .css_hr_vr::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #dee2e6;
        opacity: .5
    }

    .btn_active {
        font-size: 16px
    }
}

.css_m_w_95 {
    min-width: 160px;
    display: inline-block
}

.css_inset_0 {
    inset: 0
}

.img-stack__title {
    font-size: 60px;
    font-weight: 900;
    line-height: 0.7;
    background: linear-gradient(180deg, #B0FFF6 0%, #00C7B1 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.img-stack__subtitle {
    font-size: 33px;
    font-weight: 600
}

.mySwiper_news_1 .col {
    font-size: 14px
}

.mySwiper_news .swiper-slide {
    font-size: 14px
}

.btn-up {
    position: fixed;
    right: 20px;
    bottom: 120px;
    cursor: pointer;
    display: block;
    width: 80px;
    height: 80px;
    z-index: 3
}

.btn-up__img {
    transition: opacity 0.25s ease
}

.btn-up__img--off {
    opacity: 1
}

.btn-up__img--on {
    opacity: 0
}

.btn-up:hover .btn-up__img--off {
    opacity: 0
}

.btn-up:hover .btn-up__img--on {
    opacity: 1
}

#post-container .swiper-slide a {
    display: block
}