@charset "UTF-8";

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

body {
    font-family: 'Roboto', sans-serif;
}



:root {
    --cbg2: #2C2C2C;
}
[data-fullscreen] {
    min-height: 100vh;
    min-height: 100svh;
    min-height: calc(var(--vh, 1vh) * 100);
}
.c_dd25737688, .c_1a9bc4f354 {
    color: #1A1A1A;
}


.c_1a769f4257 {
    color: #009a27;
    font-weight: bold;
}

.form-group input {
    color: #1A1A1A;
}

.c_08eb0311c8 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: -webkit-linear-gradient(359.23deg, #0095ff .96%, #0855c4 99.87%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 46px; 
    color: #ffffff; 
    font-weight: bold;
    text-transform: uppercase;
}


.c_fb6f7b4f18 {
    display: flex;
    flex-direction: column;
}
.c_fb6f7b4f18 button {
    margin-bottom: 10px;
    width: 90%;
}

.c_2b69a1744e {
    font-weight: 0.5em;
}


@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}


@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}


.fade-in-admin {
    animation: fadeIn 0.5s forwards;
}


.fade-out-admin {
    animation: fadeOut 0.5s forwards;
}


.c_9e496e0835 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}


.c_2ea92e3ddb {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}


.c_13657dfd30 {
    background-color: #1a202c;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.c_13657dfd30 .container {
    max-width: 800px;
    margin: 0 auto;
}

.c_13657dfd30 .c_78ea920cc5 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    color: #ffffff;
}

.c_13657dfd30 .c_f5f599816d {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.c_13657dfd30 .c_023f01837d {
    text-align: center;

    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    background-color: #ffffff;
    transition: background-color 0.3s, border-color 0.3s;
}

.c_13657dfd30 .c_023f01837d:hover {
    background-color: #f7f7f7;
    border-color: #ccc;
}

.c_13657dfd30 .c_308a4947fe {
    text-decoration: none;
    color: #007bff;
}

.c_13657dfd30 .c_308a4947fe h2 {
    font-size: 1rem;
    margin: 0;
    transition: color 0.3s;
}

.c_13657dfd30 .c_308a4947fe:hover h2 {
    color: #0056b3;
}


.c_771c1df3e4 {
    background-color: #1a202c;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.c_771c1df3e4 .container {
    max-width: 800px;
    margin: 0 auto;
}

.c_771c1df3e4 .c_78ea920cc5 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    color: #ffffff;
}

.c_771c1df3e4 .c_f5f599816d {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.c_771c1df3e4 .form-label {
    font-weight: bold;
    color: #555;
    margin-bottom: 5px;
}

.c_771c1df3e4 .form-input {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    transition: border-color 0.3s;
}

.c_771c1df3e4 .form-input:focus {
    border-color: #ffa500;
    outline: none;
}

.c_771c1df3e4 .form-submit {
    padding: 10px;
    border: none;
    border-radius: 5px;
    background-color: #ffa500;
    color: white;
    cursor: pointer;
    margin-top: 20px;
    font-size: 16px;
    transition: background-color 0.3s;
}

.c_771c1df3e4 .form-submit:hover {
    background-color: #e69500;
}

.c_771c1df3e4 .form-subtitle {
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}



.c_4a646b825e {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.c_4a646b825e .c_78ea920cc5 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}


.c_4a646b825e .btn {
    padding: 10px 20px;
    margin: 5px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.c_4a646b825e .btn-primary {
    color: white;
}

.c_1a3f9b332e {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}

.c_1a3f9b332e .form-group {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.c_1a3f9b332e label{
    padding-bottom: 10px;
    font-size: 18px;
}

.c_1a3f9b332e .btn-success {
    border-color: #00b8a3;
}

.c_1a3f9b332e .btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.c_1a3f9b332e textarea, .c_1a3f9b332e input {
    color: #1A1A1A;
}


.c_4a646b825e .btn-danger {
    color: white;
}


.c_4a646b825e .btn-success {
    color: white;
}



.c_4a646b825e input, .c_4a646b825e textarea {
    color: #1A1A1A;
}


.c_4a646b825e .table-ipr {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.c_4a646b825e .table-ipr__top {
    background-color: #007bff;
    color: white;
}

.c_4a646b825e .table-ipr td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}


.c_4a646b825e .form-group {
    margin-bottom: 15px;
}

.c_4a646b825e .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #333;
}

.c_4a646b825e .form-control {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
}


.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}


.c_a3c31614c7 {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.c_61b0d9058f {
    padding: 10px;
    color: #1a2a38;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.c_f4d9ff5afc {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.c_b9421b7a79 {
    margin-top: 20px;
}

.c_f76fafcdb5 {
    margin-top: 20px;
}

.c_d66a7be3fe {
    width: 100%;
    border-collapse: collapse;
}

.c_faf9b68bf8 {
    background-color: #2a2a2a;
    color: #fff;
}

.c_faf9b68bf8 th {
    padding: 10px;
    border: 1px solid #007bff;
}

.c_92c174ae30 {
    background-color: #1a2a38;
    color: #fff;
}

.c_92c174ae30 td {
    padding: 10px;
    border: 1px solid #007bff;
}

.c_f24fc7f706 {
    padding: 5px 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    text-decoration: none;
}

.table-ipr {
    width: 100%;
    border-collapse: collapse;
}

.table-ipr__top td {
    background-color: #333;
    color: #fff;
    padding: 10px;
}

.table-ipr__line td {
    border: 1px solid #ddd;
    padding: 10px;
}

.c_3f37797cc3 {
    background-color: #ffcc00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.c_7f46fe1de0 {
    background-color: #ff0000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.c_8ac82c462c {
    background-color: #00cc00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.c_cb19da451c {
    color: #ff0000;
    text-align: center;
    margin-top: 20px;
}

.c_7ab21e5f22 {
    width: 100%;
    height: 200px;
    resize: both;
}

.c_a3c31614c7 {
    display: flex;
    gap: 10px;
}

.c_61b0d9058f {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.c_f4d9ff5afc {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.c_22b89df192 a {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
}
.c_fbf0a41049 {
    background: linear-gradient(to right bottom, #00b8a3, #00b8a3);
}
.c_993641d9a1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.c_993641d9a1.active {
    display: flex;
}

.c_7ad20d7eac {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
}

.c_7ad20d7eac h2 {
    margin-top: 0;
    color: #1A1A1A;
}

.c_67ecab2a0d {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.c_83bd96f09a {
    background-color: #00b8a3;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
}

.c_83bd96f09a:hover {
    background-color: #e68900;
}
@media (max-width: 47.99875rem) {
    [data-fullscreen] {
        -webkit-transition: height 0.2s;
        -o-transition: height 0.2s;
        transition: height 0.2s;
    }
}
.c_2d1baa5c98 {
    position: relative;
    z-index: 2;
}
.c_2d1baa5c98 .c_d10971be7c {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
._ibg-c {
    position: relative;
    z-index: 2;
}
._ibg-c .c_d10971be7c {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
._ibg-f {
    position: relative;
    z-index: 2;
}
._ibg-f .c_d10971be7c {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}
*,
::after,
::before {
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    scroll-behavior: smooth;
}
path,
svg {
    -webkit-transition: 0.3s ease-out 0s;
    -o-transition: 0.3s ease-out 0s;
    transition: 0.3s ease-out 0s;
}
button,
input,
textarea {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: 'Roboto', 'sans-serif';
}
button {
    display: inline-block;
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}
a {
    color: inherit;
}
li,
ul {
    list-style: none;
}
a,
a:hover,
a:visited {
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
body,
html {
    height: 100%;
}
.c_81bfd797b6 {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    min-height: 100svh;
    overflow: hidden;
    overflow: clip;
}
.c_81bfd797b6 > * {
    min-width: 0;
}
main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
img {
    vertical-align: top;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: initial;
}
form,
input {
    width: 100%;
}
html {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #fff;
    text-rendering: optimizeSpeed;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #2C2C2C rgba(227, 240, 255, 0);
}
::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
}
::-webkit-scrollbar-track {
    background: rgba(227, 240, 255, 0);
}
::-webkit-scrollbar-thumb {
    background-color: #2C2C2C;
    border-radius: 5.625rem;
    border: 0.0625rem solid rgba(227, 240, 255, 0);
}
table {
    border-collapse: collapse;
}
a,
label {
    -webkit-tap-highlight-color: transparent;
}
input[type="submit"],
input[type="text"],
textarea {
    -webkit-appearance: none;
}
address {
    font-style: normal;
}
@-webkit-keyframes lib_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes lib_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.c_ba1921a4f8 {
    margin: 0 auto;
    padding: 0 0.9375rem;
    max-width: 114rem;
}
@media (max-width: 22.4375em) {
    .c_ba1921a4f8 {
        padding: 0 0.9375rem;
    }
}
.select {
    position: relative;
}
.select__body {
    position: relative;
}
.select__title {
    color: inherit;
    text-align: left;
    cursor: pointer;
    width: 100%;
    background-color: inherit;
    border-radius: 0.25em;
}
.select__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875em;
    padding: 0 0.9375em;
    gap: 0.625em;
}
.select__value > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.select__value:after {
    content: "";
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.625em;
    flex: 0 0 0.625em;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
._select-open .select__value:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.select__value._select-pseudo-label::before {
    content: attr(data-pseudo-label);
    opacity: 0.5;
}
.select__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.select__input {
    width: 6.25%rem;
    height: 6.25%rem;
    background-color: transparent;
}
.select__options {
    color: #000;
    position: absolute;
    top: 90%;
    left: 0;
    min-width: 100%;
    background-color: #fff;
}
.select__scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 12.5rem;
}
.select__option {
    width: 100%;
    color: inherit;
    text-align: left;
    cursor: pointer;
    padding: 0.3125em 0.9375em;
}
.select__option._select-selected {
    background-color: #eee;
}
@media (any-hover: hover) {
    .select__option:hover {
        background: #d9d9d9;
    }
}
.select__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.select._select-open {
    z-index: 5;
}
._select-tag {
    cursor: pointer;
}
.select__body {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    padding: 10px;
    border-radius: 10px;
    background-color: #cccccc ;
}
.select__content {
    background-color: inherit;
}
.select__title {
    width: 100%;
    height: 100%;
}
.select__value {
    padding: 0;
}
a *,
button * {
    pointer-events: none;
}
.c_a50d5e94cd {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}
.c_f9b97948e8 {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;

}
.bg-video {
    overflow: clip;
    position: relative;
}
.bg-video ._video-bg {
    width: 6.25%rem;
    height: 6.25%rem;
    -o-object-fit: contain;
    object-fit: contain;
}
.p__video-bg {
    -o-object-fit: contain;
    object-fit: contain;
}
a._img-c,
span._img-c {
    display: inline-block;
}
._svg svg,
.p-svg,
.svg svg {
    width: 100%;
    height: 100%;
}
.p-mark {
    position: relative;
}
.p-mark__led {
    position: absolute;
    top: -5rem;
}
.c_2b10f66305 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    pointer-events: none;
    opacity: 0;
}
._hide2 {
    position: absolute;
    top: -200vw;
    left: -200vw;
    z-index: -10;
    opacity: 0;
}
._txt-hide {
    overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
._txt-hide--2 {
    -webkit-line-clamp: 2;
}
.drop-win {
    position: relative;
    z-index: 5;
    cursor: pointer;
}
.drop-win:focus .drop-win__chl,
.drop-win:hover .drop-win__chl {
    opacity: 1;
    pointer-events: auto;
    z-index: 20;
}
.drop-win__chl {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate(0, 98%);
    -ms-transform: translate(0, 98%);
    transform: translate(0, 98%);
}
.swiper,
.swiper-slide,
.swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.swiper,
.swiper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    line-height: 1.25;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background-color: #E2E6EE;
}
.c_81bfd797b6 {
    z-index: 2;
    min-height: 100svh;
}
.p-box-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.875rem;
    font-weight: 700;
    color: #214774;
}
.p-box-ttl__sub {
    font-size: 0.875rem;
    color: rgba(33, 71, 116, 0.5);
    text-transform: uppercase;
}
.p-box-ttl__sub:not(:last-child) {
    margin-right: 1.25rem;
}
.hov-link {
    display: inline-block;
}
@media (any-hover: hover) {
    .hov-link:active,
    .hov-link:focus,
    .hov-link:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.art-txt p:not([class]):not(:last-child) {
    margin-bottom: 1.5rem;
}
.art-txt h3:not([class]) {
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 600;
    color: #b11581;
    text-transform: uppercase;
}
.art-txt h3:not([class]):not(:last-child) {
    margin-bottom: 1.5rem;
}
.p__show {
    -webkit-transform: translate(0, -80%);
    -ms-transform: translate(0, -80%);
    transform: translate(0, -80%);
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    opacity: 0;
}
.p__show-2 {
    -webkit-transform: translate(0, -400%);
    -ms-transform: translate(0, -400%);
    transform: translate(0, -400%);
    -webkit-transition: 1s ease-out 0.2s;
    -o-transition: 1s ease-out 0.2s;
    transition: 1s ease-out 0.2s;
    opacity: 0;
}
.p__show-3 {
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);
    -webkit-transition: 1s ease-out 0.2s;
    -o-transition: 1s ease-out 0.2s;
    transition: 1s ease-out 0.2s;
    opacity: 0;
}
.p__show-cld {
    display: inline-block;
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    opacity: 0;
}
.p__show-cld-2 {
    display: inline-block;
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    opacity: 0;
}
.p__show-f._watcher-view .p__show-cld {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
}
.p__show-f._watcher-view .p__show-cld-2 {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
}
.p__show-2._watcher-view,
.p__show-3._watcher-view,
.p__show._watcher-view {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
}
.p-sect {
    position: relative;
    z-index: 2;
}
.p-sect::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    background: url(../img/bg2.png) repeat fixed;
    background-size: 44.875rem 15.59375rem;
    opacity: 0.5;
}

.popup .btn {
    box-shadow: 0 6px 18px rgb(17 120 223 / 30%);
    text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    font-weight: bold;
}
.btn {
    padding: 0.3333333333em 1em;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3333333333em;
    grid-auto-flow: column;
    border-radius: 0.6666666667em;
    background-color: #00b8a3;
    overflow: hidden;
    overflow: clip;
    position: relative;
    z-index: 1;
}
.btn__ico {
    width: 1.3333333333em;
    height: 1.3333333333em;
}
.btn-b {
    padding: 1.0625rem;
    display: inline-block;
    font-size: 1.5rem;
    letter-spacing: -0.0416666667em;
    font-weight: 600;
    color: #fff;
    text-align: center;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.6em;
    grid-auto-flow: column;
    min-width: 15rem;
    border-radius: 0.3125rem;
    background-color: #ffb605;
    overflow: hidden;
    overflow: clip;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0.3571428571em 1.0714285714em 0 rgba(255, 182, 5, 0.5);
    box-shadow: 0 0.3571428571em 1.0714285714em 0 rgba(255, 182, 5, 0.5);
    background: -o-linear-gradient(317deg, #b11581 0, #f7c04c 100%);
    background: linear-gradient(133deg, #b11581 0, #f7c04c 100%);
}
.btn-b__ico {
    width: 1.7142857143em;
    height: 1.7142857143em;
}
.btn-b__ico svg {
    stroke: #fff;
}
.btn-b::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -5%;
    left: -100%;
    z-index: 2;
    width: 100%;
    height: 110%;
    background-image: -o-linear-gradient(
        210deg,
        rgba(161, 239, 255, 0) 10%,
        rgba(250, 250, 250, 0.75) 40%,
        rgba(255, 255, 255, 0) 70%
    );
    background-image: linear-gradient(
        -120deg,
        rgba(161, 239, 255, 0) 10%,
        rgba(250, 250, 250, 0.75) 40%,
        rgba(255, 255, 255, 0) 70%
    );
    -webkit-animation: gra-move 6s infinite;
    animation: gra-move 6s infinite;
}
@-webkit-keyframes gra-move {
    0% {
        left: -100%;
    }
    80% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}
@keyframes gra-move {
    0% {
        left: -100%;
    }
    80% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}
.c_a2d5cf4476 {
    padding: 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-items: center;
}
.c_c7dceab0df {
    max-width: 38.3125rem;
    width: 62.96875vw;
}
.c_c7dceab0df:not(:last-child) {
    margin-bottom: 2.5rem;
}
.c_3cabd616cf {
    text-align: center;
    font-size: 2.25rem;
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 50em) {
    .c_3cabd616cf {
        font-size: 1.5rem;
        font-weight: 500;
        max-width: 25rem;
    }
}
@media (max-width: 31.25em) {
    .c_3cabd616cf {
        font-size: 1.25rem;
        max-width: 20.9375rem;
    }
}
.c_f675c9bd2a {
    padding: 0.7rem 0;
}
.c_df0caf33f5 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.lng-btn {
    font-size: 0.75rem;
    font-weight: 500;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.6666666667em;
    grid: none/repeat(2, auto);
    padding: 0.3333333333em 0.8333333333em;
    border-radius: 0.625em;
    background: linear-gradient(13deg, rgba(137,136,144,1) 1%, rgba(65,62,62,1) 45%);
    font-size: 14px;
    font-weight: 500;
}
.lng-btn__ico {
    width: 1.3333333333em;
    height: 1.3333333333em;
    border-radius: 50%;
    overflow: hidden;
    overflow: clip;
}
.c_aeb32ea005:not(:last-child) {
    
}
.header {
    position: relative;
    z-index: 100;
}
.c_985706ecdf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.5rem;
    background-color: #1A1A1A;
    padding: 0rem 0.45rem;
    font-size: 0.75rem;
    height: 45px;
}


.c_31c0460440 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4.0625rem;
    grid-auto-flow: column;
}
.c_0aadd0abd7 {
    display: -ms-grid;
    display: grid;
    gap: 0.5rem;
    grid-auto-flow: column;
    padding: 10px;

}
.c_73f86fcc96 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
    grid-auto-flow: column;
    font-weight: 700px;
}
.c_e8e9cf5f1c {
    font-weight: 500;
    font-size: 14px;
}
.c_e8e9cf5f1c.mob_item
{
    font-size: 15px;
    text-decoration: none;
}
.c_f06e982f58 {
    display: block;
    font-size: 1rem;
    width: 6.875em;
    height: auto;
}
header__r header__of-mbl-login button{
    font-size: 14px;
    font-weight: bold;
}
.c_0aadd0abd7.header__of-mbl-login button{
    height: 33px;
    font-size: 14px;
    font-weight: bold;
}
.btn-in {
    background: #1A1A1A;
}
.c_42bdb0a903 {
    display: none;
}
.on-login .c_0aadd0abd7 {
    display: none;
}
.on-login .c_42bdb0a903 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.on-login .c_12bffb1552 {
    display: none;
}
.c_866178ef33 {
    display: -ms-grid;
    display: grid;
    gap: 0;
    font-size: 0.5rem;
    font-weight: bold;
    text-align: right;
}
.c_866178ef33 > h6 {
    font-size: 11px;
    font-weight: 600;
    opacity: 0.7;
}
.c_866178ef33 > span:not([class]) {
    color: #00b8a3;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}
.btn-user {
    background: #1a202c;
    height: 100%;
    border-radius: 20px 0 0 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;

}

.menu.desktop {
    padding: 20px;
}
.btn-user__ico {
    width: 1.5rem;
    height: 1.5rem;
}
.c_42cbfa073b {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.75rem;
    grid-auto-flow: column;
}
.c_42cbfa073b:not(:last-child) {
    margin-right: 1.25rem;
}
.c_20c9ca71c5,
.c_e12beab7ec,
.c_ba627d3ee7, .c_b84dcf4d2c {
    display: none;
}
.c_f675c9bd2a {
    position: relative;
    z-index: 110;
}
.w-lng {
    z-index: 110;
}
.w-lng__c-box {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid: none/repeat(2, auto);
    border-radius: 0.75em;
    background-color: #fff;
    left: auto;
    right: 0;
    padding: 0.625em;
    z-index: 10;
    cursor: initial;
    margin-bottom: -0.3125rem;
    margin-right: -0.3125rem;
}
.w-lng__c-box > * {
    margin-bottom: 0.3125rem;
    margin-right: 0.3125rem;
}
@supports (rotate: 180deg) {
    .w-lng__c-box {
        margin-bottom: 0;
        margin-right: 0;
        gap: 0.3125em 0.3125em;
    }
    .w-lng__c-box > * {
        margin-bottom: 0;
        margin-right: 0;
    }
}
.lng-btn--w {
    background-color: transparent;
    font-size: 0.875rem;
    color: #000;
    gap: 0.5em;
}
@media (any-hover: hover) {
    .lng-btn--w:active,
    .lng-btn--w:focus,
    .lng-btn--w:hover {
        background-color: #e4e3e3;
    }
}
.nav__mbl-separator {
    display: none;
}
@media (max-width: 56.25em) {
    .header {
        background-color: #1A1A1A;
    }
    .c_f675c9bd2a {
        display: none;
    }
    .c_b3126fcc98 {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 20;
        height: 100%;
    }
    .c_73f86fcc96 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 0.75em;
        grid: none/1fr;
        padding: 2.5em 1.25em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 18.75em;
        background-color: rgba(37, 46, 76, 0.98);
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
        -webkit-transform: translate(110%, 0);
        -ms-transform: translate(110%, 0);
        transform: translate(110%, 0);
        font-size: 1rem;
    }


    .nav__mbl-separator {
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(29.12%, hsla(0deg, 0%, 100%, 0.2)),
            to(hsla(0deg, 0%, 100%, 0))
        );
        background: -o-linear-gradient(
            left,
            hsla(0deg, 0%, 100%, 0.2) 29.12%,
            hsla(0deg, 0%, 100%, 0)
        );
        background: linear-gradient(
            90deg,
            hsla(0deg, 0%, 100%, 0.2) 29.12%,
            hsla(0deg, 0%, 100%, 0)
        );
        display: block;
        width: 100%;
        height: 0.125rem;
    }
    .c_402ab72707 {
        width: 100%;
    }
    .c_402ab72707:not(:last-child) {
        margin-bottom: 1.375rem;
    }
    .c_bae1f9a4e0 {
        width: 100%;
        font-size: 1rem;
    }
    .c_0aadd0abd7 {
        display: none;
    }
    .c_e12beab7ec {
        display: -ms-grid;
        display: grid;
        gap: 0.75em;
        z-index: 2;
    }
    .c_ae3d001767 {
        z-index: 12;
        position: relative;
        z-index: 2;
    }
    .btn-burger {
        font-size: 0.5em;
        width: 3.75em;
        height: 3.75em;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid: none/repeat(2, 1fr);
    }
    .btn-burger__l,
    .btn-burger__r {
        position: relative;
        width: 1.875em;
        height: 0.5em;
        background-color: #fff;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .btn-burger__l:after,
    .btn-burger__l:before,
    .btn-burger__r:after,
    .btn-burger__r:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: inherit;
        width: 1.875em;
        height: 0.5em;
        background-color: #fff;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .btn-burger__l:before {
        position: absolute;
        top: -1.25em;
        left: 0;
        z-index: 1;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .btn-burger__l:after {
        position: absolute;
        top: 1.25em;
        left: 0;
        z-index: 1;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .btn-burger__r {
        background-color: #fff;
    }
    .btn-burger__r:before {
        position: absolute;
        top: -1.25em;
        left: 0;
        z-index: 1;
    }
    .btn-burger__r:after {
        position: absolute;
        top: 1.25em;
        left: 0;
        z-index: 1;

    }
    ._js-burger-open .btn-burger__l {
        background: 0 0;

    }
    ._js-burger-open .btn-burger__l:before {
        -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(0.25em, 0.25em);
        -ms-transform: rotate(45deg) scaleX(1.4) translate(0.25em, 0.25em);
        transform: rotateZ(45deg) scaleX(1.4) translate(0.25em, 0.25em);
        transition: transform 0.3s ease;

    }
    ._js-burger-open .btn-burger__l:after {
        -webkit-transform: rotateZ(-45deg) scaleX(1.4)
        translate(0.25em, -0.25em);
        -ms-transform: rotate(-45deg) scaleX(1.4) translate(0.25em, -0.25em);
        transform: rotateZ(-45deg) scaleX(1.4) translate(0.25em, -0.25em);
        transition: transform 0.3s ease;

    }
    ._js-burger-open .btn-burger__r {
        background: 0 0;
    }
    ._js-burger-open .btn-burger__r:before {
        -webkit-transform: rotateZ(-45deg) scaleX(1.4)
        translate(-0.25em, 0.25em);
        -ms-transform: rotate(-45deg) scaleX(1.4) translate(-0.25em, 0.25em);
        transform: rotateZ(-45deg) scaleX(1.4) translate(-0.25em, 0.25em);
        transition: transform 0.3s ease;

    }
    ._js-burger-open .btn-burger__r:after {
        -webkit-transform: rotateZ(45deg) scaleX(1.4)
        translate(-0.25em, -0.25em);
        -ms-transform: rotate(45deg) scaleX(1.4) translate(-0.25em, -0.25em);
        transform: rotateZ(45deg) scaleX(1.4) translate(-0.25em, -0.25em);

    }
    .c_b84dcf4d2c {
        display: block;
    }
    .c_ba627d3ee7 {
        display: block;
        pointer-events: none;
        width: 100vw;
        height: т;
        background-color: rgba(255, 255, 255, 0.0352941176);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        min-height: 100vh;
        min-height: 100svh;
        -webkit-backdrop-filter: blur(0.625em);
        backdrop-filter: blur(0.625em);
        opacity: 0;
    }
    ._js-burger-open {
        overflow: hidden;
    }
    ._js-burger-open .c_73f86fcc96 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 9999;
        border-radius: 20px 0 0 20px;
        background-color: #141B2E;
        transition: transform 0.3s ease;

    }
    ._js-burger-open .c_ba627d3ee7 {
        pointer-events: auto;
        opacity: 1;
        transition: transform 0.3s ease;

    }
    ._js-burger-open .c_b3126fcc98::before {
        content: '';
        position: absolute;
        border-radius: 50px;
        background: rgba(255, 255, 255, 0.5);
        top: calc(50% - 17.5px);
        left: 7px;
        width: 3.5px;
        height: 35px;
        z-index: 999;
    }




    .c_e8e9cf5f1c {
        font-size: 15px;
    }


    .c_e8e9cf5f1c.mob_item.ava {
        width: 100%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .c_e8e9cf5f1c.mob_item.balance {
        width: 100%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .c_e8e9cf5f1c.mob_item.balance .c_42cbfa073b {
        display: inline-block;
    }
    .c_e8e9cf5f1c.mob_item.balance .c_42cbfa073b .c_277f647af7{
        width: 220px;
        margin: 5px;
        padding: 8px;
        background-color: #212B46;
        grid-auto-columns: row;
        border-radius: 5px;
    }

    .c_e8e9cf5f1c.mob_item.balance .c_42cbfa073b .c_277f647af7 h6{
        text-align: start;
    }
    .c_e8e9cf5f1c.mob_item.balance .c_42cbfa073b .c_277f647af7 span{
        text-align: center;
    }

    .c_e8e9cf5f1c.mob_item .btn{
        width: auto;
        text-align: start;
        font-weight: bold;
    }

    .c_1d6a2af003 {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: min-content;
        overflow-x: auto;
        gap: 10px; 
        padding: 10px; 
        background-color: #333; 
    }

    .c_b3126fcc98 {
        pointer-events: none;
    }



    .c_73f86fcc96 {
        pointer-events: auto;
    }
    .c_20c9ca71c5 {
        display: block;
        border-top: 1px solid #000;
    }
    .btn-fh {
        padding: 0.5em;
        font-size: 1rem;
        background: #1A1A1A;
    }
    .btn-fh--b {
        background-color: #00b8a3;
        background: -webkit-gradient(
            linear,
            left top,
            right bottom,
            from(#00b8a3),
            to(#00b8a3)
        );
        background: -o-linear-gradient(left top, #00b8a3, #00b8a3);
        background: linear-gradient(to right bottom, #00b8a3, #00b8a3);
    }
    .c_0aadd0abd7 {
        gap: 1.375em;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .lng-btn {
        border-radius: 0.625em;
        background: linear-gradient(13deg, rgba(137,136,144,1) 1%, rgba(65,62,62,1) 45%);
        padding: 0.5em 0.875em;
        gap: 0.75em;
        font-size: 1.25em;
    }
    .c_985706ecdf {
        padding: 0.75em 0;
    }
    .lng-btn--w {
        background-color: transparent;
        font-size: 0.875rem;
        color: #000;
        gap: 0.5em;
    }
}
@media (max-width: 56.25em) and (any-hover: hover) {
    .lng-btn--w:active,
    .lng-btn--w:focus,
    .lng-btn--w:hover {
        background-color: #e4e3e3;
    }
}
@media (max-width: 56.25em) {
    .on-login .c_42bdb0a903 {
        display: none;
    }
    .on-login .c_3178afe307,
    .on-login .c_0aadd0abd7 {
        display: -ms-grid;
        display: grid;
    }
    .on-login .c_f25c52596c {
        display: none;
    }
}
@media (max-width: 56.25em) {
    .c_3178afe307 {
        grid-auto-flow: column;
    }
}
@media (max-width: 56.25em) {
    .c_42bdb0a903 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: normal;
        font-size: 2.5rem;
    }
}
@media (max-width: 56.25em) {
    .c_12bffb1552 {
        gap: 0.625rem;
        grid: none/1fr;
    }
    .c_12bffb1552:not(:last-child) {
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 56.25em) {
    .c_f403cce41d {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 0.3125em;
        grid-auto-flow: column;
    }
}
@media (max-width: 56.25em) {
    .c_6112c9770a {
        font-size: 1rem;
        gap: 2em;
    }
}
@media (max-width: 56.25em) {
    .c_277f647af7 {
        font-size: 0.75em;
        gap: 0.75em;
        grid-auto-flow: row;
    }
    .c_277f647af7 > span:not([class]) {
        font-size: 1.375em;
    }
}
@media (max-width: 56.25em) {
    .c_7c575ef719 {
        grid: none/auto 1fr;
    }
}
@media (max-width: 56.25em) {
    .c_5d8ddee138 {
        grid: none/repeat(2, 1fr);
    }
}
@media (max-width: 31.25em) {
    .c_73f86fcc96 {
        font-size: 0.875rem;
    }
}
@media (max-width: 28.125em) {
    .btn,
    .btn.btn-fh {
        font-size: 0.75rem;
    }
    .c_5d8ddee138 {
        gap: 0.625em;
    }
}
:root {
    --gap: 1.75rem;
}
.main__img {
    display: block;
    padding: 31.9389038634% 0 0 0;
    border-radius: 0.75rem;
    overflow: hidden;
    overflow: clip;
    width: 100%;
}
.main__banner-img {
    display: block;
    padding: 17.9694519317% 0 0 0;
    border-radius: 0.5em;
    overflow: hidden;
    overflow: clip;
    width: 100%;
    position: relative;
    z-index: 2;
}
.main__banner:not(:last-child) {
    margin-bottom: 0.75rem;
}
.main__box-c {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.9rem;
    grid-auto-flow: column;
    grid: none/1fr auto;
}
.bonus-mn {
    font-size: 1rem;
    border-radius: 0.5em;
    background-image: url("/img/x_b5e148c4f379.png");
    padding: 1.25em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 265px;
}
.bonus-mn__ttl {
    font-size: 1.75em;
    font-weight: 500;
}
.bonus-mn__txt {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 1.25rem;
}
.bonus-mn__btn {
    padding: 0.6666666667em;
    font-size: 0.75rem;
    font-weight: 500;
    width: 12.3333333333em;
    background-color: #6e25dc;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    font-size: 1.25em;
    font-weight: 700;
}

.c_985706ecdf .btn-bolster {
    font-size: 0.9rem;
}
@media (max-width: 56.25em) {
    .main__bonus {
        display: none;
    }
    .main__box-c {
        display: block;
    }
}
.c_029962ae38 {
    font-size: 1rem;
    font-weight: 500;
    padding: 0.75em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 16.625em;
    border-radius: 0.5em;
    background-color: #4a325a;
    overflow: hidden;
    overflow: clip;
}
.c_2c3d0775f5 {
    text-align: center;
}
.c_c9d9edf958 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.75em;
    grid: none/repeat(3, auto);
}
.c_2e3ea71335 {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    font-weight: 700;
    font-size: 2.5em;
}
.c_d9eadf9d3f {
    font-size: 0.6em;
}
.c_477f99e384 {
    font-size: 1.25em;
}
.c_2528968fe5 {
    padding: 0.1428571429em 0.4285714286em;
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
    display: -ms-grid;
    display: grid;
    gap: 0.3571428571em;
    grid-auto-flow: column;
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.2);
}
.c_964b7bfc3d {
    width: 2.1428571429em;
}
.c_964b7bfc3d > h6:not([class]) {
    font-size: 0.625rem;
}
.c_cfb46f7cf0:not(:last-child) {
    margin-bottom: 1.25rem;
}
.c_88c96f8573 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    text-align: center;
    padding: 0.75em;
    border-radius: 0.5em;
    background: linear-gradient(13deg, rgba(137,136,144,1) 1%, rgba(65,62,62,1) 45%);
}
.c_59f6b072fd {
    font-size: 1.25rem;
    font-weight: 500;
}
.c_59f6b072fd:not(:last-child) {
    margin-bottom: 2em;
}
.c_d278856c46:not(:last-child) {
    margin-bottom: 1.25rem;
}
.table-adb {
    display: -ms-inline-grid;
    display: inline-grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 2.5em;
    grid: none/1fr auto 1fr;
}
.table-adb__ttl {
    font-weight: 500;
    border-radius: 0.5em;
    background-color: #242e49;
    padding: 0.625em 0.75em;
    min-width: 15em;
}
.table-adb__ttl:not(:last-child) {
    margin-bottom: 0.75rem;
}
.table-adb__ttl--cntr {
    min-width: 0;
}
.table-adb__val {
    font-weight: 500;
    color: #090f1e;
    padding: 0.3125em 1.125em;
    border-radius: 0.375em;
    background-color: #fff;
    min-width: 4.25em;
}
.table-adb__val--r {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.table-adb__val--l {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.table-adb__clm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c_bf959b12ee {
    display: -ms-grid;
    display: grid;
    gap: 2.5rem;
    grid-auto-flow: column;
}
.c_bf959b12ee:not(:last-child) {
    margin-bottom: 1.25rem;
}
.c_e4aad3a8ce {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.5em;
    grid: none/auto 6.125em auto;
    border-radius: 0.375em;
    background-color: #242e49;
    padding: 0.375em 0.5em;
}
.c_78a11bf1b9 {
    font-size: 0.625rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.375em;
    background: linear-gradient(13deg, rgba(137,136,144,1) 1%, rgba(65,62,62,1) 45%);
}
.c_6536b51e33 {
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.5em;
    background-color: #00b8a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.6666666667em 1em;
}
.c_f8f1f76c52 {
    font-size: 0.875rem;
    letter-spacing: 0.0071428571em;
    font-weight: 600;
    color: #090f1e;
    border-radius: 0.5em;
    background-color: #00b8a3;
    padding: 0.3571428571em;
    min-width: 13.5714285714em;
}
@media (max-width: 75em) {
    .c_029962ae38 {
        font-size: 0.75rem;
    }
    .c_88c96f8573 {
        font-size: 0.75rem;
    }
}
@media (max-width: 34.375em) {
    .c_c9d9edf958 {
        grid: none/1fr;
        gap: 0.75em;
        padding: 1.25em;
        font-size: 1.25em;
    }
    .c_88c96f8573 {
        font-size: 1rem;
    }
    .table-adb {
        grid: none/1fr;
        gap: 0.75rem;
        width: 100%;
    }
    .table-adb__clm {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
    .table-adb__val {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}
@media (max-width: 28.125em) {
    .c_bf959b12ee {
        grid: none/1fr;
        gap: 0.75rem;
        font-size: 1.25rem;
        width: 100%;
    }
    .c_e4aad3a8ce {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.125em;
    }
    .c_78a11bf1b9 {
        font-size: 0.875em;
    }
    .c_2528968fe5 {
        font-size: 1.875em;
    }
}
.c_425c5f80cc {
    font-size: 0.75rem;
    padding: 1.25rem 0 2.5rem;
}
.c_e4382e7d67 {
    border-radius: 0.75em;
    background: #1A1A1A;
    padding: 1em;
}
.c_7b7890281d {
    margin-top: 5px;
    font-size: 15px;
}
.c_1ba8abec01 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: column;
}
.c_1ba8abec01:not(:last-child) {
    margin-bottom: 1.6666666667em;
}
.c_93d1a2e90f {
    width: 7.3333333333em;
    height: 3.8333333333em;
}
.c_8e1504c18e {
    font-size: 2em;
    font-weight: 500;
}
.c_8e1504c18e:not(:last-child) {
    margin-bottom: 0.0833333333em;
}
.c_1d6a2af003 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 1.25rem 2.5rem;
    grid: none/repeat(auto-fit, minmax(10rem, 1fr));
}

.c_0140d33be4 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    overflow-x: auto;
    gap: 20px;
    padding: 10px;
    background-color: #333;
}


.c_d164ff4227 {
    border: 1px solid #ccc;
    color: #1A1A1A;
    border-radius: 4px;
    padding: 5px;
    font-size: 14px;
    width: 180px; 
    margin: 0;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.c_d164ff4227:focus {
    border-color: #007bff; 
    outline: none;
}


.c_b24379a090 {
    background-color: #00b8a3;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 14px;
}

.c_b24379a090:hover {
    background-color: #218838; 
}


.c_74721204b7 {
    max-height: 600px; 
    overflow-y: auto; 
    padding-right: 10px; 
}

.c_e1639fe91e {
    max-height: 500px; 
    overflow-y: auto; 
    padding-right: 10px; 
}



.c_1d6a2af003::-webkit-scrollbar {
    height: 0.5rem;
}

.c_1d6a2af003::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 0.25rem;
}

.c_1d6a2af003::-webkit-scrollbar-track {
    background: transparent;
}


.c_e110173875 .c_98aec8e162{
    height: 190px;
}

.c_e110173875 .c_e9890d7d56 {
    width: 125px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #181818;

    border-radius: 7px;
}

.c_e110173875 .c_e9890d7d56 img {
    display: block;
    width: 120px;
    height: 80px;

}

.c_e110173875 .c_e2fd069aae {
    margin-top: 10px;
    font-size: 15px;
    color: white;
}

.c_9e4070665c {
    max-width: 150px; 
    overflow: hidden;
    text-align: center;
    margin: 0 auto; 
    padding: 10px 0; 
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.c_e110173875 .c_c18ae2619b {
    margin-top: 2px;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; 
    display: block;
    text-align: center; 
}


.c_98aec8e162 {
    font-size: 1.3333333333em;
    padding: 1.25em;
    border-radius: 0.5em;
    background-color: #1A1A1A;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (any-hover: hover) {
    .c_98aec8e162:active,
    .c_98aec8e162:focus,
    .c_98aec8e162:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.c_e9890d7d56 {
    width: 2.5em;
    height: 2.5em;
}
.c_e9890d7d56:not(:last-child) {
    margin-bottom: 0.5em;
}
@media (max-width: 40.625em) {
    .c_1d6a2af003 {
        gap: 1.125rem;
        grid: none/repeat(3, 1fr);
    }
    .c_98aec8e162 {
        font-size: min(1.125rem, 3.6vw);
    }
}
@media (max-width: 34.375em) {
    .c_1d6a2af003 {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: min-content;
        overflow-x: auto;
        gap: 10px; 
        padding: 10px; 
        background-color: #333; 
    }
    .c_98aec8e162 {
        width: auto;
        display: flex;
        white-space: nowrap; 
        background-color: #1A1A1A;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: min(0.9375rem, 3vw);
        font-weight: bold;
        padding: 10px;
    }

    .c_e110173875 .c_98aec8e162 {
        font-weight: norm;
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 30px;
    }
    .c_e110173875 .c_98aec8e162 .c_e9890d7d56 {
        width: 125px;
        height: 100px;
    }

    .c_98aec8e162 .c_e9890d7d56{
        width: 1rem;
        height: 1rem;
        margin-right: 10px;
    }
    .c_e9890d7d56:not(:last-child) {
        margin-bottom: 0px;
    }
}
@media (max-width: 27.5em) {
    .c_8e1504c18e {
        font-size: 23px;
        font-weight: bold;
    }
    .c_7b7890281d {
        font-size: 15px;
        font-weight: 500;

    }
}
@media (max-width: 26.25em) {
    .c_1d6a2af003 {
        gap: 0.5rem;
    }
    .c_425c5f80cc {
        padding: 0.9375rem 0 0.9375rem;
    }
}
.c_0e8084ed88 {
    padding-bottom: 1.375rem;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0.9375rem;
    grid: none/auto 1fr auto;
}
.c_d67f9b7780,
.c_5fd631cf9e {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    grid-auto-flow: column;
}
.c_37f5ff9a85 {
    position: sticky;
    top: 0.625rem;
}
.c_74721204b7 {
    font-size: 1rem;
    width: 16.5em;
    border-radius: 0.5em;
    background: #252525;
}
.c_2ce32aa74c {
    margin: 1em;
}
.c_6b166df940 {
    display: block;
    width: 2em;
    height: 2em;
    border-radius: 0.5em;
    overflow: hidden;
    overflow: clip;
}

.c_7f9b4bd0d8 {
    font-weight: 500;
}
.c_7f9b4bd0d8:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_9c4501c8e6 {
    padding: 0 0 0 0.375em;
}
.c_472d6574e0 {
    width: 1.0833333333em;
    height: 1.0833333333em;
    border-radius: 0.3333333333em;
    overflow: hidden;
    overflow: clip;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 0.05em;
}
.c_5fd631cf9e {
    gap: 0.5em;
    font-size: 0.8125em;
    padding: 0.3333333333em 0.3333333333em 0.3333333333em 0.5em;
    border-radius: 0.5em;
}
@media (any-hover: hover) {
    .c_5fd631cf9e:active,
    .c_5fd631cf9e:focus,
    .c_5fd631cf9e:hover {
        background-color: #00b8a3;
    }
}
.c_7f9b4bd0d8 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    grid-auto-flow: column;
}
.c_a15ba6e1e7:not(:last-child) {
    margin-bottom: 0.8125rem;
}
.c_2ce32aa74c {
    border-radius: 0.5rem;
    background-color: #191919;
    overflow: hidden;
    overflow: clip;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.75rem;
    grid: none/repeat(2, 1fr);
}
.btn-self {
    padding: 0.3333333333em;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}
.btn-self._js-active {
    border-radius: inherit;
    background-color: #00b8a3;
}
.c_1cb84ecb24:not(:last-child) {
    padding: 1.5625em 1.5625em 0;
}
.c_4a3825c8e3 {
    font-size: 0.75rem;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.125rem;
    grid: none/auto 1fr;
}
.c_0e3dbaa2d7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c_0e3dbaa2d7 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}
.c_0e3dbaa2d7 > :not(:last-child) {
    margin-right: 0.1875rem;
}
.c_0e3dbaa2d7 > span {
    height: 0.1666666667em;
    background-color: #fff;
}
.c_0e3dbaa2d7 > span._js-active {
    position: relative;
    z-index: 2;
}
.c_0e3dbaa2d7 > span._js-active::after {
    content: "";
    display: inline-block;
    width: 1em;
    border-radius: 50%;
    height: 1em;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 3;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.c_c30a26fe27 {
    font-size: 0.75rem;
    font-weight: 500;
    position: relative;
    z-index: 2;
    display: block;
    padding: 1.5625em 0.625em 0 !important;
}
.c_acc1b9b553 {
    padding: 0.6666666667em 0.6666666667em 0.6666666667em 2.3333333333em;
    border-radius: 0.5em;
    background-color: #232323;
}
.c_152715e492 {
    display: block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 2em;
    left: 1.2em;
    z-index: 1;
}
.c_cc5ab2624a.spoiler {
    padding: 1.25em 0.625em 0;
}
.c_7ac35c9719,
.c_a4e362e31d {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.6875em;
    grid-auto-flow: column;
}
.c_7ac35c9719 {
    border-radius: 0.5em;
}
@media (any-hover: hover) {
    .c_7ac35c9719:active,
    .c_7ac35c9719:focus,
    .c_7ac35c9719:hover {
        background-color: #00b8a3;
    }
}
.c_61b3f373a1 {
    font-size: 0.625rem;
    color: #666f75;
}
.c_1d12785a05 {
    max-width: 100%;
    font-size: 1rem;
    padding: 0.5em 0.5rem 0.625rem;
    border-radius: 0.75em;
    background: #1A1A1A;
}
.c_1d12785a05 > :not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_fe33979de3 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    margin-bottom: 8px;
    grid-auto-flow: column;
    font-weight: 500;
    color: #ffffff;
}
.c_8362653361 {
    width: 1.6666666667em;
    height: 1.6666666667em;
}
.c_41d35b03b3 {
    font-weight: 500;
    font-size: 0.875rem;
    color: #000;
    background-color: #edf2ff;
    overflow: hidden;
    overflow: clip;
    width: 100%;
    border-collapse: collapse;
    border-radius: 0.5rem 0.5rem 0 0;
}
.c_ce2a34e7a6 > * {
    display: inline-block;
}
.c_ce2a34e7a6 > :not(:last-child) {
    margin-bottom: 0.125em;
}
.c_ee11b41379 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 1em;
    grid-auto-flow: column;
}
.c_af84ac28ec {
    width: 1em;
    height: 1em;
}
.c_53f381fd8c {
    text-align: left;
}
.c_a9b388822b {
    padding: 1.625rem 0;
    background-color: #00b8a3;
    width: 100%;
    font-size: 1.025em;
    font-weight: lighter;
    color: #fff;
}
.c_de77796f1e {
    padding: 0 0.5625em;
}
.c_b3fed712c3 > span:not([class]) {
    display: inline-block;
    padding: 0.25em;
    border-radius: 0.375em;
    background-color: #D0DAF3;
    font-weight: bold;
}
.c_1335c064c7 {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25em;
    grid-auto-flow: column;
    padding: 0.25em;
    border-radius: 0.25em;
    background-color: #e7edfc;
}
.c_c91fac33e9 {
    width: 0.5em;
    height: 0.5em;
}
tbody:not([class]) {
    width: 100%;
}

tr:not(:last-child) {
    border-bottom: 1px solid #e4e8f5;
}
td,
th,
tr {
    padding: 0.25rem 0.5rem;
}
@media (max-width: 87.5em) {
    .c_a9b388822b {
        font-size: 0.875em;
    }
}
@media (max-width: 80em) {
    .c_1d12785a05 {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid: none/1fr;
    }
    .c_a58a081fec {
        overflow: hidden;
        overflow-x: auto;
        padding: 0 0 0.75em 0;
    }
    .c_a58a081fec::-webkit-scrollbar {
        width: 6.25rem;
        height: 0.3125rem;
    }
    .c_41d35b03b3 {
        min-width: 50rem;
    }
}


@media (max-width: 62.5em) {
    .c_5c924152d7 {
        display: none;
    }
}
@media (max-width: 50em) {
    .main__banner-img {
        padding: 26.9541778976% 0 0 0;
    }
}
@media (max-width: 47.99875em) {
    .c_37f5ff9a85 {
        display: none;
    }
    .c_0e8084ed88 {
        grid: none/1fr;
    }

}

.c_f084155231 {
    display: none;
}

.c_14bbfa50e7.c-cup {
    max-width: 100%;
}
.c_1e1e78bb83 {
    margin: 20px 0 10px 0;
}


.c_702ff43d35 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 9998; 
}

@media (max-width: 31.25em) {
    .c_a9b388822b {
        font-size: 0.75em;
    }
    .c_41d35b03b3 {
        min-width: 45rem;
    }
    .c_1d12785a05 {
        display: none;
    }

    .c_f084155231 {
        display: block;
        padding: 0;
    }

    .c_702ff43d35.active {
        display: block;
    }

    .c_59afecf401 {
        margin-bottom: 20px;
    }

    .c_b14384b2e9 {
        display: flex;
        align-items: center;
        padding: 8px;
        background-color: #1A1A1A;
        color: #fff;
        border-radius: 5px;
    }

    .c_cdf69a9aee {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .c_3dd1a9255d {
        background-color: #EDF2FF;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .c_e5420891fe {
        font-size: 14px;
        color: #555;
        margin-bottom: 5px;
    }

    .c_e9a8342cc2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

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

    .c_30394298ad img {
        width: 15px;
        margin-right: 5px;
    }

    .c_30394298ad a {
        color: #333;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
    }

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

    .c_bf3f34d634 {
        width: calc(33.3333% - 10px); 
        text-align: center;
        padding: 8px 0;
        background-color: #eee;
        border-radius: 8px;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        background-color: #D0DAF3;
        margin: 0 5px; 
    }

    .c_3dd1a9255d {
        padding: 10px;
        background-color: #EDF2FF; 
        border-radius: 10px; 
    }

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

    .c_30394298ad {
        margin-bottom: 2px; 
    }

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

    .c_5c924152d7 {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #333;
        color: #fff;
        z-index: 9999;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
        border-radius: 10px 10px 0 0;
    }

    .c_5c924152d7.active {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: auto;
        position: fixed;
    }
    .c_41f11976ce {
        width: 100%;
    }


    .c_f40fc2b82a {
        padding: 0;
    }

    .c_1e1e78bb83 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .c_852a438826 {
        display: none;
    }
    .coupon-mobile {
        padding: 15px;
    }
    .c_96b0631ef7:not(:last-child) {
        margin-bottom: 0;
    }
    .coupon__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #444;
    }

    .c_d8da9b346f {
        font-size: 16px;
    }

    .c_852a438826 {
        margin-top: 15px;
    }

    .c_099fff88bb {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px 0;
    }

    .c_ee3bef676e {
        padding: 5px;
        background-color: #555;
        border-radius: 5px;
        cursor: pointer;
    }

    .c_1ef0f8101c {
        width: 60%;
        text-align: center;
        padding: 10px;
        font-size: 16px;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin: 0 10px;
    }

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


    .c_4033d6a182 {
        flex: 0 0 32%;
        padding: 10px;
        background-color: var(--primary-button-background-color);
        color: var(--primary-button-text-color);
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .c_30f8d72476 {
        width: 100%;
        padding: 10px;
        background-color: var(--primary-button-background-color);
        color: var(--primary-button-text-color);
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    .c_4467260f26 {
        display: none;
    }

    .c_fd771c7850 {
        font-size: 12px;
        color: #ddd;
    }
}
.c_5c924152d7 {
    width: 18.75rem;
    min-height: 20rem; 
    position: relative;
}
.c_41f11976ce {
    font-size: 1rem;
    border-radius: 0.5em;
    font-width: bold;
    background: #252525;
}
.c_fcdcdf29f2 {
    padding: 1em;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: column;
}
.c_d8da9b346f {
    font-size: 0.875em;
    font-weight: 600;
}
.c_eca261719a {
    padding: 1em;
}

.btn-v {
    width: 0.8em;
    height: 0.4em;
}
.c_025f7e04e6 {
    position: relative;
}
.c_4b3478c77c {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid: none/repeat(3, 1fr);
    font-size: 0.75em;
    font-weight: 500;
    color: #666f75;
    text-align: center;
    border-radius: 0.5em;
    background-color: #191919;
    padding: 2px;
    margin: 1em;
}
.c_4b3478c77c:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_f9afa7c15b {
    border-radius: 0.3125em;
    padding: 0.3333333333em;
    font-size: 0.875rem;
}
.c_520aa7da88:checked + .c_f9afa7c15b {
    border-radius: 0.375em;
    background-color: #00b8a3;
    color: #fff;
    padding: 0.3333333333em;
}
.c_eca261719a {
    text-align: center;
}
.c_eca261719a:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_f40fc2b82a {
    padding: 0.75em 0.5em;
    border-radius: 0.5em;
    background-color: #191919;
    position: relative;
}
.c_e1251e2c71 {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-flow: column;
}
.c_e1251e2c71::before {
    margin: 0.09375em 0.375em 0 0;
    content: "";
    display: inline-block;
    width: 1.75em;
    height: 1em;
    border-radius: 1em;
    background-color: #666f75;
}
.c_e1251e2c71::after {
    content: "";
    display: inline-block;
    width: 0.75em;
    border-radius: 50%;
    height: 0.75em;
    background-color: #fff;
    position: absolute;
    top: 0.225em;
    left: 0.1375em;
    z-index: 3;
}
.c_d82c5ff466:checked {
    border: 1px solid #f80808;
}
.c_d82c5ff466:checked + .c_e1251e2c71::before {
    background-color: #00b8a3;
}
.c_d82c5ff466:checked + .c_e1251e2c71::after {
    left: 0.875em;
}
.c_fd771c7850:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_fd771c7850 > span:not([class]) {
    font-size: 0.875rem;
    font-weight: 400;
}
.c_fd771c7850 {
    margin-top: 1em;
}
.c_30f8d72476 {
    width: 100%;
    background-color: #00b8a3;
    color: white;
    font-size: 0.875em;
    font-weight: 600;
    padding: 9px 12px;
}

.c_96b0631ef7:not(:last-child) {
    margin-bottom: 1.25rem;
}
.c_f40fc2b82a {
    padding: 1em;
}
.c_4467260f26 {
    padding: 0.75em 0.5em;
    border-radius: 0.5em;
    background-color: #252525;
    font-size: 1rem;
    text-align: center;
}
.c_dbbe163515 {
    padding: 0 0.875em;
    display: -ms-grid;
    display: grid;
    gap: 0.75rem;
}
.c_dbbe163515:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_62a30f1087 {
    font-size: 0.8125rem;
    font-weight: 500;
}
.c_4467260f26 p:not([class]) {
    padding: 1.2em;
    border-radius: 0.75em;
    background-color: #090f1e;
    font-size: 0.625em;
}
.c_6cccd68f69 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: var(--gap);
    grid: none/auto 1fr;
}
.sport__sp-match {
    max-width: 12.75rem;
}
.c_5df989a495 {
    overflow: hidden;
    overflow: clip;
    font-size: 1rem;
    color: #000;
    border-radius: 0.5em 0.5em 0 0;
}
.c_f2215c2e98 {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4285714286em;
    grid-auto-flow: column;
    background-color: #00b8a3;
    font-size: 0.875em;
    color: #fff;
    padding: 0.4285714286em 0.6428571429em;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.c_555def0fd9 {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.c_8e01427a3f {
    width: 0.8em;
    height: 0.4em;
}
.c_f60bec725d {
    border-radius: 0 0 0.25rem 0.25rem;
    overflow: hidden;
    background-color: #fff;
}
.list-sp-match__elm:not(:last-child) {
    border-bottom: 1px solid #00b8a3;
}
.li-lspm {
    padding: 0.5em;
}
.li-lspm__top {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0.5em;
    grid: none/auto 1fr auto;
}
.li-lspm__top:not(:last-child) {
    margin-bottom: 0.5em;
}
.li-lspm__star {
    width: 0.875em;
    height: 0.875em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.li-lspm__time {
    font-size: 0.8333333333em;
}
.li-lspm__time:not(:last-child) {
    margin-bottom: 0.3em;
}
.li-lspm__name {
    font-size: 0.8333333333em;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.3333333333em;
    grid-auto-flow: column;
}
.li-lspm__ico-name {
    width: 0.875em;
    height: 0.875em;
}
.li-lspm__tv {
    width: 0.75em;
    height: 0.75em;
}
.li-lspm__box-val {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.5625rem;
    grid: none/repeat(4, 1fr);
}
.li-lspm__val {
    font-size: 0.75em;
    font-weight: 600;
    text-align: center;
    padding: 0.125em;
    border-radius: 0.375em;
    background-color: #d0daf3;
}
.li-lspm__val--last {
    background-color: initial;
}
.c_4cd94942c2 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: var(--gap);
    grid: none/1fr 15.25rem;
}
.c_4cd94942c2:not(:last-child) {
    margin-bottom: 0.75rem;
}
.info-spm {
    padding: 0.5714285714em 0.5714285714em 1.2857142857em;
    border-radius: 0.5em;
    background-color: #fff;
    font-size: 0.875rem;
    color: #000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.info-spm__ttl {
    font-weight: 500;
    text-align: center;
}
.info-spm__ttl:not(:last-child) {
    margin-bottom: 0.5714285714em;
}
.info-spm__line {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.2142857143em;
    grid: 0.1428571429em/20% 1fr;
}
.info-spm__line:not(:last-child) {
    margin-bottom: 0.2857142857em;
}
.info-spm__l-line {
    background-color: #00b8a3;
}
.info-spm__r-line {
    background-color: #fa4031;
}
.info-spm__val-box {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-auto-flow: column;
}
.info-spm__val-box:not(:last-child) {
    margin-bottom: 0.3333333333em;
}
.info-spm__val {
    color: #00b8a3;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.2857142857em;
    grid-auto-flow: column;
}
.info-spm__val span:not([class]) {
    font-size: 0.6875rem;
}
.info-spm__val--r {
    color: #fa4031;
    text-align: right;
}
.info-spm__of-val {
    width: 0.6666666667em;
    height: 0.5em;
    background-color: #d9d9d9;
}
.info-spm__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.info-spm__pagination > button {
    height: 0.2857142857em;
    background-color: #666f75;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 1.4285714286em;
    flex: 0 1 1.4285714286em;
}
.info-spm__pagination > button:not(:last-child) {
    margin-right: 0.2857142857em;
}
@media (any-hover: hover) {
    .info-spm__pagination > button:active,
    .info-spm__pagination > button:focus,
    .info-spm__pagination > button:hover {
        background-color: #00b8a3;
    }
}
.info-spm__pagination > button._js-active {
    background-color: #00b8a3;
}
.info-spm__role {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.625rem;
    grid-auto-flow: column;
    font-size: 0.75em;
}
@media (max-width: 93.75em) {
    .c_6cccd68f69 {
        grid: none/1fr;
    }
    .sport__aside {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
        width: 100%;
        max-width: initial;
    }
    .sport__sp-match {
        width: 100%;
        max-width: 37.5rem;
    }
}
@media (max-width: 81.25em) {
    .c_4cd94942c2 {
        gap: 0.75em;
    }
}
@media (max-width: 71.875em) {
    .c_4cd94942c2 {
        grid: none/1fr;
    }
}
@media (max-width: 56.25em) {
    :root {
        --gap: 0.75em;
    }
}
.c_e8d6344ca7 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-auto-flow: column;
    font-size: 0.75rem;
    padding: 0.75em 0.3333333333em;
    border-radius: 0.5em;
    background: linear-gradient(13deg, rgba(137,136,144,1) 1%, rgba(65,62,62,1) 45%);
}
.c_41ddf144e0 {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    gap: 0.6666666667em;
    grid-auto-flow: column;
    white-space: nowrap;
    overflow: hidden;
}
.c_bf2f6c1e57 {
    overflow-x: auto;
    padding: 0.25em 2.75em 0.25em 0;
}
.c_bf2f6c1e57::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.1875rem;
}
.c_bbe8fc725d {
    padding: 0.3333333333em 0.6666666667em;
    border-radius: 0.5em;
    background-color: #242e49;
    font-weight: 500;
}
@media (any-hover: hover) {
    .c_bbe8fc725d:active,
    .c_bbe8fc725d:focus,
    .c_bbe8fc725d:hover {
        background-color: #00b8a3;
    }
}
.c_bbe8fc725d._js-active {
    background-color: #00b8a3;
}
.c_5b23eded6b {
    position: relative;
    z-index: 2;
    padding: 0 0 0 1.5625em;
    margin-left: -2.5rem;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
}
.c_eb3479e29a {
    width: 1.4375rem;
    border-radius: 0.25rem;
    background: linear-gradient(13deg, rgba(137,136,144,1) 1%, rgba(65,62,62,1) 45%);
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(30%, #505053),
        to(rgba(20, 27, 46, 0))
    );
    background: -o-linear-gradient(
        right,
        #505053 30%,
        rgba(20, 27, 46, 0) 100%
    );
    background: linear-gradient(270deg, #505053 30%, rgba(20, 27, 46, 0) 100%);
}
.c_1b4810167e {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    grid-auto-flow: column;
}
.c_4cc90e4d06 {
    width: 1.6666666667em;
}
.c_81dfda6182 {
    width: 7.75rem;
    background-color: #242e49;
    border-radius: 0.5em;
    padding: 0.3333333333em;
    height: auto;
}
.c_b99aa1d578:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_410896732d {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: var(--gap);
    grid: none/repeat(2, 1fr);
}
.c_dfbe3870d0 {
    grid: none/1fr auto;
}
.c_a8dd12136e {
    font-size: 0.875em;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
    grid-auto-flow: column;
    padding: 0.5714285714em;
}
.c_a8dd12136e:not(:last-child) {
    border-right: 0.5px solid #00b8a3;
}
.c_a6cf21e876 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid: none/repeat(2, 1fr);
}
.c_a6cf21e876:not(:last-child) {
    border-bottom: 0.5px solid #00b8a3;
}
.c_ea62196f1f:not(:last-child) {
    margin-bottom: 0.75rem;
}
.c_ebad10c815 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid: none/repeat(3, 1fr);
}
.c_436350ce60 {
    font-weight: 600;
    padding: 0.1428571429em 0.2857142857em;
    border-radius: 0.375em;
    background-color: #d0daf3;
}
.info-spm__box-screen {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.hide-screen {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
}
.hide-screen__footer {
    height: 0.625rem;
}
.hide-screen._js-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 54.375em) {
    .c_410896732d {
        grid: none/1fr;
    }
}
@media (max-width: 47.5em) {
    .c_410896732d {
        grid: none/1fr 1fr;
    }
}
@media (max-width: 37.5em) {
    .c_410896732d {
        grid: none/1fr;
    }
}
@media (max-width: 34.375em) {
    .c_e8d6344ca7 {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 0.9375em;
        grid: none/1fr;
    }
    .c_eb3479e29a {
        display: none;
    }
    .c_5b23eded6b {
        margin: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
    .c_81dfda6182 {
        width: 19em;
        border-radius: 0.5em;
        font-size: 1em;
    }
}
@media (max-width: 25em) {
    .c_81dfda6182 {
        width: 14.625em;
    }
}
.c_1a9bc4f354 {
    font-size: 0.75rem;
}
.c_1a9bc4f354 h1:not([class]) {
    font-size: 1.6666666667em;
    font-weight: 500;
}
.c_1a9bc4f354 h1:not([class]):not(:last-child) {
    margin-bottom: 1.2em;
}
.c_1a9bc4f354 h3:not([class]) {
    text-transform: uppercase;
}
.c_1a9bc4f354 h2:not([class]) {
    text-transform: uppercase;
}
.c_1a9bc4f354 h2:not([class]):not(:last-child) {
    margin-bottom: 1.6666666667em;
}
.c_1a9bc4f354 p:not([class]) {
    padding: 0 0 0 0.8em;
}
.c_1a9bc4f354 article:not([class]) {
    margin-bottom: 1.6666666667em;
}
.c_1a9bc4f354 ul:not([class]) {
    padding: 0 0 0 1.8em;
}
.c_1a9bc4f354 li {
    display: block;
    position: relative;
    z-index: 1;
}
.c_1a9bc4f354 li::before {
    position: absolute;
    top: 0.4375em;
    left: -0.875em;
    z-index: 1;
    content: "";
    display: inline-block;
    width: 0.3333333333em;
    border-radius: 50%;
    height: 0.3333333333em;
    background-color: #fff;
}
.c_dd25737688 {
    font-size: 0.75rem;
}
.c_dd25737688 h1:not([class]) {
    font-size: 1.6666666667em;
    font-weight: 500;
}
.c_dd25737688 h1:not([class]):not(:last-child) {
    margin-bottom: 1.2em;
}
.c_dd25737688 p:not([class]):not(:last-child) {
    margin-bottom: 0.6666666667em;
}
.c_b73e039d80 h3:not([class]):not(:last-child) {
    margin-bottom: 0.375rem;
}
.c_a49f1ef203 {
    padding: 0 0 3.125rem 0;
}
.c_38be772283 {
    color: #1a2a38;
    font-size: 1.25rem;
    font-weight: 500;
}
.c_38be772283:not(:last-child) {
    margin-bottom: 1.25em;
}
.c_fbfdbb84c5 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: var(--gap);
    grid: none/repeat(2, 1fr);
}
.c_aae7e7065b {
    border-radius: 0.75em;
    background-color: #1d2742;
    padding: 1.5em 0.75em;
}
.c_10d319b01f {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid: none/1fr minmax(32rem, 1fr);
}
.c_10d319b01f:not(:last-child) {
    margin-bottom: 0.75em;
}
.c_d5b955c2df {
    padding: 0.25em 0.5em;
    border-radius: 0.375em;
    background-color: #253255;
}
.c_d5b955c2df:focus {
    outline: 0;
}
.c_cc3452661d {
    font-size: 1em;
}
.c_a361027c6a {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.75em;
    grid-auto-flow: column;
}
.c_f970c56d80 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c_2e7891f481 {
    width: 11em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c_9ab9376a9a .select__value {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid: none/repeat(2, auto);
}
.c_9ab9376a9a .select__value::after {
    content: "";
    display: block;
    font-size: 1.875em;
    width: 0.5em;
    height: 0.25em;
    background: url(../img/ico/x_3ea535294ff1.svg) 50% 50% / contain no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.select .select__option {
    font-weight: 600;
}
.select .select__options {
    border-radius: 0 0 0.5em 0.5em;
}
.c_9ab9376a9a .select__value,
.c_ac1121cfe3 .select__value {
    padding: 0.25em 0.5em;
    border-radius: 0.375em;
    background-color: #253255;
}
.c_ac1121cfe3 {
    display: -ms-inline-grid;
    display: inline-grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid: none/1fr auto;
}
.c_ac1121cfe3 .select__value::after {
    content: "";
    display: block;
    font-size: 1.875em;
    width: 0.5em;
    height: 0.25em;
    background: url(../img/ico/x_3ea535294ff1.svg) 50% 50% / contain no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.c_218cf17c8e {
    grid: none/1fr;
    gap: 0.5em;
}
.c_a6c7726cc9 {
    border-radius: 0.375em;
    background-color: #00b8a3;
    padding: 0.375em 0.5em;
    font-size: 1rem;
}
.c_358201d331 {
    font-size: 0.875rem;
}
.c_358201d331:not(:last-child) {
    margin-bottom: 1em;
}
.c_752fadbc7a:not(:last-child) {
    margin-bottom: 1.25em;
}
.c_752fadbc7a > :not(:last-child) {
    margin-bottom: 0.75em;
}
.c_36b82b4533 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5em;
    grid: none/repeat(2, 1fr);
}
.c_f29f03323f {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5em;
    grid-auto-flow: column;
}
.c_715e720b31 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    grid-auto-flow: column;
}
.c_715e720b31 > span:not([class]) {
    content: "";
    display: inline-block;
    width: 1em;
    border-radius: 50%;
    height: 1em;
    background-color: #404f79;
    padding: 0.125em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c_715e720b31 > span:not([class])::after {
    content: "";
    display: inline-block;
    width: 100%;
    border-radius: 50%;
    height: 100%;
    background-color: #69b6d5;
    opacity: 0;
}
.c_715e720b31._js-active > span:not([class])::after {
    opacity: 1;
}
.c_da020ae524 {
    padding: 2.5em 0;
}
.c_d78283c31f {
    font-size: 1em;
    border-radius: 0.375em;
    letter-spacing: normal;
}
.c_8deb8d7b13 {
    max-width: 68.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.75em -0.75em 0;
}
.c_8deb8d7b13 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0.75em 0.75em 0;
}
.btn--c1 {
    background-color: #00b8a3;
}
.btn--c2 {
    background-color: #009a27;
}
.btn--c3 {
    background-color: #7f0097;
}
.btn--c4 {
    background-color: #c0980a;
}
.btn--c5 {
    background-color: #623634;
}
.btn--c6 {
    background-color: #13686d;
}
.btn--c7 {
    background-color: #4a545e;
}
.btn--c8 {
    background-color: #2e327c;
}
.btn--c9 {
    background-color: #2e327c;
}
.btn--c10 {
    background-color: #970037;
}
.table-ipr {
    width: 100%;
    border-radius: 0.75em;
    background-color: #161d30;
    overflow: hidden;
    overflow: clip;
}
.table-ipr th {
    padding: 0.9375em;
}
.table-ipr td {
    text-align: center;
    border: 0;
    padding: 0.9375em;
}
.table-ipr tr {
    border: 0;
}
.table-ipr__line:nth-child(odd) {
    background-color: #1d2742;
}
.table-ipr__line:nth-child(odd) .table-ipr__inc {
    color: #009a27;
}
.table-ipr__small {
    font-size: 0.75em;
    color: #666f75;
}
.table-ipr__grid {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 0.25em;
    grid: none/repeat(2, auto);
}
.table-ipr__grid * {
    text-align: left;
}
.table-ipr__td-clm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.table-ipr__inc {
    color: #fa4031;
}
.li-lspm__top {
    cursor: pointer;
}
@media (any-hover: hover) {
    .li-lspm__top:focus .li-lspm__name,
    .li-lspm__top:hover .li-lspm__name {
        text-decoration: underline;
    }
}
.c_11c1ce76a3 {
    cursor: pointer;
}
@media (any-hover: hover) {
    .c_11c1ce76a3:focus,
    .c_11c1ce76a3:hover {
        text-decoration: underline;
    }
}
.c_b3fed712c3 > span:not([class]) {
    padding: 0.3125em;
    display: inline-block;
    cursor: pointer;
}
@media (any-hover: hover) {
    .c_b3fed712c3 > span:not([class]):focus,
    .c_b3fed712c3 > span:not([class]):hover {
        background-color: #c4f027;
    }
}
@media (any-hover: hover) {
    .hover-1:focus,
    .hover-1:hover,
    .c_436350ce60:focus,
    .c_436350ce60:hover {
        cursor: pointer;
        background-color: #c4f027;
    }
}
.c_de77796f1e {
    cursor: pointer;
}
@media (any-hover: hover) {
    .c_de77796f1e:focus .c_ee11b41379,
    .c_de77796f1e:hover .c_ee11b41379 {
        text-decoration: underline;
    }
}
@media (max-width: 68.75em) {
    .c_fbfdbb84c5 {
        grid: none/1fr;
    }
}
@media (max-width: 45em) {
    .c_10d319b01f {
        grid: none/1fr minmax(25.75rem, 1fr);
    }
}
@media (max-width: 50em) {
    .c_673584ec7b {
        padding: 0 0 1.25em 0;
        overflow: hidden;
        overflow-x: scroll;
    }
    .c_673584ec7b::-webkit-scrollbar {
        width: 5.625rem;
        height: 0.5625rem;
    }
    .table-ipr {
        width: 50rem;
    }
    .table-ipr::-webkit-scrollbar {
        width: 6.25rem;
        height: 0.25rem;
    }
    .table-ipr__grid {
        grid: none/auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 40.625em) {
    .c_10d319b01f {
        grid: none/9.375rem 1fr;
    }
}
@media (max-width: 31.25em) {
    .c_10d319b01f {
        grid: none/1fr;
        gap: 0.3125em;
    }
    .c_36b82b4533 {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.5em;
        gap: 0.3125em;
        grid: none/1fr;
    }
}

.c_6cccd68f69 h3 {
    color: #1A1A1A;
}
@media (max-width: 34.375em) {
    .table-ipr {
        width: 100%;
        font-size: 0.6rem;
    }
    .table-ipr::-webkit-scrollbar {
        width: 6.25rem;
        height: 0.25rem;
    }
}
@media (max-width: 26.25em) {
    .table-ipr {
        width: 100%;
        font-size: 0.55rem;
    }
    .table-ipr::-webkit-scrollbar {
        width: 6.25rem;
        height: 0.25rem;
    }
}
.lock body {
    overflow: hidden;
}
.c_81bfd797b6::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px); 
    opacity: 0;
    -webkit-transition: opacity 0.8s ease 0s;
    -o-transition: opacity 0.8s ease 0s;
    transition: opacity 0.8s ease 0s;
    pointer-events: none;
}

.popup-show .c_81bfd797b6::after {
    opacity: 1;
    z-index: 100;
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    padding: 1.875rem 0.625rem;
    -webkit-transition: visibility 0.8s ease 0s;
    -o-transition: visibility 0.8s ease 0s;
    transition: visibility 0.8s ease 0s;
    visibility: hidden;
    pointer-events: none;
}
.popup_show {
    z-index: 200;
    visibility: visible;
    overflow: auto;
    pointer-events: auto;
}
.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.c_2b4f2d19f3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    position: relative;
    z-index: 4444;
}
.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    border-radius: 1.25rem;
    background-color: #eee;
    padding: 1.25rem;
    position: relative;
}
.lock .popup__content {
    visibility: visible;
}
.c_3403a95b3e {
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    z-index: 50;
    width: 1.5625rem;
    height: 1.5625rem;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.3s ease-out 0s;
    -o-transition: 0.3s ease-out 0s;
    transition: 0.3s ease-out 0s;
    outline: 0;
}
@media (any-hover: hover) {
    .c_3403a95b3e:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.c_07791fa688 {
    opacity: 0.35;
}

.c_3403a95b3e {
    padding: 0.3125em;
    border-radius: 0.25em;
    background-color: rgba(153, 162, 173, 0.4);
}
@media (any-hover: hover) {
    .c_3403a95b3e:active .c_07791fa688,
    .c_3403a95b3e:focus .c_07791fa688,
    .c_3403a95b3e:hover .c_07791fa688 {
        opacity: 1;
    }
}
.c_197f275d50 {
    width: min(26.25em, 100%);
    font-size: 1rem;
    color: #000;
    padding: 1em 1.25em;
    border-radius: 0.5rem;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c_70504420a3 {
    font-size: 1.25em;
    font-weight: bold;
    color: #000;
}
.c_70504420a3:not(:last-child) {
    margin-bottom: 0.6em;
}
.form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form > :not(:last-child) {
    margin-bottom: 0.75em;
}
.c_96e5837ee4 {
    padding: 15px 15px;
    border-radius: 0.5em;
    background-color: #edf0f7;
}
.c_953fa4b29b {
    font-size: 0.75rem;
    font-weight: 600;
    color: #666f75;
    text-align: right;
}
.c_953fa4b29b:not(:last-child) {
    margin-bottom: 1.3333333333em;
}
.c_deb43b221c {
    padding: 0.9375em;
    font-size: 1rem;
    border-radius: 0.5em;
    background-color: #00b8a3;
}
.c_a4008179b5 {
    font-size: 0.75rem;
    color: #666f75;
    text-align: center;
}
.c_d315bb5242 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #00b8a3;
}
.c_925c088e96 {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-flow: column;
}
.c_925c088e96::before {
    margin: 0.09375em 0.375em 0 0;
    content: "";
    display: inline-block;
    width: 1.75em;
    height: 1em;
    border-radius: 1em;
    background-color: #666f75;
}
.c_925c088e96::after {
    content: "";
    display: inline-block;
    width: 0.8125em;
    border-radius: 50%;
    height: 0.8125em;
    background-color: #fff;
    position: absolute;
    top: 0.2em;
    left: 0.125em;
    z-index: 3;
}
.c_f443981b5c {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.375em;
    grid: none/repeat(3, auto);
    position: relative;
}
.c_18844eb3f9 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.3125em;
    grid-auto-flow: column;
}
.c_535b1a4cac:checked {
    border: 1px solid #f80808;
}
.c_535b1a4cac:checked + .c_925c088e96::before {
    background-color: #00b8a3;
}
.c_535b1a4cac:checked + .c_925c088e96::after {
    left: 0.75em;
}
.c_762308ffce {
    text-decoration: underline;
    color: #00b8a3;
}
.c_ddb0d078eb {
    padding: 0.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.5rem;
    background-color: #edf0f7;
}
.c_ddb0d078eb.active {
    border: 1px solid #9898ff;
}
.c_34fe4f597d {
    width: 58.8888888889%;
}
.c_9e2adc4c71 {
    max-width: 26.25rem;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.5rem 1.25rem;
    grid: repeat(2, 1fr) / repeat(2, 1fr);
}
.c_75e2854c22 {
    text-align: center;
}
.c_849b4e2d93 {
    width: 6.25em;
    height: 6.25em;
    border-radius: 50%;
    background-color: #00b8a3;
    overflow: hidden;
    overflow: clip;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.c_849b4e2d93:not(:last-child) {
    margin-bottom: 0.75em;
}
.c_44969ee2b0 {
    border-radius: 0.5em;
    background-color: #cddeea;
    padding: 0.6875em;
    font-weight: 500;
    color: #666f75;
    text-align: center;
}
.c_44969ee2b0:not(:last-child) {
    margin-bottom: 1em;
}
@media (max-width: 37.5em) {
    .c_197f275d50 {
        padding: 2.5rem 1.25rem 1.25rem;
    }
}
.c_4a6c955051 {
    margin-top: -1.125rem;
    padding: 1rem 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.625rem;
    grid-auto-flow: column;
}
.c_8632e8079e {
    height: 1.5625rem;
}
.c_c3cbdfd74f {
    padding: 0.9375rem;
    font-size: 0.75rem;
    width: 70%;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0.5rem 0.9375rem;
    grid: none/repeat(3, 1fr);
}
.c_c36401df2f {
    text-align: center;
    margin-top: -1rem;
    padding: 1rem 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
}
.c_6408a352b1 {
    display: none;
}
.c_b2b7c45394 {
    font-size: 11px;
    color: #838383;
}
.c_7f738738de {
    min-width: 68.75rem;
}

.widget__preview-block {
    bottom: 5rem !important;
}

.chaport-container .chaport-launcher .chaport-launcher-button {
    bottom: 5rem !important;
}

.jv-mobile-or-tablet > jdiv > jdiv {
    bottom: 4rem !important;
}

@media (max-width: 50em) {
    .c_4a6c955051 {
        padding: 0.75em 0;
        overflow: hidden;
        overflow-x: auto;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 3.5em;
    }
    .c_4a6c955051::-webkit-scrollbar {
        width: 6.25rem;
        height: 0.125rem;
    }
    .c_4a6c955051 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .banner-ftr--min {
        height: 2.125em;
        padding: 0.375em 0;
    }
    .c_8632e8079e {
        height: 100%;
    }
    .c_c36401df2f {
        font-size: 14px;
        font-weight: 500;
        padding: 15px 0;
    }
    .c_c3cbdfd74f {
        padding: 0 0 1.2em;
        font-size: 0.625rem;
        width: 100%;
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 0.5rem 0.9375rem;
        grid: none/repeat(1, 1fr);
    }
    .c_a84f286938 {
        height: 67vh; 
    }
    .c_7cf39d696b {
        margin-top: -0.3125rem;
    }

    .c_6408a352b1 {
        display: block;

        background-color: #181818;
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 90;
    }

    .c_c98d9143d4 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .c_63d6d43787 {
        text-align: center;
        flex: 1;
    }

    .c_63d6d43787 a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        text-decoration: none;
    }

    .c_63d6d43787 img {
        width: 26px;
        height: 26px;
        margin-bottom: 5px;
    }

    .c_63d6d43787 span {
        font-size: 12px;
    }

    .c_63d6d43787.active a {
        color: #ffffff;
    }

    .c_63d6d43787.active img {
        width: 40px;
        height: 40px;
        background-color: #00b8a3;
        border-radius: 50%;
        padding: 5px;
    }

}
.c_c31393ad0c,
.c_e1639fe91e {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 0.5s ease-out;
    -o-transition: grid-template-rows 0.5s ease-out;
    transition: grid-template-rows 0.5s ease-out;
    transition: grid-template-rows 0.5s ease-out, -ms-grid-rows 0.5s ease-out;
    overflow: hidden;
    overflow: clip;
}
.c_c31393ad0c > *,
.c_e1639fe91e > * {
    min-height: 0;
}
.c_15f5abcaa5 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.c_f369a98d70._js-active .c_c31393ad0c,
.c_f369a98d70._js-active .c_e1639fe91e {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -webkit-transition: grid-template-rows 0.5s ease-out;
    -o-transition: grid-template-rows 0.5s ease-out;
    transition: grid-template-rows 0.5s ease-out;
    transition: grid-template-rows 0.5s ease-out, -ms-grid-rows 0.5s ease-out;
}
.c_f369a98d70._js-active .c_15f5abcaa5 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
@media (min-width: 47.5em) {
    body,
    html {
        scrollbar-gutter: stable both-edges;
        scrollbar-gutter: stable;
    }
}
body {
    will-change: scroll-position;
}
.c_ce2a34e7a6 {
    width: 42rem;
}
.c_b3fed712c3 {
    width: 4rem;
}

.btn-user-wrapper {
    display: flex;
    align-items: center;
}

.btn-user-wrapper {
    position: relative;
}

.btn-user-dropdown {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    padding-top: 10px;
}

.btn-user-dropdown .c_ed6658276d {
    display: block;
    margin: 0;
    padding: 5px 0px;
    font-size: 13px;
    white-space: nowrap;
    color: #444752;
    font-weight: 500;
    background-color: #fff;
    border-radius: 9px;
}

.btn-user-dropdown .c_ed6658276d .modal_link {
    display: block;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
}

.btn-user-dropdown .c_ed6658276d .modal_link:hover {
    background: #e3e3e3;
}

.btn-user-wrapper:hover .btn-user-dropdown,
.btn-user-wrapper:focus .btn-user-dropdown {
    display: block;
}

.c_ce2a34e7a6 {
    width: 41rem;
}



.c_14bbfa50e7 .c_c58a7ef5a3 {
    width: 100%;
    padding: 1em;
}

.spoiler-wrapper {
    height: 69vh;
    overflow-y: auto;
}

.card-ngm-event {
    background-color: var(--cbg2);
    padding: 15px 15px 0;
}

.card-event__date-wrapper {
    display: flex;
    justify-content: space-between;
}


.event-block {
    background-color: #2b3e50;
    color: white;
    border-radius: 10px;
    padding: 15px 15px 0;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.event-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.event-date {
    background-color: #1a2a38;
    
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.event-favorite {
    cursor: pointer;
    display: flex;
}

.event-content {
    margin-bottom: 10px;
}

.event-match {
    text-align: center;
}

.table-t-icon {
    height: 74px;
    width: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(#1f2841 0 0) padding-box,
    linear-gradient(to right bottom, #0775d4, #152f50) border-box;
}

.table-t-icon img {
    max-width: 70%;
    max-height: 70%;
}

.event-match {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.event-favorite svg {
    width: 13px;
    height: 13px;
}

.vs {
    font-size: 18px;
    color: #7ba4c0;
}

.event-participants {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    margin-top: 5px;
}

.c_e5420891fe {
    display: flex;
    align-items: start;
    margin: 5px;
    font-size: 12px;
    color: #1A1A1A;
    text-align: center;
    font-weight: bold;
    justify-content: start;
}

.event-data__type {
    position: relative;
    width: 15px;
    height: 15px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    #1f2841;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    margin: 0 5px;
}

.event-data__type::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    height: 45%;
    border-radius: 100%;
    background: #00b8a3;
    box-shadow: 0px 0px 8px #00b8a3;
}

.event-details {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    opacity: 0.71;
    margin: 5px 0;
    text-align: left;
}

.event-betting {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}

.event-date__d {
    height: 100%;
    display: block;
    padding: 5px 10px;
    background: #00b8a3;
    border-radius: 20px;
}

.event-date__icon {
    padding: 4px 7px;
}

.c_49efe52fce {
    background-color: #1a2a38;
    padding: 5px 7px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(#1f2841 0 0) padding-box,
    linear-gradient(to right bottom, #0775d4, #152f50) border-box;
    border: 2px solid transparent;
}

.c_49efe52fce div:nth-child(1) {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.7);
}

.event-footer {
    text-align: center;
    font-size: 0.8em;
}

.events-wrapper {
    display: grid;
    grid-template-columns: repeat(7, 225px);
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.event-footer a {
    font-size: 14px;
    width: 80%;
    display: inline-block;
    padding: 7px 10px;
    background: #00b8a3;
    border-radius: 7px 7px 0 0;
}

.event-betting {
    margin: 30px 0;
}

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

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

.c_20226e8be9 {
    padding: 0 15px 15px;
    background: #1A1A1A;
    border-radius: 7px;
}

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

.c_64421beb1c h2 {
    font-weight: 700;
    font-size: 19px;
}

.c_64421beb1c a {
    color: #0095ff;
    font-size: 14px;
}

.c_ed7aaad2e7 {
    padding-bottom: 55%;
    background: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    cursor: pointer;
}
.c_eb83568c54 {
    background: linear-gradient(
        90deg,
        rgb(0, 183, 255) 0%,
        rgb(199, 0, 255) 50%
    );
    margin-bottom: 15px;
    height: 5px;
    border-radius: 0 0 5px 5px;
}

.c_6708a86d58 {
    position: absolute;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(5.5px) brightness(115%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.c_ed7aaad2e7:hover .c_6708a86d58 {
    opacity: 1;
    transition: opacity 0.2s linear;
}

.c_6708a86d58 .c_fab96f5121 {
    color: #fff;
    margin-bottom: 10px;
    text-decoration: underline;
    font-size: 15px;
}

.c_6708a86d58 .c_272c9ec403 {
    background: linear-gradient(to bottom right, #00b8a3, #0563eb);
    color: #fff;
    border-radius: 500px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    padding: 10px 15px;
    min-width: 80%;
    text-align: center;
    text-decoration: none;
}

.c_6708a86d58 .c_477ed333d1 {
    margin-top: 8%;
}

@media (max-width: 1800px) {
    .events-wrapper {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 1550px) {
    .events-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

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

@media (max-width: 1045px) {
    .events-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

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

@media (max-width: 540px) {
    .events-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.c_83a4ecf269,
.c_ea2f8f9ef6 {
    background-color: #970037;
    padding: 10px 40px;
    border-radius: 10px;
}

.c_b1f5a8e6c8 {
    background-color: #3b9f3b;
    padding: 10px 40px;
    border-radius: 10px;
}

.c_76c8ca18ac {
    font-size: 21px;
    font-weight: 500;
    color: #fff;
}

.c_d14312e918 {
    margin-top: 55px;
}

.c_f17c6acfc3 {
    margin-bottom: 17px;
}

.c_fbf0a41049 {
    padding-top: 15px;
    padding-bottom: 30px;
}

.c_78ea920cc5 {
    font-size: 25px;
    font-weight: 700;
}

.c_f5f599816d {
    margin-top: 40px;
}

.c_cbe4037ae7 {
    background-color: #1a2a38;
    padding: 40px 0;
}

.c_04aa887585 {
    display: flex;
    font-size: 18px;
    margin-bottom: 20px;
}

.c_afd5d7cee6 {
    background-color: #1a2a38;
    padding: 40px 0;
}

.c_afd5d7cee6 .form-group{
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: 20px;

}
.c_afd5d7cee6 .form-group input, .c_afd5d7cee6 .form-group textarea {
    width: 50%;
    height: 40px;
    padding: 10px;
}

.c_afd5d7cee6 .form-group .select__body {
    width: 50%;
    margin: 20px 0 20px 0;
    padding: 5px;
    background: #ffffff;
    color: #1A1A1A;
}
.c_afd5d7cee6 .form-control {
    margin-top: 10px;
    color: #1A1A1A;
}

.c_c9321e3fec {
    margin-bottom: 10px;
}

.c_9b74b6a8f2 input,
.c_9b74b6a8f2 select {
    margin-bottom: 10px;
    background-color: #fff;
    color: #000;

}
.c_9b74b6a8f2 select{
    width: 100%;
    margin-bottom: 10px;
}

.c_9b74b6a8f2 {
    max-width: 500px;
    margin: 0 auto;
}

.c_957057b7b9 .c_deb43b221c,
.c_9b74b6a8f2 .c_deb43b221c {
    width: 100%;
}

.c_96e5837ee4.error {
    border: 2px solid rgb(255, 0, 0);
}

#verifyForm #image-preview {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -10px 0;
    padding: 20px 0;
}

#verifyForm img {
    margin: 10px 0;
    width: 45%;
}

.c_f98e2857d7 {
    margin-top: 20px;
}

.c_f8300bb456 {
    font-size: 14px;
    font-weight: 700;
}

.c_7061444f27 {
    margin-top: 10px;
}

.c_7061444f27 li {
    font-size: 14px;
    margin-bottom: 5px;
}

.c_a70ff69b44 {
    height: 70px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #edf0f7;
    color: rgba(7, 12, 25, 0.8);
    border: 1px dashed #cbd1e0;
    border-radius: 20px;
    cursor: pointer;
}

.c_06a088cd70 input[type="file"] {
    display: none;
}

.c_cb19da451c {
    background: #e3e5eb;
    color: #4c4c4c;
    padding: 15px 10px;
    border-radius: 7px;
    text-align: center;
}

.c_0a3da71609 {
    margin-top: 40px;
}

.c_343db5b419 {
    max-width: 280px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -10px 0;
}

.c_18477308db {
    width: 45%;
    margin: 10px 0;
}

.c_18477308db img {
    width: 100%;
}

.c_18477308db a{
    margin-top: 5px;
    text-decoration: underline;
    color: #539eff;
    display: block;
}

.c_4a77bc82ff {
    margin-bottom: 50px;
}


.c_4a77bc82ff:last-child {
    margin-bottom: 0;
}

.c_4401a7f131 {
    background: #e3e5eb;
    color: #282828;
    padding: 9px 10px;
    border-radius: 7px;
}

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

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

.c_de4e6ad911 {
    font-size: 13px;
}

.c_9a7f714823 {
    background: #039b03;
    color: #fff;
    padding: 6px 20px;
    border-radius: 8px;
}

.c_65639814a5 {
    padding-left: 20px;
}

.c_9c9d397c51 {
    padding: 10px 10px 10px 20px;
    background: #dbdbdb;
    border-radius: 10px;
    margin: 8px 0;
}

.c_dbd139e342 .c_65639814a5 {
    padding: 10px 10px 10px 20px;
    background: #dbdbdb;
    border-radius: 10px;
    margin: 8px 0;
}

.c_65639814a5.waiting .c_9a7f714823 {
    background: #4d4d4d;
}

.c_65639814a5.reject .c_9a7f714823 {
    background: #b12c2c;
}

.c_4401a7f131 {
    margin-bottom: 10px;
}

.c_41f11976ce .c_14b21fa677 .c_6bb1cca438 .c_a7ac6c3163 .c_188521983b {
    color: #000;

}

.c_b77bece189 {
    color: #000;
}

.c_bf3f34d634.formated-odd {
    color: #000;
}

.c_49efe52fce div:nth-child(1){
    color: #000;
}

.c_1c2544da7f {
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    color: #00b8a3;
}

.c_e44b4069b0 {
    padding: 15px 10px 0 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

.c_e44b4069b0.notifications-error{
    background: #1A1A1A;
}


.c_e44b4069b0.notifications-info {
    background: #1A1A1A;
}

.c_25110661ae {
    margin-bottom: 15px;
}

.c_0d368184cf {
    height: 5px;
}

@keyframes closeNotification {
    from {
        width: 90%;
    }

    to {
        width: 0%;
    }
}

.c_0d368184cf > div{
    height: 100%;
    background: rgba(255,255,255,0.4);
    animation: closeNotification 5s forwards;
    margin: 0 auto;
}

#ppBalance .c_74170ac034 {
    width: 100%;
    margin-top: 20px;
}

.c_28219b6f76 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e3e5eb;
    color: #282828;
    padding: 9px 10px;
    border-radius: 7px;
    margin-bottom: 10px;
}

.c_e44b4069b0 {
    margin-bottom: 10px;
}

.c_41f11976ce .c_14b21fa677 .c_6bb1cca438 {
    margin-right: 0;
}
.c_41f11976ce .c_14b21fa677 .c_6bb1cca438 .c_a7ac6c3163 {
    margin-right:0;
}

.c_41f11976ce .c_14b21fa677 .c_6bb1cca438 .c_6ae710b931 {
    width: 100% !important;
    justify-content: space-between !important;
}

.c_41f11976ce .c_14b21fa677 .c_6bb1cca438 .c_6ae710b931 .c_e2dfd6b425{
    width: 25% !important;
    font-size: 13px !important;
    padding: 5px 9px !important;
}

.c_14bbfa50e7.c-cup {
    max-width:100% ;
}

.c_a84f286938 {
    background-color: #181818;
}