А@font-face {
    font-family: 'Beaufort';
    src: local("BeaufortforLOL Regular"), local("BeaufortforLOL-Regular"), url("../fonts/beaufort/BeaufortforLOL-Regular.eot"), url("../fonts/beaufort/BeaufortforLOL-Regular.woff") format("woff"), url("../fonts/beaufort/BeaufortforLOL-Regular.ttf") format("truetype"), url("../fonts/beaufort/BeaufortforLOL-Regular.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Beaufort';
    src: local("BeaufortforLOL Medium"), local("BeaufortforLOL-Medium"), url("../fonts/beaufort/BeaufortforLOL-Medium.eot"), url("../fonts/beaufort/BeaufortforLOL-Medium.woff") format("woff"), url("../fonts/beaufort/BeaufortforLOL-Medium.ttf") format("truetype"), url("../fonts/beaufort/BeaufortforLOL-Medium.svg") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Beaufort';
    src: local("BeaufortforLOL Bold"), local("BeaufortforLOL-Bold"), url("../fonts/beaufort/BeaufortforLOL-Bold.eot"), url("../fonts/beaufort/BeaufortforLOL-Bold.woff") format("woff"), url("../fonts/beaufort/BeaufortforLOL-Bold.ttf") format("truetype"), url("../fonts/beaufort/BeaufortforLOL-Bold.svg") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Reaver';
    src: url("../fonts/reaver/reaver-regular.woff") format("woff"), url("../fonts/reaver/reaver-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Reaver';
    src: url("../fonts/reaver/reaver-semibold.woff") format("woff"), url("../fonts/reaver/reaver-semibold.woff2") format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Reaver';
    src: url("../fonts/reaver/reaver-semibold.woff") format("woff"), url("../fonts/reaver/reaver-semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Reaver';
    src: url("../fonts/reaver/reaver-semibold.woff") format("woff"), url("../fonts/reaver/reaver-semibold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal
}

.flex-sbc,
.flex-sbs,
.flex-sbe,
.flex-cc,
.flex-cs,
.flex-ce,
.flex-sc,
.flex-ss,
.flex-se,
.flex-ec,
.flex-es,
.flex-ee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-sbc,
.flex-sbs,
.flex-sbe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-cc,
.flex-cs,
.flex-ce {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-sc,
.flex-ss,
.flex-se {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-ec,
.flex-es,
.flex-ee {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-sbc,
.flex-cc,
.flex-sc,
.flex-ec {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-sbs,
.flex-cs,
.flex-ss,
.flex-es {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-sbe,
.flex-ce,
.flex-se,
.flex-ee {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

body,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

input,
select {
    outline: none;
    border: none
}

a {
    text-decoration: none
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 80px;
    height: 73px;
    position: relative;
    z-index: 1
}

.btn:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url("../images/buttons/btn_blue_left_bg.png") left center no-repeat, url("../images/buttons/btn_blue_right_bg.png") right center no-repeat;
    background-size: auto 100%, auto 100%;
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}

.btn:after {
    content: '';
    width: calc(100% - 120px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 1;
    background: url("../images/buttons/btn_blue_middle_bg.png") center center repeat-x;
    background-size: auto 100%;
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}

.btn span {
    text-align: center;
    position: relative;
    z-index: 2;
    font-family: 'Beaufort';
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4)
}

.btn:hover:before {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn:hover:after {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn--small {
    height: 56px;
    padding: 0px 50px
}

.btn--small:after {
    width: calc(100% - 90px);
    left: 45px
}

.btn--small span {
    font-size: 18px;
    line-height: 18px
}

.btn--white:before {
    background: url("../images/buttons/btn_white_left_bg.png") left center no-repeat, url("../images/buttons/btn_white_right_bg.png") right center no-repeat;
    background-size: auto 100%, auto 100%
}

.btn--white:after {
    background: url("../images/buttons/btn_white_middle_bg.png") center center repeat-x;
    background-size: auto 100%
}

.btn--white span {
    color: #143c6b;
    text-shadow: 0px 1px 0px #fff
}

.btn--white:hover:before {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.btn--white:hover:after {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.btn--green:before {
    background: url("../images/buttons/btn_green_left_bg.png") left center no-repeat, url("../images/buttons/btn_green_right_bg.png") right center no-repeat;
    background-size: auto 100%, auto 100%
}

.btn--green:after {
    background: url("../images/buttons/btn_green_middle_bg.png") center center repeat-x;
    background-size: auto 100%
}

.btn--red:before {
    background: url("../images/buttons/btn_red_left_bg.png") left center no-repeat, url("../images/buttons/btn_red_right_bg.png") right center no-repeat;
    background-size: auto 100%, auto 100%
}

.btn--red:after {
    background: url("../images/buttons/btn_red_middle_bg.png") center center repeat-x;
    background-size: auto 100%
}

body {
    font-family: 'Reaver';
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #d4dff0;
    background: url("../images/bg/bg.jpg") #1d3254 top center repeat-y
}

.wrapper {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.content-area {
    width: calc(100% - 140px);
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media (max-width: 1240px) {
    .content-area {
        width: calc(100% - 100px)
    }
}

@media (max-width: 1024px) {
    .content-area {
        width: calc(100% - 60px)
    }
}

.nav {
    width: 100%;
    height: 130px;
    max-width: 1920px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

@media (min-width: 1921px) {
    .nav {
        left: calc((100% - 1920px) / 2)
    }
}

@media (max-width: 1024px) {
    .nav {
        height: 80px
    }
}

.nav:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background: rgba(20, 34, 58, 0.9);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.nav--fixed {
    height: 80px
}

.nav--fixed:after {
    opacity: 1
}

.nav .content-area {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    position: relative;
    z-index: 3
}

.nav__logo:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.nav__logo img {
    width: 65px
}

@media (max-width: 1024px) {
    .nav__logo img {
        width: 40px
    }
}

.nav__links {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-column-gap: 45px;
    column-gap: 45px;
    row-gap: 10px
}

@media (max-width: 1480px) {
    .nav__links {
        -webkit-column-gap: 25px;
        column-gap: 25px
    }
}

@media (max-width: 1024px) {
    .nav__links {
        width: 300px;
        height: auto;
        position: absolute;
        top: 100%;
        left: auto;
        right: 0px;
        -webkit-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%);
        background: #243d6a;
        padding: 16px 30px;
        border-radius: 20px;
        display: none
    }
}

@media (max-width: 640px) {
    .nav__links {
        width: 100%
    }
}

.nav__item {
    width: auto;
    height: 100%;
    position: relative
}

@media (max-width: 1024px) {
    .nav__item {
        width: 100%;
        height: auto
    }
}

.nav__item-text {
    width: auto;
    font-family: 'Beaufort';
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.nav__item-text:hover {
    color: #79c4ff
}

@media (max-width: 1024px) {
    .nav__item-text {
        width: 100%;
        height: 34px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        line-height: 16px
    }
}

.nav__item.active .nav__item-text {
    color: #79c4ff
}

.nav__item-arrow {
    width: 9px;
    height: 6px;
    position: relative;
    margin-left: 6px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.nav__item.active .nav__item-arrow {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.nav__group {
    min-width: 100%;
    background: #243d6a;
    position: absolute;
    left: 0px;
    top: 100%;
    display: none;
    padding: 16px 0;
    border-radius: 10px
}

@media (max-width: 1024px) {
    .nav__group {
        width: calc(100% + 60px);
        position: relative;
        padding: 0;
        margin-left: -30px;
        margin-right: -30px;
        border-radius: 0px;
        background: #1f305c
    }
}

.nav__group-item {
    width: 100%;
    height: auto;
    position: relative
}

.nav__group-item-text {
    width: 100%;
    height: 34px;
    padding: 0px 30px;
    font-family: 'Beaufort';
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color .3s ease-in-out, padding-left .1s ease-in-out;
    transition: color .3s ease-in-out, padding-left .1s ease-in-out;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

.nav__group-item-text:hover {
    color: #79c4ff
}

.nav__group-item.active>.nav__group-item-text {
    color: #79c4ff
}

.nav__group-item-arrow {
    width: 9px;
    height: 6px;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    margin-left: 10px
}

.nav__group-item.active>.nav__group-item-text>.nav__group-item-arrow {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.nav__group-box .nav__group-item-text {
    color: #8c9bb7
}

.nav__group-box .nav__group-item-text:hover {
    color: #c2cce9
}

.nav__auth {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #7ca5de;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    background-color: #e1e1e1;
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 14px;
    color: #2e68c6;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    margin-left: 10px
}

.nav__auth:hover {
    background-color: #fff
}

.open-main-menu {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #7ca5de;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    position: relative;
    cursor: pointer;
    display: none;
    background-color: #ececea;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
    margin-left: 10px;
    z-index: 3
}

@media (max-width: 1024px) {
    .open-main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.open-main-menu:hover {
    background-color: #e1e1e1
}

.open-main-menu:hover:after,
.open-main-menu:hover:before {
    background: #2e68c6
}

.open-main-menu:hover .open-main-menu__item {
    -webkit-transform: scale(0.7, 1);
    transform: scale(0.7, 1)
}

.open-main-menu.active:after {
    -webkit-transform: rotate(-135deg) scale(0.7, 1);
    transform: rotate(-135deg) scale(0.7, 1);
    top: calc((100% - 2px) / 2)
}

.open-main-menu.active:before {
    -webkit-transform: rotate(135deg) scale(0.7, 1);
    transform: rotate(135deg) scale(0.7, 1);
    top: calc((100% - 2px) / 2)
}

.open-main-menu.active .open-main-menu__item {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.open-main-menu:after {
    content: '';
    width: calc(100% - 12px);
    height: 2px;
    background: #2e68c6;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 11px;
    left: 6px;
    -webkit-transform: scale(0.7, 1);
    transform: scale(0.7, 1)
}

.open-main-menu:before {
    content: '';
    width: calc(100% - 12px);
    height: 2px;
    background: #2e68c6;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: calc(100% - 13px);
    left: 6px;
    -webkit-transform: scale(0.7, 1);
    transform: scale(0.7, 1)
}

.open-main-menu__item {
    width: calc(100% - 12px);
    height: 2px;
    background: #2e68c6;
    position: absolute;
    top: calc((100% - 2px) / 2);
    left: 6px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0.7, 1);
    transform: scale(0.7, 1)
}

.langs {
    width: auto;
    margin-left: auto;
    position: relative;
    z-index: 3
}

.langs__content {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    z-index: 2;
    margin-right: 16px;
    border: 3px solid #7ca5de;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3)
}

.langs__content-arrow {
    content: '';
    width: 9px;
    height: 6px;
    position: absolute;
    top: calc((100% - 6px) / 2);
    right: -18px;
    background: url("../images/langs/arrow.png") center center no-repeat;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    cursor: pointer
}

.langs__content.active .langs__content-arrow {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.langs__content-current {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    overflow: hidden;
    border-radius: 50%
}

.langs__content-current:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.langs__content-current img {
    height: 100%
}

.langs__content-stroke {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-35px);
    transform: translateX(-50%) translateY(-35px);
    list-style: none;
    padding: 5px;
    border-radius: 100px;
    background: #243d6a;
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.langs__content-stroke li {
    width: 36px;
    height: 36px;
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    overflow: hidden;
    border-radius: 50%
}

.langs__content-stroke li:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.langs__content-stroke li:not(:last-child) {
    margin-bottom: 5px
}

.langs__content-stroke li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.langs__content-stroke li img {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.langs__content.active .langs__content-stroke {
    -webkit-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    opacity: 1;
    pointer-events: all
}

.header {
    width: 100%;
    padding: 240px 0px 300px;
    background: url("../images/bg/header_bg.png") top center no-repeat;
    position: relative;
    overflow: hidden
}

@media (max-width: 1680px) {
    .header {
        padding: 190px 0px 215px
    }
}

@media (max-width: 1024px) {
    .header {
        padding: 110px 0px 80px;
        background-size: cover
    }
}

.header--inner {
    background: url("https://aurorapw.fun/images/bg/inner_header_bg.png") top center no-repeat;
    background-size: cover;
    padding: 190px 0px 120px
}

@media (max-width: 1024px) {
    .header--inner {
        padding: 110px 0px 80px
    }
}

.header__content {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 45px
}

@media (max-width: 1680px) {
    .header__content {
        row-gap: 30px
    }
}

@media (max-width: 1024px) {
    .header__content {
        row-gap: 20px
    }
}

.header__logo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo img {
    width: 100%;
    max-width: 526px
}

@media (max-width: 1680px) {
    .header__logo img {
        max-width: 450px
    }
}

@media (max-width: 1024px) {
    .header__logo img {
        max-width: 350px
    }
}

.header__logo a {
    -webkit-transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.header__logo a:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.header__sep {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__sep img {
    width: 100%;
    max-width: 357px
}

.header__promo {
    width: 100%;
    text-align: center;
    margin-top: -8px
}

.header__promo h2 {
    width: 100%;
    font-family: 'Beaufort';
    font-size: 44px;
    line-height: 52px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 1680px) {
    .header__promo h2 {
        font-size: 38px;
        line-height: 44px
    }
}

@media (max-width: 1024px) {
    .header__promo h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.header__promo p {
    width: 100%;
    margin-top: 10px;
    font-size: 22px;
    line-height: 32px
}

@media (max-width: 1680px) {
    .header__promo p {
        font-size: 18px;
        line-height: 26px
    }
}

.video-header {
    width: 100%;
    height: 954px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-mask-box-image: linear-gradient(to top, transparent 0%, white 15%)
}

@media (max-width: 1024px) {
    .video-header {
        display: none
    }
}

.video-header__player {
    width: 2600px;
    height: 954px;
    position: absolute;
    top: 0;
    left: calc((100% - 2600px) / 2);
    z-index: 1
}

.page-content {
    width: 100%;
    padding: 70px 0
}

@media (max-width: 1024px) {
    .page-content {
        padding: 50px 0
    }
}

.articles {
    width: calc(100% - 450px - 70px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px
}

@media (max-width: 1240px) {
    .articles {
        width: calc(100% - 370px - 50px)
    }
}

@media (max-width: 1024px) {
    .articles {
        width: 100%;
        gap: 20px
    }
}

.articles__item {
    width: calc((100% - 30px) / 2);
    height: 316px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer
}

@media (max-width: 1024px) {
    .articles__item {
        width: calc((100% - 20px) / 2)
    }
}

@media (max-width: 760px) {
    .articles__item {
        width: 100%
    }
}

.articles__item:first-child {
    width: 100%;
    height: 380px
}

@media (max-width: 760px) {
    .articles__item:first-child {
        height: 316px
    }
}

.articles__item-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.articles__item-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top right;
    object-position: top right;
    z-index: 1;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.articles__item-img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url("../images/bg/article_shadow_bg.png") bottom left;
    background-size: cover
}

.articles__item:hover .articles__item-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.articles__item-content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 30px
}

.articles__item-date {
    padding: 6px 10px 5px;
    border-radius: 20px;
    background: #38a8ff;
    font-size: 13px;
    line-height: 13px;
    color: #fff
}

.articles__item-title {
    width: 100%;
    margin-top: 10px;
    font-family: "Beaufort";
    font-weight: 400;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    max-height: calc(30px * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1240px) {
    .articles__item-title {
        font-family: "Beaufort";
        font-weight: 400;
        color: #fff;
        font-size: 24px;
        line-height: 24px;
        max-height: calc(24px * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.articles__item-title a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.articles__item-title a:hover {
    color: #addcff
}

.articles__item:first-child .articles__item-title {
    padding-right: calc(100% - 580px);
    font-family: "Beaufort";
    font-weight: 400;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    max-height: calc(40px * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1240px) {
    .articles__item:first-child .articles__item-title {
        font-family: "Beaufort";
        font-weight: 400;
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        max-height: calc(30px * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 760px) {
    .articles__item:first-child .articles__item-title {
        font-family: "Beaufort";
        font-weight: 400;
        color: #fff;
        font-size: 24px;
        line-height: 24px;
        max-height: calc(24px * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.articles__item-text {
    width: 100%;
    margin-top: 10px;
    font-family: "Reaver";
    font-weight: 400;
    color: #d4dff0;
    font-size: 16px;
    line-height: 22px;
    max-height: calc(22px * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: none
}

@media (max-width: 760px) {
    .articles__item-text {
        display: -webkit-box;
        color: #fff
    }
}

.articles__item:first-child .articles__item-text {
    padding-right: calc(100% - 580px);
    font-family: "Reaver";
    font-weight: 400;
    color: #d4dff0;
    font-size: 18px;
    line-height: 26px;
    max-height: calc(26px * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block
}

@media (max-width: 1240px) {
    .articles__item:first-child .articles__item-text {
        font-family: "Reaver";
        font-weight: 400;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        max-height: calc(22px * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.articles__item .btn {
    margin-top: 30px
}

.aside {
    width: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1240px) {
    .aside {
        width: 370px
    }
}

@media (max-width: 1024px) {
    .aside {
        width: 100%;
        margin-top: 50px
    }
}

.servers {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (max-width: 1024px) {
    .servers {
        gap: 20px
    }
}

.servers__item {
    width: 100%;
    border-radius: 20px;
    background: url("../images/bg/server_bg.jpg") #1f64b7 top center no-repeat;
    background-size: cover;
    padding: 30px
}

@media (max-width: 1024px) {
    .servers__item {
        width: calc((100% - 20px) / 2);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width: 920px) {
    .servers__item {
        width: 100%
    }
}

.servers__item-header {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.servers__item-icon {
    width: 60px;
    height: 60px
}

.servers__item-icon img {
    width: 100%;
    height: 100%
}

.servers__item-icon-on {
    display: none
}

.servers__item-icon-off {
    display: block
}

.servers__item--on .servers__item-icon-on {
    display: block
}

.servers__item--on .servers__item-icon-off {
    display: none
}

.servers__item-info {
    padding-left: 15px
}

.servers__item-info h2 {
    font-family: "Beaufort";
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    margin-top: -4px
}

@media (max-width: 1240px) {
    .servers__item-info h2 {
        font-size: 24px;
        line-height: 24px
    }
}

.servers__item-info p {
    font-family: "Reaver";
    font-weight: 400;
    color: #e6e3f4;
    font-size: 14px;
    line-height: 14px;
    margin-top: 6px
}

.servers__item-status {
    width: 80px;
    margin-left: auto;
    text-align: right
}

.servers__item-status-online {
    width: 100%;
    font-family: "Beaufort";
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px
}

@media (max-width: 1240px) {
    .servers__item-status-online {
        font-size: 24px;
        line-height: 24px
    }
}

.servers__item-status-info {
    width: 64px;
    height: 20px;
    border-radius: 20px;
    background: #ee5d5d;
    font-family: "Reaver";
    font-weight: 400;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 4px
}

@media (max-width: 1240px) {
    .servers__item-status-info {
        width: 52px
    }
}

.servers__item--on .servers__item-status-info {
    background: #38a8ff
}

.servers__item-buttons {
    width: 100%;
    gap: 10px;
    margin-top: 14px
}

.servers__item-buttons a {
    height: 40px;
    min-width: 40px;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    -webkit-transition: border .3s ease-in-out, color .3s ease-in-out;
    transition: border .3s ease-in-out, color .3s ease-in-out
}

.servers__item-buttons a i {
    -webkit-transform: rotate(-90deg) scaleY(-1);
    transform: rotate(-90deg) scaleY(-1)
}

.servers__item-buttons a:hover {
    border: 2px solid #fff;
    color: #fff
}

.servers__item-buttons-text {
    padding: 0px 15px
}

.discord-widget {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #2e7bd8;
    min-height: 318px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.discord-widget iframe {
    opacity: .6;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.discord-widget iframe:hover {
    opacity: .8
}

.main-accent {
    width: 100%;
    background: url("../images/bg/accent_bg.png") top center no-repeat;
    background-size: cover;
    padding: 70px 0
}

@media (max-width: 1024px) {
    .main-accent {
        padding: 50px 0
    }
}

.main-accent__content {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 45px
}

@media (max-width: 1680px) {
    .main-accent__content {
        row-gap: 30px
    }
}

@media (max-width: 1024px) {
    .main-accent__content {
        row-gap: 20px
    }
}

.main-accent__promo {
    width: 100%;
    text-align: center;
    margin-top: -8px
}

.main-accent__promo h2 {
    width: 100%;
    font-family: 'Beaufort';
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 1680px) {
    .main-accent__promo h2 {
        font-size: 38px;
        line-height: 44px
    }
}

@media (max-width: 1024px) {
    .main-accent__promo h2 {
        font-size: 30px;
        line-height: 36px
    }
}

.main-accent__promo h2 small {
    display: block;
    width: 100%;
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 5px
}

@media (max-width: 1680px) {
    .main-accent__promo h2 small {
        font-size: 24px;
        line-height: 24px
    }
}

@media (max-width: 1024px) {
    .main-accent__promo h2 small {
        font-size: 18px;
        line-height: 18px
    }
}

.main-accent__promo p {
    width: 100%;
    margin-top: 20px;
    font-size: 22px;
    line-height: 32px;
    color: #fff
}

@media (max-width: 1680px) {
    .main-accent__promo p {
        font-size: 18px;
        line-height: 26px;
        margin-top: 10px
    }
}

.inner-page {
    width: 100%
}

.inner-page__title {
    width: 100%;
    text-align: center
}

.inner-page__title h1 {
    position: relative;
    font-family: "Beaufort";
    font-weight: 400;
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase
}

@media (max-width: 1680px) {
    .inner-page__title h1 {
        font-size: 40px;
        line-height: 40px
    }
}

@media (max-width: 1240px) {
    .inner-page__title h1 {
        font-size: 32px;
        line-height: 32px
    }
}

@media (max-width: 1024px) {
    .inner-page__title h1 {
        font-size: 24px;
        line-height: 24px
    }
}

.inner-page__title h1:before,
.inner-page__title h1:after {
    content: '';
    position: absolute;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 132px;
    aspect-ratio: 132 / 18
}

@media (max-width: 1680px) {

    .inner-page__title h1:before,
    .inner-page__title h1:after {
        width: 100px;
        top: calc(50% + 1px)
    }
}

@media (max-width: 1024px) {

    .inner-page__title h1:before,
    .inner-page__title h1:after {
        width: 70px
    }
}

@media (max-width: 760px) {

    .inner-page__title h1:before,
    .inner-page__title h1:after {
        display: none
    }
}

.inner-page__title h1:before {
    background: url("../images/bg/title_decor_left.png");
    background-size: contain;
    right: calc(100% + 20px)
}

.inner-page__title h1:after {
    background: url("../images/bg/title_decor_right.png");
    background-size: contain;
    left: calc(100% + 20px)
}

.inner-page__title p {
    width: 100%;
    font-family: "Reaver";
    font-weight: 400;
    color: #d4dff0;
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px
}

@media (max-width: 1240px) {
    .inner-page__title p {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 1024px) {
    .inner-page__title p {
        font-size: 14px;
        line-height: 18px
    }
}

.inner-page__content {
    width: 100%;
    margin-top: 70px
}

@media (max-width: 1024px) {
    .inner-page__content {
        margin-top: 50px
    }
}

.htc {
    width: 100%
}

.htc__step {
    width: 100%;
    padding: 70px 30px;
    border-radius: 20px;
    text-align: center;
    position: relative
}

@media (max-width: 1024px) {
    .htc__step {
        padding: 50px 30px
    }
}

.htc__step:not(:last-child) {
    margin-bottom: 70px
}

@media (max-width: 1024px) {
    .htc__step:not(:last-child) {
        margin-bottom: 50px
    }
}

.htc__step:nth-child(1) {
    background: url("../images/bg/htc_bg_1.jpg") top center;
    background-size: cover
}

.htc__step:nth-child(2) {
    background: url("../images/bg/htc_bg_2.jpg") top center;
    background-size: cover
}

.htc__step:nth-child(3) {
    background: url("../images/bg/htc_bg_3.jpg") top center;
    background-size: cover
}

.htc__step-num {
    width: 78px;
    aspect-ratio: 1 / 1;
    background: url("../images/bg/step_bg.png") top center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.htc__step-num-content {
    font-family: "Beaufort";
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
    padding-bottom: 4px
}

.htc__step-num-content span {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    margin-top: -3px
}

.htc__step-content {
    width: 100%;
    max-width: 830px;
    margin: 0 auto
}

.htc__step-content>*:not(:last-child) {
    margin-bottom: 25px
}

.htc__step-content h2 {
    font-family: "Beaufort";
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase
}

@media (max-width: 1240px) {
    .htc__step-content h2 {
        font-size: 22px;
        line-height: 22px
    }
}

.htc__step-content p b {
    font-weight: 700;
    color: #fff
}

.htc__step-content p a {
    color: #fff;
    text-decoration: underline;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.htc__step-content p a:hover {
    color: #79c4ff
}

.htc__step-buttons {
    gap: 10px
}

.htc__step-buttons .btn {
    width: 270px
}

.text-page {
    width: 100%;
    border-radius: 20px;
    padding: 30px;
    background: rgba(53, 86, 144, 0.4)
}

.text-area {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #d4dff0
}

@media (max-width: 1024px) {
    .text-area {
        font-size: 16px;
        line-height: 24px
    }
}

.text-area>*:not(:first-child) {
    margin-top: 20px
}

.text-area b {
    font-weight: 600
}

.text-area p b {
    color: #fff
}

.text-area ul,
.text-area ol {
    padding-left: 20px
}

.text-area ul li,
.text-area ol li {
    font-size: 18px;
    line-height: 26px;
    color: #b4bfd1
}

@media (max-width: 1024px) {

    .text-area ul li,
    .text-area ol li {
        font-size: 16px;
        line-height: 24px
    }
}

.text-area ul li:not(:first-child),
.text-area ol li:not(:first-child) {
    margin-top: 10px
}

.text-area a {
    color: #fff;
    text-decoration: underline;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.text-area a:hover {
    color: #79c4ff
}

.text-area hr {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.text-area h1,
.text-area h2,
.text-area h3,
.text-area h4,
.text-area h5,
.text-area h6 {
    font-family: 'Beaufort';
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.text-area h1 {
    font-size: 36px;
    line-height: 40px
}

@media (max-width: 1240px) {
    .text-area h1 {
        font-size: 32px;
        line-height: 36px
    }
}

@media (max-width: 1024px) {
    .text-area h1 {
        font-size: 26px;
        line-height: 30px
    }
}

.text-area h2 {
    font-size: 32px;
    line-height: 36px
}

@media (max-width: 1240px) {
    .text-area h2 {
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width: 1024px) {
    .text-area h2 {
        font-size: 22px;
        line-height: 26px
    }
}

.text-area h3 {
    font-size: 26px;
    line-height: 30px
}

@media (max-width: 1240px) {
    .text-area h3 {
        font-size: 22px;
        line-height: 26px
    }
}

@media (max-width: 1024px) {
    .text-area h3 {
        font-size: 18px;
        line-height: 22px
    }
}

.text-area h4,
.text-area h5,
.text-area h6 {
    font-size: 22px;
    line-height: 26px
}

@media (max-width: 1240px) {

    .text-area h4,
    .text-area h5,
    .text-area h6 {
        font-size: 18px;
        line-height: 22px
    }
}

.text-area table {
    width: 100%;
    min-width: 700px
}

.text-area table tr td {
    padding: 16px 20px;
    border-radius: 5px
}

.text-area table thead tr td {
    background: #425d8d;
    font-family: 'Beaufort';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.text-area table tbody tr:nth-child(even) td {
    background: #1e3257
}

.text-area table tbody tr:nth-child(odd) td {
    background: #213862
}

.text-area table tbody tr td {
    font-size: 16px;
    line-height: 22px;
    color: #9facbe
}

@media (max-width: 1024px) {
    .text-area table tbody tr td {
        font-size: 14px;
        line-height: 18px
    }
}

.table-bg {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #425d8d;
    border-radius: 5px
}

.table-bg::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #213862
}

.table-bg::-webkit-scrollbar-thumb {
    background-color: #5a7ab1
}

.table-bg::-webkit-scrollbar-thumb:hover {
    background-color: #5a7ab1
}

.spoiler {
    width: 100%;
    border-left: 2px solid #6e90cc;
    background: rgba(27, 41, 58, 0.3);
    border-radius: 5px
}

.spoiler__title {
    width: 100%;
    padding: 15px 40px 15px 20px;
    background-color: #425d8d;
    font-family: 'Beaufort';
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.spoiler__title:hover {
    background-color: #4b689b
}

.spoiler__title:before {
    content: '';
    display: block;
    width: 11px;
    height: 7px;
    position: absolute;
    top: calc((100% - 7px) / 2);
    right: 20px;
    background: url("../images/langs/arrow.png") center center no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.spoiler.active>.spoiler__title:before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.spoiler__content {
    width: 100%;
    padding: 20px;
    display: none
}

.footer {
    width: 100%;
    background: #1f375f;
    padding: 70px 0
}

@media (max-width: 1024px) {
    .footer {
        padding: 50px 0
    }
}

.footer__cpr {
    width: 400px
}

@media (max-width: 1024px) {
    .footer__cpr {
        width: 100%;
        text-align: center
    }
}

.footer__cpr-text {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 10px
}

.footer__cpr-links {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #acc2e2;
    margin-top: 25px
}

@media (max-width: 1024px) {
    .footer__cpr-links {
        margin-top: 20px
    }
}

.footer__cpr-links a {
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.footer__cpr-links a:hover {
    color: #79c4ff
}

.footer__cpr .unsimple {
    margin-top: 25px
}

@media (max-width: 1024px) {
    .footer__cpr .unsimple {
        margin-top: 20px
    }
}

.footer__nav {
    width: calc(100% - 400px)
}

@media (max-width: 1024px) {
    .footer__nav {
        width: 100%;
        -webkit-column-gap: 30px;
        column-gap: 30px
    }
}

.footer__nav-group {
    margin-left: auto
}

@media (max-width: 1024px) {
    .footer__nav-group {
        margin-right: auto;
        margin-top: 30px;
        text-align: center
    }
}

.footer__nav-group-title {
    font-family: 'Beaufort';
    font-size: 22px;
    line-height: 22px;
    color: #fff
}

.footer__nav-group ul {
    list-style-type: none;
    margin-top: 10px
}

.footer__nav-group ul li:not(:last-child) {
    margin-bottom: 5px
}

.footer__nav-group ul li a {
    font-size: 14px;
    line-height: 14px;
    color: #acc2e2;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.footer__nav-group ul li a:hover {
    color: #79c4ff
}

.unsimple {
    width: 166px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .5;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (max-width: 1024px) {
    .unsimple {
        text-align: left;
        margin: 0 auto
    }
}

.unsimple:hover {
    opacity: 1
}

.unsimple img {
    margin-right: 10px
}

.unsimple span {
    font-size: 12px;
    line-height: 18px;
    color: #fff
}

.unsimple span b {
    text-transform: uppercase;
    font-weight: 500
}
.header-bg__smoke {
	position: absolute;
}
 @media (max-width: 1024px) {
	.header-bg__smoke {
		display: none;
	}
}
 .header-bg__smoke.smoke_1 {
	background: url("https://aurorapw.fun/images/bg/header_anim/smoke_1.png");
	background-position: 0px 50%;
	width: 100%;
	height: 671px;
	top: -300px;
	-webkit-animation: smoke-1 14s linear infinite;
	animation: smoke-1 14s linear infinite;
	opacity: 1;
}
 @-webkit-keyframes smoke-1 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 1166px 50%;
	}
}
 @keyframes smoke-1 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 1166px 50%;
	}
}
 .header-bg__smoke.smoke_2 {
	background: url("https://aurorapw.fun/images/bg/header_anim/smoke_2.png");
	background-position: 0px 50%;
	width: 100%;
	height: 558px;
	left: 0px;
	top: -300px;
	-webkit-animation: smoke-2 10s linear infinite;
	animation: smoke-2 10s linear infinite;
	opacity: 1;
}
 @-webkit-keyframes smoke-2 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 914px 50%;
	}
}
 @keyframes smoke-2 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 914px 50%;
	}
}
 .header-bg__smoke.smoke_3 {
	background: url("https://aurorapw.fun/images/bg/header_anim/smoke_1.png");
	background-position: 0px 50%;
	width: 100%;
	height: 671px;
	bottom: 100px;
	-webkit-animation: smoke-3 18s linear infinite;
	animation: smoke-3 18s linear infinite;
	opacity: 1;
	z-index: 1;
}
 @-webkit-keyframes smoke-3 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 1166px 50%;
	}
}
 @keyframes smoke-3 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 1166px 50%;
	}
}
 .header-bg__smoke.smoke_4 {
	background: url("https://aurorapw.fun/images/bg/header_anim/smoke_2.png");
	background-position: 0px 50%;
	width: 100%;
	height: 558px;
	left: 0px;
	top: 300px;
	-webkit-animation: smoke-4 14s linear infinite;
	animation: smoke-4 14s linear infinite;
	opacity: 1;
	z-index: 1;
}
 @-webkit-keyframes smoke-4 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 914px 50%;
	}
}
 @keyframes smoke-4 {
	from {
		background-position: 0px 50%;
	}
	to {
		background-position: 914px 50%;
	}
}
 .header-bg__sparks.right {
	top: 0px;
	right: -100px;
	-webkit-transform: rotate(135deg) scale(-1.8, -1.8);
	-ms-transform: rotate(135deg) scale(-1.8, -1.8);
	transform: rotate(135deg) scale(-1.8, -1.8);
	opacity: .8;
}
 @media (max-width: 1024px) {
	.header-bg__sparks.right {
		display: none;
	}
}
 .header-bg__sparks.center {
	top: 500px;
	left: calc( 50% + 600px);
	-webkit-transform: rotate(180deg) scale(-1.8, -1.8);
	-ms-transform: rotate(180deg) scale(-1.8, -1.8);
	transform: rotate(180deg) scale(-1.8, -1.8);
	opacity: .8;
}
 @media (max-width: 1024px) {
	.header-bg__sparks.center {
		display: none;
	}
}
 .header-bg__sparks.left {
	top: 0px;
	left: -100px;
	-webkit-transform: rotate(-135deg) scale(1.8, -1.8);
	-ms-transform: rotate(-135deg) scale(1.8, -1.8);
	transform: rotate(-135deg) scale(1.8, -1.8);
	opacity: .8;
}
 @media (max-width: 1024px) {
	.header-bg__sparks.left {
		display: none;
	}
}
 .header-bg__sparks {
	position: absolute;
	z-index: 6;
}
 .header-bg__sparks div {
	position: absolute;
}
 .header-bg__sparks-spark-1 {
	background: url("https://aurorapw.fun/images/bg/header_anim/spark_1.png") no-repeat;
	width: 764px;
	height: 313px;
	right: 0;
	bottom: -120px;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: spark-1 4s linear infinite;
	animation: spark-1 4s linear infinite;
}
 @-webkit-keyframes spark-1 {
	0% {
		bottom: -320px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
	}
	25% {
		bottom: -240px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 1;
	}
	50% {
		bottom: -160px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		bottom: -80px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.5;
	}
	to {
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
 @keyframes spark-1 {
	0% {
		bottom: -320px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
	}
	25% {
		bottom: -240px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 1;
	}
	50% {
		bottom: -160px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		bottom: -80px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.5;
	}
	to {
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
 .header-bg__sparks-spark-2 {
	background: url("https://aurorapw.fun/images/bg/header_anim/spark_2.png") no-repeat;
	width: 149px;
	height: 335px;
	right: 230px;
	bottom: -320px;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: spark-1 4s linear infinite;
	animation: spark-1 4s linear infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
 .header-bg__sparks-spark-3 {
	background: url("https://aurorapw.fun/images/bg/header_anim/spark_3.png") no-repeat;
	width: 128px;
	height: 165px;
	right: 280px;
	bottom: -140px;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: spark-3 4s linear infinite;
	animation: spark-3 4s linear infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
 @-webkit-keyframes spark-3 {
	0% {
		bottom: -140px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
	}
	25% {
		bottom: -80px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 1;
	}
	50% {
		bottom: -20px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		bottom: 40px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.5;
	}
	to {
		bottom: 100px;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
 @keyframes spark-3 {
	0% {
		bottom: -140px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
	}
	25% {
		bottom: -80px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 1;
	}
	50% {
		bottom: -20px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		bottom: 40px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.5;
	}
	to {
		bottom: 100px;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
 .header-bg__sparks-spark-4 {
	background: url("https://aurorapw.fun/images/bg/header_anim/spark_4.png") no-repeat;
	width: 794px;
	height: 176px;
	right: 0;
	bottom: -180px;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: spark-4 4s linear infinite;
	animation: spark-4 4s linear infinite;
}
 @-webkit-keyframes spark-4 {
	0% {
		bottom: -180px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
	}
	25% {
		bottom: -120px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 1;
	}
	50% {
		bottom: -60px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		bottom: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.5;
	}
	to {
		bottom: 60px;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
 @keyframes spark-4 {
	0% {
		bottom: -180px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
	}
	25% {
		bottom: -120px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 1;
	}
	50% {
		bottom: -60px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		bottom: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.5;
	}
	to {
		bottom: 60px;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}