@font-face {
    font-family: 'Rubik-Regular';
    src: url(../fonts/Rubik-Regular.ttf) format('ttf');
    font-weight: 400;
}

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

@font-face {
    font-family: 'Rubik-SemiBold';
    src: url(../fonts/Rubik-SemiBold.ttf) format('ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Rubik-Bold';
    src: url(../fonts/Rubik-Bold.ttf) format('ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Rubik-ExtraBold';
    src: url(../fonts/Rubik-ExtraBold.ttf) format('ttf');
    font-weight: 800;
}

body{
    font-family: 'Rubik-Regular', sans-serif;
    margin: 0;
    padding: 0;
    color: #ffffff;
    background-color: #000000 !important;
    display: none;
}

svg {
    position: absolute;
    top: -11px;
    left: 10px;
}

a{
    text-decoration: none;
}

.block {
    position: relative;
    padding: 16px;
    padding: 12px;
    border-radius: 12px;
    transition: height 0.3s;
    overflow: scroll;
    scrollbar-width: none;
    color: #ffffff;
}

.block1 {
    /* border-radius: 12px; */
    /* background: #1c1c1e; */
    color: #ffffff;
    /* margin-bottom: 10px; */
    background: #1c1c1e;
}

.block2 {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    margin-top: 10px;
    color: #ffffff;

}

.block3 {
    /* background: #FFF5E7; */
    border-radius: 12px;
    margin-top: 10px;
    background: #1c1c1e;

}

.block4 {
    /* background: #E9F0FA; */
    border-radius: 12px;
    margin-top: 10px;
    background: #1c1c1e;
    color: #ffffff;
}

.block5 {
    /* border: 1px solid #000000; */
    border-radius: 12px;
    padding: 16px 10px;
    margin-top: 10px;
    color: #ffffff;

}

.block6 {
    /* background: #6198EB; */
    border-radius: 12px;
    margin-top: 10px;
    color: #ffffff;

}

.response {
    position: relative;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
}

.response-lock{
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    z-index: 2;
}
.response-lock a{
    text-align: center;
    background: linear-gradient(90deg, #A22BB7 0%, #6217C3 100%);
    border-radius: 40px;
    padding: 14px 30px;
    font-family: 'Rubik-Medium', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 24px;
    margin-left: 11px;
    margin-right: 11px;
}
.response-lock svg{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.title {
    /* font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    color: #92D891;
    margin-top: 5px;
    margin-bottom: 6px; */
    display: flex;
    justify-content: space-between;
    font-family: 'Rubik-SemiBold', sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;

}

/* .block .title:before {
    content: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.00098 9L12.001 15L18.001 9' stroke='lightgray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    position: absolute;
    top: 12px;
    right: 12px;
    transition: 0.3s;
} */
/* .block .title.active:before{
    transform: rotate(180deg);
} */

/*.block .title.active:before{
    transform: rotate(180deg);
}
.block1 .title::before, .block3 .title::before {
    content: '';
    display: none;
} */

/* .block3 .title {
    color: #FFA825;
} */

/* .block4 .title {
    color: #2667C9;
} */

/* .block5 .title {
    color: #000000;
    padding: 0 6px;
} */

/* .block6 .title {
    color: #FFFFFF;
} */

.response.disable {
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 6px;
}

.response.disable:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.45 4.74671C19.4551 4.48687 19.4083 4.22863 19.3124 3.98708C19.2165 3.74554 19.0733 3.52555 18.8914 3.33999C18.7094 3.15443 18.4923 3.00702 18.2527 2.90639C18.013 2.80576 17.7558 2.75393 17.4959 2.75393C17.236 2.75393 16.9787 2.80576 16.7391 2.90639C16.4995 3.00702 16.2823 3.15443 16.1004 3.33999C15.9184 3.52555 15.7753 3.74554 15.6794 3.98708C15.5834 4.22863 15.5367 4.48687 15.5418 4.74671C15.5433 5.03801 15.6107 5.32519 15.739 5.58671L12.796 8.52746L11.2465 3.49421C11.556 3.23774 11.7789 2.89204 11.8848 2.50424C11.9907 2.11644 11.9743 1.70543 11.838 1.32726C11.7017 0.94909 11.452 0.622171 11.1231 0.391089C10.7942 0.160007 10.402 0.0360107 10 0.0360107C9.59802 0.0360107 9.20581 0.160007 8.87689 0.391089C8.54796 0.622171 8.29832 0.94909 8.16201 1.32726C8.02569 1.70543 8.00935 2.11644 8.11521 2.50424C8.22106 2.89204 8.44396 3.23774 8.7535 3.49421L7.204 8.52746L4.258 5.58671C4.38631 5.32519 4.45375 5.03801 4.45525 4.74671C4.45659 4.37154 4.34993 4.00392 4.14799 3.68773C3.94606 3.37154 3.65738 3.12015 3.31645 2.96357C2.97551 2.807 2.59671 2.75186 2.22528 2.80474C1.85386 2.85762 1.5055 3.01628 1.2218 3.26178C0.938106 3.50729 0.731062 3.82925 0.625392 4.18923C0.519723 4.54922 0.519892 4.93201 0.625882 5.29189C0.731871 5.65178 0.939201 5.97356 1.22311 6.21881C1.50703 6.46406 1.85553 6.62241 2.227 6.67496L3.814 14.3535C3.84856 14.5227 3.94049 14.6749 4.07428 14.7842C4.20806 14.8935 4.37548 14.9533 4.54825 14.9535H15.4518C15.6245 14.9533 15.7919 14.8935 15.9257 14.7842C16.0595 14.6749 16.1514 14.5227 16.186 14.3535L17.773 6.67496C18.2378 6.60924 18.6633 6.37805 18.9714 6.02383C19.2794 5.66961 19.4494 5.21615 19.45 4.74671ZM10 1.54796C10.0901 1.54782 10.1782 1.57447 10.2532 1.62452C10.3281 1.67457 10.3865 1.74577 10.4209 1.82907C10.4552 1.91237 10.4641 2.004 10.4463 2.09234C10.4284 2.18067 10.3848 2.26172 10.3208 2.32517C10.2568 2.38863 10.1754 2.43163 10.0869 2.44872C9.99843 2.4658 9.90686 2.4562 9.82385 2.42113C9.74084 2.38606 9.67013 2.32711 9.6207 2.25176C9.57127 2.17641 9.54536 2.08807 9.54625 1.99796C9.54724 1.87827 9.59548 1.76382 9.68047 1.67953C9.76546 1.59525 9.88031 1.54796 10 1.54796ZM2.5 4.29221C2.60605 4.28813 2.71013 4.32167 2.79385 4.38689C2.87758 4.45212 2.93555 4.54483 2.95754 4.64866C2.97952 4.75249 2.9641 4.86074 2.91401 4.9543C2.86391 5.04786 2.78235 5.12071 2.68375 5.15996H2.68C2.6725 5.15996 2.66725 5.16671 2.6605 5.16821C2.59932 5.1889 2.53441 5.19617 2.47016 5.18954C2.40592 5.1829 2.34386 5.16252 2.2882 5.12977C2.23254 5.09702 2.18457 5.05268 2.14757 4.99974C2.11057 4.94681 2.08539 4.88654 2.07375 4.82301C2.06211 4.75949 2.06429 4.6942 2.08012 4.63159C2.09595 4.56898 2.12508 4.51051 2.16551 4.46015C2.20595 4.4098 2.25675 4.36874 2.31447 4.33976C2.37218 4.31078 2.43546 4.29456 2.5 4.29221ZM14.8405 13.452H5.1595L3.898 7.34996L7.0255 10.4722C7.11701 10.5635 7.23055 10.6296 7.35511 10.664C7.47967 10.6985 7.61102 10.7002 7.73643 10.669C7.86184 10.6377 7.97705 10.5746 8.07089 10.4857C8.16473 10.3969 8.234 10.2852 8.272 10.1617L10 4.54346L11.725 10.158C11.763 10.2815 11.8323 10.3931 11.9261 10.482C12.0199 10.5709 12.1352 10.634 12.2606 10.6652C12.386 10.6965 12.5173 10.6948 12.6419 10.6603C12.7665 10.6258 12.88 10.5597 12.9715 10.4685L16.099 7.34621L14.8405 13.452ZM17.4985 5.20196C17.444 5.20093 17.3901 5.19001 17.3395 5.16971C17.3328 5.16971 17.3275 5.16296 17.32 5.16146H17.3148C17.2136 5.11537 17.1331 5.03347 17.0887 4.93155C17.0444 4.82963 17.0393 4.71489 17.0745 4.60946C17.1097 4.50402 17.1827 4.41535 17.2794 4.36052C17.3761 4.30569 17.4897 4.28859 17.5982 4.31252C17.7068 4.33645 17.8026 4.3997 17.8673 4.4901C17.932 4.5805 17.9609 4.69164 17.9485 4.8021C17.9362 4.91257 17.8833 5.01454 17.8002 5.08837C17.7171 5.1622 17.6097 5.20267 17.4985 5.20196ZM15.9175 17.202C15.9175 17.4009 15.8385 17.5916 15.6978 17.7323C15.5572 17.8729 15.3664 17.952 15.1675 17.952H4.8325C4.63359 17.952 4.44282 17.8729 4.30217 17.7323C4.16152 17.5916 4.0825 17.4009 4.0825 17.202C4.0825 17.0031 4.16152 16.8123 4.30217 16.6716C4.44282 16.531 4.63359 16.452 4.8325 16.452H15.1675C15.3664 16.452 15.5572 16.531 15.6978 16.6716C15.8385 16.8123 15.9175 17.0031 15.9175 17.202Z' fill='%23232B46'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 10px);
}

.response.disable::before {
    content: "Доступно по премиум подписке";
    position: absolute;
    z-index: 999;
    text-shadow: none;
    /* font-family: 'Roboto'; */
    font-style: normal;
    font-family: 'Rubik-Bold', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #232B46;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}

.arr {
    width: calc(100% - 32px);
    height: 20px;
    position: absolute;
    text-align: right;
    padding: 5px 0;
}

.block.active .arr::before{
    transform: rotate(180deg);
}

.arr:before {
    content: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.00098 9L12.001 15L18.001 9' stroke='lightgray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    position: absolute;
    top: 0;
    right: 12px;
    transition: 0.3s;
}


/* pagination */

.pagination{
    position: relative;
}

.pagi_section{
    position: sticky;
    bottom: 0;
    max-width: 100%;
    padding: 12px 16px 24px;
    background: #1c1c1e;
    border-top: 1px solid #313035;
    border-radius: 16px 16px 0px 0px;
    z-index: 100;
}
.pagi_section .end {
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #C4C4C4;
    text-align: center;
    margin-top: 25px;
}

.pagi_section .select_page {
    font-family: 'Rubik-Medium', sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 12px;
}

.pagi_section .pagination:before {
    content: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' version='1.1'><path d='M15 6L9 12L15 18' stroke='lightgray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    margin-right: 8px;
    position: absolute;
    top: 0;
    left: 0;
}

.pagi_section .pagination:after {
    content: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' version='1.1'><path d='M9 18L15 12L9 6' stroke='lightgray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    margin-left: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.pagination {
    text-align: center;
    /* margin-top: 36px; */
    margin-bottom: 10px;
}

.pagi_section a {
    color: #ffffff;
    font-family: 'Rubik-Medium', sans-serif;
    font-size: 14px;
    line-height: 20px;
    width: 50px;
    white-space: nowrap;
    /* background: #313035; */
    border-radius: 8px;
    padding: 6px 12px;
    text-align: center;
}

.pagi_section a.current_page {
    background-color: #9549f5;
}



.main-container {
    padding: 10px 10px 36px 10px;
    background: #fff;
}

.main-container > .container {
    margin-top: 23px;
}

.main-container > .ads-container {
    margin-top: 0;
}

.mt-bottom-banner {
    align-content: center;
    text-align: center;
}

h1 {
    /* font-family: 'Gilroy'; */
    font-style: normal;
    font-family: 'Rubik-ExtraBold', sans-serif;
    font-size: 14px;
    line-height: 16px;
    /* color: #000000; */
}

a {
    border: none;
    user-select: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

::selection {
    background: none;
}

::-moz-selection {
    background: none;
}

::-webkit-selection {
    background: none;
}

.response.disable {
    min-height: 75px;
}
.response-blur{
    pointer-events: none;
    filter: blur(7px);
    padding: 10px;
}
.soderjanie {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
}

.soderjanie a {
    display: block;
    border: 2px solid #9549f5;
    margin-top: 10px;
    border-radius: 40px;
    text-align: center;
    padding: 14px 30px;
    color: #9549F5;
    width: 100%;
}

.block img {
    border-radius: 10px;
    max-width: 100%;
    object-fit: contain;
    height: auto !important;
}

.image {
    padding: 0;
}


.buttons-years {
    display: flex;
    /* padding: 16px 0; */
}

.buttons-years a {
    font-family: 'Rubik-Medium', sans-serif;
    font-size: 14px;
    line-height: 20px;
    background: #1c1c1e;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-right: 4px;
}

/* .buttons-years a:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 20px;
    height: 100%;
    background-color: #bdbdbd;
    animation: shiny-btn1 5s ease-in-out infinite;
} */

/* .buttons-years a.active:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 20px;
    height: 100%;
    background-color: #EB1C4E;
    animation: shiny-btn1 5s ease-in-out infinite;
} */

.buttons-years a.active {
    background: #5b10bb;
}

@-webkit-keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

.buttons-years a:last-child {
    margin-right: 0;
}

/* .years-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 12px;
} */

.years-title {
    font-family: "Gilroy";
    font-style: normal;
    font-family: 'Rubik-SemiBold', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    margin-bottom: 8px;
}

.years-image {
    width: 68px;
}

.container-wrapper {
    /* margin-top: 16px; */
    color: #ffffff;
    padding: 16px 12px;
    border-radius: 10px;
}

.main-container {
    background-color: #000000;
}