@charset "UTF-8";

@font-face {

    font-family: Roboto;

    src: url(../fonts/Roboto-Regular.ttf) format("truetype");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Roboto;

    src: url(../fonts/Roboto-Medium.ttf) format("truetype");

    font-weight: 500;

    font-style: normal

}



@font-face {

    font-family: Roboto;

    src: url(../fonts/Roboto-Bold.ttf) format("truetype");

    font-weight: 700;

    font-style: normal

}



@font-face {

    font-family: OpenSans;

    src: url(../fonts/OpenSans-Regular.ttf) format("truetype");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: OpenSans;

    src: url(../fonts/OpenSans-SemiBold.ttf) format("truetype");

    font-weight: 600;

    font-style: normal

}



@font-face {

    font-family: OpenSans;

    src: url(../fonts/OpenSans-Bold.ttf) format("truetype");

    font-weight: 700;

    font-style: normal

}



@font-face {

    font-family: RosaMarena;

    src: url(../fonts/rosamarena.ttf) format("truetype");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Yellowtail;

    src: url(../fonts/Yellowtail-Regular.ttf) format("truetype");

    font-weight: 400;

    font-style: normal

}









html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block

}



audio,

canvas,

object,

progress,

video {

    display: inline-block

}



audio:not([controls]) {

    display: none;

    height: 0

}



progress {

    vertical-align: baseline

}



[hidden],

template {

    display: none

}



a {

    background-color: transparent

}



a:active,

a:hover {

    outline-width: 0

}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted

}



b,

strong {

    font-weight: bolder

}



dfn {

    font-style: italic

}



h1 {

    font-size: 2em

}



article {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -moz-box-sizing: border-box

}



mark {

    background-color: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



img {

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em

}



hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



button,

input,

select,

textarea {

    font: inherit

}



optgroup {

    font-weight: 700

}



button,

input,

select {

    overflow: visible

}



button,

input,

select,

textarea {

    margin: 0

}



button,

select {

    text-transform: none

}



[type=button],

[type=reset],

[type=submit],

button {

    cursor: pointer

}



[disabled] {

    cursor: default

}



[type=reset],

[type=submit],

button,

html [type=button] {

    -webkit-appearance: button

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}



button:-moz-focusring,

input:-moz-focusring {

    outline: 0

}



fieldset {

    min-width: 0

}



legend {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



textarea {

    overflow: auto

}



[type=checkbox],

[type=radio] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield

}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



a {

    color: inherit;

    text-decoration: inherit

}



img,

object,

svg,

ymaps {

    max-width: 100%;

    max-height: 100%

}



textarea {

    resize: none

}



table {

    border-spacing: 0

}



a,

button,

input[type=submit],

label {

    cursor: pointer

}



button {

    text-align: left

}



* {

    margin: 0;

    padding: 0;

    position: static;

    outline: 0;

    border: none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



menu,

ol,

ul {

    list-style-type: none

}



.intro__img {

    width: 100%;

    margin-bottom: 20px;

    min-height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.intro__wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.intro__title {

    font-weight: 900;

    white-space: pre-line;

    text-shadow: 1px 1px 3px #000;

    line-height: 1.12;

    font-size: 29px

}



.intro__desc {

    font-weight: 500;

    letter-spacing: -.31px;

    line-height: 1.31;

    opacity: .8;

    font-size: 13px;

    margin-top: 10px;

    text-shadow: 1px 1px 3px #000;

    z-index: 10

}



.intro__inn {

    background: url(../img/intro.webp) no-repeat center center;

    min-height: 380px;

    background-size: cover;

    border-radius: 12px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 0 50px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 60%;

    margin-right: 15px

}



.intro__btn {

    background: -o-linear-gradient(343deg, #ffca4d 0, #ff9400 100%);

    background: linear-gradient(107deg, #ffca4d 0, #ff9400 100%);

    font-size: 13px;

    padding: 12px 20px;

    margin-top: 29px;

    -webkit-transition: background-color .2s ease, -webkit-transform .2s ease;

    transition: background-color .2s ease, -webkit-transform .2s ease;

    -o-transition: transform .2s ease, background-color .2s ease;

    transition: transform .2s ease, background-color .2s ease;

    transition: transform .2s ease, background-color .2s ease, -webkit-transform .2s ease;

    border-radius: 10px;

    font-weight: 700;

    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px 20px 0;

    box-shadow: rgba(0, 0, 0, .2) 0 4px 20px 0;

    -webkit-transform: scale(1) translateZ(0) perspective(1px);

    transform: scale(1) translateZ(0) perspective(1px);

    position: relative;

    text-transform: uppercase;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.intro__btn:after {

    content: "";

    position: absolute;

    z-index: -1;

    bottom: -5%;

    left: -5%;

    height: 110%;

    width: 110%;

    opacity: .3;

    border-radius: 50px;

    background: inherit;

    -webkit-filter: blur(8px);

    filter: blur(8px);

    -webkit-transition: opacity .2s ease;

    -o-transition: opacity .2s ease;

    transition: opacity .2s ease

}



.intro__btn:hover {

    -webkit-transform: scale(1.04) translateZ(0) perspective(1px);

    transform: scale(1.04) translateZ(0) perspective(1px)

}



.intro__btn:hover:after {

    opacity: .7

}



.categories__wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 20px -7px

}



.categories__text {

    z-index: 1

}



.categories__icon {

    z-index: 1;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 52px;

    height: 52px

}



.categories__name {

    font-size: 24px;

    letter-spacing: .34px;

    font-weight: 600;

    line-height: 1

}



.categories__sub {

    font-size: 13px;

    letter-spacing: -.21px;

    margin-top: 3px;

    max-width: 170px

}



.categories__button {

    min-height: 75px;

    border-radius: 12px;

    padding: 10px 25px;

    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;

    position: relative;

    cursor: pointer;

    width: 100%;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin: 0 7px

}



.categories__button:hover:after {

    opacity: 1

}



.categories__button:after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    background-image: -o-linear-gradient(340deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    background-image: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    opacity: .7;

    z-index: 0;

    -webkit-transition: opacity .15s ease-in-out;

    -o-transition: opacity .15s ease-in-out;

    transition: opacity .15s ease-in-out

}



.zerkalo {

    margin-top: 20px

}



.zerkalo__box {

    margin: 40px 0 40px;

    background: -o-linear-gradient(340deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    background: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    border-radius: 12px;

    padding: 40px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.zerkalo__btn {

    height: 45px;

    border-radius: 8px;

    background-image: -o-linear-gradient(195deg, #00b7ff, #8d53e9);

    background-image: linear-gradient(255deg, #00b7ff, #8d53e9);

    padding: 0 25px;

    cursor: pointer;

    font-weight: 700;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 15px;

    position: relative;

    overflow: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin-top: 10px

}



.zerkalo__title {

    text-align: center

}



.reviews__item {

    border: 1px solid #fe284a;

    padding: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-bottom: 30px;

    background-color: rgba(22, 22, 38, .8);

    border-radius: 6px

}



.reviews__title {

    margin-bottom: 10px

}



.reviews-item__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-weight: 700;

    margin-bottom: 20px;

    color: #fe284a;

    font-size: 16px

}



.reviews-item__top:last-child {

    margin-bottom: 0

}



.reviews-item__name {

    margin-right: 20px

}



.reviews-item__review {

    margin-left: 40px

}



.text-block {

    margin-bottom: 30px

}



.text-block p {

    margin-bottom: 10px;

    font-size: 16px

}



.text-block__title {

    text-align: left;

    margin-bottom: 10px

}



.text-block img {

    margin: 20px auto;

    display: block;

    width: 100%

}



.navigation {

    padding-left: 25px;

    list-style-type: disc;

    font-size: 16px;

    margin-bottom: 15px

}



.navigation li {

    width: 50%

}



.navigation__link {

    color: #46afff;

    text-decoration: none

}



.navigation__link:hover {

    text-decoration: underline

}



.text-block__list {

    list-style-type: disc;

    font-size: 16px;

    margin-bottom: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.text-block__list li {

    display: block;

    width: 80%;

    float: left;

    line-height: 22px;

    padding: 6px 6px 6px 20px;

    position: relative

}



.text-block__list li:hover::before {

    color: #337ab7;

    content: "✔"

}



.text-block__list li:before {

    padding-right: 10px;

    font-weight: 700;

    color: #fe284a;

    content: "✔";

    -webkit-transition-duration: .5s;

    -o-transition-duration: .5s;

    transition-duration: .5s;

    position: absolute;

    left: 0

}



.table {

    width: 100%;

    background: -o-linear-gradient(340deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    background: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    border-radius: 12px;

}



table td,

th {

    text-align: left;

    border: 1px solid #525e83;

}



.scroll {

    margin: 30px 0;

    overflow: scroll;

}



.table td,

.table th {

    padding: 20px 30px;

    text-align: left;

    width: 20%

}



.faq {

    margin-bottom: 30px

}



.faq__title {

    margin-bottom: 10px

}



.faq__item {

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

    display: block;

    -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .5);

    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .5);

    background-color: #212132;

    padding: 14px 12px 0;

    border: 1px solid #fff;

    color: #fff;

    border-radius: 6px;

    margin-bottom: 30px

}



.faq__item:last-child {

    margin-bottom: 0

}



.faq__item summary {

    position: relative;

    width: 100%;

    display: inline-block;

    text-align: left;

    cursor: pointer;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    font-weight: 700;

    border-bottom: 1px solid transparent;

    padding-bottom: 14px;

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s

}



.faq__answer {

    margin: 0;

    padding: 20px 8px 20px 28px;

    text-align: left

}



details[open] summary {

    border-color: #e4e5eb

}



.footer {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%

}



.footer-top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 48px

}



.footer-top__line {

    margin: 0!important;

    margin-left: 10px

}



.footer-top__logo {

    max-width: 48px;

    width: 100%

}



.footer-bottom {

    border-top: 1px dashed #303036;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-top: 30px;

    padding-bottom: 30px

}



.footer-bottom__mob {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.footer-bottom__block {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 35px

}



.footer-bottom__block:last-child {

    margin-right: 0

}



.footer-bottom__icon {

    height: 40px;

    width: 40px

}



.footer-bottom__text {

    margin-left: 20px;

    color: #646a87;

    font-size: 12px

}



.footer-second {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.footer-second__left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.footer-second__title {

    font-weight: 600;

    font-size: 10px;

    line-height: 14px;

    letter-spacing: .4px;

    text-transform: uppercase;

    color: #5a647a;

    margin-bottom: 40px

}



.footer-second__line {

    display: table-row

}



.footer-second__gray {

    font-size: 13px;

    line-height: 16px;

    padding-right: 20px;

    color: rgba(134, 146, 172, .6509803922);

    display: table-cell;

    padding-bottom: 10px

}



.footer-second__white {

    padding-bottom: 10px;

    display: table-cell;

    font-size: 13px;

    line-height: 16px

}



.footer-second__full {

    width: 100%;

    max-width: 830px;

    padding-left: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin: 0 -35px

}



.footer-second__block {

    -webkit-box-flex: .2;

    -ms-flex-positive: .2;

    flex-grow: .2;

    margin: 10px 35px 10px 35px

}



.footer-second__blocks {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.footer-second__mrg:first-child {

    margin-right: 20px

}



.footer-three {

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    padding-bottom: 23px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.footer-three__line {

    width: 100%;

    margin: 0 124px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.footer-three__line_mob {

    display: none;

    margin: 23px 0

}



.footer-three__logo {

    height: 25px

}



.footer-four {

    border-top: 1px solid rgba(255, 255, 255, .2);

    padding: 23px 0

}



.footer-everyday {

    max-width: 150px;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.footer-everyday__title {

    font-weight: 600;

    font-size: 12px;

    line-height: 14px

}



.footer-everyday__desc {

    font-size: 10px;

    line-height: 14px;

    letter-spacing: .2px;

    font-weight: 400;

    color: rgba(134, 146, 172, .6509803922);

    margin-top: 8px

}



.line {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-left: 20px;

    margin-right: 18px;

    height: 1px;

    margin: 40px 0 23px;

    background: -webkit-gradient(linear, left top, right top, color-stop(9.92%, rgba(255, 255, 255, .2)), to(rgba(0, 0, 0, 0)));

    background: -o-linear-gradient(left, rgba(255, 255, 255, .2) 9.92%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(90deg, rgba(255, 255, 255, .2) 9.92%, rgba(0, 0, 0, 0) 100%)

}



.soc {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.soc__item {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 35px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 35px;

    margin-right: 10px

}



.soc__item:last-child {

    margin-right: 0

}



.soc__icon {

    height: 20px;

    width: 20px

}



.soc .inst {

    background: -o-linear-gradient(235.01deg, #7e2bf4 7.65%, #ed146e 51.93%, #ffc90c 95.29%);

    background: linear-gradient(214.99deg, #7e2bf4 7.65%, #ed146e 51.93%, #ffc90c 95.29%);

    -webkit-box-shadow: 0 5px 16px rgba(186, 77, 101, .3019607843);

    box-shadow: 0 5px 16px rgba(186, 77, 101, .3019607843)

}



.soc .tg {

    background: -o-linear-gradient(209.8deg, #0fb1d6 0, #08c 61.34%);

    background: linear-gradient(240.2deg, #0fb1d6 0, #08c 61.34%);

    -webkit-box-shadow: 0 5px 16px rgba(76, 162, 246, .3019607843);

    box-shadow: 0 5px 16px rgba(76, 162, 246, .3019607843)

}



.soc .vk {

    background-color: #3a6aa3

}



.soc .youtube {

    background-color: red

}



.lang {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 62px;

    height: 35px;

    border-radius: 10px;

    background: -o-linear-gradient(342.85deg, #1e283f 0, rgba(20, 27, 46, .6) 100%);

    background: linear-gradient(107.15deg, #1e283f 0, rgba(20, 27, 46, .6) 100%)

}



.lang__inn {

    height: 100%

}



.lang__wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    position: relative;

    cursor: pointer;

    font-size: 16px;

    font-weight: 700;

    height: 100%;

    text-transform: uppercase;

    color: #fff

}



.lang__button {

    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;

    -webkit-box-sizing: initial;

    box-sizing: initial;

    width: 100%;

    padding: 5px;

    cursor: pointer;

    height: 100%

}



.lang__button span {

    padding-right: 10px;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    color: #fff

}



.lang__list {

    z-index: 90;

    overflow-y: auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 5px;

    padding: 6px 4px;

    background-color: #4a5372;

    color: #fff;

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

    position: absolute;

    bottom: -14.5px;

    left: -194px;

    max-height: -webkit-fit-content;

    max-height: -moz-fit-content;

    max-height: fit-content;

    width: auto

}



.lang__drop {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: visibility .5s, opacity .25s ease;

    -o-transition: visibility .5s, opacity .25s ease;

    transition: visibility .5s, opacity .25s ease;

    z-index: 7;

    overflow-y: auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 5px;

    padding: 6px 4px;

    background-color: #4a5372;

    color: #fff;

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

    position: absolute;

    bottom: 40px;

    right: 0;

    max-height: -webkit-fit-content;

    max-height: -moz-fit-content;

    max-height: fit-content;

    width: auto

}



.lang__drop li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 5px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    border: 1px solid transparent;

    border-radius: 3px;

    background: inherit;

    -webkit-column-break-inside: avoid;

    -moz-column-break-inside: avoid;

    break-inside: avoid;

    padding: 10px 5px

}



.lang__arr {

    width: 12px

}



.lang__select {

    display: none

}



.lang__flag {

    width: 15px;

    border-radius: 50%

}



.lang__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.lang__item span {

    margin-right: 10px

}



.show {

    opacity: 1;

    visibility: visible

}



.footer-method__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    opacity: 0;

    max-height: 0;

    margin: 0 -10px;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: center top;

    -ms-transform-origin: center top;

    transform-origin: center top;

    -webkit-transition: opacity .5s ease 0s, max-height .5s ease 0s, -webkit-transform .5s ease 0s;

    transition: opacity .5s ease 0s, max-height .5s ease 0s, -webkit-transform .5s ease 0s;

    -o-transition: opacity .5s ease 0s, max-height .5s ease 0s, transform .5s ease 0s;

    transition: opacity .5s ease 0s, max-height .5s ease 0s, transform .5s ease 0s;

    transition: opacity .5s ease 0s, max-height .5s ease 0s, transform .5s ease 0s, -webkit-transform .5s ease 0s

}



.footer-method__list.opened {

    opacity: 1;

    max-height: 100%;

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1)

}



.footer-method li {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: rgba(255, 255, 255, .03);

    border-radius: 5px;

    width: 100px;

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 10px;

    margin: 0 10px 10px 10px

}



.footer-method img {

    height: 100%;

    max-height: 40px;

    width: 60px;

    -o-object-fit: contain;

    object-fit: contain

}



.footer-method__container .footer-method__selector {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.footer-method__container .footer-method__arrow {

    margin: 0 8px;

    width: 12px;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    -o-transition: transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s

}



.footer-method__container .footer-method__selector.opened .footer-method__arrow {

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.footer-method__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 30px

}



.PaymentSection_container_C_cBn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.PaymentSection_icon-logo_LlyCK [class$=color] {

    opacity: 0;

    -webkit-transition: opacity .2s ease;

    -o-transition: opacity .2s ease;

    transition: opacity .2s ease

}



.PaymentSection_icon-logo_LlyCK [class$=mono] {

    opacity: 1;

    -webkit-transition: opacity .2s ease;

    -o-transition: opacity .2s ease;

    transition: opacity .2s ease

}



.PaymentSection_icon-logo_LlyCK:hover [class$=color] {

    opacity: 1

}



.PaymentSection_icon-logo_LlyCK:hover [class$=mono] {

    opacity: 0

}



.icon-logo {

    display: inherit;

    -webkit-box-flex: 0;

    -ms-flex: none;

    flex: none;

    height: 1em;

    overflow: visible;

    font-size: 19px;

    cursor: pointer;

    margin: 0 16px 16px

}



.body {

    background: #090f1e;

    color: #fff;

    line-height: 1.5;

    font-family: Roboto

}



.body_hidden {

    overflow: hidden

}



.banners {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 40%

}



.banners__title {

    font-weight: 800;

    font-size: 35px;

    letter-spacing: .33px;

    text-shadow: 0 3px 5px rgba(9, 15, 30, .2);

    width: 100%;

    max-width: 493px;

    font-size: 30px;

    line-height: 106%

}



.banners__block {

    position: relative;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 35px;

    border-radius: 20px;

    min-height: 380px;

    overflow: hidden;

    background-color: #2a3440;

    width: 50%

}



.banners__block_1 {

    background: url(../img/banner-1.png) no-repeat center center;

    background-size: cover;

    margin-right: 15px

}



.banners__block_2 {

    background: url(../img/banner-2.webp) no-repeat center center;

    background-size: cover

}



.banners__btn {

    background-color: #fff;

    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, .2);

    box-shadow: 0 10px 35px rgba(0, 0, 0, .2);

    border-radius: 10px;

    font-weight: 600;

    font-size: 18px;

    line-height: 1.1;

    margin-top: auto;

    color: #000;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    mix-blend-mode: lighten;

    min-height: 45px;

    padding: 5px 20px;

    text-align: center;

    margin-top: 30px

}



.wrapper {

    position: relative;

    background-size: 100%

}



.burger {

    margin-left: 10px

}



.burger__bar {

    width: 20px;

    height: 2px;

    background-color: #fff;

    margin: 5px 0;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

    border-radius: 10px

}



.burger__change .burger__bar_one {

    -webkit-transform: rotate(-45deg) translate(-3.5px, 3.5px);

    -ms-transform: rotate(-45deg) translate(-3.5px, 3.5px);

    transform: rotate(-45deg) translate(-3.5px, 3.5px)

}



.burger__change .burger__bar_two {

    opacity: 0

}



.burger__change .burger__bar_three {

    -webkit-transform: rotate(45deg) translate(-6px, -7px);

    -ms-transform: rotate(45deg) translate(-6px, -7px);

    transform: rotate(45deg) translate(-6px, -7px);

    margin-bottom: 0

}



.btn {

    background-image: -o-linear-gradient(347deg, #108de7 -30%, #0855c4 100%);

    background-image: linear-gradient(103deg, #108de7 -30%, #0855c4 100%);

    color: #fff;

    font-weight: 600;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0 15px;

    text-align: center;

    border-width: 0;

    min-height: 30px;

    cursor: pointer;

    -webkit-transition: all .1s;

    -o-transition: all .1s;

    transition: all .1s;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #fff;

    border-color: transparent;

    border-radius: 8px;

    border-style: solid;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    min-height: 30px;

    font-size: 12px;

    max-width: 200px;

    width: 100%

}



ul {

    list-style: none;

    padding: 0

}



.icon {

    width: 25px;

    height: 25px;

    background-color: #fff;

    -webkit-mask-size: contain;

    mask-size: contain;

    -webkit-mask-position: center;

    mask-position: center;

    display: block;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.icon--android {

    -webkit-mask-image: url(../img/android.svg);

    mask-image: url(../img/android.svg);

    width: 27px;

    height: 23px;

    background: #61da84

}



.icon--apple {

    -webkit-mask-image: url(../img/apple.svg);

    mask-image: url(../img/apple.svg);

    width: 19px;

    height: 23px

}



.icon--mac {

    -webkit-mask-image: url(../img/mac.svg);

    mask-image: url(../img/mac.svg);

    width: 25px;

    height: 25px

}



.icon--ask {

    -webkit-mask-image: url(../img/ask.svg);

    mask-image: url(../img/ask.svg);

    width: 10px;

    height: 10px;

    background: rgba(255, 255, 255, .15)

}



.title {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    margin: 10px 0

}



.program {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.program__left {

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.program__logo {

    margin-right: 20px

}



.program__left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.program__label {

    font-size: 8px;

    line-height: 10px;

    color: rgba(255, 255, 255, .5019607843)

}



.program__name {

    font-weight: 600;

    font-size: 10px;

    line-height: 12px;

    margin-top: 1px

}



.program__block {

    width: 175px;

    height: 42px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 1px solid rgba(255, 255, 255, .15);

    border-radius: 12px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 15px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-transition: border .25s ease-out;

    -o-transition: border .25s ease-out;

    transition: border .25s ease-out;

    cursor: pointer;

    margin-bottom: 10px

}



.container {

    max-width: 100%;

    margin: 0 auto;

    padding: 0 40px

}



.section-items {

    border-radius: 12px;

    background-image: -o-linear-gradient(340deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    background-image: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);

    position: relative;

    min-height: 100%;

    margin: 20px 0;

    padding: 0 15px 15px 15px

}



.section-items__top {

    padding: 20px 0 15px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    z-index: 10

}



.section-items__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0 -10px

}



.section-items__image {

    height: 192px;

    width: 130px

}



.section-items__name {

    color: #94a6cd;

    font-size: 13px;

    min-height: 37.96px;

    line-height: 1.46;

    letter-spacing: -.17px;

    margin-top: 10px;

    overflow: hidden;

    text-align: center;

    -webkit-transition: color .15s ease;

    -o-transition: color .15s ease;

    transition: color .15s ease

}



.section-items__title {

    font-weight: 700;

    font-size: 17px;

    letter-spacing: -.41px

}



.section-items__title span {

    display: inline-block;

    margin-left: 4px;

    opacity: .5;

    font-size: 12px;

    letter-spacing: -.29px;

    font-weight: 400

}



.section-items__block {

    max-width: 130px;

    width: 100%;

    margin-right: 10px;

    margin-left: 10px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.section-items__block:last-child {

    margin-right: 0

}



.game {

    margin: 10px

}



.game__img {

    width: 200px;

    height: 140px;

    border-radius: 16px;

    overflow: hidden

}



.game__categories {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 5px 0

}



.game__cat {

    width: 16px;

    height: 16px;

    margin-right: 6px

}



.game__image {

    width: 100%;

    height: 100%

}



.game__category {

    color: #667697;

    font-size: 11px;

    font-weight: 500;

    line-height: 16px;

    text-wrap: nowrap

}



.game__name {

    font-size: 14px;

    font-weight: 700;

    color: #fff

}



.nav__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

    margin: 0

}



.nav li {

    margin-right: .25rem;

    padding: 0 9px

}



.nav li:last-child {

    margin-right: 0

}



.nav .current_page_item a {

    position: relative

}



.nav .current_page_item a:after {

    content: "";

    background-image: -o-linear-gradient(347deg, #108de7 -30%, #0855c4 100%);

    background-image: linear-gradient(103deg, #108de7 -30%, #0855c4 100%);

    border-radius: 4px 4px 0 0;

    height: 4px;

    width: 100%;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0

}



.nav a {

    color: #fff;

    font-weight: 400;

    font-style: normal;

    padding: 10px 0;

    display: block

}



.nav a:hover {

    font-weight: 500

}



.header-menu {

    -webkit-transform: translate(150%, 0);

    -ms-transform: translate(150%, 0);

    transform: translate(150%, 0);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: fixed;

    width: 276px;

    height: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    top: 0;

    right: 0;

    background: #19102b;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    z-index: 110;

    overflow: auto;

    padding: 35px 30px

}



.overlay {

    opacity: .5;

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 9;

    top: 0;

    left: 0;

    background: rgba(45, 52, 54, .95)

}



.overlay_z {

    z-index: 101

}



.header__logo {

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.header__right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}



.header__wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-image: -o-linear-gradient(358deg, #1e283f, rgba(20, 27, 46, .6));

    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));

    background-color: #090f1e;

    -webkit-transition: border-radius .2s;

    -o-transition: border-radius .2s;

    transition: border-radius .2s;

    padding: 0 10px;

    border-radius: 10px;

    margin: 20px 0

}



.header-ask {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header-ask__text {

    display: none

}



.header-ask:hover .icon {

    background: #62c23c

}



.header-auth {

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header-auth__in {

    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(transparent));

    background-image: -o-linear-gradient(bottom, transparent 0, transparent 100%);

    background-image: linear-gradient(0deg, transparent 0, transparent 100%);

    background-color: #1f2841;

    margin-right: 10px

}



.header-auth__in:hover {

    background-color: #202735

}



.header-auth__register {

    background-image: -o-linear-gradient(20deg, #31bc69 -8%, #089e4e 96%);

    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%)

}



.header-auth__register:hover {

    opacity: .9

}



.header .icon {

    background: #62c23c

}



.header-menu_active {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}



.header__left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.logo {

    height: 40px;

    display: block

}



.logo__img {

    max-width: 195px;

    width: 100%

}



@media (min-width:991px) {

    .navigation {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



@media (max-width:1180px) {

    .intro__wrap {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .intro__inn {

        width: 100%;

        margin-right: 0

    }

    .banners {

        width: 100%;

        margin-top: 20px

    }

    .container {

        padding: 0 20px

    }

}



@media (max-width:991px) {

    .text-block__list li {

        width: 100%

    }

    .table td,

    .table th {

        padding: 10px 20px;

        font-size: 14px

    }

    .footer-second {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .footer-second__full {

        padding-left: 0;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

    .footer-three__line {

        display: none

    }

    .footer-three__line_mob {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex

    }

    .wrapper {

        padding-bottom: 74px

    }

    .burger {

        display: block;

        z-index: 111;

        position: relative

    }

    .btn {

        font-size: 16px;

        padding: 10px 15px

    }

    .nav {

        width: 100%;

        margin-top: 30px

    }

    .header-nav {

        display: none

    }

    .header-auth {

        position: fixed;

        bottom: 0;

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        z-index: 8;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        background: #161626;

        padding: 15px 20px;

        margin-right: 0;

        left: 0

    }

}



@media (max-width:767px) {

    .intro__img {

        margin-top: 50px;

        min-height: 200px

    }

    .categories__wrap {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

    .categories__button {

        width: calc(50% - 14px);

        margin: 5px 7px

    }

    .footer-bottom {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse

    }

    .footer-second__left {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .footer-second__full {

        margin-bottom: 10px

    }

    .footer-three__logo {

        height: 15px

    }

    .footer-everyday {

        margin-bottom: 10px

    }

    .lang__drop {

        -webkit-column-count: 1;

        -moz-column-count: 1;

        column-count: 1;

        bottom: -12px;

        right: -5px

    }

    .banners__title {

        font-size: 25px

    }

    .banners__block {

        padding: 20px;

        min-height: 280px

    }

    .header-ask__text {

        display: block;

        margin-left: 10px;

        color: #62c23c

    }

    .header__right {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media (max-width:575px) {

    .intro__img {

        margin-top: 50px;

        min-height: 100px

    }

    .categories__icon {

        margin-top: 5px

    }

    .categories__button {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .zerkalo__box {

        padding: 15px 15px;

        margin: 20px 0 40px

    }

    .navigation li {

        width: 100%

    }

    .footer-bottom__mob {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .footer-bottom__block {

        margin-right: 0;

        margin-bottom: 20px

    }

    .footer-bottom__block:last-child {

        margin-bottom: 0

    }

    .footer-second__right {

        width: 100%

    }

    .footer-three__logo {

        height: 10px

    }

    .banners__btn {

        font-size: 14px;

        padding: 5px 10px

    }

    .program {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 100%

    }

    .program__block {

        width: 100%

    }

    .program__two {

        margin-right: 0

    }

}



@media (max-width:467px) {

    .game {

        width: calc(50% - 20px)

    }

    .game__img {

        width: 100%;

        height: 120px

    }

}