.mainsection {
    overflow: hidden
}

.mainsection,
.mainsection__inner--left {
    position: relative
}

@media screen and (max-width:799px) {
    .mainsection__inner {
        position: relative
    }

    .mainsection__inner--left {
        background-image: url(/static/media/MainSectionBg.4cecadd40d7ca18eb017.png);
        background-position: top;
        background-size: cover;
        box-sizing: border-box;
        padding: 120px 20px 480px;
        position: relative
    }

    .mainsection__inner--left .maintitle {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .mainsection__inner--left .maintitle__top {
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        margin: 0;
        text-align: center
    }

    .mainsection__inner--left .maintitle__top span {
        display: none
    }

    .mainsection__inner--left .maintitle__head {
        font-size: 40px;
        line-height: 100%;
        margin: 10px 0;
        text-align: center;
        text-transform: uppercase
    }

    .mainsection__inner--left .maintitle__head span {
        color: #0267ff
    }

    .mainsection__inner--left .maintitle__bottom {
        font-size: 16px;
        font-weight: 500;
        line-height: 160%;
        margin: 0;
        text-align: center
    }

    .mainsection__inner--left .maintitle__btn {
        background: radial-gradient(100% 401.67% at 100% 50%, #00fff0 0, #0267ff 100%);
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2);
        color: #fff;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        margin-top: 45px;
        padding: 15px 30px 16px 74px;
        position: relative;
        text-decoration: none
    }

    .mainsection__inner--left .maintitle__btn:before {
        background-image: url(../../../img/auth/enter.svg);
        background-size: cover;
        height: 24px;
        left: 30px;
        width: 24px
    }

    .mainsection__inner--left .maintitle__btn:after,
    .mainsection__inner--left .maintitle__btn:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
     
    .mainsection__inner--left .maintitle__btn:after {
        background-color: #000;
        height: 30px;
        left: 64px;
        opacity: .1;
        width: 1px
    }

    .mainsection__inner--left .maintitle__btn_register {
        background: radial-gradient(100% 401.67% at 100% 50%, #c71010 0, #3d2291 100%);
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2);
        color: #fff;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        margin-top: 40px;
        padding: 15px 30px 16px 74px;
        position: relative;
        text-decoration: none
    }

    .mainsection__inner--left .maintitle__btn_register:hover {
    	background: radial-gradient(100% 401.67% at 100% 50%, #3b6462 0, #3b5e93 100%)
    }

    .mainsection__inner--left .maintitle__btn_register:before {
        background-image: url(/templates/overpro/img/auth/new_user.svg);
        background-size: cover;
        height: 24px;
        color: #fff;
        left: 25px;
        width: 24px
    }

    .mainsection__inner--left .maintitle__btn_register:after,
    .mainsection__inner--left .maintitle__btn_register:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mainsection__inner--left .maintitle__btn_register:after {
        background-color: #000;
        height: 30px;
        left: 64px;
        opacity: .1;
        width: 1px
    }

    .mainsection__inner--left:after {
        background-image: url(/static/media/MainScreenBrush.c4ccc4c8a20379db42f6.png);
        background-position: top;
        background-size: cover;
        bottom: 0;
        content: "";
        display: block;
        height: 70px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .mainsection__inner--right {
        background-color: #181a22;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:800px) {
    .mainsection {
	  background-image: none;
	  background-position: center;
	  background-size: cover;
	  position: relative;

	  /* Задаём ширину и высоту для основного элемента */
	  width: 100%;
	  height: 100%;
	}

	.mainsection::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-image: url(http://www.xsclan.cn/templates/overpro/img/info_new.png);
	  
	  /* Наложение градиентов */
	  -webkit-mask-composite: source-over;
	  mask-composite: source-over;
	  
	  background-position: center;
	  background-size: contain; /* Измените значение на contain, чтобы отобразить весь фон */
	  background-repeat: no-repeat; /* Добавьте это свойство чтобы предотвратить повторение фона */
	}

    .mainsection__inner {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 1fr auto;
        min-height: 80vh;
        padding-bottom: 200px;
        padding-top: 160px;
		padding-left: 100px;
    }

    .mainsection__inner--left,
    .mainsection__inner--right {
        align-self: center
    }

    .mainsection__inner--left .maintitle__top {
        font-size: 16px;
        font-weight: 500;
        line-height: 160%;
        margin: 0
    }

    .mainsection__inner--left .maintitle__top span {
        color: #0267ff;
        font-size: 1.25rem;
        margin-right: 5px
    }

    .mainsection__inner--left .maintitle__head {
        font-size: 40px;
        font-weight: 700;
        line-height: 88px;
        margin: 0;
        text-transform: uppercase
    }

    .mainsection__inner--left .maintitle__head span {
        color: #0267ff
    }

    .mainsection__inner--left .maintitle__bottom {
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        margin: 0
    }

    .mainsection__inner--left .maintitle__btn {
        background: radial-gradient(100% 401.67% at 100% 50%, #00fff0 0, #0267ff 100%);
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2);
        color: #fff;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        margin-top: 40px;
        margin-right: 15px;
        padding: 15px 30px 16px 74px;
        position: relative;
        text-decoration: none
    }

    .mainsection__inner--left .maintitle__btn:hover {
    	background: radial-gradient(100% 401.67% at 100% 50%, #3b6462 0, #3b5e93 100%)
    }

    .mainsection__inner--left .maintitle__btn:before {
        background-image: url(../../../img/auth/enter.svg);
        background-size: cover;
        height: 24px;
        color: #fff;
        left: 25px;
        width: 24px
    }

    .mainsection__inner--left .maintitle__btn:after,
    .mainsection__inner--left .maintitle__btn:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mainsection__inner--left .maintitle__btn:after {
        background-color: #000;
        height: 30px;
        left: 64px;
        opacity: .1;
        width: 1px
    }

    .mainsection__inner--left .maintitle__btn_register {
        background: radial-gradient(100% 401.67% at 100% 50%, #c71010 0, #3d2291 100%);
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .2);
        color: #fff;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 160%;
        margin-top: 40px;
        padding: 15px 30px 16px 74px;
        position: relative;
        text-decoration: none
    }

    .mainsection__inner--left .maintitle__btn_register:hover {
    	background: radial-gradient(100% 401.67% at 100% 50%, #3b6462 0, #3b5e93 100%)
    }

    .mainsection__inner--left .maintitle__btn_register:before {
        background-image: url(/templates/overpro/img/auth/new_user.svg);
        background-size: cover;
        height: 24px;
        color: #fff;
        left: 25px;
        width: 24px
    }

    .mainsection__inner--left .maintitle__btn_register:after,
    .mainsection__inner--left .maintitle__btn_register:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mainsection__inner--left .maintitle__btn_register:after {
        background-color: #000;
        height: 30px;
        left: 64px;
        opacity: .1;
        width: 1px
    }
}

.by_nexis {
	display: none;
    z-index: 2;
	left: 70%;
    top: 10%;
    width: 300px;
    transform: rotateZ(20deg);
}

.by_nexis,
.by_nexis-min {
    bottom: 0;
    position: absolute
}

.by_nexis-min {
    left: 40%;
    max-width: 210px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}






.c-terrorist {
    display: none;
    left: 100%;
    width: 450px;
    z-index: 2
}

.c-terrorist,
.c-terrorist-min {
    bottom: 0;
    position: absolute
}

.c-terrorist-min {
    left: 80%;
    max-width: 210px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width:799px) {
    .c-terrorist {
        display: block
    }

    .c-terrorist-min {
        display: none
    }
}






.terrorist {
    display: none;
    left: 130%;
    width: 230px;
    z-index: 2
}

.terrorist,
.terrorist-min {
    bottom: 0;
    position: absolute
}

.terrorist-min {
    left: 110%;
    max-width: 80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width:799px) {
	.by_nexis {
        display: block
    }

    .by_nexis-min {
        display: none
    }

    .terrorist {
        display: block
    }

    .terrorist-min {
        display: none
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .mainsection {
        background-image: url(/static/media/MainSectionBg@2x.33ce1a3caa2a37230665.png)
    }
}

.servers {
    grid-gap: 30px;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:799px) {
    .servers {
        display: flex;
        justify-content: center !important;
        padding: 30px 0
    }
}

@media screen and (min-width:800px) {
    .servers {
        flex-direction: column;
        grid-template-columns: 1fr
    }
}

.server {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-self: center;
    padding: 0 20px 0 0;
    position: relative;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    z-index: 20
}

.server.server1:after,
.server.server1:before {
    background-color: #01b3f7
}

.server:after {
    border-radius: 50%;
    content: "";
    display: block;
    -webkit-filter: blur(25px);
    filter: blur(25px);
    height: 100%;
    opacity: .15;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 180px;
    z-index: -1
}

.server .status {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    padding-right: 20px;
    position: relative
}

.server .status.online:before {
    background-color: #2dc557;
    box-shadow: 0 0 10px rgba(45, 197, 87, .5)
}

.server .status:before {
    background-color: #777;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px
}

.server .players {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    padding-right: 46px;
    position: relative
}

.server .players:before {
    background-image: url(data:image/png;base64,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);
    background-position: 50%;
    background-size: cover;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px
}

.server .name {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    opacity: .5;
    text-align: right
}

@media screen and (max-width:799px) {
    .server {
        align-items: center;
        padding-bottom: 10px;
        padding-right: 0
    }

    .server:after {
        display: none
    }

    .server:before {
        background-color: #fff;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        right: 0;
        width: 100%
    }
}

@media screen and (min-width:800px) {
    .server:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 2px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .server .playsers:before {
        background-image: url(data:image/png;base64,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)
    }
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.aboutsection {
    background-color: #181a22;
    padding: 0 20px
}

.aboutsection__left {
    z-index: 40
}

.aboutsection__left--title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.aboutsection__left--title .title h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 160%;
    margin: 0;
    text-transform: uppercase
}

.aboutsection__right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    z-index: 10
}

.aboutsection__right--video {
    max-width: 480px;
    width: 80%
}

.aboutsection__right--video .video {
    border-radius: 10px;
    overflow: hidden;
    padding-top: 50%;
    position: relative;
    width: 100%
}

.aboutsection__right--video .video__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.aboutsection__inner .slide {
    font-size: 14px;
    line-height: 160%;
    outline: none
}

.aboutsection__inner .sliderbtns {
    display: flex;
    z-index: 20
}

.aboutsection__inner .sliderbtns>div {
    box-sizing: border-box;
    cursor: pointer
}

.aboutsection__inner .sliderbtns>div.active span {
    background: #01b3f7;
    box-shadow: 0 0 10px rgba(1, 179, 247, .5)
}

.aboutsection__inner .sliderbtns>div:hover {
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

.aboutsection__inner .sliderbtns>div span {
    background: #3e3e3e;
    border-radius: 100px;
    display: block;
    height: 4px;
    margin: 10px 0;
    transition: .2s ease;
    width: 38px
}

.aboutsection__inner .sliderbtns>div:not(:last-child) {
    margin-right: 10px
}

.slide {
    box-sizing: border-box;
    padding-right: 10px
}

@media screen and (max-width:799px) {
    .aboutsection {
        overflow: hidden
    }

    .aboutsection__inner {
        display: flex;
        flex-direction: column-reverse
    }

    .aboutsection__right--video {
        margin: 40px 0;
        max-width: 100% !important;
        width: 100%
    }

    .aboutsection__right--video .video {
        padding-top: 60%
    }
}

@media screen and (min-width:800px) {
    .aboutsection {
        position: relative
    }

    .aboutsection:before {
        background-image: url(https://setting-design.ru/templates/ingame-dark-white/img/auth/razdelitel.png);
        background-position: bottom;
        background-size: cover;
        content: "";
        display: block;
        height: 120px;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%;
        z-index: 4
    }

    .aboutsection__inner {
        grid-gap: 20px;
        display: grid;
        gap: 20px;
        grid-template-columns: minmax(0, 5fr) 7fr
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .aboutsection:before {
        background-image: url(/static/media/MainScreenBrush@2x.c6b2ce2ef80631a0a940.png)
    }
}

.startsection {
    background-color: #262937;
    background-image: url(/static/media/StartBg.626045b0f7294f8aff31.jpg);
    background-size: 400px;
    padding: 115px 20px 60px;
    position: relative
}

.startsection__inner {
    background-image: url(/static/media/StartInnerBg.5a9f781ecfb3d0df9ac9.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 300px;
    padding-bottom: 300px;
    padding-top: 40px
}

.startsection__inner--title {
    margin-bottom: 40px
}

.startsection__inner--title h2 {
    margin: 0
}

.startsection:after,
.startsection:before {
    background-repeat: repeat-x;
    background-size: cover;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.startsection:before {
    background-image: url(data:image/png;base64,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);
    background-position: bottom;
    height: 90px;
    top: 0
}

.startsection:after {
    background-image: url(https://setting-design.ru/templates/ingame-dark-white/img/auth/razdelitel-2.png);
    background-position: top;
    bottom: 0;
    height: 130px
}

@media screen and (min-width:800px) {
    .startsection__inner {
        background-position: 100%;
        background-size: contain;
        padding-bottom: 80px
    }
}

@media screen and (max-width:799.99px) {
    .startsection {
        overflow: hidden
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .startsection__inner {
        background-image: url(/static/media/StartInnerBg@2x.588c7ee041e7f847e87e.png)
    }
}

.cards-grid {
    grid-gap: 15px;
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr
}

@media screen and (min-width:600px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:950px) {
    .cards-grid {
        gap: 20px;
        grid-template-columns: repeat(4, 1fr)
    }
}

.card-game {
    --flipped: 0;
    --delay: 0s;
    display: grid;
    flex-shrink: 1;
    font-size: 14px;
    -webkit-perspective: 60rem;
    perspective: 60rem
}

.card-game:hover {
    --flipped: 1;
    --delay: 0s
}

.card__face {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    grid-area: 1/-1/1/-1;
    overflow: hidden;
    transition: .75s var(--delay) transform
}

.card-box,
.card__face--front,
.card__face--reverse {
    padding: 46px 26px 30px;
    position: relative
}

.card-box span,
.card__face--front span,
.card__face--reverse span {
    background: #0267ff;
    border-radius: 10px 0 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 130%;
    padding: 5px 20px;
    position: absolute;
    text-align: center;
    top: 0
}

.card-box .card-title,
.card__face--front .card-title,
.card__face--reverse .card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 20px
}

.card-box .card-p,
.card__face--front .card-p,
.card__face--reverse .card-p {
    font-size: 14px;
    line-height: 160%;
    margin: 0
}

.card-box .card-p:not(:last-child),
.card__face--front .card-p:not(:last-child),
.card__face--reverse .card-p:not(:last-child) {
    margin-bottom: 16px
}

.card-box .card-btn,
.card__face--front .card-btn,
.card__face--reverse .card-btn {
    background: radial-gradient(100% 401.67% at 100% 50%, #00fff0 0, #0267ff 100%);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    overflow: hidden;
    padding: 14px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.card-box .card-btn:not(:last-child),
.card__face--front .card-btn:not(:last-child),
.card__face--reverse .card-btn:not(:last-child) {
    margin-bottom: 10px
}

.card-box .card-btn:hover,
.card__face--front .card-btn:hover,
.card__face--reverse .card-btn:hover {
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

.card-box .card-btn:active,
.card__face--front .card-btn:active,
.card__face--reverse .card-btn:active {
    -webkit-transform: scale(.94);
    transform: scale(.94)
}

.card-box .card-btn:before,
.card__face--front .card-btn:before,
.card__face--reverse .card-btn:before {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 40px
}

.card-box .card-btn.steam,
.card__face--front .card-btn.steam,
.card__face--reverse .card-btn.steam {
    background: linear-gradient(270deg, #101d38, #3482b2)
}

.card-box .card-btn.steam:before,
.card__face--front .card-btn.steam:before,
.card__face--reverse .card-btn.steam:before {
    background-image: url(/static/media/SteamIcon.aa503cfbcd3df22e0b6d.svg)
}

.card-box .card-btn.epic,
.card__face--front .card-btn.epic,
.card__face--reverse .card-btn.epic {
    background: linear-gradient(270deg, #000, #121212)
}

.card-box .card-btn.epic:before,
.card__face--front .card-btn.epic:before,
.card__face--reverse .card-btn.epic:before {
    background-image: url(/static/media/EpicIcon.70c5b0bdabed85db2180.svg)
}

.card-box .card-btn.rockstar,
.card__face--front .card-btn.rockstar,
.card__face--reverse .card-btn.rockstar {
    background: linear-gradient(270deg, #f56c31, #f5b031)
}

.card-box .card-btn.rockstar:before,
.card__face--front .card-btn.rockstar:before,
.card__face--reverse .card-btn.rockstar:before {
    background-image: url(/static/media/RockstarIcon.55d60e2c2cd0e99a6d29.svg)
}

.card-box .card-btn.rage,
.card__face--front .card-btn.rage,
.card__face--reverse .card-btn.rage {
    background: linear-gradient(270deg, #680807, #e14643)
}

.card-box .card-btn.rage:before,
.card__face--front .card-btn.rage:before,
.card__face--reverse .card-btn.rage:before {
    background-image: url(/static/media/RageIcon.ed8d67be7c11a3079d70.svg);
    opacity: 1
}

.card-box,
.card__face--front {
    background: #171921;
    color: #ececec;
    position: relative;
    -webkit-transform: rotateX(calc(180deg*var(--flipped)));
    transform: rotateX(calc(180deg*var(--flipped)));
    z-index: 2
}

.card-box:after,
.card__face--front:after {
    background-size: cover;
    bottom: 20px;
    content: "";
    display: block;
    height: 18px;
    opacity: .1;
    position: absolute;
    right: 20px;
    width: 18px
}

.card__face--reverse {
    background: #ececec;
    color: #000;
    position: relative;
    -webkit-transform: rotateX(calc(180deg*var(--flipped) - 180deg));
    transform: rotateX(calc(180deg*var(--flipped) - 180deg));
    z-index: 1
}

.card__face--reverse input {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 0;
    border-radius: 10px;
    color: rgba(0, 0, 0, .5);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    line-height: 160%;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    transition: color .2s ease;
    width: 100%
}

.card__face--reverse input:focus {
    color: #000;
    outline: none
}

.card__face--reverse:after {
    fill: #000;
    background-size: cover;
    bottom: 20px;
    content: "";
    display: block;
    height: 18px;
    left: 20px;
    opacity: .1;
    position: absolute;
    width: 18px
}

.card-box {
    background: #01aef8 url(/static/media/CardBg4.9aee39046de2377f864f.png) no-repeat bottom;
    background-size: cover !important;
    border-radius: 10px;
    color: #fff !important;
    margin: 0
}

.card-box,
.card__face--front,
.card__face--reverse {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

.card:first-child .card-box,
.card:first-child .card__face--front,
.card:first-child .card__face--reverse {
    background-image: url(/static/media/CardBg1.09c485167a087243d040.png)
}

.card:nth-child(2) .card-box,
.card:nth-child(2) .card__face--front,
.card:nth-child(2) .card__face--reverse {
    background-image: url(/static/media/CardBg2.6ab7fbb68c18876f2256.png)
}

.card:nth-child(3) .card-box,
.card:nth-child(3) .card__face--front,
.card:nth-child(3) .card__face--reverse {
    background-image: url(/static/media/CardBg3.856c440b58ed40f0ada7.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .card:first-child .card-box,
    .card:first-child .card__face--front,
    .card:first-child .card__face--reverse {
        background-image: url(/static/media/CardBg1@2x.8960e70eae248a4db140.png)
    }

    .card:nth-child(2) .card-box,
    .card:nth-child(2) .card__face--front,
    .card:nth-child(2) .card__face--reverse {
        background-image: url(/static/media/CardBg2@2x.3b7d796c54ab2afdb043.png)
    }

    .card:nth-child(3) .card-box,
    .card:nth-child(3) .card__face--front,
    .card:nth-child(3) .card__face--reverse {
        background-image: url(/static/media/CardBg3@2x.264d17c877c5ddc37f36.png)
    }

    .card-box {
        background-image: url(/static/media/CardBg4@2x.bc371ac70581b38e8288.png)
    }
}

.socialsection {
    background-color: #191a22;
    background-position: top;
    background-size: cover;
    padding: 40px 20px 0
}

.socialsection__inner--grid {
    grid-gap: 15px;
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr
}

.socialsection__inner--grid .item {
    background-color: #00bfff;
    border-radius: 10px;
    padding: 30px;
    position: relative
}

.socialsection__inner--grid .item.blue {
    background: linear-gradient(90deg, #28f, #0157ff);
    box-shadow: 0 0 25px rgba(17, 112, 255, .5)
}

.socialsection__inner--grid .item.blue a {
    color: #2287ff
}

.socialsection__inner--grid .item.discord {
    background: linear-gradient(90deg, #5865f2, #5865f2);
    box-shadow: 0 0 25px rgb(88 100 241)
}

.socialsection__inner--grid .item.discord a {
    color: #5865f2
}

.socialsection__inner--grid .item__inner {
    background-image: url(https://setting-design.ru/templates/ingame-dark-white/img/auth/by_nexis.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

.socialsection__inner--grid .item__inner--left {
    align-items: center;
    display: flex;
    flex-direction: column
}

.socialsection__inner--grid .item__inner--left .top {
    margin-bottom: 20px
}

.socialsection__inner--grid .item__inner--left .top span {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    padding: 5px 10px
}

.socialsection__inner--grid .item__inner--left .middle {
    flex: 1 0 auto;
    text-align: center
}

.socialsection__inner--grid .item__inner--left .middle p {
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    margin: 0
}

.socialsection__inner--grid .item__inner--left .bottom {
    padding-top: 250px;
    z-index: 40
}

.socialsection__inner--grid .item__inner--left .bottom a {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    padding: 14px 30px;
    text-decoration: none;
    transition: .2s ease
}

.socialsection__inner--grid .item__inner--left .bottom a:hover {
    background-color: hsla(0, 0%, 100%, .4);
    color: #fff
}

.socialsection__inner--grid .item img {
    bottom: 0;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (min-width:800px) {
    .socialsection__inner--grid {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr)
    }

    .socialsection__inner--grid .item img {
        bottom: 0;
        position: absolute;
        right: 0;
        -webkit-transform: none;
        transform: none;
        width: 45%
    }

    .socialsection__inner--grid .item__inner {
        background-image: url(https://setting-design.ru/templates/ingame-dark-white/img/auth/by_nexis.png);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .socialsection__inner--grid .item__inner--left {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        max-width: 60%;
        min-height: 200px;
        z-index: 10
    }

    .socialsection__inner--grid .item__inner--left .middle {
        flex: 1 1;
        text-align: left
    }

    .socialsection__inner--grid .item__inner--left .bottom {
        margin-top: 45px;
        padding-top: 0
    }
}

.padvantages {
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 50px;
    padding: 0 16px;
    position: relative
}

.padvantages:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADmSURBVHgB7ZFhEcIwDIUrAQlIQAJOkMAcMAebAyQgAQmTMAlIeDRcOQaXdtloM9jlu8uPdWnyrp9zhmEYhrFuAGx9nX0d3Q/gc2x8nXy1lI0OerzoH4fLhaPH6gZ5Ojq84R36PjhlaCeXhX5U4GmcAkFpE8lQPZt2H6pVlDNKh3v3XPOFaS6iPKKUuNKrpi7W4MmiHBKlgiFFlGOKUuGwbMoxV6lg8FfKkUOpYMks5cipVBByknKUUioImlQODaWCkCnlOkoFIWPKdZUKgtaJcDpKx2CU6ysdIyhvQy2n1DAMwzD+izu3S1vakltq2gAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.padvantages.active:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.hex {
    fill: red;
    margin: 200px 0
}

.headline-center {
    display: flex;
    justify-content: center
}

.headline-about h2 {
    position: relative;
    z-index: 2
}

.headline-instruct h2 {
    position: relative;
    z-index: 2
}

.headline-instruct h2:after {
    bottom: -10px;
    content: "Инcтрукция";
    font-size: 47px;
    left: 50%;
    opacity: .02;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.headline-contact h2 {
    position: relative;
    z-index: 2
}

.headline-contact h2:after {
    bottom: -10px;
    content: "Контакты";
    font-size: 47px;
    line-height: 160%;
    left: 50%;
    opacity: .02;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.headline h2,
.headline-instruct h2:after {
    color: #fff;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase
}

.headline h2 {
    font-size: 26px
}

@media screen and (min-width:800px) {
    .headline h2 {
        font-size: 36px
    }

    .headline h2:after {
        bottom: -20px;
        font-size: 82px
    }
}