html, body {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #1A1B1F;
    overflow: hidden;
    height: 100%;
}

div, span, object, iframe, img, table, caption, thead, tbody, tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, nav, footer, header, section, summary, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code, del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, legend, label {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
    display: block;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

table caption, table th, table td {
    text-align: left;
    vertical-align: middle;
}

a img {
    border: 0;
}

::selection {
    background-color: #1A1B1F;
}

:focus {
    outline: 0;
}

.fp-tableCell {
    vertical-align: top !important;
}

b {
    font-weight: 900;
    font-family: UniNeueHeavy, sans-serif;
}

@font-face {
    font-family: 'Uni Neue';
    src: url('../fonts/UniNeueRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniNeueBold';
    src: url('../fonts/UniNeueBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniNeueLight';
    src: url('../fonts/UniNeueLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniNeueHeavy';
    src: url('../fonts/hinted-subset-UniNeueHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'UniNeueBlack';
    src: url('../fonts/UniNeueBlack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@keyframes lds-eclipse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lds-eclipse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes modal-video {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }
    to {
        transform: translate(0, 0)
    }
}

.video_play__lds span {
    display: none;
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.lds-eclipse {
    position: relative;
}

.lds-eclipse div {
    position: absolute;
    -webkit-animation: lds-eclipse 5.7s linear infinite;
    animation: lds-eclipse 5.7s linear infinite;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    box-shadow: 0 8px 0 0 #fdfdfd;
    -webkit-transform-origin: 80px 84px;
    transform-origin: 80px 84px;
}

@keyframes pulse_play {
    0% {
        transform: scale(1);
        opacity: 0.3;
    }
    50% {
        transform: scale(0.9);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        opacity: 0.3;
    }
}

@-webkit-keyframes pulse_play {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: scale(0.9);
        opacity: 2;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.3;
    }
}

h1 {
    font-size: 130px;
    color: #FFFFFF;
}

body {
    color: #fff;
    font-family: 'Uni Neue', sans-serif;
    font-size: 16px;
    font-weight: 200;
    background-size: cover;
}

html {
    height: 100%;
    min-height: 100%;
}

.logo {
    display: block;
    background: url("../img/logo.svg") no-repeat;
    width: 204px;
    height: 41px;
}

@media (min-width: 767px) {
    .logo {
        background: url("../img/logo.svg") no-repeat;
        width: 204px;
        height: 41px;
    }

    .header__logo {
        margin-top: 0;
    }
}

@media (min-width: 1000px) {
    .logo {
        background: url("../img/logo.svg") no-repeat;
        width: 204px;
        height: 41px;
    }
}

.wrapper {
    padding: .1px 27px;
}

@media (min-width: 767px) {
    .wrapper {
        /*padding: .1px 10px .1px 137px;*/
        padding-right: 70px;
    }
}

@media (min-width: 1678px) {
    .wrapper {
        /*padding: .1px 10px .1px 50px;*/
    }
}

@media (min-width: 1200px) {
    .wrapper_job {
        padding: 170px 50px 150px;
    }
}

.header {
    z-index: 3;
    pointer-events: initial;
    background-color: transparent;
    transition: .2s ease;
}

@media (min-width: 1200px) {
    .header {
        display: flex;
        align-items: center;
        padding: 38px 22px;
    }
}

.header__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 59px;
    z-index: 2;
}

@media (min-width: 767px) {
    .header__content {
        height: 88px;
        padding: 0 33px 0 26px;
    }
}

@media (min-width: 1200px) {
    .header__content {
        padding: 0;
        height: initial;
    }
}

.header__logo {
    margin-top: -12px;
}

@media (min-width: 320px) {
    .header__logo {
        margin-top: 0;
    }
}

.header__links {
    padding: 85px 27px 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease;

}

.header__links.active {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.9);
}

@media (min-width: 1200px) {
    .header__links {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-height: initial;
        visibility: visible;
        background: transparent;
        padding: 0;
        opacity: 1;
        margin-top: -8px;
        width: auto;
        flex: 1 1;
        /*margin-left: 10px;*/
        margin-left: -35px;
    }
}

@media (min-width: 1350px) {
    .header__links {
        /*margin-left: 149px;*/
    }

    .header__links .header__nav {
        margin: 0 auto;
    }
}

@media (min-width: 2150px) {
    .header__links {
        /*margin-left: 205px;*/
    }
}

.header__nav {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .header__nav {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .header__bars {
        display: none;
    }
}

.header_content, .header.scrolled {
    background-image: linear-gradient(to top, transparent 85%, #121317);
}

@media (min-width: 767px) {
    .header_content, .header.scrolled {
        background: transparent;
    }
}

.header:after {
    opacity: 0;
    content: "";
    position: absolute;
    transition: .2s ease;
}

.header_content.scrolled {
    background: #273954;
}

.bars {
    position: relative;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    transition: .2s ease;
}

@media (min-width: 767px) {
    .bars {
        width: 25px;
        height: 4px;
    }
}

.bars:before, .bars:after {
    position: absolute;
    display: block;
    content: '';
    width: 15px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    transition: .2s ease;
}

@media (min-width: 767px) {
    .bars:before, .bars:after {
        width: 25px;
        height: 4px;
    }
}

.bars:before {
    top: -5px;
}

@media (min-width: 767px) {
    .bars:before {
        top: -9px;
    }
}

.bars:after {
    bottom: -5px;
}

@media (min-width: 767px) {
    .bars:after {
        bottom: -9px;
    }
}

.bars.active {
    background: transparent;
}

.bars.active:before {
    transform: rotate(45deg);
    top: 0;
}

.bars.active:after {
    transform: rotate(-45deg);
    bottom: 0;
}

.secondary-text, .footer_page p, .contact p {
    color: #5D6C76;
}

@media (min-width: 1200px) {
    .nav {
        display: flex;
        align-items: center;
    }
}

.join_server_text {
    font-size: 10px;
}

.nav_padding {
    padding-top: 8px;
}

.nav__link {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    white-space: nowrap;
}

.nav_icon {
    padding-left: 5px;
}

@media (min-width: 1200px) {
    .nav__link {
        margin: 0 10px;
        /*flex-direction: column;*/
        transition: .2s ease;
    }

    .nav__link:hover:not(.nav__link_private):not(.nav__link_donate):not(.active):before {
        background: #9D0000;

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e69', endColorstr='#ffa970', GradientType=1);
        width: 100%;
    }
}

.nav__link:not(.nav__link_private):not(.nav__link_donate):before {
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 3px;
    opacity: 0;
    left: -33px;
}

@media (min-width: 1200px) {
    .nav__link:not(.nav__link_private):not(.nav__link_donate):before {
        left: 0;
        bottom: 0;
        width: 0;
        opacity: .7;
        transition: .2s ease;
    }
}

.nav__link.active:not(.nav__link_private):not(.nav__link_donate) {
    opacity: .7;
    cursor: default;
}

@media (min-width: 1200px) {
    .nav__link.active:not(.nav__link_private):not(.nav__link_donate) {
        opacity: 1;
    }
}

.nav__link.active:not(.nav__link_private):not(.nav__link_donate):before {
    opacity: .7;
}

@media (min-width: 1200px) {
    .nav__link.active:not(.nav__link_private):not(.nav__link_donate):before {
        width: 100%;
        opacity: 1;
        background: #9D0000;

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e69', endColorstr='#ffa970', GradientType=1);
    }
}

@media (min-width: 1200px) {
    .nav__link_private {
        flex-direction: row;
        padding-left: 22px;
    }
}

@media (min-width: 1200px) {
    .nav__link_private:before {
        bottom: initial;
        left: 0;
    }
}

.layout {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.layout__header {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    pointer-events: none;
    background-image: linear-gradient(to top, transparent 85%, #121317);
}

.layout__content {
    width: 100%;
    height: 100%;
    z-index: 2;
}

.layout_content:before, .layout_content:after {
    display: none;
}

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

.content__slide {
    width: 100%;
    min-height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    transition: .4s ease;
}

.box_arrow {
    padding-left: 15px;
}

.content__slide_main {
    height: 100%;
}

@media (min-width: 767px) {
    .fp-enabled .content__slide {
        opacity: 0;
    }
}

.fp-enabled .content__slide .slide-content__content-side {
    transition: 1s ease;
}

@media (min-width: 767px) {
    .fp-enabled .content__slide .slide-content__content-side:not(.slide-content__content-img) {
        transform: translate(0, 80%);
    }
}

@media (min-width: 1200px) {
    .fp-enabled .content__slide .slide-content__content-side:not(.slide-content__content-img) {
        transform: rotateY(90deg);
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide .slide-content__content-side.slide-content__content-img {
        transform: translate(0, 40%);
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide .slide-content__number {
        transform: translate(0, -500%);
        transition: 1s ease;
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide .h2 {
        transform: translate(0, -300%);
        transition: 1s ease;
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide .slide-content__content-main p {
        transform: translate(0, 100%);
        transition: 1s ease;
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide .why-us__grid {
        transform: translate(0, 100%);
        transition: 0.7s ease-out;
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide.active {
        opacity: 1;
    }
}

@media (min-width: 767px) {
    .fp-enabled .content__slide.active .slide-content__content-side, .fp-enabled .content__slide.fp-completely .slide-content__content-side {
        transform: rotateY(0) translate(0, 0);
    }

    .fp-enabled .content__slide.active .slide-content__number, .fp-enabled .content__slide.fp-completely .slide-content__number {
        transform: translate(0, 0);
    }

    .fp-enabled .content__slide.active .h2, .fp-enabled .content__slide.fp-completely .h2 {
        transform: translate(0, 0);
    }

    .fp-enabled .content__slide.active .slide-content__content-main p, .fp-enabled .content__slide.fp-completely .slide-content__content-main p {
        transform: translate(0, 0);
    }

    .fp-enabled .content__slide.active .why-us__grid, .fp-enabled .content__slide.fp-completely .why-us__grid {
        transform: translate(0, 0);
    }
}

.slide-content {
    width: 100%;
}

@media (min-width: 767px) {
    .slide-content__content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .promo.slide-content__content {
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .slide-content__content {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .notcenter {
        justify-content: space-between !important;
    }
}

@media (min-width: 1200px) {
    .slide-content__content-main_max-width {
        min-width: 400px;
        max-width: 600px;
        position: relative;
    }

}

.slide-content__content-img img {
    width: 100%;
}

@media (min-width: 767px) {
    .slide-content__content-img img {
        display: none;
    }
}

@media (min-width: 767px) and (orientation: portrait) {
    .slide-content__content-img img {
        display: block;
    }
}

@media (min-width: 1200px) {
    .slide-content__content-img img {
        display: block;
        width: 120%;
    }
}

.content__slide_home {
    height: 100%;
    min-height: 100%;
    background: url('../img/backgrounds/1.webp');
    box-shadow: 0 0 10px rgba(26, 27, 31, 1), 0 0 20px rgba(26, 27, 31, 1), 0 0 30px rgba(26, 27, 31, 1), 0 0 40px rgba(26, 27, 31, 1), 0 0 50px rgba(26, 27, 31, 1) inset;
    /*background-color: #1A1B1F;*/
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.section.content__slide__promo.fp-section.fp-table.dark {
    height: 100%;
    background: url('../img/backgrounds/2.webp');
    /*background-color: #1A1B1F;*/
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.section.content__slide__promo.fp-section.fp-table.girl {
    height: 100%;
    background: url('../img/backgrounds/3.webp');
    /*background-color: #1A1B1F;*/
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}


.section.content__slide__promo.fp-section.fp-table.brown {
    height: 100%;
    background: url('../img/backgrounds/4.webp');
    /*background-color: #1A1B1F;*/
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}


.section.content__slide__promo.fp-section.fp-table.dark_light {
    height: 100%;
    background: url('../img/backgrounds/5.webp');
    /*background-color: #1A1B1F;*/
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.content__slide__footer {
    height: 100%;
    min-height: 100%;
    background: url('../img/backgrounds/5.webp');
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.content__slide__about {
    height: 100%;
    min-height: 100%;
    background: url('../img/backgrounds/4.webp');
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.content__slide__donate {
    height: 100%;
    min-height: 100%;
    background-color: #1A1B1F;
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.content__slide__playing {
    height: 100%;
    min-height: 100%;
    background: url('../img/backgrounds/2.webp');
    background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.slide-main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    overflow: hidden;
    flex-grow: 1;
}

.slide-main__text {
    width: 150px;
    margin-left: 80px;
    margin-top: -15px;
    font-size: 22px;
    line-height: 29px;
}

@media (min-width: 767px) {
    .slide-main__text {
        font-size: 35px;
        line-height: 44px;
        width: 240px;
        margin-left: 117px;
        margin-top: -30px;
    }
}

@media (min-width: 1200px) {
    .slide-main__text {
        font-size: 30px;
        line-height: 29px;
        width: 550px;
        margin-left: 300px;
        margin-top: -75px;
        font-weight: 400;
    }
}

.slide-main__bg {
    position: absolute;
    width: 120%;
    height: 100%;
    margin-left: -10%;
    margin-top: -5%;
    background: url(../img/items/redstone.webp);
    background-size: 100%;
    background-position: center;
    z-index: -1;
    will-change: transform;
}

#scene2 {
    width: 100%;
    height: 100%;
}

.slide-main__about {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/items/golden_apple.webp);
    background-size: 100%;
    background-position: center;
    z-index: 0;
    will-change: transform;
}

@media (min-width: 767px) {
    .slide-main__bg {
        height: 120%;
    }
}

.slide-main__content {
    position: relative;
    z-index: 2;
}

.h2__home {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin: 20px 0;
}

.h1 {
    font-size: 130px;
    font-weight: bold;
    font-family: UniNeueHeavy, sans-serif;
    letter-spacing: -2px;
    pointer-events: none;
}

@media (min-width: 767px) {
    .h2 {
        font-size: 28px;
        line-height: 30px;
        margin: 30px 0 50px;
    }
}

.h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    margin: 23px 0 18px;
}

@media (min-width: 767px) {
    .h3 {
        margin: -13px 0 28px;
    }
}

p {
    line-height: 29px;
    margin: 20px 0;
}

.about_text {
    font-size: 18px !important;
    line-height: normal !important;
}

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

.ul {
    list-style-type: none;
    line-height: 26px;
}

.ul__li {
    margin: 0 0 25px;
}

.ul__li:before {
    content: "\2013";
    margin-right: 9px;
    margin-left: -18px;
}

#fp-nav.fp-right {
    right: 43px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #fff;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    background: #fff;
}

#fp-nav ul li, .fp-slidesNav ul li {
    margin: 60px 7px;
}

* {
    box-sizing: border-box;
}

a {
    color: #00A2FF;
    text-decoration: none;
    font-weight: 400;
}

body > canvas {
    opacity: .1;
}

.person__left:after {
    content: "";
    position: absolute;
    width: 398px;
    height: 881px;
    left: -120px;
    top: -34px;
    background: url('../img/render/render_1.webp') no-repeat;
}

.person__right:before {
    position: absolute;
    content: "";
    width: 560px;
    height: 1000px;
    left: 117px;
    top: -154px;
    z-index: 1;
    background: url('../img/render/render_1.webp') no-repeat;
}

.slide-main.right__main {
    width: 40%;
    flex-grow: 1;
    overflow: visible;
}

.slide-main.left__main {
    justify-content: center;
    align-items: flex-start;
    padding-top: 200px;
}

.circle__right__a {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 388px;
    top: 18px;
    background: rgba(166, 166, 166, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 11px;
}

.circle__right__b {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 395px;
    top: 27px;
    background: rgba(166, 166, 166, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 11px;
}

.circle__left__a {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 252px;
    top: 80px;
    background: rgba(166, 166, 166, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 11px;
}

.circle__left__b {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 243px;
    top: 89px;
    background: rgba(166, 166, 166, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 11px;
}

.dialog__left .text__dialog {
    position: absolute;
    width: 166px;
    height: 68px;
    left: 79px;
    top: 101px;
    background: rgba(166, 166, 166, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 11px;
    padding: 11px;
    text-align: center;
    font-size: 16px;
}

.dialog__right .text__dialog {
    position: absolute;
    width: 151px;
    height: 54px;
    left: 405px;
    top: 38px;
    background: rgba(166, 166, 166, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 11px;
    padding: 16px;
    text-align: center;
    font-size: 16px;
    z-index: 1;
}

.dialog__left {
    position: relative;
    z-index: 1;
}

.primary_btn {
    display: inline-block;
    padding: 0 35px;
    font-size: 16px;
    height: 60px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 300;
    border-radius: 50px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    display: flex;
    justify-content: center;
    line-height: 16px;
}

.btn_primary_nav {
    display: block !important;
    padding-top: 13px;
    padding-left: 55px !important;
}

.btn_rond_orange {
    border: 2px solid #9D0000;
    border-radius: 100px;
    font-family: Uni Neue, sans-serif;
    font-weight: bold;
    transition: background .2s;
}

.btn_rond_orange:hover {
    background: #9D0000;
    background-size: 100% auto;
    border: 2px solid transparent;
}

.gradient_btn__orange {
    background: #9d0000;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    background-size: 100% auto;
    box-shadow: 0 5px 35px rgba(157, 0, 0, 0.25);
    font-family: Uni Neue, sans-serif;
    font-weight: bold;
}

.gradient_btn__orange:hover {
    background-size: 200% auto;
    box-shadow: none;
}

.btn_primary_nav:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    left: 31px;
    background: url(../img/icons/user.svg) no-repeat;
    background-size: cover;
    opacity: 1;
    top: 16px;
}

.start_play {
    position: relative;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    padding-left: 10px;
    margin-right: 50.5px;
}

.start_play:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 20px;
    right: 25px;
    background: url('../img/icons/button-arrow.svg') no-repeat;
    background-size: 100%;
    top: 20px;
}

.start_play:before {
    content: "";
    position: absolute;
    animation-name: pulse_play;
    -webkit-animation-name: pulse_play;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    width: 32px;
    height: 35px;
    right: 16px;
    animation: pulse_play 2s infinite;
    background: url('../img/icons/button-arrow.svg') no-repeat;
    background-size: cover;
    opacity: 0.2;
    top: 12px;
}

.nav__link_private .primary_btn {
    min-width: 135px;
    line-height: 40px;
}

.nav__link.nav__link_donate {
    border: 2px solid #9D0000;
    border-radius: 50px;
    min-width: 100px;
    height: 60px;
    width: 125px;
    justify-content: center;
}

.nav__link.nav__link_donate.active {
    background: #9D0000;
}

.nav__link.nav__link_donate:hover {
    background: #9D0000;
}

_ .wrapper.slide__home {
    position: absolute;
    left: 304px;
    top: 215px;
}

.home__text.h2__home {
    font-size: 30px;
    font-weight: lighter;
    padding-left: 15px;
    text-transform: none;
    line-height: 38px;
    margin: 8px 0 63px -7px;
    max-width: 525px;
    pointer-events: none;
}

#scene {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    overflow: hidden;
}

@media (min-width: 320px) {
    .per__main {
        display: flex;
        justify-content: right;
        flex-direction: column;
        display: none;
    }
}

.person__right.revealator-slideleft.revealator-delay2.revealator-once.revealator-within {
    z-index: 1;
}

.per__main {
    display: flex;
    flex-direction: column;
    z-index: 0;
    position: absolute;
    right: 0;
    width: 46%;
}

.pxl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    position: absolute;
}

.server {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 111px;
    left: 5px;
    z-index: 10;
    max-width: 1000px;
}

.home__main.revealator-slideright.revealator-within {
    position: relative;
    z-index: 1;
}

.slide-content.slide-content_home.container {
    padding-top: 145px;
}

.nav__link_donate__mob {
    display: none;
}

.nav__link_private__mob {
    display: none;
}

.news__block img {
    border-radius: 8px;
    width: 289px;
    height: 100%;
}

.home.slide-content__content.wrapper {
    padding: 0.1px 68px 0.1px 15px;
    flex-grow: 1;
    align-items: start;
    margin-top: 0;
    flex-direction: row;
    width: 724px;
    height: 724px;
}

.home__button {
    height: 60px;
    display: flex;
    align-items: flex-end;
}

.lds-eclipse__play {
    position: relative;
}

.lds-eclipse__play div {
    position: absolute;
    -webkit-animation: lds-eclipse 5s linear infinite;
    animation: lds-eclipse 5s linear infinite;
    width: 192px;
    height: 192px;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    box-shadow: 0 6px 0 0 #ffffff;
    -webkit-transform-origin: 96px 99px;
    transform-origin: 96px 99px;
}

.lds-eclipse__play {
    width: 110px !important;
    height: 110px !important;
    -webkit-transform: translate(-55px, -55px) scale(0.55) translate(55px, 55px);
    transform: translate(-55px, -55px) scale(0.55) translate(55px, 55px);
}

.title__h {
    font-size: 60px;
    font-family: 'UniNeueBlack', sans-serif;
    margin-bottom: 30px;
}

.container__news {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.btn_rond:hover {
    background: #4A41BB;
}

.btn_rond {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    color: #fff;
    font-family: Uni Neue, sans-serif;
    border: 2px dashed #4A41BB;
    border-radius: 8px;
    text-align: center;
}

.btn__news {
    padding: 28px;
}

.btn_rond.btn__news {
    font-family: Uni Neue, sans-serif;
    font-weight: bold;
}

.h__t {
    width: 100%;
    font-family: 'UniNeueHeavy', sans-serif;
    font-size: 23px;
}

.desc__news {
    width: 100%;
    padding: 25px 25px 10px 25px;
    position: relative;
}

.h__t {
    width: 100%;
    height: 80%;
}

.hv {
    position: relative;
}

.news__main.slide-content__content-main.slide-content__content-main_max-width.container__news {
    max-width: 620px;
}

.news.slide-content__content.wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 70px;
    align-items: normal;

}

.about_tabs ul {
    border: 2px solid rgba(255, 255, 255, 0.1);
    list-style: none;
    display: flex;
    border-radius: 100px;
    margin-bottom: 30px;
    position: relative;
    height: 100%;
    max-width: 100%;
    justify-content: center;
    padding: 4px;
}

.about_tabs li {
    width: 100%;
    position: relative;
    height: 100%;
}

.about_tabs li span {
    width: 39px;
    height: 39px;
    display: flex;
    transition: all .75s;
}

.about_tabs li span {
    background-size: 39px;
}

.about_tabs li:nth-child(1) span {
    background: url('../img/icons/team/admin.svg') no-repeat;
}

.about_tabs li:nth-child(2) span {
    background: url('../img/icons/team/developer.svg') no-repeat;
}

.about_tabs li:nth-child(3) span {
    background: url('../img/icons/team/content.svg') no-repeat;
}

.about_tabs li:nth-child(4) span {
    background: url('../img/icons/team/moderator.svg') no-repeat;
}

.about_tabs li:nth-child(5) span {
    background: url('../img/icons/team/builder.svg') no-repeat;
}

.about_tabs li:nth-child(6) span {
    background: url('../img/icons/team/supporter.svg') no-repeat;
}

.about_tabs a {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    border-radius: 100px;
    padding: 16px;
}

#slider .slide__rp {
    position: absolute;
    margin: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    width: 30%;
    display: flex;
    background: #9d0000;
    border-radius: 100px;
    height: 71px;
    z-index: -1;
}

.slide-content__content-side {
    max-width: 1110px;
    width: 1110px;
    position: relative;
    z-index: 1;
}

.about_tabs .ui-state-active span {
    filter: brightness(999%);
}

/*change slider here*/
.about_tabs ul li:nth-child(6) {
    position: absolute;
    z-index: -1;
}

#tabs .tabs-container-wrapper {
    position: relative;
    overflow: visible;
    /*height: 320px;*/
}

#tabs .tabs-container-wrapper .tabs-container {
    left: 0;
    overflow: visible;
    position: absolute;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    -ms-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

#tabs .tabs-container-wrapper .tabs-container div {
    height: 100%;
    width: 100%;
}

.h_tabs {
    font-family: UniNeueHeavy, sans-serif;
    font-size: 50px;
}

.tabs0:before, .tabs1:before, .tabs2:before, .tabs3:before, .tabs4:before {
    position: absolute;
    content: "";
    z-index: 0;
    left: -312px;
    top: -212px;
    min-width: 920px;
    min-height: 436px;
    width: 100%;
    height: 100%;
    background-size: 100%;
}

.tabs0:after, .tabs1:after, .tabs2:after, .tabs3:after, .tabs4:after {
    background: url('../img/render/render_4.webp');
    content: "";
    height: 100%;
    position: absolute;
    margin: auto;
    left: -85px;
    right: 0;
    top: 0;
    bottom: -200px;
    width: 100%;
    background-size: cover;
    min-width: 646px;
    min-height: 967px;
    z-index: 1;
}

.slide-content.slide-content_about.container {
    margin-top: 9%;
    position: relative;
    z-index: 1;
}

.container__play {
    display: flex;
    flex-direction: row;
}

.block {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 25px;
    flex-grow: 1;
}

.block__content span {
    font-style: italic;
    width: 100%;
    display: flex;
    border-left: 3px solid #FF6868;
    padding-left: 15px;
    margin-top: 15px;
}

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

.nav__link_private {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    padding-left: 19px;
    padding-right: 20px;
    min-width: 100%;
}

.home__button .primary_btn.gradient_btn__orange.start_play {
    min-width: 204px;
}

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

.slide-content.slide-content_playing.container.wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    padding-bottom: 35px;
}

.slide-content.slide-content_donate.container.wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 70px;
    max-width: 1202px;
}

.donate.slide-content__content {
    align-items: flex-start;
}

.footer.slide-content__content {
    flex-direction: column;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

.slide-content__content-side.donate:nth-child(2) {
    display: flex;
    justify-content: flex-end;
}

.slide-content__content-side.donate .md_l p {
    font-size: 20px;
    margin-bottom: 10px;
}

.slide-content__content-side.donate .md_l p:nth-child(4) {
    margin-bottom: 60px;
}

.playing.slide-content__content {
    margin-bottom: 60px;
}

@keyframes render-animation {
    0% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}

.bg-play:after {
    animation: render-animation ease-in-out 3s infinite alternate;
    left: -20px;
    background: url('../img/render/render_2.webp');
    content: "";
    width: 420px;
    height: 969px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: block;
    background-size: cover;
}

.btn {
    padding: 16px;
    width: 100%;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 10;
}

.btn__play:nth-child(1) {
    margin-right: 20px;
}

.btn__tabs:nth-child(1) {
    margin-right: 20px;
}

.btn__don:nth-child(1) {
    margin-right: 20px;
}

.btn.gradient_btn__orange.btn__don {
    padding: 12px;
}

.btn.gradient_btn__orange.btn__tabs {
    padding: 18px;
}

.slide-content__content-side.donate {
    max-width: 612px;
    width: 612px;
    position: relative;
}

.h__donate {
    font-family: UniNeueBlack;
    font-size: 40px;
}

.label__donate {
    font-size: 20px;
    font-family: Uni Neue, sans-serif;
}

.don_sel {
    border: none;
    background: #333051;
    color: #fff;
    font-family: UniNeueBlack;
    padding: 16px;
    border-radius: 8px;
}

.inp__donate {
    border: none;
    background: #333051;
    padding: 16px;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
    font-family: UniNeueHeavy, sans-serif;
    z-index: 2;
}

.inp__donate input {
    border: none;
    font-family: UniNeueHeavy, sans-serif;
    background: transparent;
    color: #fff;
    font-size: 16px;
}

.inp__donate input::-webkit-input-placeholder {
    color: #ffffff;
}

.inp__donate input::-ms-input-placeholder {
    color: #ffffff;
}

.inp__donate input::-ms-input-placeholder {
    color: #ffffff;
}

.inp__donate input::placeholder {
    color: #ffffff;
}

.inp__donate label {
    flex: 0 1 auto;
}

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

.margin-bottom-25 {
    margin-bottom: 25px;
}

.contact {
    width: 288px;
    color: #fff;
}

.md_l.contact_blc {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

.md_l.contact_blc > li {
    width: calc(100% / 3);
}

.md_bt {
    padding-right: 15px;
}

.contact_blc li {
    list-style: none;
    display: flex;
    justify-content: center;
}

.contact .h {
    font-family: Uni Neue, sans-serif;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.contact .btn {
    align-self: flex-end;
}

.contact_blc li {
    list-style: none;
    display: flex;
    position: relative;
}

.contact:after {
    border-width: 0 0 0 2px;
    border-style: solid;
    border-image: linear-gradient(0deg, transparent 5%, rgba(255, 255, 255, 0.1) 50%, transparent 95%) 1 100%;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.contact:nth-child(3n):after {
    border-width: 0 2px 0 2px;
}

.borderExcept {
    border-width: 0 !important;
}

.contact:nth-child(1):after {
    /*border-left: transparent 0 solid;*/
    content: "";
    position: absolute;
}

.contact:nth-child(1):hover ~ .contact:nth-child(2):after {
    border-left: transparent 1px solid;
    content: "";
    position: absolute;
    transition: all .4s ease 0s;
}

.contact:nth-child(2):hover ~ .contact:nth-child(3):after {
    border-left: transparent 1px solid;
    content: "";
    position: absolute;
    transition: all .4s ease 0s;
}

.contact:nth-child(3):hover ~ .contact:nth-child(4):after {
    border-left: transparent 1px solid;
    content: "";
    position: absolute;
    transition: all .4s ease 0s;
}

.footer_page p {
    font-size: 20px;
}

.contact a {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 38px;
    position: relative;
    transition: all .4s ease;
    z-index: 1;
    width: 100%;
}

.contact .img {
    min-height: 74px;
    max-height: 74px;
    margin-bottom: 20px;
}

.grow {
    flex-grow: 1;
}

.contact a:hover {
    background-image: linear-gradient(0deg, transparent 5%, rgba(255, 255, 255, 0.1) 50%, transparent 95%);
    border-radius: 8px;
}

.contact a:hover .btn_rond_orange {
    background: #9D0000;

    background-size: 100% auto;
    border: 2px solid transparent;
}

footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-self: flex-start;
}

.footer_bottom {
    padding-bottom: 40px;
}

.footer_top {
    padding-top: 8px;
}

.footer_text_span {
    font-size: 14px;
    padding: 10px 0 0 6px;
}

.slide-content_footer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: url('../img/footer.svg') no-repeat bottom;
    left: 0;
    right: 0;
    background-size: 100%;
}

.slide-content_footer:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: url('../img/render/render_5.webp') no-repeat bottom right;
    right: 0;
    max-width: 755px;
    background-size: 100%;
}

.contact a:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    background: url('../img/hover.webp') no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    right: 0;
    opacity: 0;
    text-align: center;
    transition: 0.2s;
}

.contact a:hover, .contact a:hover:before, .contact a:hover:after {
    opacity: 1;
}

.logo_white {
    max-width: 204px;
    margin-bottom: -10px;
}

footer div:nth-child(1) {
    margin-right: 10px;
}

footer div {
    display: flex;
    flex-direction: column;
}

footer a {
    color: #FFF;
    margin-bottom: 10px;
}

footer a:hover {
    text-decoration: underline;
}

.contact .h {
    font-family: Uni Neue, sans-serif;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.about_rd li {
    list-style: none;
    display: flex;
    max-width: 272px;
    position: relative;
    margin-right: 34px;
    margin-bottom: 34px;
}

.rd a {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    position: relative;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.about_rd li:nth-child(4) {
    margin-right: 8px;
}

.about_rd li:nth-child(8) {
    margin-right: 8px;
}

.about_rd {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

.about_rd a:after {
    width: 200px;
    height: 226px;
    position: absolute;
    content: "";
    background: url('../img/hover.webp');
    background-repeat: no-repeat;
    top: 0;
    background-position: -72px 0;
    z-index: 1;
    right: 0;
    opacity: 0;
}

.about_rd a:before {
    opacity: 0;
    z-index: 1;
    width: 200px;
    height: 226px;
    position: absolute;
    content: "";
    background: url('../img/hover.webp');
    background-repeat: no-repeat;
    left: 0;
    background-position: 0 -155px;
    bottom: 0;
}

.about_rd a:hover, .about_rd a:hover:before, .about_rd a:hover:after {
    opacity: 1;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.rd.big {
    max-height: 380px;
    min-height: 478px;
}

.about_rd li:nth-child(3) .grow p {
    margin-bottom: 20px;
}

.about_rd li:nth-child(2) .grow p {
    margin-bottom: 20px;
}

.rd.small {
    max-height: 240px;
}

#modal_about_redbucks {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.rd .h {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.rd.big .h {
    margin-bottom: 23px;
}

.rd.small .h {
    margin-bottom: 10px;
}

.modal_box {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
}

.modal_box .text {
    position: relative;
    display: flex;
    flex-basis: 61%;
    font-size: 16px;
    padding-right: 85px;
}

.rd-popup .mfp-close {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    opacity: 1;
    width: 50px;
    height: 50px;
    top: 20px;
    line-height: normal;
    background: #9D0000;

    background-size: 100% auto;
    box-shadow: 0 20px 40px rgba(255, 129, 119, 0.5);
    border-radius: 100px;
    font-size: 38px;
}

.blc_donate.modal_blc_donate {
    background: rgba(255, 255, 255, 0.1);
}

.rd-popup .mfp-close:hover {
    background-size: 200% auto;
    box-shadow: none;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.modal_box .text:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 6px;
    height: 78%;
    background: #9D0000;

    background-size: 100% auto;
    box-shadow: 0 20px 40px rgba(255, 129, 119, 0.5);
    top: 6px;
    overflow: visible;
    border-radius: 8px;
    z-index: 10;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    left: -15px;
    bottom: 0;
}

.rd p {
    font-size: 14px;
    color: #9A93D0;
    margin: 0 0 6px 0;
    line-height: normal;
}

.rd.big p:before {
    content: "+";
    position: relative;
    text-shadow: 0 20px 40px rgba(255, 129, 119, 0.5);
    color: rgb(255, 129, 119);
    font-size: 18px;
    margin-right: 10px;
    float: left;
}

.btn.btn_rond_orange.btn__modal {
    font-family: Uni Neue, sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
    position: relative;
    z-index: 10;
}

.btn.btn_rond_orange.btn__modal:hover {
    background: #9D0000;
}

.layout .mfp-bg.my-mfp-zoom-in.mfp-ready {
    background: rgb(9, 7, 38);
    opacity: 0.8;
}

#pay {
    max-width: 476px;
    margin: 0 auto;
    position: relative;
}

.block__pay {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 25px;
    padding: 7px 7px 7px 0;
    font-size: 20px;
}

.bonus::before {
    content: "";
    transform: skew(-20deg);
    border-radius: 4px;
    background: linear-gradient(79.37deg, #FF6868 -4.19%, #FFB673 103.34%);
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pd-bn {
    padding: 1px;
}

.bn {
    background: linear-gradient(79.37deg, #FF6868 -4.19%, #FFB673 103.34%);
    padding: 7px;
    border-radius: 3px;
    font-size: 12px;
    font-family: UniNeueHeavy, sans-serif;
}

.pd-bn h6 {
    font-family: UniNeueHeavy, sans-serif;
}

.block__pay div:nth-child(2n), .block__pay div:nth-child(3n) {
    font-family: UniNeueHeavy, sans-serif;
}

.block__pay span {
    position: relative;
    font-family: UniNeueHeavy, sans-serif;
    z-index: 10;
    width: 105px;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 45px;
    flex-direction: row;
    line-height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    align-items: center;
}

.block__pay div {
    width: 47%;
    flex-direction: row;
    display: flex;
}

#pay .mfp-close {
    right: -50px;
    top: -50px;
}

.slide-content.slide-content_footer.container.wrapper {
    height: 100%;
    padding: 150px 45px .1px 15px;
}

.container_item__play {
    width: 374px;
    margin-right: 34px;
    border-radius: 10px;
    position: relative;
    min-height: 530px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.container_item__play:nth-child(1) {
    background-size: cover;
    background: url('../img/news/boxes/first.svg') no-repeat;
}

.container_item__play:nth-child(2) {
    background-size: cover;
    background: url('../img/news/boxes/second.svg') no-repeat;
}

.container_item__play:nth-child(3) {
    background-size: cover;
    background: url('../img/news/boxes/third.svg') no-repeat;
}

.container_item__play:nth-child(1):after, .container_item__play:nth-child(2):after {
    content: "";
    position: absolute;
    background: url('../img/icons/next.svg') no-repeat;
    width: 17px;
    height: 28px;
    top: 25px;
    right: -28px;
    margin: auto;
    bottom: 0;
}

.block__heading {
    font-size: 30px;
    font-family: UniNeueHeavy, sans-serif;
}

.cont_select_center {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -150px;
}

.cont_heg_50 {
    position: absolute;
    height: 50%;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fd7b52;
}

.icon_select_mate {
    position: absolute;
    top: 20px;
    right: 2%;
    font-size: 16px;
    height: 22px;
    transition: all 275ms;
    z-index: 10;
    cursor: pointer;
}

.select_mate {
    position: relative;
    transition: all 375ms ease-in-out;
    z-index: 3;
}

.selecionado_opcion {
    width: 100%;
    border: none;
    background: #333051;
    color: #fff;
    font-family: UniNeueHeavy, sans-serif;
    padding: 16px;
    border-radius: 2px;
    font-weight: 300;
    display: block;
    margin: 0;
    cursor: pointer;
}

select {
    position: absolute;
    overflow: hidden;
    height: 0;
    opacity: 0;
    z-index: -1;
}

.cont_list_select_mate {
    position: relative;
    float: left;
    width: 100%;
}

.cont_select_int {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
    height: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
    transition: all 375ms ease-in-out;
}

.cont_select_int li {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #2E2B4C;
    background-color: #333051;
    list-style-type: none;
    padding: 10px 2%;
    margin: 0;
    transition: all 275ms ease-in-out;
    display: block;
    cursor: pointer;
}

.cont_select_int li:hover {
    background: #3C395A;
}

.blc_donate .selecionado_opcion {
    color: #fff;
}

.btn_rond.btn.btn__don {
    padding: 17px;
    min-width: 292px;
    font-family: Uni Neue, sans-serif;
    font-weight: bold;
}

.btn.gradient_btn__orange.btn__don {
    padding: 13px;
    width: 100%;
    min-width: 300px;
    min-height: 60px;
    line-height: normal;
    max-height: 60px;
}

.button {
    display: flex;
    align-items: center;
    max-height: 60px;
}

#p_prldr {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #32313F;
}

.contpre small {
    font-size: 25px;
}

.contpre {
    width: 250px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 48%;
    margin-left: -125px;
    margin-top: -75px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -2px;
    text-align: center;
    line-height: 35px;
}

#sum {
    width: 110px;
    font-size: 15px;
}

.input-buffer {
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: nowrap;
}


.span_p {
    font-size: 30px;
    color: #fff;
    font-family: Uni Neue, sans-serif;
    font-weight: bold;
    padding-left: 5px;

}

.slide-content.slide-content_promo.container.wrapper {

    height: 100%;
    padding: .1px 0 .1px 15px;

}

.slide-content__content-side.promo .md_l, .slide-content__content-side.promo .md_r {
    display: flex;
    flex-direction: column;
    position: relative;
}

.slide-content__content-side.promo {
    align-self: center;
}

.slide-content__content-side.promo .md_l {
    justify-content: center;
}

.slide-content__content-side.promo:nth-child(1) {
    z-index: 1;
}

.slide-content__content-side.promo .md_r {
    width: 100%;
    align-items: center;
    height: 100%;
}

.slide-content__content-side.promo:nth-child(2) {

    align-self: center;

}

.h_promo.s1 {
    font-size: 60px;
}

.border_p:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    left: 0;
    background: #9D0000;

    background-size: 100% auto;
    top: 0;
    overflow: visible;
    border-radius: 8px;
    z-index: 10;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.border_p {
    position: relative;
    padding-left: 19px;
    left: 8px;
    /*margin-bottom: 75px;*/
    margin-top: 40px;
}

.butt_goo__play {
    position: absolute;
    left: -34px;
    display: flex;
    align-items: center;
    height: 117px;
}

.play__ic:before {
    content: "";
    position: absolute;
    animation-name: pulse_play;
    -webkit-animation-name: pulse_play;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    width: 45px;
    right: 0;
    animation: pulse_play 2s infinite;
    background: url('../img/icons/button-arrow.svg') no-repeat;
    background-size: 100%;
    opacity: 0.5;
    top: 20px;
    left: -11px;
    margin: auto;
    height: 50px;
}

.go_pr:hover {
    cursor: pointer;
}

.p_content {
    border-top: 1px solid #808082;
    border-radius: 6px;
    border-right: 1px solid #808082;
    font-size: 17px;
    font-family: Uni Neue, sans-serif;
    position: relative;
    padding: 30px 78px 68px 37px;
    margin: auto auto -60px;
}

.bl__s {
    position: relative;
}

.p_after {
    position: relative;
}

.p_after:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    border-left: 1px solid #808082;
    border-radius: 6px 0;
    left: 0;
    top: 0;
}

.p_after:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 20px;
    border-bottom: 1px solid #808082;
    border-radius: 6px 0;
    bottom: -60px;
    right: 0;
}

.sokolyanskiy {
    background: url('../img/render/render_3.webp') no-repeat;
    z-index: 1;
    height: 829px;
    background-size: 100%;
    width: 580px;
    flex-grow: 1;
    background-position: bottom;
}

.p_content a {
    color: #fff;
}

.p_content a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.right_bn {
    z-index: 2;
    cursor: pointer;
}

.quote::before, .quote::after {
    position: absolute;
    color: #f1efe6;
    font-size: 4rem;
    width: 2rem;
    height: 2rem;
    font-family: arial, sans-serif;
}

.quote::before {
    content: '“';
    left: -10px;
    top: -25px;
}

.quote::after {
    content: '”';
    right: -8px;
    bottom: -5px;
}

.quote {
    position: relative;
    max-width: 450px;
    margin-left: 7px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 14px 20px 15px;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: -10px;
}

.slide-content__content-side.promo:nth-child(1) {
    align-self: center;
    margin-right: 45px;
}


@media only screen and (min-width: 2048px) and (max-width: 3840px) {
    .slide-content_footer:after {
        max-width: 993px;
    }

    .news__img {
        width: 1141px;
        background-size: cover;
        height: 931px;
        right: -920px;
    }

    .tabs4:after, .tabs3:after, .tabs2:after, .tabs1:after, .tabs0:after {
        left: -252px;
        min-width: 815px;
        min-height: 1241px;
    }

    .per__main {
        transform: scale(1.2);
    }

    #rp_slide {
        transform: scale(1);
    }

    .slide-content__content-side.promo:nth-child(2) {
        align-self: center;
    }

    .person__left {
        transform: scale(1.2);
    }

    .person__right {
        transform: scale(1.2);
    }

    .container {
        max-width: 1350px;
    }

    .sokolyanskiy {
        z-index: 1;
        height: 829px;
        background-size: 100%;
        width: 142%;
    }

    .slide-content__content-side.promo:nth-child(2) {
        align-self: center;
        height: 100%;
    }
}


@media screen and (max-width: 1920px) {
    .sokolyanskiy {
        transform: scale(1) !important;
    }

    .person__left {
        transform: scale(1) !important;
    }

    .person__right {
        transform: scale(1) !important;
    }

    .slide-content__content-side.promo:nth-child(2) {
        align-self: flex-end;
    }

    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: flex;
    }

    .per__main {
        display: block;
    }

    .dialog__left, .dialog__right {
        display: block;
    }

    .h1 {
        font-size: 130px;
    }

    .server {
        padding-top: 75px;
    }
}

@media screen and (max-width: 1900px) {
    .bg-play:after {
        display: none;
    }
}

@media screen and (max-width: 1600px) {
    footer {
        width: 100%;
    }

    .h__donate {
        z-index: 1;
    }

    .blc_donate {
        padding: 30px;
    }

    .blc_donate:after {
        display: none;
    }

    .playing.slide-content__content {
        margin-bottom: 15px;
    }

    .home.slide-content__content.wrapper {
        padding: 10px 68px 0.1px 15px;
    }

    .slide-content_about:after {
        display: none;
    }

    .person__right:before {
        width: 390px;
    }

    .server {
        padding-top: 50px;
    }

    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: none;
    }

    .slide-content_footer:after {
        display: none;
    }

    #rp_slide {
        position: absolute;
        left: -3em;
        top: 2em;
        display: block;
    }

    .slide-main__bg {
        display: none;
    }

    .bg-play:after {
        display: none;
    }

    .tabs0:after, .tabs1:after, .tabs2:after, .tabs3:after, .tabs4:after {
        transform: scale(0.9);
    }

    .tabs0:before, .tabs1:before, .tabs2:before, .tabs3:before, .tabs4:before {
        left: -16em;
        transform: scale(0.9);
    }
}

@media screen and (max-width: 1366px), screen and (max-height: 768px) {
    .header_content, .header.scrolled::after {
        /*background: #0009;*/
        content: "";
        position: absolute;
        width: 100%;
        height: 128px;
        left: 0;
        top: 0;
        transition: .2s ease;
        opacity: 1;
    }

    .h_promo {
        font-size: 80px;

        margin-top: 40px;
    }

    .sokolyanskiy {
        width: 100%;
    }

    .slide-content__content-side.promo .md_r {
        width: 100%;
        align-items: center;
        height: 100%;
    }

    .per__main {
        display: block;
        transform: scale(0.85);
        top: 170px;
    }

    .slide-content.slide-content_donate.container.wrapper {
        padding: 90px 21px .1px 21px;
        max-width: 1235px;
    }

    .news.slide-content__content.wrapper {
        padding-bottom: 70px;
    }

    .donate.slide-content__content {
        align-items: center;
    }

    .car {
        display: none;
    }

    .home.slide-content__content.wrapper {
        align-items: center;
    }

    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: none;
    }

    .h1 {
        font-size: 90px;
    }

    .home__text.h2__home {
        margin: 8px 0 35px -7px;
    }

    .slide-content.slide-content_home.container {
        padding-top: 0;
        overflow: hidden;
    }

    .server {
        padding-top: 65px;
    }

    .slide-content_footer:after {
        display: none;
    }

    .slide-content.slide-content_footer.container.wrapper {
        padding: 90px 45px .1px 15px;
    }

    .container_item__play {
        min-height: 100%;
    }

    .container_item__play:after, .container_item__play:before {
        display: none;
    }

    .container_item__play:nth-child(n) {
        background: #121317;
    }

    .block__heading {
        font-size: 19px;
    }

    .news__block img {
        width: 100%;
        height: 100%;
    }

    .desc__news {
        padding-top: 5px;
    }

    .news__block:before, .news__block:after {
        display: none;
    }

    .slide-main__bg {
        display: none;
    }

    .news__img {
        width: 68%;
        height: 77%;
    }

    .playing.slide-content__content {
        margin-bottom: 0;
        flex-direction: row;
    }

    .slide-content.slide-content_footer.container.wrapper {
        padding: 90px 45px .1px 15px;
    }

    .modal_box {
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 1280px) {
    .sokolyanskiy {
        width: 85%;
    }

    .slide-content_footer:after {
        display: none;
    }

    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: none;
    }

    .h1 {
        font-size: 90px;
    }

    .home__text.h2__home {
        margin: 8px 0 35px -7px;
    }

    .server {
        padding-top: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: none;
    }

    .per__main {
        display: none;
    }

    .dialog__left, .dialog__right {
        display: none;
    }

    .h1 {
        font-size: 130px;
    }

    .slide-content.slide-content_home.container {
        padding-top: 0;
    }

    .server {
        padding-top: 70px;
    }
}


@media screen and (max-width: 1200px) {
    .nav__link_donate__mob {
        display: block;
    }

    .nav__link_donate {
        display: none;
    }

    .nav__link_private {
        display: none;
    }

    .header_content, .header.scrolled::after {
        height: 88px;
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .header_content, .header.scrolled::after {
        opacity: 0;
    }

    .md_l.contact_blc > li {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 480px) {
    .mobile-popup-bg {
        background: url('../img/minecraft/dirt.webp');
    }

    .joinInstructions {
        border: none !important;
    }

    .md_l.contact_blc > li {
        width: 100%;
    }
}

@media screen and (max-width: 768px), screen and (max-width: 1170px), screen and (min-device-width: 1170px) and (max-device-width: 1336px), screen and (max-height: 767px) {
    .page__width__play {
        display: unset !important;
    }

    .text_mobile {
        font-size: 12px !important;
    }

    .contact:after {
        border-left: none !important;
    }

    footer .partner_logo {
        display: none;
    }

    .partners {
        display: flex !important;
        justify-content: center;
    }

    .partners .partner_logo {
        margin: 0 10px !important;
    }

    .footer_text_span {
        font-size: 14px;
        padding: 25px 0 0 6px;
    }

    .slide-content__content-side.promo .md_r {
        top: 0;
    }

    .slide-content__content-side.promo:nth-child(1) {
        flex-basis: 190%;
    }

    .slide-content__content-side.promo .md_r {
        width: 100%;
        right: -80px;
    }

    .sokolyanskiy {
        max-width: 580px;
        width: 160%;
        min-width: 318px;
    }

    .promo.slide-content__content {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        height: 100%;
        display: flex;
    }

    .back__sokolyanskiy {
        flex-direction: row;
        display: none;
    }

    #rp_slide {
        display: none;
    }

    .about-the-project.slide-content__content.wrapper {
        padding-top: 25px;
    }

    .bg-play {
        display: none;
    }

    .modal_box {
        margin-bottom: 0;
    }

    .modal_box {
        flex-direction: column;
    }

    .about_rd li:nth-child(4) {
        margin-right: 34px;
    }

    .about_rd li:nth-child(8) {
        margin-right: 34px;
    }

    .mfp-content {
        padding: 40px;
    }

    .wrapper {
        padding: .1px 100px .1px 100px;
    }

    .modal_box .text:after {
        display: none;
    }

    .blc_donate {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .slide-content__content-side.donate {
        max-width: 100%;
        width: 100%;
        position: relative;
    }

    .donate.slide-content__content {
        flex-direction: column;
        align-items: center;
    }

    .slide-content__content-side.donate:nth-child(2) {
        justify-content: center;
    }

    .slide-content_footer:before {
        display: none;
    }

    .donate .md_l {
        margin-bottom: 50px;
    }

    .donate .md_r {
        width: 100%;
    }

    .car {
        display: none;
    }

    .slide-content__content-side.donate .md_l p {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: normal;
    }

    .news__main.slide-content__content-main.slide-content__content-main_max-width.container__news {
        max-width: 100%;
    }

    footer div {
        width: 100%;
    }

    footer {
        width: 100%;
    }

    .news__img {
        display: none;
    }

    .contact a {
        height: 100%;
        width: 100%;
    }

    .contact p {
        display: none;
    }

    .contact_blc li {
        min-height: 100%;
        width: 50%;
    }

    .md_l.contact_blc {
        flex-wrap: wrap;
        padding-bottom: 70px;
    }

    .contact:nth-child(1):after, .contact:nth-child(2):after, .contact:nth-child(3):after, .contact:nth-child(4):after, .contact:nth-child(3n):after {
        display: none;
    }

    .contact .h {
        margin-bottom: 25px;
    }

    .slide-content__content-side {
        max-width: 100%;
        width: 100%;
    }

    .video_play__play:after {
        display: none;
    }

    .container_item__play img {
        display: none;
    }

    .container__play {
        flex-direction: column;
    }

    .container_item__play {
        width: 100%;
        min-height: auto;
        margin-bottom: 11px;
    }

    .slide-content__content {
        flex-direction: column;
    }

    .slick-slide {
        display: none;
        float: left;
        width: 352px;
        height: 252px;
        min-height: 1px;
        margin-right: -15px;
    }

    .home__button {
        margin-bottom: 0;
    }

    .home__text.h2__home {
        margin: 8px 0 30px -7px;
    }

    .serv__rd__title.h2 {
        margin-top: 22px;
    }

    .pxl {
        display: none;
    }

    .h1 {
        font-size: 90px;
    }

    .server {
        padding-top: 50px;
    }

    .serv__rd {
        min-width: 330px;
        height: 215px;
        overflow: hidden;
        position: relative;
        border-radius: 8px;
        padding-left: 29px;
        padding-top: 0;
        max-width: 330px;
    }

    .serv__rd__ip span {
        font-size: 16px;
    }


    #tabs .tabs-container-wrapper .tabs-container {
        position: relative;
    }

    .slide-content_about:after {
        display: none;
    }

    #tabs .tabs-container-wrapper .tabs-container p {
        font-size: 16px;
        line-height: normal;
    }
}

@media screen and (max-width: 856px) {
    .video_play__play {
        display: none;
    }
}

@media screen and (max-height: 920px) {
    .b_play_content:after {
        width: 40%;
        right: -130px;
        top: 50%;
    }
}

@media screen and (max-height: 860px) {
    .b_play_content:after {
        width: 30%;
        right: -108px;
        top: 50%;
    }
}

@media screen and (max-height: 850px) {
    .p_content:after {
        width: 50%;
    }

    .b_play_content:after {
        display: none;
    }
}

@media screen and (max-height: 800px) {
    .sokolyanskiy {
        width: 100%;
    }

    .slide-content__content-side.promo .md_l {
        justify-content: center;
        top: -45px;
    }
}

@media screen and (max-width: 768px) {
    .b_play_content:after {
        display: none;
    }

    .slide-content__content-side.promo:nth-child(1) {
    }

    .wrapper {
        padding: .1px 20px .1px 20px;
    }
}

@media screen and (max-width: 685px) {
    .grenade_promo {
        display: none;
    }

    #bomb {
        display: none;
    }

    .quote {
        margin-top: 20px;
    }

    .span_p {
        font-size: 14px;
    }

    .p_content {
        font-size: 15px;
        padding: 29px;
        padding-bottom: 50px;
        line-height: 20px;
    }

    .h_promo {
        font-size: 50px;
    }

    .border_p {
        font-size: 14px;
        /*margin-bottom: 20px;*/
        left: 0;
        line-height: 18px;
    }

    .slide-content.slide-content_donate.container.wrapper {
        max-width: 100%;
        padding: 90px 17px .1px 17px;
    }

    .slide-content__content-side.donate .md_l p:nth-child(4) {
        margin-bottom: 20px;
    }

    .button {
        display: flex;
        align-items: baseline;
        flex-direction: column;
        max-height: 100%;
    }

    .home.slide-content__content.wrapper {
        align-items: center;
        height: 100%;
        width: 100%;
        padding-right: 15px;
    }

    .video_play__lds {
        width: 77px;
    }

    .h__donate {
        font-family: UniNeueBlack, sans-serif;
        font-size: 32px;
    }

    .mfp-content {
        padding: 10px;
    }

    .h_tabs {
        font-size: 23px;
        /*max-width: 83%;*/
    }

    .blc_donate:after {
        display: none;
    }

    #pay .mfp-close {
        top: 15px;
        right: 15px;
    }

    .btn.gradient_btn__orange.btn__don.modal_blur {
        width: 100%;
        min-width: 100%;
    }

    .button {
        display: flex;
        align-items: baseline;
        flex-direction: column;
    }

    .button a {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .blc_donate:after {
        z-index: -1;
    }

    #fp-nav.fp-right {
        right: 0;
    }

    .slick-slide {
        margin-right: 12px;
    }

    .home__button {
        margin-bottom: 0;
    }

    .home__text.h2__home {
        margin: 8px 0 30px -7px;
        font-size: 18px;
        max-width: 100%;
    }

    .pxl {
        display: none;
    }

    .dialog__left, .dialog__right {
        display: none;
    }

    .home.slide-content__content.wrapper {
        align-items: center;
        height: 100%;
    }

    .slide-content.slide-content_home.container {
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        top: 0;
        justify-content: center;
    }

    #tabs .tabs-container-wrapper .tabs-container {
        position: relative;
    }

    #tabs .tabs-container-wrapper {
        height: 100%;
    }

    #tabs .tabs-container-wrapper .tabs-container div .h_tabs {
        font-size: 30px;
        text-align: center;
    }

    .slide-content_about:after {
        top: -7em;
    }

    .btn {
        font-size: 16px;
    }

    #tabs .tabs-container-wrapper .tabs-container p {
        font-size: 13px;
        line-height: normal;
    }

    .video_play__play {
        display: none;
    }

    .container_item__play {
        width: 100%;
        min-height: auto;
        margin-bottom: 11px;
    }

    .slide-content.slide-content_news.container {
        max-width: 100%;
    }

    .news.slide-content__content.wrapper {
        padding: 15px;
    }

    .h__t {
        height: 85%;
        font-size: 13px;
    }

    .desc__news {
        font-size: 13px;
    }

    .h__desc span:nth-child(1) {
        color: #686396;
        margin-right: 20px;
        display: none;
    }

    .block__content {
        line-height: normal;
    }

    .playing.slide-content__content p {
        line-height: normal;
        font-size: 17px;
    }

    .contact_blc li {
        min-height: 100%;
        width: 100%;
    }

    .slide-content.slide-content_footer.container.wrapper {
        padding: 20px;
    }

    .contact a {
        text-align: center;
    }

    .contact .h {
        font-size: 16px;
    }

    .contact .img {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    footer p {
        font-size: 13px;
    }

    footer div:nth-child(1) {
        margin-right: 15px;
    }

    footer p {
        font-size: 13px;
    }

    .md_l.contact_blc {
        margin-bottom: 15px;
    }

    .logo_white {
        max-width: 204px;
        margin-bottom: -15px;
    }

    .title__h {
        font-size: 29px;
        text-align: center;
    }

    .h1 {
        font-size: 60px;
    }

    .server {
        padding-top: 20px;
    }

    .serv__rd__title.h2 {
        font-size: 20px;
        margin-top: 10px;
    }

    .serv__rd {
        min-width: 283px;
        height: 224px;
        padding-left: 26px;
        padding-top: 25px;
        max-width: 97%;
    }

    .video_play span {
        display: none;
    }

    .video_play__lds:after {
        display: none;
    }

    .start_play {
        width: 100%;
        margin-right: 15px;
    }

    footer p {
        font-size: 12px;
        line-height: normal;
    }

    .logo_white {
        max-width: 100%;
    }
}

.clear_both {
    clear: both;
}

.partner_logo {
    margin: 5px 0 0 50px;
}

.partner_logo_height {
    height: 50px;
}

@media screen and (max-width: 563px) {
    .sokolyanskiy {
        display: none;
    }

    .slide-content.slide-content_promo.container.wrapper {
        padding: .1px 10px .1px 10px;
    }

    .slide-content__content-side.promo {
        align-self: auto;
    }

    .promo.slide-content__content {
        flex-wrap: nowrap;
        justify-content: space-between;
        height: 90%;
        display: flex;
    }

    .section.content__slide__promo.fp-section.fp-table {
        min-height: 750px;
    }

    .slide-content__content-side.promo:nth-child(1) {
        align-self: center;
    }

    .promo.slide-content__content {
        flex-direction: row;
    }

    .slide-content__content-side.promo:nth-child(2) {
        display: none;
    }
}


@media screen and (max-width: 375px) {
    .label__donate {
        font-size: 16px;
    }

    .logo {
        height: 30px;
        background-size: 75%;
        top: 25px;
    }

    #tabs .tabs-container-wrapper .tabs-container div .h_tabs {
        font-size: 27px;
        text-align: center;
    }

    #tabs .tabs-container-wrapper .tabs-container div {
        height: 100%;
        width: 100%;
        flex-direction: column;
        max-height: 100%;
    }

    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: none;
    }

    .dialog__left, .dialog__right {
        display: none;
    }

    .h1 {
        font-size: 50px;
    }

    .server {
        padding-top: 20px;
    }

    .serv__rd__title.h2 {
        font-size: 20px;
        margin-top: 10px;
    }

    .serv__rd {
        min-width: 283px;
        height: 200px;
        padding-left: 26px;
        padding-top: 13px;
        max-width: 87%;
    }

    .serv__rd__ip a {
        margin-top: 4px;
        font-size: 11px;
    }

    .serv__rd__ip span {
        font-size: 14px;
    }

    .serv__rd__line {
        margin-top: 3px;
        margin-bottom: 5px;
    }

    .video_play span {
        display: none;
    }

    .video_play__lds:after {
        display: none;
    }

    .slick-slide {
        height: 100%;
    }
}

@media screen and (max-width: 320px) {

    .contact_blc li {
        min-width: 100%;
    }

    .button a {
        font-size: 14px;
    }

    .btn_rond.btn.btn__don {
        min-width: 100%;
    }

    .mfp-content {
        padding: 5px;
    }

    .home__button {
        margin-bottom: 0;
    }

    .pxl {
        display: none;
    }

    .dialog__left, .dialog__right {
        display: none;
    }

    .h1 {
        font-size: 50px;
    }

    .server {
        padding-top: 20px;
    }

    .serv__rd__title.h2 {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .serv__rd {
        min-width: 259px;
        height: 170px;
        padding-left: 26px;
        padding-top: 8px;
        max-width: 69%;
    }

    .serv__rd__text {
        font-size: 12px;
    }

    .serv__rd__ip a {
        margin-top: 4px;
        font-size: 10px;
    }

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

    .serv__rd__text span {
        font-size: 13px;
    }

    .serv__rd__line {
        margin-top: 3px;
        margin-bottom: 5px;
    }

    .serv__rd__line span {
        max-width: 215px;
    }

    .header__logo {
        margin-top: 0;
    }

    .serv__rd__line {
        max-width: 215px;
    }

    .video_play span {
        display: none;
    }

    .video_play__lds:after {
        display: none;
    }
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #333;
}

.popup .close {
    font-family: minecraftmedium, sans-serif;
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: white;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
}

@media screen and (max-width: 700px) {
    .popup {
        width: 70%;
    }
}

@font-face {
    font-family: minecraftmedium;
    src: url(../fonts/mc.woff2);
}

.joinInstructions {
    font-family: minecraftmedium;
    font-size: 1rem;
    overflow: hidden;
    border: 5px solid #030202;
    user-select: none;
    background: url('../img/minecraft/dirt.webp');
}

.joinInstructions .instructionsContent { /* width:38%; */
    padding: 30px;
    color: #fff;
}

.joinInstructions .instructionsContent h1 {
    width: 400px;
    margin: auto;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    color: #a0a0a0;
    text-shadow: 2px 2px 0 #383838
}

.joinInstructions .instructionsContent p {
    margin-bottom: 1.2rem
}

.joinInstructions .instructionsContent ol {
    margin-bottom: 1.2rem
}

.joinInstructions .instructionsContent ol li {
    list-style: decimal;
    margin: 0 0 .5rem 2rem
}

.joinInstructions .instructionsContent span {
    color: #fcd119;
}

.joinInstructions .instructionsContent .join-ip {
    position: relative;
    max-width: 400px;
    height: 40px;
    padding: 0 14px;
    margin: auto;
    margin-bottom: 30px;
    border: 2px solid #a0a0a0;
    background: #000;
    font-size: 15px;
    color: #fff;
    line-height: 42px;
    cursor: pointer
}

.joinInstructions .instructionsContent .ip-value {
    color: #fff
}

.joinInstructions .instructionsContent .ip-caret {
    height: 15px;
    width: 11px;
    display: inline-block;
    background: 0 0;
    vertical-align: middle;
    margin-top: -11px;
    border-bottom: 2px solid #fff;
    animation: blink .75s steps(1) infinite
}

.joinInstructions .instructionsContent .join-tooltip {
    position: absolute;
    background: rgba(0, 0, 0, .8);
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    padding: 5px 15px 0;
    border-radius: 6px;
    top: -58px;
    left: -3px;
    display: none
}

.joinInstructions .instructionsContent .join-ip.state-hover .join-tooltip {
    display: block
}

.joinInstructions .instructionsContent .mc-button {
    max-width: 400px;
    height: 40px;
    margin: auto;
    background: url('../img/minecraft/button.webp') no-repeat;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 2px 2px 0 #383838;
    margin-bottom: 8px
}

.joinInstructions .instructionsContent .mc-button.state-hover {
    background-position: 0 -80px;
    text-shadow: 2px 2px 0 #3f3f27;
    color: #ffff9b
}

.joinInstructions .instructionsContent .mc-button.state-disabled {
    background-position: 0 -40px;
    text-shadow: 2px 2px 0 #383838;
    color: #a0a0a0
}

.members {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.member-box {
    text-align: center;
    background-color: #121317;
    border-radius: 10px;
    width: 18% !important;
    margin: 25px 10px;
    height: 130px !important;
    transition: 0.3s;
}

.member-box img {
    border-radius: 5px;
    position: relative;
    bottom: 19px;
}

.member-box p {
    font-size: 18pt;
    margin: 0 0 10px;
    position: relative;
    bottom: 11px;
    text-transform: capitalize;
}

.member-box p:last-child {
    background-color: #9d0000;
    border-radius: 10px;
    font-size: 12pt;
    width: fit-content;
    display: inline;;
    padding: 3px 24px;
    position: relative;
    bottom: 5px;
}

.social {
    display: none;
    height: unset !important;
    transition: 0.3s;
}

.social a {
    width: 0 !important;
    padding: 2px 12px 33px !important;
    color: #5D6C76;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: #121317;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;

    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: 50%;
    margin-left: -130px;

    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #121317 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 768px), screen and (max-width: 1024px), screen and (min-device-width: 1024px) and (max-device-width: 1336px), screen and (max-height: 767px) {

    .member-box {
        width: 100% !important;
        height: 115px !important;
    }

    .members {
        flex-wrap: wrap !important;
    }

    .about_tabs ul {
        border: none !important;
    }

    .member-box:hover {
        height: 148px !important;
    }

    .fp-section,
    .fp-slide,
    .fp-tableCell{
        overflow: inherit !important;
        height: 100% !important;
    }

}

@media screen and (max-width: 432px) {
    #slider .slide__rp {
        background: none;
    }

    .about_tabs li span {
        width: 25px;
        height: 25px;
        background-size: contain !important;
    }
}