/*  https://Get-Web.site - Верстка сайтов на заказ

    Email: getwebdev@protonmail.com

    */


html {

    line-height: 1.15;

    /* 1 */

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

    /* 2 */

}


body {

    line-height: 1.15;

    background-color: rgb(4, 4, 6);

    color: #fff;

    overflow-x: hidden;

    font-family: 'Calibri', 'PT Sans', 'Candara', 'Segoe', "Segoe UI", 'Optima', Arial, sans-serif;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    min-width: 400px;

}


main {

    display: block;

}


h1 {

    font-size: 2em;

    margin: 0.67em 0;

}


hr {

    box-sizing: content-box;

    /* 1 */

    height: 0;

    /* 1 */

    overflow: visible;

    /* 2 */

}


pre {

    font-family: monospace, monospace;

    /* 1 */

    font-size: 1em;

    /* 2 */

}


abbr[title] {

    border-bottom: none;

    /* 1 */

    text-decoration: underline;

    /* 2 */

    text-decoration: underline dotted;

    /* 2 */

}


b,
strong {

    font-weight: 700;

}


code,
kbd,
samp {

    font-family: monospace, monospace;

    /* 1 */

    font-size: 1em;

    /* 2 */

}


small {

    font-size: 80%;

}


sub,
sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}


sub {

    bottom: -0.25em;

}


sup {

    top: -0.5em;

}


button,
input,
optgroup,
select,
textarea {

    font-family: inherit;

    /* 1 */

    font-size: 100%;

    /* 1 */

    line-height: 1.15;

    /* 1 */

    margin: 0;

    /* 2 */

}


button,
input {

    /* 1 */

    overflow: visible;

}


button,
select {

    /* 1 */

    text-transform: none;

}


button,
[type="button"],
[type="reset"],
[type="submit"] {

    -webkit-appearance: button;

}


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {

    border-style: none;

    padding: 0;

}


button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {

    outline: 1px dotted ButtonText;

}


fieldset {

    padding: 0.35em 0.75em 0.625em;

}


legend {

    box-sizing: border-box;

    /* 1 */

    color: inherit;

    /* 2 */

    display: table;

    /* 1 */

    max-width: 100%;

    /* 1 */

    padding: 0;

    /* 3 */

    white-space: normal;

    /* 1 */

}


progress {

    vertical-align: baseline;

}


textarea {

    overflow: auto;

}


[type="checkbox"],
[type="radio"] {

    box-sizing: border-box;

    /* 1 */

    padding: 0;

    /* 2 */

}


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

    height: auto;

}


[type="search"] {

    -webkit-appearance: textfield;

    /* 1 */

    outline-offset: -2px;

    /* 2 */

}


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

    -webkit-appearance: none;

}


::-webkit-file-upload-button {

    -webkit-appearance: button;

    /* 1 */

    font: inherit;

    /* 2 */

}


details {

    display: block;

}


summary {

    display: list-item;

}


template {

    display: none;

}


[hidden] {

    display: none;

}


img {

    border-style: none;

    max-width: 100%;

    height: auto;

}


a {

    background-color: transparent;

    color: rgb(217, 188, 140);

    transition-duration: .2s;

    transition-property: opacity, color, background-color;

}


a:hover {

    text-decoration: none;

}


/* убираем выделение ссылок пунктирной рамкой в FF и IE */

a:active,
a:focus {

    outline: expression(hideFocus='true');

}


::-webkit-input-placeholder {

    color: rgba(172, 172, 172, 0.8);;

}


::-moz-placeholder {

    color: rgba(172, 172, 172, 0.8);;

}


/* Firefox 19+ */

:-moz-placeholder {

    color: rgba(172, 172, 172, 0.8);;

}


/* Firefox 18- */

:-ms-input-placeholder {

    color: rgba(172, 172, 172, 0.8);;

}


:focus::-webkit-input-placeholder {

    color: transparent

}


:focus::-moz-placeholder {

    color: transparent

}


:focus:-moz-placeholder {

    color: transparent

}


:focus:-ms-input-placeholder {

    color: transparent

}


input,
select {

    width: 100%;

    height: 50px;

    background-color: #0e0c13;

    border: 1px solid #333439;

    border-radius: 0;

    padding: 0 10px;

    box-sizing: border-box;

    transition: none;

    text-shadow: 0.5px 0.9px 2px rgba(0, 3, 1, 0.5);

    color: rgba(172, 172, 172, 0.8);;

    font-size: 16px;

    font-weight: 400;

    text-align: left;

    outline: none;

}


input:focus {

    box-shadow: none;

    border: 1px solid #61636b;

}


/* .input_login {

    padding: 5px 10px 5px 95px;

    } */


.inp-grp {

    position: relative;

    width: 100%;

}


.inp-grp_m_b {

    margin-bottom: 8px;

}


.inp-desc {

    color: rgb(243, 229, 179);

    font-size: 13px;

    text-align: left;

    text-transform: uppercase;

}


.inp-desc_m_b {

    margin-bottom: 6px;

}


.inp-error {

    color: rgb(255, 84, 18);

    margin-bottom: 5px;

}


.inp-error ~ input {

    outline: 1px solid rgb(255, 84, 18);

}


.inp-wrp {

    position: relative;

}


/* colors */


.color-red {

    color: rgb(255, 39, 39);

}


.color-yellow {

    color: rgb(255, 248, 41);

}


.color-grey {

    color: #a0a0a0;

}


.color-white {

    color: white;

}


.color-aqua {

    color: #729ab4;

}


.color-aqua_2 {

    color: #00fffc;

}


.color-green {

    color: #97b472;

}


/* def */


[class^="gwi_"]:before,
[class*=" gwi_"]:before {

    margin: 0;

}


/* preload */


.preload {

    background-color: rgb(4, 4, 6);

    position: fixed;

    z-index: 500;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 1;

    visibility: visible;

    transition: all 0.5s cubic-bezier(.64, .14, .34, 1.32);

    display: flex;

    justify-content: center;

    align-items: center;

}


.preload__logo {

    background: url(../images/preload__logo.png) no-repeat;

    background-size: contain;

    width: 100%;

    max-width: 479px;

    height: 229px;

}


.preload__logo {

    animation: preanimate .8s linear infinite;

}


@keyframes preanimate {

    0% {

        transform: scale(1);

    }


    50% {

        transform: scale(0.8);

    }


    100% {

        transform: scale(1);

    }

}


.preload.fade {

    opacity: 0;

    visibility: hidden;

    transform: scale(2);

}


@keyframes preanimateout {

    0% {

        transform: translate(-50%, -50%) scale(1);

    }


    100% {

        transform: translate(-50%, -50%) scale(0);

    }

}


/* page */


.page {

    position: relative;

    z-index: 1;

    max-width: 100%;

    min-height: 100vh;

    min-width: 400px;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

    transition: .3s all;

    max-width: 1920px;

    margin: 0 auto;

    overflow-x: hidden;

}


.page_hide {

    opacity: 0;

}


.page__section {

    position: relative;

    z-index: 2;

    flex-shrink: 0;

    display: flex;

    justify-content: center;

    box-sizing: border-box;

}


.page__section_pad {

    padding-left: 10px;

    padding-right: 10px;

}


.page__container {

    max-width: 1114px;

    flex-basis: 1114px;

    padding-right: 10px;

    padding-left: 10px;

    position: relative;

    z-index: 2;

    flex-shrink: 0;

    box-sizing: border-box;

}


.page__inner {
}


.page__inner_rw {

    margin-left: -10px;

    margin-right: -10px;

}


/* btn */


.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    text-decoration: none;

    text-transform: uppercase;

    text-align: center;

    color: #fff;

    cursor: pointer;

    transition: .2s all;

    width: auto;

    height: 40px;

    line-height: 14px;

    padding: 3px 30px;

    flex-grow: 0;

    text-shadow: 0.7px 0.7px 2px rgba(1, 3, 1, 0.5);

    color: white;

    font-size: 18px;

    font-weight: 400;

    position: relative;

    z-index: 0;

    border: 0;

    outline: 0;

    z-index: 5;

    background-color: transparent;

}


.btn:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 0;

    transition: .2s all;

    background: linear-gradient(to right, rgb(126, 38, 38) 0%, rgb(200, 46, 46) 60%, rgb(123, 30, 30) 100%);

    border: 1px solid #242424;

    box-sizing: border-box;

    pointer-events: none;

}


.btn:hover:after {

    filter: brightness(120%);

}


.btn__content {

    position: relative;

    z-index: 5;

    display: inline-block;

    width: 100%;

    text-align: center;

}


.btn__content_f-weight_bold {

    font-weight: bold;

}


.btn__ico {

    display: inline-block;

    position: relative;

    z-index: 5;

    flex-shrink: 0;

}


.btn__ico_m_l {

    margin-left: 5px;

}


.btn__ico_m_r {

    margin-right: 5px;

}


/* btn_bc_green */


.btn_bgc_green:after {

    background: linear-gradient(to right, rgb(41, 83, 21) 0%, rgb(24, 177, 31) 60%, rgb(41, 83, 21) 100%);

}


.btn_bgc_blue:after {

    background: linear-gradient(to right, rgb(19, 78, 113) 0%, rgb(16, 126, 198) 60%, rgb(13, 61, 89) 100%);

}


/* btn_type_1 */


.btn_type_1 {

    width: 303px;

    height: 40px;

    padding-right: 0;

    padding-left: 0;

}


.btn_type_1:after {

    background: transparent url(../images/btns/btn_type_1.png) no-repeat center center;

}


/* btn_type_2 */


.btn_type_2 {

    width: 359px;

    height: 40px;

}


.btn_type_2:after {

    background: transparent url(../images/btns/btn_type_2.png) no-repeat center center;

    /* background: linear-gradient(to right, rgba(93, 38, 38, 1) 0%, rgba(93, 38, 38, 1) 37%, rgb(173, 79, 79) 70%, rgba(93, 38, 38, 1) 93%, rgba(93, 38, 38, 1) 100%); */

}


/* btn_type_3 */


.btn_type_3 {

    width: 166px;

    height: 39px;

    padding-right: 0;

    padding-left: 0;

}


.btn_type_3:after {

    background: transparent url(../images/btns/btn_type_3.png) no-repeat center center;

    border: 0;

}


/* btn_type_4 */


.btn_type_4 {

    width: 166px;

    height: 39px;

    padding-right: 0;

    padding-left: 0;

}


.btn_type_4:after {

    background: transparent url(../images/btns/btn_type_4.png) no-repeat center center;

    border: 0;

}


/* btn_type_5 */


.btn_type_5 {

    width: 244px;

    height: 54px;

    text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

    color: rgb(255, 255, 255);

    font-size: 26px;

    line-height: 26px;

    font-weight: 700;

    text-transform: uppercase;

    padding-right: 0;

    padding-left: 0;

    padding-top: 6px;

    margin: 20px;

}


.btn_type_5:after {

    background: transparent url(../images/btns/btn_type_5.png) no-repeat center center;

    width: 373px;

    height: 215px;

    border: 0;

    right: auto;

    bottom: auto;

    left: -60px;

    top: -105px;

    line-height: 20px;

}


/* btn_type_6 */


.btn_type_6 {

    width: 244px;

    height: 54px;

    text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

    color: rgb(255, 255, 255);

    font-size: 26px;

    line-height: 26px;

    font-weight: 700;

    text-transform: uppercase;

    padding-right: 0;

    padding-left: 0;

    padding-top: 6px;

    margin: 20px;

}


.btn_type_6:after {

    background: transparent url(../images/btns/btn_type_6.png) no-repeat center center;

    width: 373px;

    height: 215px;

    border: 0;

    right: auto;

    bottom: auto;

    left: -60px;

    top: -105px;

}


/* btn_type_66 */


.btn_type_66 {

    width: 244px;

    height: 54px;

    text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

    color: rgb(255, 255, 255);

    font-size: 26px;

    line-height: 26px;

    font-weight: 700;

    text-transform: uppercase;

    padding-right: 0;

    padding-left: 0;

    padding-top: 6px;

    margin: 20px;

}


.btn_type_66:after {

    background: transparent url(../images/btns/btn_type_66.png) no-repeat center center;

    width: 373px;

    height: 215px;

    border: 0;

    right: auto;

    bottom: auto;

    left: -60px;

    top: -105px;

}


/* btn_type_7 */


.btn_type_7 {

    width: 340px;

    height: 54px;

    text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

    color: rgb(255, 255, 255);

    font-size: 26px;

    line-height: 26px;

    font-weight: 700;

    text-transform: uppercase;

    padding-right: 0;

    padding-left: 0;

    padding-top: 5px;

    line-height: 20px;

    margin: 20px;

}


.btn_type_7:after {

    background: transparent url(../images/btns/btn_type_7.png) no-repeat center center;

    width: 455px;

    height: 212px;

    border: 0;

    right: auto;

    bottom: auto;

    left: -60px;

    top: -105px;

}


/* btn_type_8 */


.btn_type_8 {

    width: 254px;

    height: 59px;

    text-shadow: 0.7px 0.7px 2px rgba(0, 3, 1, 0.5);

    color: white;

    font-size: 16px;

    font-weight: 700;

    padding: 3px 10px;

}


.btn_type_8:after {

    background: transparent url(../images/btns/btn_type_8.png) no-repeat center center;

    border: 0;

}


/* btn_type_9 */


.btn_type_9 {

    width: 254px;

    height: 59px;

    text-shadow: 0.7px 0.7px 2px rgba(0, 3, 1, 0.5);

    color: white;

    font-size: 16px;

    font-weight: 700;

    padding: 3px 10px;

}


.btn_type_9:after {

    background: transparent url(../images/btns/btn_type_9.png) no-repeat center center;

    border: 0;

}


/* btn_type_10 */


.btn_type_10 {

    width: 166px;

    height: 39px;

    padding-right: 0;

    padding-left: 0;

}


.btn_type_10:after {

    background: transparent url(../images/btns/btn_type_10.png) no-repeat center center;

    border: 0;

}


/* btn_type_11 */


.btn_type_11 {

    width: 166px;

    height: 39px;

    padding-right: 0;

    padding-left: 0;

}


.btn_type_11:after {

    background: transparent url(../images/btns/btn_type_10.png) no-repeat center center;

    border: 0;

}


.btn__content_fs_22 {

    font-size: 22px;

}


/* navigation */


.page__navigation {

    position: relative;

    z-index: 10;

    background: url(../images/bg__navigation.jpg) no-repeat center top;

    border-bottom: 4px solid #0c0f11;

}


.navigation__inner {

    display: flex;

    justify-content: center;

    height: 131px;

}


/* short-logo */


.short-logo {

    background: url(../images/logo_bd.png) no-repeat;

    width: 93px;

    height: 95px;

    text-decoration: none;

    display: block;

    transition: .3s all;

    flex-shrink: 0;

}


.short-logo:hover {

    filter: brightness(120%);

}


.navigation__short-logo {

    align-self: center;

    margin: 10px 16px 10px 10px;

}


/* nav */


.nav {

    position: relative;

}


.navigation__nav {

    flex-grow: 1;

    margin-left: -10px;

    display: flex;

}


.navigation__list {

    display: flex;

    justify-content: center;

    flex-grow: 1;

    align-self: stretch;

}


.nav__link {

    box-sizing: border-box;

    /* padding: 0 20px 5px 20px; */

    flex-grow: 1;

    margin: 0;

    text-transform: uppercase;

    text-decoration: none;

    position: relative;

    white-space: nowrap;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    transition: .2s all;

    padding-bottom: 6px;

}


.nav__link:hover {

    background-color: rgba(12, 15, 17, 0.70);

}


.nav__ico {

    width: auto;

    height: 60px;

    width: 60px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 10px;

    transition: .2s all;

}


.nav__link:hover .nav__ico {

    /* filter: drop-shadow(0 0 9px rgba(240, 232, 109, 0.41)); */

    margin-top: -10px;

}


.nav__img {

    display: inline-block;

    max-width: 100%;

    max-height: 100%;

    transition: .2s all;

    transform: translateY(0);

}


.nav__content {

    transition: .2s all;

}


.nav__name {

    color: #edd36c;

    font-size: 17px;

    font-weight: 400;

    text-transform: uppercase;

    white-space: nowrap;

    transition: .2s all;

    position: relative;

}


.nav__name:before {

    content: '';

    background: url(../images/nav/nav__highlighting.png) no-repeat;

    display: block;

    width: 106px;

    height: 84px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, calc(-50% - 1px));

    transition: .2s all;

    opacity: 0;

    pointer-events: none;

}


.nav__desc {

    color: #a1adbb;

    font-size: 10px;

    font-weight: 400;

    text-transform: uppercase;

    transition: .2s all;

}


/* nav__sub-list */


.nav__link_sub_true {

    cursor: default;

}


.nav__link_sub_true .nav__name:after {

    display: inline-block;

    content: "";

    background: url(../images/nav/nav__arrow.png) no-repeat;

    transform: rotateX(180deg);

    width: 9px;

    height: 6px;

    margin-bottom: 2px;

    margin-left: 5px;

    transition: .3s all;

}


.nav__link_sub_true:hover .nav__name:after {

    transform: rotateX(0deg);

}


.nav__sub-list {

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translate(-50%, 0) scaleY(0);

    transform-origin: center top;

    perspective: 700px;

    display: flex;

    flex-direction: column;

    background-color: rgba(20, 22, 27, 0.97);

    border: 1px solid rgba(223, 165, 95, 0.43);

    padding: 5px 13px;

    border-radius: 10px;

    opacity: 0;

    visibility: hidden;

    transition: .3s all;

    pointer-events: none;

}


.nav__link_sub_true:hover .nav__sub-list {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    transform: translate(-50%, 0) scaleY(1);

}


.nav__sub-link {

    white-space: nowrap;

    color: #fff3c5;

    font-size: 18px;

    font-weight: 300;

    text-decoration: none;

    text-transform: none;

    padding: 12px 5px;

    text-align: center;

    position: relative;

}


.nav__sub-link:not(:nth-last-child(1)) {

    border-bottom: 1px solid #42454c;

}


.nav__sub-link:after {

    display: block;

    content: "";

    position: absolute;

    top: 0;

    right: -12px;

    bottom: 0;

    left: -12px;

    background-color: rgba(255, 255, 255, 0.041);

    opacity: 0;

    transition: .3s all;

}


.nav__sub-link:hover:after {

    opacity: 1;

}


/* Кнопка меню */


.gw-burger {

    position: relative;

    z-index: 5;

    background-color: rgb(225, 150, 22);

    height: 36px;

    width: 40px;

    border-radius: 3px;

    cursor: pointer;

    box-sizing: border-box;

}


.gw-burger__line {

    height: 4px;

    position: absolute;

    left: 5px;

    right: 5px;

    background-color: #000;

    border-radius: 2px;

    transition: 0.3s all;

}


.gw-burger__line_pos_top {

    top: 5px;

}


.gw-burger__line_pos_middle {

    top: 50%;

    transform: translateY(-50%);

}


.gw-burger__line_pos_bottom {

    bottom: 5px;

}


.gw-burger_active .gw-burger__line_pos_top {

    transform: rotate(45deg) translateY(-50%);

    transform-origin: center top;

    top: 50%;

}


.gw-burger_active .gw-burger__line_pos_middle {

    transform: rotate(180deg);

    opacity: 0;

}


.gw-burger_active .gw-burger__line_pos_bottom {

    transform: rotate(-45deg) translateY(50%);

    transform-origin: center bottom;

    bottom: 50%;

}


@media (min-width: 1000px) {

    .navigation__burger {

        display: none;

    }


    .nav__link:hover .nav__img {

        transform: translateY(-4px);

        filter: brightness(120%);

    }


    .nav__link:hover .nav__name {

        /*transform: translateY(-7px);*/

    }


    .nav__link:hover .nav__name {

        color: #fff;

    }


    .nav__link:hover .nav__name:before {

        opacity: 1;

    }


}


/* @media (max-width: 1150px) {

    .nav__ico {

        display: none;

    }

    } */


@media (max-width: 1000px) {


    .nav__link {

        width: 100%;

        text-align: left;

        margin: 0;

        padding: 4px 10px 4px 5px;

        box-sizing: border-box;

        justify-content: flex-start;

        background-color: rgba(0, 0, 0, 0.64);

        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.46);

        flex-direction: row;

    }


    .nav__link:not(:nth-last-child(1)) {

        border-bottom: 1px solid rgba(0, 0, 0, 0.64);

    }


    .nav__link:hover {

        /* color: #fff; */

        background-color: rgb(32, 31, 31);

    }


    .nav__ico {

        margin-right: 10px;

        margin-bottom: 0;

        width: 40px;

        height: 40px;

    }


    .nav__name {

        color: rgb(235, 161, 26);

    }


    .nav__name:before {

        display: none;

    }


    .nav__sub-link::after {

        right: 0;

        left: 0;

    }


    .nav__link:hover .nav__name {

        color: rgb(250, 172, 48);

    }


    .gw-burger_active ~ .navigation__list {

        opacity: 1;

        visibility: visible;

        transform: scale(1);

        top: 40px;

    }


    .nav__sub-list {

        position: absolute;

        top: 0;

        left: 100%;

        transform: translate(-50%, 0) scaleY(1);

        padding: 0;

    }


    .nav__link_sub_true:hover .nav__sub-list {

        opacity: 1;

        visibility: visible;

        pointer-events: all;

        transform: translate(0, 0) rotateX(0deg);

    }

}


/* Фиксируем позицию body, которую меняет панель гугла*/


.body_fix {

    top: 0 !important;

    position: static !important;

}


/* Прячем панель гугла */


.skiptranslate {

    display: none !important;

}


/* lang */


.navigation__language {

    margin: auto 10px;

}


/* Фиксируем позицию body, которую меняет панель гугла*/


.body_glang-fix {

    top: 0 !important;

    position: static !important;

}


/* Прячем панель гугла */


.skiptranslate {

    display: none !important;

}


.lang {

    width: 55px;

    position: relative;

    text-align: center;

}


.lang__arrow {

    content: '';

    display: block;

    background: url(../images/lang/lang__arrow.png) no-repeat;

    width: 12px;

    height: 8px;

    transition: .3s all;

    cursor: pointer;

    margin-top: 5px;

}


.lang:hover .lang__arrow {

    transform: rotateX(180deg);

}


.lang__link {

    display: block;

    background-color: rgba(30, 33, 40, 0.7);

    border: 1px solid #2e2b2b;

    box-shadow: inset 8.5px 8.5px 28.4px 6.7px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 190, 0.08);

    cursor: pointer;

    transition: .3s all;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-shrink: 0;

    box-sizing: border-box;

    text-decoration: none;

    border-radius: 10px;

    padding: 3px 0;

}


.lang__img {

    width: 36px;

    height: 36px;

    flex-shrink: 0;

    font-size: 10px;

    display: block;

}


.lang__link_sub:hover .lang__img {

    filter: drop-shadow(0 0 10px #415e6a);

}


.lang__name {

    color: #b2b2b2;

    font-size: 16px;

    font-weight: 400;

    flex-shrink: 0;

    text-transform: uppercase;

}


.lang__link_sub {

    width: 100%;

    position: relative;

    margin-top: 6px;

}


.lang__link_sub:hover .lang__name {

    filter: drop-shadow(0 0 5px #415e6a);

}


.lang__list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    transition: .3s all;

    transform: translateY(-40px);

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 10;

    line-height: 13px;

}


.lang:hover .lang__list {

    opacity: 1;

    visibility: visible;

    transform: translateY(0px);

}


.lang__link_select {

    /* width: 70px;

    height: 27px;

    padding-left: 0; */

    padding: 7px 0;

    text-align: center;

    font-size: 0;

}


.lang__img_select {

    margin-bottom: 2px;

    filter: drop-shadow(0 0 10px #415e6a);

}


.lang__name_select {

    filter: drop-shadow(0 0 5px #415e6a);

    /* color: white;

    text-transform: uppercase;

    font-size: 10px;

    font-weight: 600; */

}


.lang_row {

    width: 100%;

    padding: 0;

    margin: 0;

}


.lang__box {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.enter__lang-link {

    width: 58px;

    margin: 5px;

}


.enter__lang-link:hover .lang__img {

    filter: drop-shadow(0 0 10px #415e6a);

}


/* header */


.page__header {

    background: url(../images/bg__header.jpg) no-repeat center top;

}


.header__inner {
}


.header__btns {

    height: 300px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    box-sizing: border-box;

    padding-top: 120px;

}


.header__btn {

    margin-right: 55px;

    margin-left: 55px;

    font-size: 24px;

    line-height: 24px;

}


.header__logotype {

    height: 300px;

    display: flex;

    justify-content: center;

    align-items: flex-end;

}


.logo {

    display: block;

    text-decoration: none;

    width: 590px;

    height: 160px;

    position: relative;

    transition: .3s all;

    /* outline: 1px solid #fff; */

}


.logo:after {

    content: '';

    display: block;

    background: url(../images/logo.png) no-repeat;

    width: 773px;

    height: 389px;

    position: absolute;

    left: -94px;

    top: -116px;

    transition: .3s all;

    z-index: 1;

    pointer-events: none;

    opacity: 0;

}


.logo:before {

    content: '';

    display: block;

    background: url(../images/logo.png) no-repeat;

    width: 773px;

    height: 389px;

    position: absolute;

    left: -94px;

    top: -116px;

    transition: .3s all;

    z-index: 2;

    pointer-events: none;

    opacity: 0;

}


@keyframes logo {

    0% {

        transform: scale(1);

        opacity: 0;

    }


    10% {

        opacity: .5;

    }


    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}


/* servers */


.servers {
}


.servers__server {

    margin: 0 10px;

}


.page__servers {

    background: url(../images/bg__servers.jpg) no-repeat center center;

    background-size: cover;

}


.servers__inner {

    display: flex;

    justify-content: center;

    align-items: center;

}


.servers__border {

    background: url(../images/server/border.png) no-repeat;

    width: 2px;

    height: 116px;

    margin: auto;

}


.server {

    flex-basis: 310px;

    cursor: default;

}


.server__info {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 78px;

    border-bottom: 1px solid rgba(67, 70, 80, 0.4);

}


.server__ico {

    width: 70px;

    height: 60px;

    position: relative;

    top: -5px;

    z-index: 0;

}


.server__pic {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 127px;

    height: 127px;

    display: flex;

    justify-content: center;

    align-items: center;

    pointer-events: none;

}


.server__content {

    position: relative;

    z-index: 2;

    line-height: 18px;

    flex-basis: 120px;

}


.server__title {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: white;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

}


.server__desc {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: rgba(255, 255, 255, 0.5);

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

}


.server__border {

    width: 1px;

    height: 34px;

    background-color: #1d222a;

}


.server__online {

    /* flex-grow: 1; */

    flex-basis: 118px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    line-height: 24px;

}


.server__count {

    text-align: center;

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: white;

    font-size: 24px;

    font-weight: 700;

}


.server__status {

    text-align: center;

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: #828282;

    font-size: 14px;

    font-weight: 300;

    line-height: 14px;

}


.server__about {

    min-height: 52px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding-bottom: 5px;

}


.server__more {

    font-size: 14px;

    font-weight: 400;

    text-decoration: underline;

    text-transform: uppercase;

    color: #858585;

    text-decoration: none;

    margin: 5px 13px;

    position: relative;

}


.server__more:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #858585;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -2px;

    transition: .3s all;

    pointer-events: none;

}


.server__more:hover:after {

    opacity: 0;

    bottom: -8px;

}


.server__more:after {
}


.server__more_color_light {

    color: #cac89c;

}


.server__more_color_light:after {

    background-color: #cac89c;

}


/* server_status_on */


.server_status_on .server__count {

    color: #e0febd;

}


.server_status_on .server__status {

    color: #cbff8e;

}


/* server_status_off */


.server_status_off .server__count {

    color: #ffe6c5;

}


.server_status_off .server__status {

    color: #ac9576;

}


/* streams */


.page__streams {

    background: url(../images/bg__streams.jpg) no-repeat center center;

    background-size: cover;

    border-top: 2px solid #1b1d1e;

}


.streams__inner {

    padding-top: 15px;

    padding-bottom: 15px;

}


.streams__header {

    min-height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding: 10px;

}


.streams__title {

    text-align: center;

    color: white;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 20px;

    cursor: default;

}


.stream {

    width: 348px;

    height: 196px;

    border: 1px solid #35393e;

}


.stream_m_def {

    margin: 10px;

}


.stream__item {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    position: relative;

    cursor: pointer;

    transition: .3s all;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: block;

    text-decoration: none;

}


.stream__item:hover {

    filter: brightness(130%);

}


.stream__item:after {

    display: block;

    content: "";

    background: url(../images/icons/play.png) no-repeat;

    width: 64px;

    height: 64px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}


.stream iframe {

    width: 100%;

    height: 100%;


}


.streams__list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 10px;

    padding-bottom: 10px;

}


.streams__btns-box {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding: 10px 0;

}


/* mid */


.page__mid {

    background: #131718 url(../images/bg__sparks.png) no-repeat center top;

}


.mid__inner {

    display: flex;

    box-sizing: border-box;

    padding-top: 40px;

    padding-bottom: 40px;

}


.mid__content {

    width: calc(100% - 350px - 40px - 10px);

    margin-right: 40px;

    margin-left: 10px;

}


.content__header {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding-bottom: 20px;

}


.content__title {

    color: white;

    font-size: 48px;

    font-weight: 700;

    line-height: 40px;

    text-transform: uppercase;

    cursor: default;

    text-align: center;

}


/* article */


.article {

    box-sizing: border-box;

    padding: 17px 19px;

    background-color: #292d32;

    display: flex;

}


.article_m_b {

    margin-bottom: 30px;

}


.article__pic {

    /* width: 260px; */

    width: 38%;

    min-width: 180px;

    max-width: 300px;

    min-height: 248px;

    flex-shrink: 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: transparent;

    box-sizing: border-box;

    border: 3px solid #4c545e;

    margin-right: 20px;

}


.article__contents {

    flex-grow: 1;

    display: flex;

    flex-direction: column;

}


.article__title {

    color: #fbf265;

    font-size: 28px;

    font-weight: 700;

    line-height: 24px;

    text-transform: uppercase;

    cursor: default;

    margin-bottom: 10px;

}


.article__content {

    color: #d0d8dd;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

    cursor: default;

}


.article__info {

    margin-top: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: default;

}


.article__date {

    color: #5e6671;

    font-size: 14px;

    font-weight: 400;

    padding-left: 20px;

    background: url(../images/icons/ico__clock.png) no-repeat left center;

    min-height: 13px;

}


.article__btn {

    margin-left: auto;

}


/* pagination */


.pagination {

    display: flex;

    justify-content: center;

    align-items: center;

}


.pagination__link {

    font-size: 24px;

    font-weight: 700;

    color: #3b3f45;

    padding: 3px;

    box-sizing: border-box;

    flex-basis: 40px;

    height: 34px;

    line-height: 24px;

    text-decoration: none;

    text-align: center;

    display: inline-block;

}


.pagination__link:hover {

    color: #8e97a3;

}


.pagination__link_active,
.pagination__link_active:hover {

    color: #fff;

}


.pagination__arrow {

    background: url(../images/pagination__arrow_dir_right.png) no-repeat;

    width: 21px;

    height: 38px;

    display: inline-block;

    margin: 0 10px;

    flex-shrink: 0;

    transition: .2s all;

}


.pagination__arrow_left {

    transform: rotateY(180deg);

}


.pagination__arrow_active:hover {

    transform: scale(1.1);

}


.pagination__arrow_active_false {

    opacity: .3;

    cursor: default;

    pointer-events: none;

}


/* sidebar */


.mid__sidebar {

    width: 350px;

    flex-shrink: 0;

    box-sizing: border-box;

    margin-right: 10px;

    padding-top: 8px;

}


.sidebar__container {

    border: 3px solid #2f343a;

    margin-bottom: 30px;

}


.sidebar__heading {

    min-height: 50px;

    background-color: #2f343a;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 3px 13px;

    box-sizing: border-box;

    cursor: default;

}


.sidebar__title {

    text-align: center;

    color: white;

    font-size: 30px;

    line-height: 25px;

    font-weight: 700;

    text-transform: uppercase;

}


/* forum */


.forum {

    padding: 0 20px;

}


.btn_forum {

    margin: 15px auto;

    display: flex;

}


/* theme */


.theme {

    position: relative;

    z-index: 0;

}


.theme {

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    position: relative;

    min-height: 116px;

    position: relative;

    z-index: 0;

    cursor: default;

}


.theme:after {

    content: "";

    display: block;

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 0;

    height: 1px;

    transition: 0.3s all;

    background-color: rgba(47, 52, 58, 0.5);

    z-index: -1;

    pointer-events: none;

}


.theme:hover:after {

    left: -20px;

    right: -20px;

}


.theme:before {

    content: "";

    display: block;

    position: absolute;

    left: -20px;

    right: calc(100% + 20px);

    top: 0;

    bottom: 0;

    transition: 0.3s all;

    background-color: #2f343a;

    z-index: -1;

    /* transform: scale(1.2); */

    opacity: 1;

    pointer-events: none;

    transform-origin: center center;

}


.theme:hover:before {

    transform: scale(1);

    opacity: 1;

    right: -20px;

}


.theme__ava {

    background-image: url(../images/tmp/ava.png);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 78px;

    height: 78px;

    flex-shrink: 0;

}


.theme__content {

    flex-grow: 1;

    box-sizing: border-box;

    padding-left: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


.theme__title {

    color: white;

    font-size: 18px;

    line-height: 14px;

    font-weight: 700;

}


.theme__info {

    font-size: 14px;

    color: #5e6671;

    font-weight: 300;

    padding: 5px 0;

}


.theme__author {

    text-decoration: none;

}


.theme__more {

    font-size: 14px;

    color: #a79999;

    font-weight: 700;

    text-decoration: underline;

    margin-right: auto;

    text-transform: uppercase;

}


/* screenshots */


.screenshots {

    background-color: #2f343a;

    display: flex;

    flex-wrap: wrap;

    padding: 0 3px 3px 3px;

    box-sizing: border-box;

}


.screenshot {

    border: 1px solid #635e52;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    box-sizing: border-box;

    filter: brightness(70%);

    transition: .3s all;

}


.screenshot:hover {

    filter: brightness(100%);

}


.screenshots__screenshot {

    height: 74px;

    width: calc(100% / 3 - 4px);

    margin: 2px;

}


/* heading */


.heading {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 0;

}


.heading__title {

    text-align: center;

    color: white;

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase;

}


/* events */


.page__events {

    background-color: #1f2123;

    background: #181b1e url(../images/bg__sparks.png) no-repeat center bottom;

}


.events__inner {

    padding: 15px 0;

}


.events__btns {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 10px 0;

}


.events__list {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

}


.events__event {

    flex-basis: 380px;

}


/* event */


.event {

    display: flex;

    padding: 6px 13px;

    transition: .3s all;

}


.event:hover {

    background-color: #101214;

}


.event__pic {

    width: 139px;

    height: 139px;

    flex-shrink: 0;

    box-sizing: border-box;

    border: 1px solid #3e454e;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 15px;

}


.event__content {

    position: relative;

    z-index: 0;

    padding-top: 4px;

}


.event__heading {

    height: 56px;

    box-sizing: border-box;

    padding: 3px 0;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    cursor: default;

}


.event__title {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: #fefa69;

    font-size: 24px;

    font-weight: 700;

    line-height: 20px;

}


.event__desc {

    position: relative;

    z-index: 0;

    overflow: hidden;

}


.event__txt {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: white;

    font-size: 16px;

    font-weight: 400;

    line-height: 16px;

    transition: .3s all;

}


.event:hover .event__txt {

    opacity: 0;

    visibility: hidden;

    transform: translateX(-100%);

}


.event__btn {

    position: absolute;

    left: 0;

    top: 18px;

    opacity: 0;

    visibility: hidden;

    transition: .3s all;

    transform: translateX(100%);

}


.event:hover .event__btn {

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

}


/* presentation */


.page__presentation {

    background: url(../images/bg__present.jpg) no-repeat center center;

    background-size: cover;

    border-top: 2px solid #131718;

    border-bottom: 2px solid #131718;

}


.presentation__slider-box {

    position: relative;

    padding: 10px 20px;

}


.presentation__inner {

    padding-top: 10px;

    padding-bottom: 20px;

}


.slider {

    height: 200px;

    /* overflow: hidden; */

    width: 100%;

    position: relative;

}


.slider__slide {

    height: 200px;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #272924;

    transform: scale(0.8);

    transition: .6s all;

}


.slick-slide_active .slider__slide {

    transform: scale(1);

}


.slider__item {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    position: relative;

    cursor: pointer;

    transition: .3s all;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: block;

    text-decoration: none;

}


.slider__item:hover {

    filter: brightness(130%);

}


.slider__item:after {

    display: block;

    content: "";

    background: url(../images/icons/play.png) no-repeat;

    width: 64px;

    height: 64px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}


.slider__slide iframe {

    width: 100%;

    height: 100%;

    display: inline-block;

}


.presentation__arrow {

    cursor: pointer;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 100;

    width: 15px;

    height: 25px;

    transition: .3s all;

}


.presentation__arrow_dir_left {

    background: url(../images/slider__arrow_dir_left.png) no-repeat;

    left: 10px;

}


.presentation__arrow_dir_left:hover {
}


.presentation__arrow_dir_right {

    background: url(../images/slider__arrow_dir_right.png) no-repeat;

    right: 10px;

}


.presentation__arrow_dir_right:hover {
}


.slick-disabled.presentation__arrow {

    opacity: .3;

}


/* contacts */


.page__contacts {

    background-color: rgb(14, 16, 19, 0.92);

}


.contacts__inner {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 15px;

    padding-bottom: 15px;

}


.contacts__contact {

    width: calc(100% / 4 - 20px);

    margin: 10px;

}


.contact {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 40px;

    text-decoration: none;

    background-color: #38509c;

    box-sizing: border-box;

    transition: .3s all;

}


.contact:hover {

    filter: brightness(120%);

}


.contact_scl_fb {

    background-color: #38509c;

}


.contact_scl_tg {

    background-color: #1e96c8;

}


.contact_scl_dd {

    background-color: #8c9eff;

}


.contact_scl_vk {

    background-color: #4568a8;

}


.contact__ico {

    margin-right: 11px;

    display: flex;

    justify-content: center;

    align-items: center;

}


.contact__img {

    display: block;

}


.contact__content {

    color: white;

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

}


.contact__strong {

    font-weight: 700;

}


/* footer */


.page__footer {

    background: rgb(22, 23, 25) url(../images/bg__footer.jpg) no-repeat center bottom;

}


.footer__inner {

    display: flex;

    padding-top: 10px;

}


/* footer__nav */


.footer__title {

    color: white;

    font-size: 26px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 10px;

}


.footer__nav {

    display: flex;

    flex-grow: 1;

    flex-basis: 700px;

}


.footer__f-nav {

    margin: 10px;

    flex-grow: 1;

    min-width: 200px;

}


.footer__f-nav:not(:nth-last-child(1)) {

    /* padding-right: 60px; */

}


.f-nav__list {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}


.f-nav__item {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #a79999;

    font-size: 18px;

    font-weight: 300;

    text-decoration: underline;

    text-decoration: none;

    line-height: 28px;

    position: relative;

    z-index: 0;

    margin-bottom: 3px;

}


.f-nav__item:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #a79999;

    position: absolute;

    left: 0;

    bottom: 3px;

    right: 0;

    transition: .3s all

}


.f-nav__item:hover:after {

    /* right: 0; */

    opacity: 0;

    bottom: -5px;

}


/* footer__info */


.footer__info {

    flex-basis: 330px;

    margin: 10px;

}


.copyright {

    font-size: 18px;

    line-height: 24px;

}


.copyright__title {

    color: #a79999;

    font-weight: 700;

}


.copyright__desc {

    color: #4e4e4e;

    font-weight: 300;

}


.footer__bnrs {

    display: flex;

    flex-wrap: wrap;

    margin: 10px -5px;

}


.footer__bnrs a {

    display: inline-block;

    margin: 5px;

    opacity: .5;

    transition: .3s all;

}


.footer__bnrs a:hover {

    opacity: 1;

}


.footer__bnrs img {

    display: block;

}


/* footer__author */


.footer__author {

    display: flex;

    margin: 10px -5px;

}


.author__logo {

    margin: 5px;

    display: inline-block;

    text-decoration: none;

}


.author__desc {

    color: #4e4e4e;

    font-size: 13px;

    font-weight: 300;

    line-height: 12px;

    margin-bottom: 5px;

}


.author__img {

    opacity: .3;

    max-height: 34px;

    transition: .3s all;

}


.author__logo:hover .author__img {

    opacity: .6;

}


/* under */


.under__container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}


.under__arrow {

    position: relative;

    z-index: 5;

    width: 47px;

    height: 47px;

    background: url(../images/unde__arrow_up.png) no-repeat;

    flex-shrink: 0;

    cursor: pointer;

    transition: .3s all;

    opacity: .5;

}


.under__arrow:hover {

    opacity: 1;

}


.under__block {

    width: calc(100% / 2 - 50px);

    margin: 10px;

}


.under__ps {

    margin-left: auto;

    display: block;

    opacity: .2;

    transition: .3s all;

}


.under__ps:hover {

    opacity: 0.5;

}


.under__img-ps {

    display: block;

}


.under__desc {

    color: #4d4d4d;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

    box-sizing: border-box;

    padding: 10px;

    text-align: center;

}


.under__links {

    box-sizing: border-box;

    padding: 0 10px 15px 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}


.under__link {

    text-decoration: underline;

    display: inline-block;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

    color: rgba(167, 153, 153, 0.6);

    padding: 0 10px;

}


.under__link:not(:nth-last-child(1)) {

    border-right: 1px solid rgba(167, 153, 153, 0.6);

}


/* upper */


.upper {

    background: url(../images/upper.png) no-repeat;

    width: 83px;

    height: 70px;

    position: fixed;

    right: 10px;

    bottom: 10px;

    z-index: 20;

    cursor: pointer;

    opacity: .5;

    transition: 1s all;

}


.upper:hover {

    opacity: 1;

}


.upper_active_false {

    opacity: 0;

    visibility: hidden;

    transform: translateY(100px);

}


/* modal */


.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    box-sizing: border-box;

    overflow-y: auto;

    z-index: 99;

    display: flex;

    transition: .3s all;

    transform: scale(1);

    opacity: 1;

    filter: blur(0);

    background-color: rgba(0, 0, 0, 0.6);

    padding: 0 10px;

    overflow-x: hidden;

}


.modal_none {

    display: none;

}


.modal_hide {

    opacity: 0;

}


.modal__close {

    background: url(../images/modal/close.png) no-repeat;

    width: 15px;

    height: 15px;

    position: absolute;

    right: 15px;

    top: 15px;

    display: inline-block;

    z-index: 5;

    cursor: pointer;

    transition: .3s all;

    flex-shrink: 0;

}


.modal__close:hover {

    transform: rotate(180deg);

}


.modal__inner {

    flex-basis: 800px;

    box-sizing: border-box;

    height: auto;

    margin: auto;

    background: rgb(30, 28, 32) url(../images/modal/bg.jpg) no-repeat center top;

    background-size: cover;

    /* border: 1px solid rgba(0, 0, 0, 0.2); */

    box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.51);

    transition: .5s all;

    transform: scale(1) translateY(0);

    opacity: 1;

    padding: 45px;

    position: relative;

}


.modal__inner::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid rgba(76, 107, 138, 0.14);

    z-index: 5;

    pointer-events: none;

}


.modal_hide .modal__inner {

    transform: scale(1.2) translateY(-100px);

    opacity: 0;

}


.modal__head {

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding: 20px 0;

}


.modal__ico {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

}


.modal__ico_m_r {

    margin-right: 15px;

}


.modal__title {

    text-shadow: 0.7px 0.7px 2px rgba(0, 3, 1, 0.5);

    color: white;

    font-size: 26px;

    font-weight: 700;

    text-transform: uppercase;

}


.modal__title_warning {

    color: #fc7c56;

    font-size: 18px;

    font-weight: 600;

    line-height: 18px;

}


.modal__desc {

    color: #5b6787;

    font-size: 13px;

    font-weight: 500;

    line-height: 18px;

    text-align: center;

}


.modal__desc_m_t {

    margin-top: 6px;

}


.modal__content {
}


.enter__inner {

    padding-bottom: 20px;

}


.enter__info {

    background: url(../images/modal/modal__enter-container.png) no-repeat center top;

    background-size: cover;

    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5) inset, 0 0 15px rgba(0, 0, 0, 0.4);

    box-sizing: border-box;

    padding: 20px 10px;

}


.enter__title {

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    color: white;

    font-size: 32px;

    font-weight: 700;

    line-height: 26px;

    padding: 10px;

    margin: 15px 0 10px 0;

    text-align: center;

}


.enter__desc {

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    color: white;

    font-size: 18px;

    line-height: 20px;

    padding: 5px 10px;

    margin: 3px 0 3px 0;

    text-align: center;

}


.enter__btns {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 15px;

}


.enter__box {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}


.enter__btn {

    margin-top: 40px;

    margin-bottom: 30px;

    margin-right: 0;

    margin-left: 0;

}


.enter__link {

    color: rgba(255, 255, 255, 0.35);

    font-size: 16px;

    font-weight: 400;

    text-decoration: underline;

    cursor: pointer;

}


.enter__link:hover {

    text-decoration: none;

}


/* hd */


.page__hd {

    margin: 20px 10px;

}


.hd {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.35) 80%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    padding: 10px;

}


.hd__title {

    color: white;

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase;

}


/* files */


.page__files {

    background: url(../images/bg__files.jpg) no-repeat center center;

    background-size: cover;

}


.files__container {

    flex-basis: 860px;

}


.files__inner {
}


.files__arrow {

    background: url(../images/files/arrow__down.png) no-repeat center center;

    height: 60px;

}


.files__head {

    min-height: 34px;

    display: flex;

    align-items: center;

    color: #6eb0db;

    font-size: 18px;

    font-weight: 700;

    margin-left: 10px;

    margin-right: 10px;

    border-right: 1px solid #2e2e2e;

    border-left: 1px solid #2e2e2e;

    box-sizing: border-box;

    padding: 3px 20px;

    cursor: default;

    background-color: rgba(255, 255, 255, 0.02);

}


/* fbox */


.fbox {

    background-color: rgba(7, 7, 8, 0.3);

}


.fbox_m {

    margin: 10px;

}


.fbox_m_rl {

    margin-left: 10px;

    margin-right: 10px;

}


.fbox_border {

    border: 1px solid #2e2e2e;

    box-sizing: border-box;

}


.fbox_files {

    display: flex;

}


.fbox__item {

    display: flex;

    align-items: center;

    padding: 10px;

}


.fbox__it_download {

    position: relative;

    top: 1px;

}


.fbox__it_display {

    position: relative;

    top: 2px;

}


.fbox__it_gear {

    position: relative;

    top: 2px;

    left: 2px;

}


.fbox__item_b_b {

    border-bottom: 1px solid #2e2e2e;

}


.fbox__res {

    width: 45%;

    box-sizing: border-box;

}


.fbox__instruction {

    width: 55%;

    box-sizing: border-box;

}


.fbox__b_r {

    border-right: 1px solid #2e2e2e;

    box-sizing: border-box;

}


.fbox__b_b {

    border-bottom: 1px solid #2e2e2e;

    box-sizing: border-box;

}


.fbox__heading {

    min-height: 80px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: default;

    width: 100%;

    padding-bottom: 5px;

}


.fbox__heading_min {

    min-height: 50px;

}


.fbox__ico {

    display: flex;

    justify-content: center;

    align-items: center;

}


.fbox__ico_m_r {

    margin-right: 13px;

}


.fbox__ico_m_l {

    margin-left: 13px;

}


.fbox__title {

    color: white;

    font-size: 28px;

    line-height: 20px;

}


.fbox__btns-list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 20px 0;

}


.fbox__btn {

    margin-top: 35px;

    margin-bottom: 35px;

    font-size: 22px;

    padding-top: 5px;

}


.fbox__info-list {

    padding: 20px 30px;

    box-sizing: border-box;

    font-size: 17px;

}


.fbox__content {

    box-sizing: border-box;

    padding: 15px 20px;

    color: white;

    font-size: 20px;

    font-weight: 400;

    text-align: center;

}


.fbox__content_lib {

    text-align: left;

    font-size: 18px;

    padding: 10px;

}


.fbox__img {

    width: 90px;

    height: 80px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-shrink: 0;

}


.fbox__why {

    color: #e86053;

    font-size: 17px;

    font-weight: 700;

}


/* characteristic */


.characteristic {

    display: flex;

    color: #979798;

    font-size: 18px;

    border-top: 1px solid #2e2e2e;

}


.characteristic_head {

    background-color: rgba(255, 255, 255, 0.04);

}


.characteristic__item {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding: 10px;

    box-sizing: border-box;

}


.characteristic__cat {

    width: 100px;

    flex-shrink: 0;

    border-right: 1px solid #2e2e2e;

}


.characteristic__min {

    width: calc(100% / 2 - 100px / 2);

    border-right: 1px solid #2e2e2e;

    flex-shrink: 0;

}


.characteristic__rec {

    width: calc(100% / 2 - 100px / 2);

    flex-shrink: 0;

}


/* resources */


.resources__inner {

    flex-basis: 370px;

    padding: 10px;

    box-shadow: 0 0 120px rgb(0, 0, 0) inset, 0 0 1px 4px rgba(0, 0, 0, 0.51);

    /* border-width: 2px; */

}


.resources__content {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}


.resources__btn {

    margin-bottom: 20px;

}


/* informer */


.informer {

    background: url(../images/bg__informer.jpg) no-repeat center center;

    background-size: cover;

}


.informer__inner {

    min-height: 47px;

    padding: 3px 0;

    display: flex;

    justify-content: center;

    align-items: center;

}


.informer__content {

    text-align: center;

    text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

    font-size: 18px;

    line-height: 16px;

    font-weight: 700;

    text-transform: uppercase;

    color: white;

    margin: 0 10px;

}


.informer__color_aqua {

    color: #00fffc;

}


.informer__ico {

    display: inline-block;

    vertical-align: sub;

    margin: 0 1px 0px 5px;

}


.informer__link {

    color: #ffd800;

    display: inline-block;

    text-decoration: none;

    position: relative;

    white-space: nowrap;

}


.informer__link:after {

    content: '';

    display: block;

    height: 2px;

    background-color: #ffd800;

    position: absolute;

    left: 0;

    bottom: -3px;

    right: 0;

    transition: .2s all;

    box-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

}


.informer__link:hover:after {

    bottom: -8px;

    opacity: 0;

}


/* help */


.page__help {

    background: url(../images/bg__help.jpg) no-repeat center center;

    background-size: cover;

}


.help__list {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 40px;

}


.helper {

    position: relative;

    z-index: 0;

    min-height: 300px;

    box-sizing: border-box;

    border: 1px solid #3a3a3a;

    display: flex;

    justify-content: center;

    align-items: stretch;

    flex-direction: column;

    text-align: center;

    padding: 20px;

    overflow: hidden;

    cursor: default;

}


.help__helper {

    width: calc(100% / 2 - 20px);

    margin: 10px;

}


.helper__bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    background-image: url(../images/help/helper__bg_1.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    transition: .6s all;

}


.helper:hover .helper__bg {

    transform: scale(1.1);

    filter: brightness(130%);

}


.helper__header {

    position: relative;

    z-index: 5;

    color: white;

    font-size: 36px;

    font-weight: 700;

    line-height: 32px;

    text-transform: uppercase;

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%,
    rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    min-height: 90px;

    display: flex;

    justify-content: center;

    align-items: center;

}


.helper__content {

    position: relative;

    z-index: 5;

    color: white;

    font-size: 17px;

    font-weight: 300;

    flex-grow: 1;

    box-sizing: border-box;

    padding: 15px;

}


.helper__btn-box {

    position: relative;

    z-index: 5;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 10px;

}


/* cp */


.page__cp {

    background: url(../images/cp/bg__cp.jpg) no-repeat center center;

    background-size: cover;

    flex-grow: 1;

    min-height: 950px;

}


.cp__inner {

    padding-bottom: 10px;

}


.cp__logo-box {

    padding-top: 55px;

    padding-bottom: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}


.logo-min {

    display: block;

    text-decoration: none;

    width: 340px;

    height: 100px;

    position: relative;

    transition: .3s all;

    /* outline: 1px solid #fff; */

}


.logo-min:after {

    content: '';

    display: block;

    background: url(../images/logo_size_small.png) no-repeat;

    width: 479px;

    height: 229px;

    position: absolute;

    left: -75px;

    top: -65px;

    transition: .3s all;

    z-index: 1;

    pointer-events: none;

    opacity: 1;

}


.logo-min:before {

    content: '';

    display: block;

    background: url(../images/logo_size_small.png) no-repeat;

    width: 479px;

    height: 229px;

    position: absolute;

    left: -75px;

    top: -65px;

    transition: .3s all;

    z-index: 1;

    pointer-events: none;

    opacity: 0;

}


.logo-min:hover:before {

    animation: logo .3s ease;

}


.logo-min:hover {

    filter: brightness(110%);

}


@keyframes logo {

    0% {

        transform: scale(1);

        opacity: 0;

    }


    10% {

        opacity: .5;

    }


    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}


/* forms */


.cp__forms {

    max-width: 520px;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

    margin: 0 auto;

    background: url(../images/cp/bg__form.jpg) no-repeat center top;

    background-size: cover;

    box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.51);

    box-sizing: border-box;

    position: relative;

    z-index: 0;

}


.modal__inner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid rgba(76, 107, 138, 0.14);

    z-index: 5;

    pointer-events: none;

}


/* form */


.form {

    max-width: 100%;

    flex-grow: 1;

    box-sizing: border-box;

    padding: 20px;

}


.form__heading {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

}


.form__title {

    color: white;

    font-size: 28px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

}


.form__title_m_r {

    margin-right: 10px;

}


.h-link {

    text-decoration: none;

    position: relative;

    color: #767168;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

    top: 2px;

}


.h-link:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #767168;

    position: absolute;

    left: 0;

    bottom: -2px;

    right: 100%;

    transition: .3s all

}


.h-link:hover:after {

    right: 0;

}


.a-link {

    color: rgb(255, 211, 99);

    font-size: 13px;

    text-decoration: none;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

}


.a-link:after {

    content: '';

    display: block;

    height: 1px;

    background-color: rgb(255, 211, 99);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0px;

    transition: .3s all;

    pointer-events: none;

}


.a-link:hover:after {

    right: 100%;

}


.a-link:hover {

    text-decoration: none;

}


.form__container {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 0;

}


.form__desc {

    color: #717d8c;

    font-size: 14px;

    text-transform: uppercase;

    text-align: center;

}


.form__desc_m_b {

    margin-bottom: 24px;

}


.icon-container ~ .input {

    padding-left: 50px;

}


.icon-container ~ .input_login {

    padding-left: 100px;

}


.icon-container {

    position: absolute;

    left: 1px;

    top: 1px;

    bottom: 1px;

    width: 50px;

    /* border-right: 1px solid #383f3f; */

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    color: rgb(169, 171, 173);

    font-size: 18px;

    text-transform: uppercase;

    padding-top: 1px;

    padding-left: 2px;

    box-sizing: border-box;

}


.prefix-container {

    position: absolute;

    right: 5px;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}


.prefix-container__btn {

    padding: 0 10px;

}


.protection {

    display: flex;

    padding-top: 15px;

    box-sizing: border-box;

    padding: 2px;

    background-color: #0e0c13;

    border: 1px solid #333439;

}


.protection_align_center {

    align-items: center;

}


.protection__ico_m_l {

    margin-left: 10px;

}


.protection__ico_m_r {

    margin-right: 10px;

}


.protection__captcha {

    max-width: 306px;

    flex-shrink: 0;

}


.protection__captcha img {

    display: block;

}


.protection__info {

    color: #949498;

    font-size: 16px;

    font-weight: 300;

    flex-grow: 1;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}


.protection__img-container {

    width: 49px;

    flex-shrink: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}


.protection__confirm {

    display: flex;

    align-items: center;

}


.protection__confirm_m_t {

    margin-top: 5px;

}


.protection__rules {

    display: inline-block;

    margin-right: 10px;

    color: white;

    font-size: 13px;

    text-decoration: none;

    text-transform: uppercase;

    position: relative;

}


.protection__rules:after {

    content: '';

    display: block;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.5);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0px;

    transition: .3s all

}


.protection__rules:hover:after {

    right: 100%;

}


.protection__rules:hover {

    text-decoration: none;

}


.form__btn {

    margin: 25px auto 25px auto;

    display: block;

}


.form__btn_enter {

    font-size: 32px;

    line-height: 32px;

    padding-top: 10px;

}


.fauth {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    color: #9fabb8;

    font-size: 18px;

    font-weight: 400;

}


.fauth__item {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 2px 10px;

}


.fauth__ico {

    width: 35px;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    top: 3px;

}


.fauth__ico_m_r {

    margin-right: 10px;

}


.fauth__ico_m_l {

    margin-left: 10px;

}


.fauth__link {

    color: #afc0d0;

    font-size: 18px;

    font-weight: 400;

    text-decoration: none;

    display: inline-block;

    margin: 0 3px;

    position: relative;

    z-index: 0;

    white-space: nowrap;

}


.fauth__link:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #afc0d0;

    position: absolute;

    left: 0;

    bottom: -1px;

    right: 0;

    transition: .1s all;

    pointer-events: none;

}


.fauth__link:hover:after {

    bottom: -5px;

    opacity: 0;

}


.fauth__txt {

    display: inline-block;

    margin: 0 3px;

    padding-top: 7px;

}


/* Оформление gw-checkbox */


.gw-checkbox {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}


.gw-checkbox__label {

    display: inline-flex;

    align-items: center;

    cursor: pointer;

    text-shadow: 0.5px 0.9px 2px rgba(0, 3, 1, 0.5);

    font-size: 16px;

    font-weight: 400;

    color: #a8a8a8;

    box-sizing: border-box;

}


.gw-checkbox__name {
}


.gw-checkbox__block {

    display: inline-block;

    width: 24px;

    height: 24px;

    background-color: rgba(7, 9, 11, 0.8);

    box-shadow: inset 0 0 0 rgba(51, 52, 57, 0.4);

    box-sizing: border-box;

    border-radius: 0;

    position: relative;

    cursor: pointer;

    margin-right: 8px;

    flex-shrink: 0;

}


.gw-checkbox__block:after {

    content: "";

    position: absolute;

    left: 6px;

    top: 7px;

    opacity: 0;

    pointer-events: none;

    border-radius: 0;

    width: 12px;

    height: 11px;

    transform: scale(3);

    transition: 0.2s all;

    background: url(../images/icons/checkbox__check.png) no-repeat;

}


.gw-checkbox__input {

    display: none;

}


.gw-checkbox__input:checked + .gw-checkbox__block:after {

    opacity: 1;

    transform: scale(1);

}


/* colorbox */


.inline__content {

    background-color: rgb(35, 35, 35);

    padding: 10px 20px;

    color: rgb(207, 187, 116);

    font-size: 14px;

    line-height: 20px;

}


.inline-content {

    padding: 10px 20px;

    line-height: 20px;

    color: rgb(213, 200, 180);

    color: rgb(207, 187, 116);

    font-size: 20px;

    font-weight: 400;

}


.inline__content_title {

    color: rgba(0, 0, 0, 0.8);

    font-size: 16px;

}


.inline__content ul {

    list-style-type: circle;

    list-style-position: inside;

}


#cboxLoadedContent {

    background-color: rgb(35, 35, 35) !important;

}


#cboxContent {

    background-color: rgb(35, 35, 35) !important;

}


/* success-status */


.success-status__warning {

    text-align: center;

    text-shadow: 0.5px 0.9px 6.6px rgba(0, 3, 1, 0.44);

    color: #e46262;

    font-size: 21px;

}


.success-status__warning__tt_u {

    text-transform: uppercase;

}


.success-status__light-title {

    font-size: 17px;

    font-weight: 700;

    color: #e46262;

    text-transform: uppercase;

    line-height: 14px;

    text-align: center;

    margin-bottom: 10px;

}


.success-status__desc {

    text-align: center;

    color: white;

    font-size: 18px;

    font-weight: 300;

}


.data {

    background: url(../images/cp/sbg.jpg) no-repeat center center;

    background-size: cover;

    width: 100%;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.1);

    padding: 15px;

    box-sizing: border-box;

}


.success-status__data {

    margin-top: 20px;

    margin-bottom: 20px;

}


.data__ttl {

    text-align: center;

    text-shadow: 0.5px 0.9px 5px rgba(0, 3, 1, 0.4);

    color: #e7d051;

    font-size: 20px;

    font-weight: 700;

    padding-bottom: 15px;

}


.data__name {

    text-shadow: 0.5px 0.9px 5px rgba(0, 3, 1, 0.4);

    color: #989898;

    font-size: 20px;

    font-weight: 300;

    line-height: 18px;

    text-align: center;

    margin-bottom: 5px;

}

.streams__btns-box {
    text-decoration: none;
}

.event__txt p {
    margin: 0;
}

.data__val {

    color: white;

    font-size: 18px;

    font-weight: 700;

    line-height: 18px;

    text-align: center;

}


.success-status__btns {

    display: flex;

    justify-content: space-around;

    align-items: center;

    flex-wrap: wrap;

    margin: 0 -10px;

}


.success-status__btn {

    margin: 5px 10px;

    flex-grow: 1;

}


/* l2oops */


.l2oops {

    position: absolute;

    left: -150px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}


@media (max-width: 1410px) {

    .l2oops {

        position: absolute;

        left: 10px;

        top: calc(100% + 30px);

        transform: translateY(0);

    }

}


/* l2oops2 */


.l2oops2 {

    position: absolute;

    left: -150px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}


@media (max-width: 1410px) {

    .l2oops2 {

        display: none;

    }

}


/* l2topzone */


.l2topzone {

    position: absolute;

    right: -115px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}


@media (max-width: 1410px) {

    .l2topzone {

        display: none;

    }

}


/* freekassa */


.free-kassa {

    position: absolute;

    right: -115px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}


@media (max-width: 1410px) {

    .free-kassa {

        display: none;

    }

}