@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    -webkit-tap-highlight-color: transparent;
    height: 100%;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
    width: 100%
}

article,aside,body,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before {
    content: "";
    content: none
}

q:after,q:before {
    content: "";
    content: none
}

ol,ul {
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    display: block;
    margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;margin: 0;
    padding-inline-end:0;padding-inline-start:0;padding: 0;
    position: relative;
    text-align: left;
    width: 100%
}

ul {
    list-style: none;
    width: auto
}

a {
    display: inline;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: baseline
}

a:not([href]) {
    color: inherit;
    cursor: default
}

a:not([href]):hover {
    color: inherit;
    text-decoration: inherit
}

ins {
    text-decoration: none
}

ins,mark {
    background: transparent;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    /* border-collapse: collapse; */
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid #000;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

input,textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    font-family: Inter,sans-serif;
    outline: none;
    width: 100%
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #5f5d74;
    opacity: 1
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #5f5d74;
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #5f5d74;
    opacity: 1
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #5f5d74;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #5f5d74;
    opacity: 1
}

textarea {
    resize: none
}

button {
    cursor: pointer;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

p {
    font: inherit;
    line-height: 160%;
    margin-top: 16px
}

a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

a,img,video {
    -webkit-user-drag: none;
    user-drag: none
}

img,video {
    display: block;
    max-height: 100%;
    max-width: 100%
}

img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#gotop {
    font-size: 0;
    height: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 0;
    z-index: -1111
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #04030f;
    color: #6e6b86;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Inter,sans-serif;
    font-optical-sizing: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    word-break: break-word
}

body.active {
    overflow: hidden
}

.section {
    margin: 0 auto;
    max-width: 1100px;
    padding: 30px 0;
    position: relative;
    width: 100%;
    z-index: 0
}

.section.pb-0 {
    padding-bottom: 0
}

.cover {
    padding-left: calc(50% - 550px);
    padding-right: calc(50% - 550px);
    position: relative;
    z-index: 0
}

.cover>*,.section>* {
    -webkit-box-flex: 1;
    -ms-flex-flex: 1 1 auto;
    display: block;
    -ms-flex: 1 1 auto;
    position: relative
}

.content {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
    width: 100%
}

h1 {
    font-size: 48px;
    margin-bottom: 16px
}

h1,h2 {
    color: #e9e9ff;
    text-align: left
}

h2 {
    font-size: 32px;
    margin-bottom: 26px
}

h2 span,h3 span,h4 span {
    display: inline-block;
    padding-left: 30px;
    position: relative
}

h2 span:before,h3 span:before,h4 span:before {
    background: #e442fe;
    border-radius: 360px;
    content: "";
    display: block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
}

h3,h4,h5,h6 {
    color: #e9e9ff;
    font-size: 24px;
    margin-bottom: 26px;
    text-align: left
}

h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    text-decoration: none
}

.button {
    background: #6842fe;
    border-radius: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #e9e9ff;
    display: inline-block;
    font-family: Inter,sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    margin: 24px 0 0;
    outline: none;
    padding: 14px 16px;
    text-align: center;
    text-decoration: none!important;
    text-transform: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (hover: hover) {
    .button:hover {
        background:#e442fe
    }

    .button-dark:hover {
        background: #6842fe
    }
}

.button-dark {
    background: #161622;
    border: 1px solid rgba(197,193,242,.1)
}

.cblock>:first-child,article>:first-child {
    margin-top: 0
}

.cblock>*+*, .cblock>*+h2, .cblock>*+h3, .cblock>*+h4, article>*+*, article>*+h2, article>*+h3, article>*+h4 {
    margin-top: 16px
}

.cblock>h2+*,article>h2+* {
    margin-top: 0
}

.cblock>h3+*,.cblock>h4+*,cblock>h3+*,cblock>h4+* {
    margin-top: 0
}

.cblock li:first-child:not(.type-item),article li:first-child:not(.type-item) {
    padding-top: 0
}

.cblock p:first-child,article p:first-child {
    margin-top: 0
}

.cblock h2,article h2,.cblock h2 {
    margin-bottom: 28px
}

.cblock h2,.cblock h3,.cblock h4,article h2,article h3,article h4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article h2 img,.article h3 img,.article h4 img,article h2 img,article h3 img,article h4 img {
    display: inline-block;
    margin-right: 20px;
    max-width: 72px
}

.article p,article p {
    color: #e9e9ff;
    line-height: 162%
}

.article ol li:not(.type-item),
.article ul:not(.rate__list) li:not(.type-item),
article ol li:not(.type-item),
article ul:not(.rate__list) li:not(.type-item),
.cblock ul:not(.slick-dots) li{
    color: #e9e9ff;
    display: block;
    line-height: 162%;
    position: relative;
}
.cblock ol:not(.slick-dots) li {
    color: #e9e9ff;
    line-height: 162%;
    position: relative;
    list-style: decimal inside;
}

.article ol li:not(.type-item)+li,.article ul:not(.rate__list) li:not(.type-item)+li,article ol li:not(.type-item)+li,article ul:not(.rate__list) li:not(.type-item)+li {
    margin-top: 4px
}

.article ul li:not(.type-item,.rate__list li),
article ul li:not(.type-item,.rate__list li),
.cblock ul:not(.slick-dots) li {
    padding-left: 16px
}

.article ul li:not(.type-item,.rate__list li):after,
article ul li:not(.type-item,.rate__list li):after,
.cblock ul:not(.slick-dots) li:after {
    background-color: #e9e9ff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 4px;
    left: 4px;
    position: absolute;
    top: 11px;
    width: 4px
}

.article ol>li,article ol>li {
    counter-increment: ol;
    padding-left: 20px;
    position: relative;
}

.article ol>li:before,article ol>li:before {
    color: #e9e9ff;
    content: counter(ol) ".";
    display: inline-block;
    font: inherit;
    left: -1em;
    position: absolute;
    top: 0;
    text-align: right;
    width: 2em;
}

.article .desc h3,.article .desc h4,article .desc h3,article .desc h4 {
    margin-bottom: 20px
}

.article .desc > div, article .desc > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    margin-top: 32px
}

.article .desc div:last-of-type,article .desc div:last-of-type {
    margin-bottom: 0
}

.article .desc div img,article .desc div img {
    margin-right: 28px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 190px;
    border-radius: 24px;
}

.article blockquote,article blockquote {
    background: #04030f;
    border: 1px solid #6842fe;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 36px 0 rgba(104,66,254,.2);
    box-shadow: 0 0 36px 0 rgba(104,66,254,.2);
    padding: 22px 28px
}

.cblock table,article table {
    display: table;
    width: 100%
}

.cblock tbody,article tbody {
    width: 100%
}

.cblock tr,article tr {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    width: 100%
}

.cblock tr:not(:first-child),article tr:not(:first-child) {
    border-bottom: 1px solid rgba(233,233,255,.08)
}

.cblock tr:last-child,article tr:last-child {
    border: none
}

.cblock tr:first-child,article tr:first-child {
    background: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    /* border-radius: 8px */
}


.cblock tr:not(:first-child) td:first-child {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
}

.cblock tr:not(:first-child) td {
    border-bottom: 1px solid rgba(233,233,255,.08);
}

.cblock tr:first-child td,article tr:first-child td {
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    border-top: 1px solid rgba(233,233,255,.08);
    border-bottom: 1px solid rgba(233,233,255,.08);
    padding: 10px
}

.cblock tr:first-child td,article tr:first-child td {
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    border-top: 1px solid rgba(233,233,255,.08);
    border-bottom: 1px solid rgba(233,233,255,.08);
    padding: 10px
}
.cblock tr:first-child td:first-child,article tr:first-child td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid rgba(233,233,255,.08);
}
.cblock tr:first-child td:last-child,article tr:first-child td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid rgba(233,233,255,.08);
}

.cblock td,article td {
    /* -webkit-box-orient: vertical; */
    /* -webkit-box-direction: normal; */
    /* -webkit-box-align: center; */
    /* -ms-flex-align: center; */
    /* align-items: center; */
    color: #e9e9ff;
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    /* -ms-flex-direction: column; */
    /* flex-direction: column; */
    font-size: 13px;
    font-weight: 400;
    line-height: 108%;
    padding: 18px 10px;
    text-align: center;
    vertical-align: middle;
}

.cblock td img,article td img {
    display: inline-block;
    margin: 0 0 4px
}

.cblock td span,article td span {
    display: block;
    height: 100%
}

iframe {
    display: block;
    height: auto;
    width: 100%
}

.article__video {
    border-radius: 24px;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.article__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

p a {
    color: #6842fe;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.article__image {
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    overflow: hidden
}

.article a:not(.button),article a:not(.button) {
    color: #6842fe;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.background img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.background {
    bottom: 0;
    display: block!important;
    left: 0;
    position: absolute!important;
    right: 0;
    top: 0;
    z-index: -1
}

.image {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative
}

.image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.breadcrumbs {
    border-bottom: 1px solid rgba(233,233,255,.08);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 28px;
    padding: 8px calc(50% - 690px)
}

.breadcrumbs,.breadcrumbs li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumbs li:not(:last-child):after {
    background-image: url(../images/icons/breadcrumbs.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: 0 4px;
    width: 20px
}

.breadcrumbs a {
    color: hsla(240,5%,92%,.4);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none
}

.breadcrumbs a:hover {
    color: #e9e9ff
}

.breadcrumbs a:not([href]) {
    color: #e9e9ff;
    font-weight: 500
}

.js-expand-content {
    display: none;
    overflow: hidden
}

.js-expand-content.expanded {
    height: 100%
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.socials li+li {
    margin-left: 12px
}

.socials a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #161622;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.socials a img {
    max-width: 20px
}

.socials a:hover {
    background-color: #6842fe;
    border-color: #6842fe
}

.slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slick-slide {
    height: auto
}

.slick-slide>div {
    height: 100%;
    padding: 0 9px
}

.slick-slider {
    margin-left: -9px;
    margin-right: -9px
}

.slick-next:before,.slick-prev:before {
    display: none
}

.slick-next,.slick-prev {
    background-color: #161622;
    border-radius: 100%;
    height: 36px;
    overflow: hidden;
    width: 36px;
    z-index: 1
}

.slick-next {
    background-image: url(../images/icons/slick-next.svg)!important;
    right: 21px
}

.slick-prev {
    background-image: url(../images/icons/slick-prev.svg)!important;
    left: 21px
}

.slick-dots {
    bottom: -25px
}

.slick-dots li,.slick-dots li button {
    height: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 5px
}

.slick-dots li button {
    background: rgba(233,233,255,.32);
    border-radius: 100%;
    padding: 0
}

.slick-dots li button:before {
    display: none
}

.slick-dots li.slick-active {
    width: 16px
}

.slick-dots li.slick-active button {
    background: #e9e9ff;
    border-radius: 360px;
    width: 16px
}

.header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0f0f17;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 11px calc(50% - 692px)
}

.header__logo {
    display: inline-block;
    margin-right: 18px;
    max-width: 162px
}

.header__search-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #161622;
    border: 1px solid rgba(197,193,242,.08);
    border-radius: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    margin-left: 138px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 42px
}

.header__search-button:hover {
    border-color: rgba(197,193,242,.5)
}

.header__search-button img {
    max-width: 22px
}

.header__menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.header__menu-list li+li {
    margin-left: 46px
}

.header__menu-list a {
    color: #e9e9ff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 100%;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.header__menu-list a:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(104,66,254,0)),to(#6842fe));
    background: -o-linear-gradient(top,rgba(104,66,254,0) 0,#6842fe 100%);
    background: linear-gradient(180deg,rgba(104,66,254,0),#6842fe);
    -webkit-background-clip: text;
    background-clip: text;
    color: #e9e9ff
}

.header__menu-list a:hover:after {
    width: 100%
}

.header__menu-list a:after {
    background: #6842fe;
    border-radius: 360px 360px 0 0;
    bottom: -24px;
    -webkit-box-shadow: 0 -3px 32px 0 #6842fe,0 -3px 36px 0 #6842fe;
    box-shadow: 0 -3px 32px 0 #6842fe,0 -3px 36px 0 #6842fe;
    content: "";
    display: block;
    height: 0;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 0
}

.header__search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(4,3,15,.9);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    justify-content: center;
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .5s 0s,visibility 0s .5s;
    -o-transition: opacity .5s 0s,visibility 0s .5s;
    transition: opacity .5s 0s,visibility 0s .5s;
    visibility: hidden;
    width: 0
}

.header__search.active {
    height: 100%;
    opacity: 1;
    overflow: auto;
    -webkit-transition: opacity .5s 0s,visibility 0s 0s;
    -o-transition: opacity .5s 0s,visibility 0s 0s;
    transition: opacity .5s 0s,visibility 0s 0s;
    visibility: visible;
    width: 100vw;
    z-index: 999
}

.header__search-dialog {
    max-width: 800px;
    position: relative;
    width: 100%
}

.header__search-closeBtn {
    cursor: pointer;
    max-width: 32px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.header__search-closeBtn:hover {
    opacity: .7
}

.header__search-title {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    padding: 0 55px 18px 0;
    text-transform: none
}

.header__search-text {
    color: #e9e9ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 114%;
    margin: 0 0 28px;
    opacity: .4
}

.header__search-field {
    position: relative
}

.header__search-field:after {
    background-image: url(../images/icons/search-loupe.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 22px;
    left: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 1
}

.header__search-input {
    background: #161622;
    border: 1px solid rgba(197,193,242,.08);
    border-radius: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    outline: none;
    padding: 20px 20px 20px 54px;
    width: 100%
}

.header__search-input::-webkit-input-placeholder {
    color: #5f5d74;
    opacity: 1
}

.header__search-input::-moz-placeholder {
    color: #5f5d74;
    opacity: 1
}

.header__search-input:-ms-input-placeholder {
    color: #5f5d74;
    opacity: 1
}

.header__search-input::-ms-input-placeholder {
    color: #5f5d74;
    opacity: 1
}

.header__search-input::placeholder {
    color: #5f5d74;
    opacity: 1
}

.header__button-menu,.header__menu-info {
    display: none
}

@media screen and (max-width: 1440px) {
    .header {
        padding-left:20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .header__menu-list a {
        font-size:14px
    }

    .header__menu-list li+li {
        margin-left: 30px
    }
}

@media screen and (max-width: 1000px) {
    .header {
        left:0;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 15
    }

    .header__button-menu {
        background: #161622;
        border: 1px solid rgba(197,193,242,.1);
        border-radius: 14px;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        height: 42px;
        outline: none;
        padding: 0;
        position: relative;
        width: 42px
    }

    .header__button-menu span {
        background: #e9e9ff;
        border-radius: 40px;
        display: block;
        height: 1.5px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 15px
    }

    .header__button-menu span:first-child {
        top: 14px
    }

    .header__button-menu span:nth-child(2) {
        bottom: 0;
        margin: auto;
        top: 0
    }

    .header__button-menu span:nth-child(3) {
        bottom: 14px
    }

    .header__button-menu.active span:first-child {
        top: 20px;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        width: 18px
    }

    .header__button-menu.active span:nth-child(2) {
        opacity: 0;
        -webkit-transform: scale(0,2);
        -ms-transform: scale(0,2);
        transform: scale(0,2);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    .header__button-menu.active span:nth-child(3) {
        bottom: 19px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 18px
    }

    .header__search-button {
        display: none
    }

    .header__search {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: auto;
        opacity: 1;
        position: static;
        visibility: visible;
        width: 100%
    }

    .header__search-dialog {
        max-width: 100%
    }

    .header__search-closeBtn,.header__search-text,.header__search-title {
        display: none
    }

    .header__search-field {
        margin-bottom: 30px
    }

    .header__search-input {
        padding: 16px 15px 16px 54px
    }

    .header__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-color: #04030f;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: calc(100% - 64px);
        left: -105vw;
        overflow-y: auto;
        padding: 20px;
        position: fixed;
        top: 64px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 100%;
        z-index: 20
    }

    .header__menu.active {
        left: 0
    }

    .header__menu-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header__menu-list li {
        width: 100%
    }

    .header__menu-list li+li {
        margin: 12px 0 0
    }

    .header__menu-list a {
        background: #161622;
        border: 1px solid rgba(197,193,242,.1);
        border-radius: 14px;
        font-size: 15px;
        padding: 17px 12px;
        text-align: center;
        width: 100%
    }

    .header__menu-list a:hover {
        background: #161622
    }

    .header__menu-list a:after {
        display: none!important
    }

    .header__menu-info {
        display: block;
        margin-top: 30px
    }

    .header__menu-socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header__menu-socials li+li {
        margin-left: 16px
    }

    .header__menu-socials a {
        height: 52px;
        width: 52px
    }

    .header__menu-socials a img {
        max-width: 24px
    }

    .header__menu-copy {
        color: #5f5d74;
        font-size: 14px;
        font-weight: 400;
        line-height: 186%;
        margin: 20px 0 0;
        text-align: center
    }
}

.page {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 28px;
    width: 100%
}

.main,.page {
    position: relative
}

.main__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main__wrapper:last-child {
    padding-bottom: 120px
}

.main__wrapper .content {
    margin: 0;
    width: calc(100% - 282px)
}

.main__wrapper .content .section:first-child:not(.section-head,.author) {
    padding-top: 0
}

.main__wrapper:not(:first-of-type) {
    padding-top: 30px
}

.home-page {
    max-width: 100%;
    padding: 0
}

.home-page .section {
    padding: 70px 0
}

.home-page .section.pb-0 {
    padding-bottom: 0
}

.home-page .content {
    max-width: 100%
}

.page-bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: -300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

.page-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.prime {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #6c1be5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 44px;
    padding-top: 44px
}

.prime__info {
    margin-right: 40px;
    max-width: 720px;
    width: 100%
}

.prime__nav {
    list-style: none;
    max-width: 280px;
    width: 100%
}

.prime__nav li {
    display: block
}

.prime__nav li+li {
    margin-top: 14px
}

.prime__nav-item {
    background: #e9e9ff;
    border: 1px solid #e9e9ff;
    border-radius: 14px;
    display: block;
    padding: 17px 20px 17px 54px;
    position: relative
}

.prime__nav-item img {
    bottom: 0;
    left: 14px;
    margin: auto;
    max-width: 28px;
    position: absolute;
    top: 0
}

.prime__nav-item span {
    color: #6842fe;
    font-size: 16px;
    font-weight: 600;
    line-height: 94%
}

.prime__nav-item:hover {
    background-color: #fff
}

.prime__title {
    margin-bottom: 24px
}

.prime__text {
    color: #e9e9ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 162%;
    margin: 0
}

.prime__desc {
    color: #e9e9ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 186%;
    margin: 24px 0 0;
    opacity: .6
}

.prime__desc--mob {
    display: none
}

.reviews__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 44px -22px 0
}

.reviews__list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333% - 44px);
    flex: 1 1 calc(33.3333% - 44px);
    margin: 0 22px
}

.reviews-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.reviews-item:hover .reviews-item__image img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.reviews-item:hover .reviews-item__title {
    color: #fff
}

.reviews-item__image {
    border-radius: 14px;
    margin-bottom: 16px;
    padding-bottom: 62.3%
}

.reviews-item__date {
    color: #6e6b86;
    font-size: 13px;
    font-weight: 400;
    line-height: 154%;
    margin: 0 0 4px
}

.reviews-item__title {
    color: #e9e9ff;
    font-size: 24px;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.reviews__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 80px -30px 0
}

.reviews__wrap .reviews__list {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: auto
}

.reviews__wrap .reviews__list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333% - 24px);
    flex: 1 1 calc(33.3333% - 24px);
    margin: 0 12px
}

.reviews__wrap .reviews-item__title {
    font-size: 18px
}

.reviews__wrap .reviews-item__title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 45px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.reviews__inner {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 calc(50% - 30px);
    flex: 1 1 calc(50% - 30px);
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 30px
}

.reviews__inner-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reviews__inner-text p {
    font-size: 14px
}

.reviews__inner-text p:last-of-type {
    margin-bottom: 32px
}

.type-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px -13px -12px
}

.contacts__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.type-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #161622;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 12px 13px;
    padding: 24px;
    position: relative;
    width: calc(25% - 26px)
}

.type-item:after {
    display: none!important
}

.type-item__image {
    margin-bottom: 20px;
    max-width: 60px
}

.type-item__title {
    color: #e9e9ff;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 14px
}

.type-item__text {
    color: #6e6b86;
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    margin: 0
}

.section.reasons {
    background: #0f0f17;
    max-width: 100%;
    padding-left: calc(50% - 550px);
    padding-right: calc(50% - 550px)
}

.reasons__list {
    margin: 32px -22px -12px
}

.reasons__list .type-item {
    margin: 12px 22px;
    width: calc(33.3333% - 44px)
}

.about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 22px -22px -22px
}

.about__list li {
    margin: 22px;
    width: calc(33.3333% - 44px)
}

.about-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 24px
}

.about-item__image {
    border-radius: 100%;
    height: 64px;
    margin-right: 20px;
    overflow: hidden;
    width: 64px
}

.about-item__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.about-item__desc {
    width: calc(100% - 84px)
}

.about-item__name {
    color: #e9e9ff;
    font-size: 16px;
    font-weight: 500;
    line-height: 125%;
    margin: 0 0 4px
}

.about-item__name:hover {
    color: #6842fe
}

.about-item__text {
    color: #6e6b86;
    font-size: 13px;
    font-weight: 400;
    line-height: 154%;
    margin: 0
}

.back-top {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1440px;
    padding: 7px 40px 40px
}

.back-top__button {
    bottom: 30px;
    color: #6e6b86;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 200%;
    position: sticky;
    text-align: center;
    text-decoration: none
}

.back-top__button:hover {
    color: #fff
}

.back-top__button img {
    margin: 0 auto 12px;
    max-width: 52px
}

.page__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page__wrapper .main {
    margin-left: 28px;
    width: calc(100% - 282px)
}
.page__wrapper.without-game .main {
    width: auto;
}

.links {
    padding-bottom: 127px;
    width: 254px
}

.links__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    position: sticky;
    top: 20px
}

.links__button-toggle {
    display: none
}

.links__desc-caption {
    background: none;
    border: none;
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    padding: 10px 16px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.links__desc-text {
    color: #5f5d74;
    font-size: 13px;
    font-weight: 400;
    line-height: 138%;
    margin: 0;
    padding: 4px 16px 16px
}

.links__desc-text a {
    color: #6842fe;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.links__button-close {
    display: none
}

.links__list a {
    border: 1px solid transparent;
    border-radius: 14px;
    color: #e9e9ff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    padding: 9px 16px;
    position: relative;
    width: 100%
}

.links__list a:hover {
    background-color: #0f0f17;
    border-color: rgba(197,193,242,.1);
    color: #e442fe
}

.links__list .links__menu-button {
    cursor: pointer!important;
    padding: 9px 38px 9px 16px
}

.links__list .links__menu-button:after {
    background-image: url(../images/icons/links-arrow-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 20px
}

.links__list .links__menu-button:hover:after {
    background-image: url(../images/icons/links-arrow-pink.svg)
}

.links__menu,.links__submenu {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 100%
}

.links__menu.opened,.links__submenu.opened {
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

.links__menu.opened,.links__submenu {
    opacity: 0
}

.links__submenu.opened {
    opacity: 1
}

.links__submenu-item {
    display: none
}

.links__submenu-item.open {
    display: block
}

.links__submenu-list a {
    border-color: transparent;
    border-radius: 0
}

.links__submenu-list a:hover {
    border-color: transparent
}

.links__submenu-button {
    background: none;
    border: none;
    color: #6e6b86;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    padding: 14px 16px 14px 40px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.links__submenu-button:after {
    background-image: url(../images/icons/links-arrow-grey.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 20px;
    left: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 20px
}

.sidebar__links {
    padding: 0;
    position: sticky;
    top: 20px;
    width: 100%
}

.hero {
    margin-bottom: 44px
}

.hero__title {
    margin-bottom: 8px
}

.hero__desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 44px
}

.hero__desc li {
    color: #5f5d74;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase
}

.hero__desc li+li {
    margin-left: 29px
}

.hero__desc li:not(:first-child):after {
    background: #5f5d74;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: -15px;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 1px
}

.hero__desc a {
    color: #5f5d74;
    font-weight: 500;
    text-decoration: underline
}

.hero__desc a:hover {
    color: #e442fe
}

.hero__image {
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    overflow: hidden;
    /* padding-bottom: 40% */
}

.sidebar {
    margin-left: 28px;
    width: 254px
}

.sidebar__nav {
    background-color: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 14px;
    margin-bottom: 28px
}

.sidebar__nav-button {
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    padding: 14px;
    text-align: center;
    text-transform: uppercase
}

.sidebar__nav-button img {
    display: none
}

.sidebar__nav-list a {
    border-left: 1px solid transparent;
    color: #e9e9ff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 16px
}

@media (hover: hover) {
    .sidebar__nav-list a.active,.sidebar__nav-list a:hover {
        background:#161622;
        border-color: #e442fe;
        color: #e442fe
    }
}

.sidebar__banner {
    border-radius: 14px;
    overflow: hidden;
    position: sticky;
    top: 20px;
    width: 100%;
    z-index: 5
}

.sidebar__banner img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.faq__item {
    background: #0f0f17;
    border-radius: 24px
}

.faq__item.active .faq-item__title:before {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.faq__item+.faq__item {
    margin-top: 12px
}

.faq-item__title {
    color: #e9e9ff;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
    padding: 22px 70px 22px 28px;
    position: relative;
    text-transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.faq-item__title:before {
    background-image: url(../images/icons/faq-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 28px;
    top: 22px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 30px
}

.faq-item__desc .wrap {
    padding: 0 28px 22px
}

.faq-item__desc p {
    color: rgba(233,233,255,.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 162%;
    margin: 0
}

.faq-item__desc p+p {
    margin-top: 16px
}

.faq-item__desc a {
    color: #6842fe;
    font-weight: 500;
    text-decoration: underline
}

.faq__additional {
    color: #5f5d74;
    font-size: 14px;
    margin: 24px 0 0;
    text-align: center
}

.faq__additional a {
    color: #6842fe;
    font-weight: 500;
    text-decoration: underline
}

.editor {
    border-bottom: 1px solid rgba(197,193,242,.1);
    border-top: 1px solid rgba(197,193,242,.1)
}

.editor__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.editor__head,.editor__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editor__image {
    border-radius: 100%;
    height: 64px;
    margin-right: 20px;
    overflow: hidden;
    width: 64px
}

.editor__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.editor__name {
    color: #6842fe;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 125%;
    margin: 0 0 4px
}

.editor__name:hover {
    color: #e442fe
}

.editor__desc {
    color: #e9e9ff;
    font-size: 13px;
    font-weight: 400;
    line-height: 154%;
    margin: 0
}

.editor__text {
    margin: 24px 0 0
}

.related__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -14px -12px
}

.related__list li {
    margin: 14px 12px;
    width: calc(50% - 24px)
}

.related-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.related-item:hover .related-item__image img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.related-item__image {
    border-radius: 14px;
    margin-right: 16px;
    padding-bottom: 25%;
    width: 150px
}

.related-item__desc {
    width: calc(100% - 166px)
}

.related-item__subtitle {
    color: #e442fe;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 114%;
    margin: 0 0 14px
}

.related-item__subtitle:hover {
    color: #c043d4
}

.relted-item__title {
    color: #e9e9ff;
    font-size: 18px;
    font-weight: 600;
    line-height: 133%;
    margin: 0
}

.contacts__title {
    margin-bottom: 24px
}

.contacts__desc {
    color: #5f5d74;
    font-size: 14px;
    font-weight: 400;
    line-height: 186%;
    margin: 0 0 24px
}

.contacts__desc sup {
    color: #6842fe
}

.form {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: rgba(15,15,23,.6);
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px 32px
}

.form-field {
    margin: 12px;
    width: calc(50% - 24px)
}

.form-field:last-of-type {
    width: 100%
}

.form-contacts {
    margin-top: 44px
}

.form-contacts .form-field {
    width: calc(33.3333% - 24px)
}

.form-contacts .form-field:last-of-type {
    width: 100%
}

.form-input {
    background: #161622;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 14px;
    color: #e9e9ff;
    font-size: 15px;
    font-weight: 400;
    line-height: 107%;
    padding: 13px 14px
}

.form-input:focus {
    border-color: rgba(197,193,242,.3)
}

textarea.form-input {
    height: 150px
}

input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-text-fill-color: #e9e9ff;
    border-color: rgba(197,193,242,.3)!important;
    -webkit-box-shadow: inset 0 0 0 1000px #161622;
    outline: none;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.form-label {
    color: #e9e9ff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 123%;
    margin: 0 0 12px
}

.form-label sup {
    color: #6842fe
}

.form-button {
    margin-left: 12px
}

.sidebar__details {
    background: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 14px;
    margin-bottom: 28px
}

.sidebar__details-button {
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    margin: 0;
    padding: 14px;
    text-align: center;
    text-transform: uppercase
}

.sidebar__details-button img {
    display: none
}

.sidebar__details-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 16px
}

.sidebar__details-list p {
    color: #e9e9ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
    margin: 0 0 4px
}

.sidebar__details-list span {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 123%;
}
.sidebar__details-list a {
    color: #6842fe;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 123%;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.sidebar__details-list a:hover {
    color: #e442fe
}

.advantages {
    background-color: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 0
}

.advantages-item {
    margin: 0;
    padding: 26px 32px;
    width: 50%
}

.advantages-item:first-child {
    border-right: 1px solid #181821
}

.advantages-item ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.advantages-item ul li {
    color: #e9e9ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 162%;
    padding: 0 0 0 34px!important;
    position: relative
}

.advantages-item ul li:after {
    display: none!important
}

.advantages-item ul li+li {
    margin-top: 12px
}

.advantages-item ul li img {
    left: 0;
    position: absolute;
    top: 2px
}

.advantages-item__title {
    color: #e9e9ff;
    font-size: 24px;
    font-weight: 600;
    line-height: 125%;
    margin: 0 0 26px
}

.article-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #04030f;
    border: 1px solid #6842fe;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 36px 0 rgba(104,66,254,.2);
    box-shadow: 0 0 36px 0 rgba(104,66,254,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 24px 28px
}

.article-rating .article-rating__link:hover {
    color: #e442fe
}

.article-rating__item {
    margin: 0 0 0 auto;
    text-align: center
}

.article-rating__info {
    width: calc(100% - 193px)
}

.article-rating__info .article-rating__link {
    display: none
}

.article-rating__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../images/icons/Rating.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 128px;
    padding-top: 35px;
    text-align: center;
    width: 128px
}

.article-rating__wrap p {
    color: #a088ff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    margin: 0;
    text-transform: uppercase
}

.article-rating__numbers {
    color: #e9e9ff;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 5px
}

.article-rating__link {
    color: #6842fe;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 186%;
    margin: 16px 0 0;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.game {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    padding-top: 28px
}

.game__image {
    border-radius: 24px;
    padding-bottom: 30.3%;
    width: calc(47% - 20px)
}

.game__image--mob {
    display: none
}

.game__info {
    width: calc(53% - 20px)
}

.game__desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px
}

.game__requirements {
    background: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 14px;
    margin-right: 20px;
    padding: 16px 20px;
    width: 300px
}

.game__requirements li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e9e9ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 300;
    line-height: 123%
}

.game__requirements li strong {
    display: inline-block;
    font-weight: 600;
    margin-right: 12px;
    white-space: nowrap
}

.game__requirements li+li {
    margin-top: 14px
}

.game__rating {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-flex: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.game__rating li {
    padding: 0 8px;
    position: relative;
    text-align: center;
    width: 33.3333%
}

.game__rating li+li {
    border-left: 1px solid #181821
}

.game__rating li:nth-child(2) .game__rating-head {
    padding-top: 3px
}

.game__rating li:nth-child(2) .game__rating-head span {
    border-color: #04030f;
    color: #04030f
}

.game__rating li:nth-child(2) .game__rating-head span:nth-child(3) {
    font-size: 12px
}

.game__rating li:nth-child(2) .game__rating-head span:nth-child(2) {
    border-bottom: .5px solid rgba(4,3,15,.3);
    margin-bottom: 4px;
    padding-bottom: 2px
}

.game__rating li:nth-child(3) .game__rating-head {
    padding-top: 3px
}

.game__rating li:nth-child(3) .game__rating-head span:nth-child(3) {
    font-size: 12px
}

.game__rating li:nth-child(3) .game__rating-head span:nth-child(2) {
    border-bottom: .5px solid rgba(233,233,255,.3);
    margin-bottom: 4px;
    padding-bottom: 2px
}

.game__rating-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 60px;
    z-index: 0
}

.game__rating-head img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.game__rating-head span {
    color: #e9e9ff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 104%;
    text-align: center
}

.game__rating-text {
    color: #6e6b86;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
    margin: 12px 0 0;
    text-align: center
}

.game__statistic {
    margin-top: 28px
}

.game__statistic-title {
    color: #e9e9ff;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 24px
}

.game__statistic-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -24px
}

.game__statistic-list li {
    padding: 0 24px;
    width: 25%
}

.game__statistic-list li:not(:first-child) {
    border-left: 1px solid #181821
}

.game__statistic-list p {
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    margin: 0 0 12px;
    text-transform: uppercase
}

.game__statistic-list strong {
    color: #e9e9ff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 89%;
    margin: 0
}

.screens p {
    color: #e9e9ff;
    line-height: 162%;
}

.screens-slider__item {
    background: #04030f;
    height: 100%;
    /* max-height: 220px */
}

.screens-slider__item img {
    border-radius: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    width: 100%
}

.review__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.review__inner,.review__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review__rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0f0f17;
    border-radius: 24px;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 28px;
    max-width: 215px;
    padding: 22px;
    width: 100%
}

.guides__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -14px
}

.guides-item,.guides__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guides-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 14px;
    width: calc(50% - 28px)
}

.guides-item:hover .guides-item__image img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.guides-item__image {
    border-radius: 14px;
    height: 100px;
    margin-right: 16px;
    padding: 0;
    width: 150px
}

.guides-item__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 166px)
}

.guides-item__title {
    color: #e9e9ff;
    font-size: 18px;
    font-weight: 600;
    line-height: 133%;
    margin: 0 0 12px
}

.guides-item__date {
    color: #5f5d74;
    font-size: 14px;
    font-weight: 500;
    line-height: 114%;
    margin: 0
}

.summary {
    background-color: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    margin-top: 30px;
    padding: 24px 28px
}

.summary__text,.summary__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.summary__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-right: 1px solid #1f1f2b;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 28px;
    padding-right: 28px;
    width: 60%
}

.summary__text p {
    font-size: 14px;
    margin: 0
}

.summary__text p+p {
    margin-top: 16px
}

.summary__text-desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.summary__text-desc img {
    max-width: 38px
}

.summary__text-desc p {
    color: #e9e9ff;
    font-size: 13px;
    font-weight: 300;
    line-height: 133%;
    margin: 0 0 0 16px
}

.summary__text-desc p strong {
    display: block;
    font-size: 12px;
    font-weight: 600
}

.summary__list {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 40%
}

.summary__list li {
    color: #e9e9ff;
    font-size: 13px;
    font-weight: 300;
    line-height: 133%;
    padding: 0 16px 20px 0;
    width: 50%
}

.summary__list li strong {
    display: block;
    font-size: 12px;
    font-weight: 600
}

.section-head {
    padding-top: 0
}

.section-head p {
    font-size: 15px
}

.category-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category-item+.category-item {
    margin-top: 28px
}

.category-item:hover .category-item__image img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.category-item__image {
    border-radius: 14px;
    padding-bottom: 17%;
    width: 330px
}

.category-item__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 28px;
    width: calc(100% - 430px)
}

.category-item .category-item__desc a {
    font-size: 26px;
}

.category-item__date {
    color: #5f5d74;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 12px
}

.category-item__title {
    color: #e9e9ff;
    font-size: 32px;
    font-weight: 600;
    margin: 0
}

.category-item__text {
    color: #6e6b86;
    font-size: 15px;
    margin: 12px 0 0
}

.category__button {
    width: 100%
}

.search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #0f0f17;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 28px;
    padding: 16px
}

.search.section {
    display: none
}

.search-title {
    color: #6e6b86;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    margin: 0 0 22px;
    text-align: center;
    text-transform: uppercase
}

.search-text {
    color: #5f5d74;
    font-size: 13px;
    font-weight: 400;
    line-height: 138%;
    margin: 0 0 16px
}

.search-field {
    position: relative
}

.search-input {
    background: #161622;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 12px;
    color: #e9e9ff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 123%;
    outline: none;
    padding: 12px 12px 12px 42px;
    width: 100%
}

.search-icon,.search-input {
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-icon {
    background: none;
    border: none;
    bottom: 0;
    height: 22px;
    left: 12px;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 22px
}

.search-icon svg {
    stroke: #5f5d74
}

.author {
    padding-top: 0
}

.author__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.author__image {
    -webkit-box-flex: 0;
    border-radius: 100%;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    height: 160px;
    margin-right: 28px;
    overflow: hidden;
    padding: 0
}

.author__name {
    color: #e9e9ff;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 12px
}

.author__desc {
    color: #e9e9ff;
    margin: 0
}

.author__desc,.author__mail {
    font-size: 15px;
    font-weight: 400;
    line-height: 147%
}

.author__mail {
    color: #6842fe;
    margin: 4px 0 0
}

.author__mail:hover {
    color: #e442fe
}

.author__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.author__inner {
    margin-right: 28px
}

.author__socials {
    padding-top: 9px
}

.author__text {
    margin: 28px 0 0
}

.author__text p {
    color: #e9e9ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 162%;
    margin: 0
}

.author__text p+p {
    margin-top: 16px
}

.principles__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px -13px -13px
}

.principles__item {
    background-color: #161622;
    border: 1px solid rgba(197,193,242,.1);
    border-radius: 24px;
    margin: 13px;
    padding: 24px;
    width: calc(50% - 26px)
}

.principles__item h3,.principles__item h4,.principles__item p {
    color: #e9e9ff;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 20px
}

.principles__item ul {
    list-style-type: disc;
    padding-left: 1rem
}

.principles__item ul li {
    color: #6e6b86;
    font-size: 16px;
    line-height: 162%
}

.rate .rate__list {
    margin-top: 60px
}

.rate .rate__list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 124px;
    padding-left: 128px;
    position: relative
}

.rate .rate__list li:after {
    display: none!important
}

.rate .rate__list li:not(:last-child) {
    border-bottom: 1px solid rgba(233,233,255,.08);
    padding-bottom: 24px
}

.rate .rate__list li+li {
    margin-top: 24px
}

.rate .rate__text {
    color: #6e6b86;
    font-size: 16px;
    font-weight: 400;
    line-height: 162%;
    margin: 0
}

.rate__num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #e9e9ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    font-weight: 700;
    height: 100px;
    justify-content: center;
    line-height: 100%;
    margin-right: 28px;
    padding: 10px;
    text-align: center;
    width: 100px;
    z-index: 0
}

.rate__num,.rate__num img {
    left: 0;
    position: absolute;
    top: 0
}

.rate__num img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    z-index: -1
}

.rate__desc {
    width: calc(100% - 128px)
}

.rate__title {
    color: #e9e9ff;
    font-size: 24px;
    font-weight: 600;
    line-height: 125%;
    margin: 0 0 8px
}

@media screen and (max-width: 1440px) {
    .breadcrumbs {
        padding-left:20px;
        padding-right: 20px
    }
    .header__search-button {
        margin-left: 0px;
    }
}

@media screen and (max-width: 1340px) {
    .page:not(.home-page) {
        padding:0 20px
    }

    .back-top {
        padding: 12px 20px 20px
    }
}

@media screen and (max-width: 1300px) {
    .related-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .related-item__image {
        margin: 0 0 16px;
        padding-bottom: 55%;
        width: 100%
    }

    .related-item__desc {
        width: 100%
    }

    .game__requirements {
        width: 200px
    }

    .game__requirements li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 1240px) {
    .article-page .sidebar {
        width:200px
    }

    .article-page .main__wrapper .content {
        width: calc(100% - 228px)
    }

    .category-item__image {
        width: 300px
    }

    .category-item__desc {
        width: calc(100% - 300px)
    }

    .contacts__list,.mission__list {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contacts__list .type-item,.mission__list .type-item {
        width: calc(50% - 26px)
    }

    .page-bg {
        bottom: -100px;
        height: auto
    }

    .page-bg img {
        max-width: none;
        width: 200%
    }
}

@media screen and (max-width: 1140px) {
    .cover {
        padding-left:20px;
        padding-right: 20px
    }

    .home-page .section {
        padding: 35px 20px;
    }

    .home-page .about {
        padding-bottom: 0
    }

    .home-page .reviews {
        padding-top: 70px
    }

    .about__list {
        margin: 12px -8px -8px
    }

    .about__list li {
        margin: 8px;
        width: calc(33.333% - 16px)
    }

    .reviews__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* margin: 80px 0 0 */
    }

    .reviews__wrap .reviews-item__title a {
        display: block;
        height: auto
    }

    .reviews__inner {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin: 0
    }

    .reviews__inner+.reviews__inner {
        margin-top: 70px
    }

    .reviews__list {
        margin: 44px -12px 0
    }

    .reviews__list li {
        margin: 0 11px
    }

    .reasons__list {
        margin: 32px -12px -12px
    }

    .reasons__list .type-item {
        margin: 12px;
        width: calc(33.33333% - 24px)
    }

    .game__requirements {
        width: 300px
    }

    .game__requirements li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .game__image--desc {
        display: none
    }

    .game__image--mob {
        display: block;
        margin-top: 28px;
        padding-bottom: 66%;
        width: 100%
    }

    .game__info {
        width: 100%
    }

    .sidebar__nav {
        margin-bottom: 20px
    }

    .sidebar__nav-list {
        display: none
    }

    .sidebar__nav-list a {
        font-size: 14px;
        line-height: 120%;
        padding: 13px 24px
    }

    .sidebar__nav-button {
        color: #e9e9ff;
        font-size: 15px;
        font-weight: 500;
        line-height: 100%;
        padding: 19px 50px 19px 48px;
        position: relative;
        text-align: left
    }

    .sidebar__nav-button:after {
        background-image: url(../images/icons/table-contents.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        height: 22px;
        left: 14px;
        margin: auto;
        position: absolute;
        top: 0;
        width: 22px
    }

    .sidebar__nav-button img {
        bottom: 0;
        display: block;
        margin: auto;
        position: absolute;
        right: 14px;
        top: 0
    }

    .sidebar__nav-button.active img {
        -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
        transform: scale(-1)
    }

    .sidebar__details-button {
        color: #e9e9ff;
        font-size: 15px;
        font-weight: 500;
        line-height: 100%;
        padding: 19px 50px 19px 48px;
        position: relative;
        text-align: left
    }

    .sidebar__details-button:after {
        background-image: url(../images/icons/detail-icon.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        height: 22px;
        left: 14px;
        margin: auto;
        position: absolute;
        top: 0;
        width: 22px
    }

    .sidebar__details-button img {
        bottom: 0;
        display: block;
        margin: auto;
        position: absolute;
        right: 14px;
        top: 0
    }

    .sidebar__details-button.active img {
        -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
        transform: scale(-1)
    }

    .sidebar__details-list {
        display: none
    }

    .sidebar__details-list li {
        padding: 10px 24px
    }

    .sidebar__details {
        margin-bottom: 14px
    }

    .article-page .main__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .article-page .main__wrapper .content {
        width: 100%
    }

    .article-page .sidebar {
        margin: 0;
        width: 100%
    }

    .article-page .sidebar__banner {
        display: none
    }

    .back-top {
        padding: 12px 0 20px 20px
    }
}

@media screen and (max-width: 1000px) {
    .page__wrapper .main {
        margin:0;
        width: 100%
    }

    .main__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .main__wrapper .content,.sidebar {
        width: 100%
    }

    .sidebar {
        margin: 0
    }

    .sidebar__banner {
        display: none
    }

    .main__wrapper:last-of-type {
        padding-bottom: 120px
    }

    .article-page .breadcrumbs {
        margin-top: 36px
    }

    .links {
        background: #161622;
        left: 0;
        padding: 0;
        position: fixed;
        top: 64px;
        width: 100%;
        z-index: 9
    }

    .links__button-toggle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #e9e9ff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        justify-content: flex-start;
        line-height: 107%;
        outline: none;
        padding: 8px 20px;
        text-align: left;
        text-decoration: none!important;
        text-transform: none;
        width: 100%
    }

    .links__button-toggle img {
        margin-left: 4px
    }

    .links__wrapper {
        background: #04030f;
        height: 100%;
        left: -105vw;
        overflow-y: auto;
        padding-top: 64px;
        position: fixed;
        top: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 100%
    }

    .links__wrapper.active {
        left: 0
    }

    .links__desc {
        position: relative
    }

    .links__desc-caption {
        color: #e9e9ff;
        font-size: 20px;
        font-weight: 600;
        line-height: 120%;
        padding: 20px 70px 20px 20px;
        text-align: left;
        text-transform: none
    }

    .links__button-close {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #161622;
        border: 1px solid rgba(197,193,242,.1);
        border-radius: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 42px;
        justify-content: center;
        position: absolute;
        right: 14px;
        top: 11px;
        width: 42px
    }

    .links__desc-text {
        color: #5f5d74;
        font-size: 15px;
        font-weight: 400;
        line-height: 153%;
        padding: 20px
    }

    .links__list {
        padding: 20px 20px 50px
    }

    .links__list li+li {
        margin-top: 12px
    }

    .links__list a {
        background: rgba(22,22,34,.5);
        padding: 13px 16px
    }

    .links__list .links__menu-button {
        padding: 13px 40px 13px 16px
    }

    .links__submenu-button {
        font-size: 14px;
        padding: 20px 16px 20px 45px
    }

    .links__submenu-button:after {
        height: 24px;
        left: 14px;
        width: 24px
    }

    .sidebar__links {
        display: none
    }

    .search.section {
        background: none;
        border: none;
        border-radius: 0;
        display: block;
        margin: 0;
        padding: 0
    }

    .search.sidebar__search {
        display: none
    }

    .search-icon {
        left: 14px
    }

    .search-icon svg {
        stroke: #e9e9ff
    }

    .search-input {
        font-size: 15px;
        padding: 16px 16px 16px 48px
    }

    .search-input::-webkit-input-placeholder {
        color: #e9e9ff
    }

    .search-input::-moz-placeholder {
        color: #e9e9ff
    }

    .search-input:-ms-input-placeholder {
        color: #e9e9ff
    }

    .search-input::-ms-input-placeholder {
        color: #e9e9ff
    }

    .search-input::placeholder {
        color: #e9e9ff
    }

    .breadcrumbs--mob {
        margin-bottom: 24px;
        margin-top: 36px
    }
}

@media screen and (max-width: 900px) {
    .prime {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .prime__info {
        margin: 0 0 24px;
        max-width: 100%;
        text-align: center
    }

    .prime__info .prime__desc {
        display: none
    }

    .prime__desc--mob {
        display: block;
        margin: 24px 0 0;
        text-align: center
    }

    .prime__title {
        text-align: center
    }

    .prime__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -14px;
        max-width: none;
        width: auto
    }

    .prime__nav li {
        margin: 14px;
        width: calc(50% - 28px)
    }

    .prime__nav li+li {
        margin: 14px
    }

    .reviews__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .reviews__list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 24px);
        flex: 0 1 calc(50% - 24px);
        margin: 14px 12px
    }

    .about__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 28px 0 0
    }

    .about__list li {
        margin: 0;
        width: 100%
    }

    .about__list li+li {
        margin-top: 16px
    }
}

@media screen and (max-width: 800px) {
    .review__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .review__rating {
        margin: 0 auto 24px;
        max-width: 350px
    }

    .guides__list {
        margin: 0
    }

    .guides-item {
        margin: 0;
        width: 100%
    }

    .guides-item+.guides-item {
        margin-top: 28px
    }

    .summary__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .summary__text {
        border-bottom: 1px solid #1f1f2b;
        border-right: 0;
        margin: 0 0 28px;
        padding: 0 0 28px;
        width: 100%
    }

    .summary__list {
        width: 100%
    }

    .category-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .category-item__image {
        padding-bottom: 60%;
        width: 100%
    }

    .category-item__desc {
        padding: 16px 0 0;
        width: 100%
    }

    .principles__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 26px 0 0
    }

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

    .principles__item+.principles__item {
        margin-top: 16px
    }

    .form-contacts {
        padding: 24px
    }

    .form-contacts .form-field {
        margin: 0;
        width: 100%
    }

    .form-contacts .form-field+.form-field {
        margin-top: 22px
    }

    .form-contacts .form-button {
        margin: 22px 0 0;
        width: 100%
    }

    .page-bg {
        bottom: -150px
    }
}

@media screen and (max-width: 700px) {
    .reviews__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 28px 0 0
    }

    .reviews__list li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0;
        width: 100%
    }

    .reviews__list li+li {
        margin: 28px 0 0
    }

    .reviews__wrap .reviews__list {
        margin: 0
    }

    .reviews__wrap .reviews__list li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0;
        width: 100%
    }

    .reviews__wrap .reviews__list li+li {
        margin: 28px 0 0
    }

    .reviews__inner .reviews-item__image {
        padding-bottom: 62.3%
    }

    .mission__list .type-item,.reasons__list .type-item {
        margin: 0;
        width: 100%
    }

    .type-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 28px 0 0
    }

    .type-item {
        margin: 0;
        width: 100%
    }

    .type-item+.type-item {
        margin: 16px 0 0
    }

    .breadcrumbs a {
        font-size: 11px
    }

    .table-scroller {
        margin-right: -20px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-right: 20px;
        white-space: nowrap
    }

    .table-scroller table {
        white-space: normal;
        width: 700px
    }

    .article .desc div,article .desc div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .article .desc div img,article .desc div img {
        margin: 0 0 16px;
        max-width: 250px;
        width: auto
    }

    .form {
        padding: 26px
    }

    .form-field {
        margin: 0;
        width: 100%
    }

    .form-field+.form-field {
        margin-top: 22px
    }

    .form-button {
        margin: 22px 0 0;
        width: 100%
    }

    .advantages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .advantages-item {
        padding: 22px 28px;
        width: 100%
    }

    .advantages-item:first-child {
        border-bottom: 1px solid #181821;
        border-right: 0
    }

    .article-rating {
        padding: 34px 28px 22px
    }

    .article-rating h2,.article-rating h3 {
        margin-bottom: 6px;
        margin-left: 118px
    }

    .article-rating__info {
        width: 100%
    }

    .article-rating__info p {
        margin-top: 32px
    }

    .article-rating__info .article-rating__link {
        display: inline-block;
        margin-left: 118px;
        margin-top: 0
    }

    .article-rating__item {
        left: 28px;
        position: absolute;
        top: 22px
    }

    .article-rating__item .article-rating__link {
        display: none
    }

    .article-rating__wrap {
        height: 96px;
        padding-top: 29px;
        width: 96px
    }

    .article-rating__wrap p {
        font-size: 8px
    }

    .article-rating__numbers {
        font-size: 30px;
        margin-bottom: 3px
    }

    .game__desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .game__requirements {
        margin: 28px 0 0;
        width: 100%
    }

    .game__rating {
        width: 100%
    }

    .game__statistic-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -20px -10px
    }

    .game__statistic-list li {
        padding: 20px 10px;
        width: 50%
    }

    .game__statistic-list li:not(:first-child) {
        border-left: none
    }

    .game__statistic-list li:first-child,.game__statistic-list li:nth-child(2) {
        border-bottom: 1px solid #181821
    }

    .review__rating {
        position: static
    }

    .review__rating .article-rating__link {
        display: inline-block
    }

    .review__rating .article-rating__wrap {
        height: 128px;
        padding-top: 38px;
        width: 128px
    }

    .review__rating .article-rating__wrap p {
        font-size: 11px
    }

    .review__rating .article-rating__numbers {
        font-size: 40px;
        margin-bottom: 5px
    }

    .author__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author__image {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        height: 130px;
        margin: 0 0 28px;
        width: 130px
    }

    .prime__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .prime__nav li {
        margin: 0;
        width: 100%
    }

    .prime__nav li+li {
        margin: 14px 0 0
    }
}

@media screen and (max-width: 600px) {
    .article-page .title {
        margin-bottom:32px
    }

    h1 {
        font-size: 32px
    }

    .prime {
        padding: 36px 20px
    }

    .prime__title {
        font-size: 36px
    }

    .prime__desc {
        line-height: 140%
    }

    .hero__title {
        margin-bottom: 12px
    }

    .hero__desc {
        margin-bottom: 36px
    }

    .hero__desc li {
        font-size: 10px
    }

    .hero__desc li+li {
        margin-left: 21px
    }

    .hero__desc li:not(:first-child):after {
        left: -11px
    }

    .hero__image {
        padding-bottom: 65%
    }

    .table-scroller table {
        width: 640px
    }

    .article h2 img,.article h3 img,.article h4 img,article h2 img,article h3 img,article h4 img {
        margin-right: 12px;
        max-width: 40px
    }

    .faq-item__title {
        padding: 22px 58px 22px 28px
    }

    .faq-item__title:before {
        right: 22px
    }

    .editor {
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 100px!important;
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% + 40px)
    }

    .editor__head {
        display: block;
        position: static
    }

    .editor__socials {
        bottom: 36px;
        left: 20px;
        position: absolute
    }

    .related__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .related__list li {
        margin: 0;
        width: 100%
    }

    .related__list li+li {
        margin-top: 28px
    }

    .related-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .related-item__image {
        margin: 0;
        padding-bottom: 29%;
        width: 40%
    }

    .related-item__desc {
        padding-left: 16px;
        width: 60%
    }

    .related-item__subtitle {
        font-size: 13px;
        margin-bottom: 8px
    }

    .relted-item__title {
        font-size: 16px
    }

    .guides__button,.review__button {
        width: 100%
    }

    .category-item__title {
        font-size: 24px
    }

    .category-item__date {
        font-size: 13px;
        margin-bottom: 4px
    }

    .author__name {
        font-size: 32px
    }

    .author__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author__inner {
        margin: 0
    }

    .author__socials {
        padding-top: 28px
    }

    .rate .rate__list li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0
    }

    .rate .rate__text {
        margin-top: 22px
    }

    .rate__title {
        margin: 0;
        width: calc(100% - 108px)
    }

    .rate__num {
        font-size: 32px;
        height: 80px;
        margin-right: 28px;
        position: relative;
        width: 80px
    }

    .page-bg img {
        width: 300%
    }
}

@media screen and (max-width: 415px) {
    .article-rating h2,.article-rating h3 {
        font-size:7.5vw
    }

    .summary__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .summary__list li {
        padding: 0;
        width: 100%
    }

    .summary__list li+li {
        margin-top: 20px
    }
}

@media screen and (max-width: 375px) {
    .article-rating__wrap {
        height:80px;
        padding-top: 23px;
        width: 80px
    }

    .article-rating {
        padding: 30px 18px 22px
    }

    .article-rating h2,.article-rating h3,.article-rating__info .article-rating__link {
        margin-left: 90px
    }

    .article-rating__item {
        left: 18px
    }

    .article-rating__numbers {
        font-size: 24px
    }

    .guides-item__image {
        width: 100px
    }

    .guides-item__desc {
        width: calc(100% - 116px)
    }
}

.footer {
    background-color: #0f0f17;
    margin-top: auto;
    position: relative;
    z-index: 11
}

.footer__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 auto;
    max-width: 1280px;
    padding: 32px 20px
}

.footer__copy {
    background: #6842fe;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 186%;
    padding: 16px 20px;
    text-align: center
}

.footer__info {
    margin-left: 10px;
    width: 380px
}

.footer__logo {
    margin-bottom: 20px;
    max-width: 162px
}

.footer__text {
    color: #6e6b86;
    font-size: 15px;
    font-weight: 400;
    line-height: 173%;
    margin: 0 0 20px
}

.footer__socials a {
    height: 42px;
    width: 42px
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 390px)
}

.footer__menu-item {
    padding: 0 50px
}

.footer__menu-item:not(:first-child) {
    border-left: 1px solid rgba(233,233,255,.08)
}

.footer__menu-item:first-child {
    padding-left: 0;
    width: 25%
}

.footer__menu-item:nth-child(2) {
    width: 31%
}

.footer__menu-item:last-child {
    width: 44%
}

.footer__menu-item:last-child ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.footer__menu-item:last-child ul li {
    width: calc(50% - 10px)
}

.footer__menu-item p {
    color: #6e6b86;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    margin: 0 0 28px;
    text-transform: uppercase
}

.footer__menu-item li {
    display: block;
    margin-bottom: 8px
}

.footer__menu-item a {
    color: #e9e9ff;
    font-size: 15px;
    font-weight: 400;
    line-height: 173%
}

.footer__menu-item a:hover {
    color: #6842fe
}

@media screen and (max-width: 1200px) {
    .footer__menu-item {
        padding:0 20px
    }
}

@media screen and (max-width: 1000px) {
    .footer__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__info {
        margin: 0 0 40px;
        max-width: 500px;
        width: 100%
    }

    .footer__menu {
        width: 100%
    }

    .footer__menu-item {
        padding: 0 50px
    }
}

@media screen and (max-width: 800px) {
    .footer__menu-item {
        padding:0 20px
    }
}

@media screen and (max-width: 700px) {
    .footer__content {
        padding-bottom:24px
    }

    .footer__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__menu-item:first-child {
        padding-right: 32px;
        width: 50%
    }

    .footer__menu-item:nth-child(2) {
        padding-left: 32px;
        padding-right: 0;
        width: 50%
    }

    .footer__menu-item:nth-child(3) {
        border: none;
        margin-top: 32px;
        padding: 0;
        width: 100%
    }

    .footer__menu-item:nth-child(3) ul li:nth-child(odd) {
        border-right: 1px solid rgba(233,233,255,.08);
        padding-right: 32px
    }

    .footer__menu-item:nth-child(3) ul li:nth-child(2n) {
        padding-left: 32px
    }

    .footer__menu-item:nth-child(3) ul li {
        margin: 0;
        padding-bottom: 8px;
        width: 50%
    }

    .footer__menu-item:nth-child(3) p {
        border-right: 1px solid rgba(233,233,255,.08);
        margin: 0;
        padding-bottom: 20px;
        padding-right: 32px;
        width: 50%
    }

    .footer__menu-item p {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 500px) {
    .footer__menu-item a {
        font-size:14px
    }
}

@media screen and (max-width: 375px) {
    .footer__menu-item:first-child {
        padding-right:18px
    }

    .footer__menu-item:nth-child(2) {
        padding-left: 18px
    }

    .footer__menu-item:nth-child(3) ul li:nth-child(odd) {
        padding-right: 18px
    }

    .footer__menu-item:nth-child(3) ul li:nth-child(2n) {
        padding-left: 18px
    }

    .footer__menu-item:nth-child(3) p {
        padding-right: 18px
    }

    .footer__copy,.footer__menu-item a {
        font-size: 13px
    }
}