@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400&display=swap");
.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[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{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}

.about__title,.games__title,.blog-section__title,.form__title,.blog-page__title{
    font-weight:600;
    font-size:36px;
    line-height:1.5
}
.about__title_{
    font-size: 4.2em;
}

.about__title span,.games__title span,.blog-section__title span,.form__title span,.blog-page__title span{
    color:#ec1824
}
@media screen and (max-width: 550px){
    .about__title,.games__title,.blog-section__title,.form__title,.blog-page__title{
        font-size:24px
    }
}
:focus{
    outline:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
.footer__nav > ul, ul.footer__copyright-list{
    list-style:none;
    padding: 0px;
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
    -webkit-appearance:none;
    -moz-appearance:none
}
input[type=search]{
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
textarea{
    overflow:auto;
    vertical-align:top;
    resize:vertical
}
audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1;
    max-width:100%
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0;
    color: white;
}
img{
    border:0;
    -ms-interpolation-mode:bicubic
}
figure{
    margin:0
}
form{
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0;
    white-space:normal;
    *margin-left:-7px
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    *vertical-align:middle
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    *height:13px;
    *width:13px
}
input[type=search]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
html,button,input,select,textarea{
    color:#222
}
::-moz-selection{
    background:#b3d4fc;
    text-shadow:none
}
::selection{
    background:#b3d4fc;
    text-shadow:none
}
img{
    vertical-align:middle
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
.chromeframe{
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0
}
*,*::before,*::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body{
    font-family:"Poppins", sans-serif;
    overflow-x:hidden;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
    color:#fff;
    background-color:#131c2e
}
body.no-scroll{
    overflow-y:hidden
}
.wrapper{
    max-width:2050px;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100%;
    height:100vh;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
main{
    position:relative;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:0;
    flex-shrink:0;
    z-index:5;
    padding-top:86px;
    overflow:hidden
}
.footer{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:0;
    flex-shrink:0
}
.container{
    max-width:1180px;
    margin:0 auto;
    padding:0 20px
}
a,button{
    display:inline-block;
    text-decoration:none;
    font-family:inherit;
    color:inherit;
    -webkit-transition:opacity 250ms linear;
    -o-transition:opacity 250ms linear;
    transition:opacity 250ms linear
}
a:hover,button:hover{
    opacity:0.7
}
textarea,input{
    color:inherit;
    font-family:inherit
}
@media screen and (max-width: 850px){
    main{
        padding-top:66px
    }
    .container{
        padding:0 15px
    }
}
@-webkit-keyframes moveDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px)
    }
}
@keyframes moveDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px)
    }
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes moveLeft{
    100%{
        right:80%
    }
}
@keyframes moveLeft{
    100%{
        right:80%
    }
}
@-webkit-keyframes moveRotateLeft{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        right:80%;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
}
@keyframes moveRotateLeft{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        right:80%;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
}
@-webkit-keyframes shake{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    30%{
        -webkit-transform:rotate(35deg);
        transform:rotate(35deg)
    }
    60%{
        -webkit-transform:rotate(-35deg);
        transform:rotate(-35deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes shake{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    30%{
        -webkit-transform:rotate(35deg);
        transform:rotate(35deg)
    }
    60%{
        -webkit-transform:rotate(-35deg);
        transform:rotate(-35deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@-webkit-keyframes starsRotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes starsRotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.header{
    position:fixed;
    left:0;
    right:0;
    top:0;
    width:100%;
    padding:19px 0;
    z-index:7;
    background-color:#131c2e
}
.header__inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.header__logoimg{
    height:48px;
    -o-object-fit:contain;
    object-fit:contain
}
.header__nav-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.header__nav-item{
    margin-right:57px
}
.header__nav-item:last-child{
    margin-right:0
}
.header__nav-link{
    position:relative;
    font-size:18px;
    line-height:1.5;
    font-weight:600
}
.header__nav-link.active::after{
    content:'';
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:-4px;
    height:3px;
    width:36px;
    background-color:#ec1824
}
.header__nav-close{
    position:absolute;
    right:15px;
    top:17px;
    padding:0;
    border:0;
    background-color:transparent;
    border-radius:0;
    -webkit-transition:-webkit-transform 300ms;
    transition:-webkit-transform 300ms;
    -o-transition:transform 300ms;
    transition:transform 300ms;
    transition:transform 300ms, -webkit-transform 300ms
}
.header__nav-close:active,.header__nav-close:hover{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    opacity:1
}
.header__nav-cross{
    height:24px;
    width:24px;
    -o-object-fit:cover;
    object-fit:cover
}
.header__burger{
    position:relative;
    display:none;
    height:34px;
    width:38px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background-color:transparent;
    border-radius:0;
    border:0;
    padding:0;
    padding:10px;
    z-index:4
}
.header__burger:active,.header__burger:hover{
    opacity:1
}
.header__burger:hover .header__burger-line--middle,.header__burger:active .header__burger-line--middle{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.header__burger-line{
    display:inline-block;
    font-size:0;
    height:2px;
    width:100%;
    background:-o-linear-gradient(174.33deg, #F03E1D 0%, #F08F1D 100%);
    background:linear-gradient(275.67deg, #F03E1D 0%, #F08F1D 100%)
}
.header__burger-line--middle{
    -webkit-transform:translateX(-2px);
    -ms-transform:translateX(-2px);
    transform:translateX(-2px);
    -webkit-transition:-webkit-transform 100ms linear;
    transition:-webkit-transform 100ms linear;
    -o-transition:transform 100ms linear;
    transition:transform 100ms linear;
    transition:transform 100ms linear, -webkit-transform 100ms linear
}
.header__app,.header__social,.header__nav-close{
    display:none
}
@media screen and (max-width: 850px){
    .header{
        padding:16px 0
    }
    .header__logo-img, .footer__logo-img{
        height:35px
    }
    .header__burger{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .header__nav{
        position:fixed;
        right:0;
        top:0;
        width:100%;
        height:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:#1D2840;
        z-index:10;
        padding:124px 0 22px;
        -webkit-transform:translateX(100%);
        -ms-transform:translateX(100%);
        transform:translateX(100%);
        -webkit-transition:-webkit-transform 350ms;
        transition:-webkit-transform 350ms;
        -o-transition:transform 350ms;
        transition:transform 350ms;
        transition:transform 350ms, -webkit-transform 350ms;
        z-index:5
    }
    .header__nav.active{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    .header__nav-list{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:auto
    }
    .header__nav-item{
        margin-right:0;
        margin-bottom:24px
    }
    .header__nav-item--home{
        display:inline-block
    }
    .header__nav-item:last-child{
        margin-bottom:0
    }
    .header__nav-link{
        display:block
    }
    .header__nav-close{
        display:inline-block
    }
    .header__social{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-bottom:60px;
        justify-content: center;
    }
    .header__app{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:11px;
        align-content: center;
        flex-wrap: wrap;
    }
    .header__app-img{
        height:42px;
        -o-object-fit:contain;
        object-fit:contain
    }
}
.social{
    gap:16px
}
.social__img{
    height:32px;
    width:32px;
    -o-object-fit:contain;
    object-fit:contain
}
.intro{
    position:relative;
    padding:83px 0 159px;
    overflow:hidden
}
.intro__inner{
    position:relative
}
.intro__title{
    position:relative;
    max-width:583px;
    margin:0 auto 50px;
    text-align:center;
    color:#fff;
    font-size:72px;
    line-height:1.2;
    font-weight:600;
    z-index:4
}
.intro__app{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:30px;
    z-index:2
}
.intro__app-img{
    height:60px
}
.intro__decor1{
    position:absolute;
    left:-8px;
    top:84px;
    width:287px;
    height:406px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:5000ms;
    animation-duration:5000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.intro__decor2{
    position:absolute;
    width:172px;
    height:282px;
    right:-3px;
    top:141px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:7000ms;
    animation-duration:7000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.intro__decor3{
    position:absolute;
    height:196px;
    width:196px;
    left:7px;
    top:-102px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:20s;
    animation-duration:20s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.intro__decor4{
    position:absolute;
    height:164px;
    width:164px;
    right:28px;
    top:-33px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:10s;
    animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    animation-direction:alternate-reverse
}
.intro__decor5{
    position:absolute;
    height:213px;
    width:213px;
    left:97px;
    bottom:-86px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:40s;
    animation-duration:40s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    animation-direction:alternate-reverse
}
.intro__decor6{
    position:absolute;
    right:109px;
    height:126px;
    width:126px;
    bottom:-56px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:4000ms;
    animation-duration:4000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse
}
.applay_font{
    font-size: 2rem;
}
@media screen and (max-width: 1180px){
    .intro__title{
        font-size:64px;
        max-width:488px
    }
    .intro__decor1{
        left:-90px
    }
    .intro__decor2{
        right:-25px
    }
    .intro__decor3{
        width:160px;
        height:160px
    }
    .intro__decor4{
        width:140px;
        height:140px
    }
    .intro__decor5{
        width:160px;
        height:160px;
        left:112px;
        bottom:13px
    }
    .intro__decor6{
        height:100px;
        width:100px;
        bottom:0;
        right:130px
    }
      .applay_font {
    font-size: 1.5rem;
}
}
@media screen and (max-width: 850px){
    .intro{
        padding:50px 0 90px
    }
    .intro__title{
        font-size:43px;
        margin-bottom:33px;
        max-width: 370px;
    }
    .intro__app{
        gap:20px
    }
    .intro__app-img{
        height:42px
    }
    .intro__decor1{
        height:240px
    }
    .intro__decor2{
        height:170px;
        right:-30px
    }
    .intro__decor3{
        height:130px;
        width:130px;
        top:-70px
    }
    .intro__decor4{
        top:-72px
    }
    .intro__decor5{
        height:120px;
        width:120px
    }
    .intro__decor6{
        height:80px;
        width:80px;
        bottom:16px
    }
    
}
@media screen and (max-width: 450px){
    .intro{
        padding:0px 0 52px
    }
    .intro__title{
        font-size:32px;
        max-width:258px
    }
    .intro__app{
        gap:15px
    }
    .intro__app-img{
        height:32px
    }
    .intro__decor1{
        height:120px;
        width:120px;
        left:-49px;
        top:41px
    }
    .intro__decor2{
        height:42px;
        width:32px;
        top:79px;
        right:-16px
    }
    .intro__decor3{
        height:60px;
        width:60px;
        left:-1px;
        top:-24px
    }
    .intro__decor4{
        height:48px;
        width:48px;
        top:-3px;
        right:1px
    }
    .intro__decor5{
        height:65px;
        width:65px;
        bottom:27px;
        left:25px
    }
    .intro__decor6{
        height:37px;
        width:37px;
        bottom:37px;
        right:25px
    }
  
}
.ml6{
    position:relative
}
.ml6 .text-wrapper{
    position:relative;
    display:inline-block;
    padding-top:0.2em;
    padding-right:0.05em;
    padding-bottom:0.1em;
    overflow:hidden
}
.ml6 .letter{
    display:inline-block;
    line-height:1em
}
.about{
    position:relative;
    margin-bottom:77px;
    max-width:100%;
    z-index:1
}
.about--main{
    padding-top:65px;
    margin-bottom:90px
}
.about--mt{
    margin-bottom:88px
}
.about--mt .about__inner{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.about--support{
    padding-top:65px;
    margin-bottom:61px
}
.about--games{
    padding-top:64px;
    margin-bottom:0
}
.about__inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.about__content{
    width:48.68%
}
.about__img{
    position:relative
}
.about__img::after{
    content:"";
    position:absolute;
    left:5%;
    top:10%;
    height:200px;
    width:368px;
    background-size:contain;
    background-image:url(../img/about/about-img-decor.png);
    z-index:-1;
    -webkit-animation-name:starsRotate;
    animation-name:starsRotate;
    -webkit-animation-duration:6s;
    animation-duration:6s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.about__img img{
    -o-object-fit:contain;
    object-fit:contain;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.about__img--main{
    height:263px;
    width:397px;
    margin-left:91px;
    margin-top:-30px
}
.about__img--second{
    margin-left:151px;
    margin-top:-20px;
    width:329px;
    height:348px
}
.about__img--third{
    margin-right:152px;
    margin-top:-99px;
    width:307px;
    height:377px
}
.about__img--fourth{
    margin-top: -30px;
    width: 464px;
    height: 464px;
}
.about__img--fifth{
    width:544px;
    height:491px;
    margin-top:-160px;
    margin-left:40px
}
.about__img--fifth::after{
    left:10%;
    top:25%
}
.about__title{
    margin-bottom:0px
}
.about__text{
    margin-bottom:34px
}
.about__text p{
    margin-bottom:16px;
}
.about__text_ p{
    font-size: 2rem;
}
.about__btn{
    color:#fff;
    font-size:18px;
    line-height:1.5;
    font-weight:600;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%);
    border:2px solid #ffffff;
    -webkit-box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    border-radius:41px;
    padding:6.5px 32px;
    text-shadow:0px 1px 4px rgba(0,0,0,0.25)
}
.about__decor1{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:131px;
    width:131px;
    top:100px;
    right:44%;
    -webkit-animation-name:shake;
    animation-name:shake;
    -webkit-animation-duration:7s;
    animation-duration:7s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.about__decor2{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:170px;
    width:170px;
    top:100px;
    right:-44px;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:7000ms;
    animation-duration:7000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.about__decor3{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:150px;
    width:150px;
    left:-50px;
    top:287px;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:4000ms;
    animation-duration:4000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.about__decor4{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:204px;
    width:204px;
    left:15px;
    bottom:5px;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:6s;
    animation-duration:6s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    animation-iteration-count:infinite
}
.about__decor5{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:170px;
    width:120px;
    right:-28px;
    bottom:47px;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:3000ms;
    animation-duration:3000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@media screen and (max-width: 1200px){
    .about__decor1{
        height:110px;
        width:110px
    }
    .about__decor2{
        height:135px;
        width:135px
    }
    .about__decor3{
        height:100px;
        width:100px
    }
    .about__decor4{
        height:150px;
        width:150px
    }
    .about__decor5{
        height:120px
    }
}
@media screen and (max-width: 1040px){
    .about__img--fifth{
        margin-top:-100px;
        margin-left:0
    }
}
@media screen and (max-width: 940px){
    .about{
        margin-bottom:55px
    }
    .about__img{
        max-width:320px
    }
    .about__img--main{
        margin-left:20px;
        margin-top:0
    }
}
@media screen and (max-width: 840px){
    .about__img--second{
        margin-left:0;
        margin-top:20px
    }
    .about__img--third{
        height:400px;
        width:270px;
        margin-right:20px
    }
    .about__img--fourth{
        margin-left:15px;
        margin-top:0
    }
}
@media screen and (max-width: 640px){
    .about{
        margin-bottom:41px
    }
    .about__inner{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:45px
    }
    .about__content{
        width:100%
    }
    .about__text{
        font-size:14px;
        margin-bottom:22px
    }
    .about__btn{
        font-size:16px;
        padding:5.5px 17px
    }
    .about__img{
        -ms-flex-item-align:center;
        -ms-grid-row-align:center;
        align-self:center;
        margin-right:0;
        margin-left:0
    }
    .about__img::after{
        height:150px;
        width:250px
    }
    .about__img--main{
        height:174px;
        margin-top:0;
        margin-left:0
    }
    .about__img--second{
        width:200px;
        margin-top:-40px
    }
    .about__img--third{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        margin-top:-100px;
        width:220px
    }
    .about__img--fourth{
        margin-left:0;
        height:270px;
        margin-top:-40px
    }
    .about__img--fifth{
        height:280px;
        margin-top:-80px
    }

}
.games{
    max-width:1920px;
    margin:0 auto 83px
}
.games__title{
    text-align:center;
    margin-bottom:48px
}
.games__card{
    position:relative;
    min-height:330px;
    padding:24px 244px 70px 24px;
    border-radius:24px;
    -webkit-box-shadow:0px 20px 45px rgba(0,0,0,0.37);
    box-shadow:0px 20px 45px rgba(0,0,0,0.37);
    background:-webkit-gradient(linear, left top, left bottom, from(#1b2a47), to(#1f2b42)) !important;
    background:-o-linear-gradient(top, #1b2a47 0%, #1f2b42 100%) !important;
    background:linear-gradient(180deg, #1b2a47 0%, #1f2b42 100%) !important;
    margin:43px 15px 37px
}
.games__card--page{
    margin-top:37px
}
.games__card::after{
    content:"";
    position:absolute;
    left:-2px;
    top:-2px;
    right:-2px;
    bottom:-2px;
    border-radius:24px;
    background:-o-linear-gradient(315deg, yellow 0%, #ec1824 100%);
    background:linear-gradient(135deg, yellow 0%, #ec1824 100%);
    z-index:-1
}
.games__card::before{
    content:"";
    position:absolute;
    top:-40px;
    left:-2px;
    right:-2px;
    bottom:-70px;
    background-color:rgba(19,28,46,0.7);
    z-index:5
}
.games__card.js-active::before{
    display:none
}
.games__card--page::before{
    display:none
}
.games__card-title{
    font-size:28px;
    line-height:1.5;
    font-weight:700;
    margin-bottom:15px
}
.games__text{
    font-size:14px
}
.games__text p{
    margin-bottom:6px
}
.games__app{
    position:absolute;
    left:24px;
    bottom:24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px
}
.games__app-img{
    height:55px;
    -o-object-fit:contain;
    object-fit:contain
}
.games__img{
    position:absolute;
    top:-47px;
    right:19px;
    bottom:-33px;
    width:208px;
    height: 410px;
    -o-object-fit:contain;
    object-fit:contain
}
.games .slick-arrow{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:0;
    height:60px;
    width:60px;
    border-radius:50%;
    padding:12px 11px;
    background:rgba(255,255,255,0.1);
    border:2px solid #ffcf00;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.25),0px 4px 4px rgba(0,0,0,0.25);
    box-shadow:0px 4px 4px rgba(0,0,0,0.25),0px 4px 4px rgba(0,0,0,0.25);
    z-index:3
}
.games .slick-prev{
    left:75px
}
.games .slick-next{
    right:75px
}
.games .slick-prev::before{
    height:37px;
    width:37px;
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background-image:url(../img/svg/games-left.svg);
    background-size:contain;
    background-repeat:no-repeat
}
.games .slick-next::before{
    height:37px;
    width:37px;
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background-image:url(../img/svg/games-right.svg);
    background-size:contain;
    background-repeat:no-repeat
}
@media screen and (min-width: 1922px){
    .games__card::before{
        display:none
    }
    .games .slick-prev{
        left:-65px
    }
    .games .slick-next{
        right:-65px
    }
}
@media screen and (max-width: 1400px){
    .games{
        margin-bottom:50px
    }
    .games__card{
        padding:20px;
        margin:10px 10px 75px
    }
    .games__card-title{
        font-size:18px;
        margin-bottom:0
    }
    .games__text{
        font-size:12px
    }
    .games__text p{
        padding-right:140px
    }
    .games__text p:first-child{
        padding-right:0
    }
    .games__app{
        left:20px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        bottom:20px;
        gap:8px
    }
    .games__img{
        width:158px;
        top:auto;
        right:5px;
        bottom:-70px;
        height:312px
    }
    .games .slick-prev{
        left:30px
    }
    .games .slick-next{
        right:30px
    }
}
@media screen and (max-width: 680px){
    .games{
        margin-bottom:36px
    }
    .games__title{
        margin-bottom:7px
    }
    .games .slick-arrow{
        height:32px;
        width:32px;
        top:-52px;
        -webkit-transform:translate(0);
        -ms-transform:translate(0);
        transform:translate(0)
    }
    .games .slick-prev{
        left:15px
    }
    .games .slick-next{
        right:15px
    }
    .games .slick-prev::before,.games .slick-next::before{
        height:20px;
        width:20px
    }
    .games .slick-dots{
        position:absolute;
        left:0;
        bottom:-10px;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:8px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .games .slick-dots button{
        height:10px;
        width:10px;
        padding:0;
        background-color:#fff;
        border-radius:50%;
        border:0;
        font-size:0
    }
    .games .slick-dots .slick-active button{
        background-color:#ec1824
    }
}
@media screen and (max-width: 550px){
    .games__card::before{
        display:none
    }
    .games .slick-arrow{
        top:-41px
    }
}
.blog-section{
    margin-bottom:67px
}
.blog-section__title{
    text-align:center;
    margin-bottom:34px;
    font-weight:600
}
.blog-section__cards{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:30px;
    overflow-x:auto;
    margin-bottom:34px
}
.blog-section__card{
    width:360px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.blog-section__img-box{
    padding:2px;
    height:232px;
    background:-o-linear-gradient(315deg, yellow 0%, #ec1824 100%);
    background:linear-gradient(135deg, yellow 0%, #ec1824 100%);
    border-radius:20px;
    margin-bottom:16px
}
.blog-section__img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:20px
}
.blog-section__card-title{
    color:#fff;
    font-size:18px;
    line-height:1.2;
    margin-bottom:12px;
    font-weight: 600;
}
.blog-section__date{
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:12px;
    line-height:1.8;
    margin-bottom:8px
}
.blog-section__date p{
    opacity:.5;
    font-size: 0.9rem;
}
.blog-section__date-img{
    height:20px;
    width:20x;
    -o-object-fit:contain;
    object-fit:contain;
    margin-right:7px
}
.blog-section__text{
    font-size:14px;
    line-height:1.8
}
.blog-section__btn{
    display:block;
    width:182px;
    text-align:center;
    color:#fff;
    font-size:18px;
    line-height:1.5;
    font-weight:600;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%);
    border:2px solid #ffffff;
    -webkit-box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    border-radius:41px;
    padding:6.5px 25px;
    text-shadow:0px 1px 4px rgba(0,0,0,0.25);
    margin:0 auto
}

.blog-section__btn_simple{
    display:block;
    width:182px;
    text-align:center;
    color:#fff;
    font-size:18px;
    line-height:1.5;
    font-weight:600;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%);
    border:2px solid #ffffff;
    -webkit-box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    border-radius:41px;
    padding:6.5px 25px;
    text-shadow:0px 1px 4px rgba(0,0,0,0.25);
}
.btn_join_now{
    color: #ec1923;
    font-size: 1.9rem;
    font-weight: 600;
}
.btn_join_now:hover{
    color: #FFF;
    opacity: 1;
}
@media screen and (max-width: 1200px){
    .blog-section__cards{
        gap:24px
    }
    .blog-section__card{
        width:300px
    }
}
@media screen and (max-width: 1010px){
    .blog-section{
        margin-bottom:45px
    }
    .blog-section__cards{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
.footer__main{
    border-top:1px solid rgba(255,255,255,0.2);
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding:20px 0
}
.footer__main-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer__nav-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:35px
}
.footer__nav-item{
    margin-right:56px
}
.footer__nav-item:last-child{
    margin-right:0
}
.footer__nav-link{
    font-size:18px;
    font-weight:600
}
.footer .social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.footer__copyright{
    padding:10px 0
}
.footer__copyright-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer__copyright-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.footer__copyright-item{
    margin-right:7px
}
.footer__copyright-link{
    color:#fff;
    font-size:14px
}
.footer__copyright-text{
    font-size:14px;
    line-height:1.5;
    color:#fff;
    opacity:0.54;
    text-transform:uppercase
}
@media screen and (max-width: 1000px){
    .footer__nav{
        display:none
    }
}
@media screen and (max-width: 500px){
    .footer__copyright-inner{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .footer__copyright-list{
        margin-bottom:13px
    }
}
.form{
    max-width:380px;
    margin:0 auto 107px;
    padding:0 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    z-index:2
}
.form__title{
    text-align:center;
    margin-bottom:21px
}
.form__input{
    font-size:16px;
    line-height:1.5;
    padding:11px 23px;
    background-color:transparent;
    border:2px solid #fff;
    border-radius:40px;
    margin-bottom:12px
}
.form__text{
    min-height:150px;
    font-size:16px;
    line-height:1.5;
    padding:11px 23px;
    background-color:transparent;
    border:2px solid #fff;
    border-radius:24px;
    margin-bottom:16px
}
.form__input::-webkit-input-placeholder, .form__text::-webkit-input-placeholder{
    color:rgba(255,255,255,0.4)
}
.form__input::-moz-placeholder, .form__text::-moz-placeholder{
    color:rgba(255,255,255,0.4)
}
.form__input:-ms-input-placeholder, .form__text:-ms-input-placeholder{
    color:rgba(255,255,255,0.4)
}
.form__input::-ms-input-placeholder, .form__text::-ms-input-placeholder{
    color:rgba(255,255,255,0.4)
}
.form__input::placeholder,.form__text::placeholder{
    color:rgba(255,255,255,0.4)
}
.form__btn{
    text-align:center;
    color:#fff;
    font-size:18px;
    line-height:1.5;
    font-weight:600;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%);
    border:2px solid #ffffff;
    -webkit-box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    box-shadow:0px 4px 8px rgba(2,10,27,0.2);
    border-radius:41px;
    padding:6.5px 25px;
    text-shadow:0px 1px 4px rgba(0,0,0,0.25)
}
.support-page__decor1{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:242px;
    width:242px;
    top:62px;
    left:-63px;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:7000ms;
    animation-duration:7000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.support-page__decor2{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:236px;
    width:236px;
    top:50px;
    right:-40px
}
.support-page__decor3{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:320px;
    width:320px;
    left:-53px;
    bottom:211px
}
.support-page__decor4{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:270px;
    width:270px;
    left:590px;
    bottom:283px;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:18s;
    animation-duration:18s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.support-page__decor5{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:250px;
    width:250px;
    bottom:284px;
    right:180px;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:22s;
    animation-duration:22s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    animation-direction:alternate-reverse
}
.support-page__decor6{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:240px;
    width:240px;
    bottom:160px;
    right:-33px;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:7000ms;
    animation-duration:7000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.support-page__decor7{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:190px;
    width:190px;
    left:236px;
    bottom:60px
}
.support-page__decor8{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:120px;
    width:120px;
    right:290px;
    bottom:60px;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:5000ms;
    animation-duration:5000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse
}
@media screen and (max-width: 1300px){
    .support-page__decor1{
        width:170px;
        height:170px
    }
    .support-page__decor2{
        width:170px;
        height:170px
    }
    .support-page__decor3{
        width:200px;
        height:200px
    }
    .support-page__decor4{
        width:170px;
        height:170px;
        left:63px;
        bottom:150px
    }
    .support-page__decor5{
        width:130px;
        height:130px
    }
    .support-page__decor6{
        width:170px;
        height:170px
    }
    .support-page__decor7{
        width:150px;
        height:150px;
        left:61px;
        bottom:0
    }
}
@media screen and (max-width: 750px){
    .support-page__decor2{
        width:120px;
        height:120px
    }
    .support-page__decor3{
        width:170px;
        height:170px
    }
    .support-page__decor4{
        width:110px;
        height:110px
    }
    .support-page__decor5{
        width:95px;
        height:95px
    }
    .support-page__decor6{
        width:130px;
        height:130px
    }
    .support-page__decor7{
        width:70px;
        height:70px
    }
    .support-page__decor8{
        width:100px;
        height:100px
    }
}
.blog-page .container{
    padding-top:38px
}
.blog-page__title{
    text-align:center;
    margin-bottom:34px
}
.blog-page__inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:100%
}
.blog-page__sidebar{
    -ms-flex-negative:0;
    flex-shrink:0;
    max-width:260px;
    margin-right:30px
}
.blog-page__sidebar-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.blog-page__sidebar-item{
    margin-bottom:6px;
        margin-right:2px
}
.blog-page__sidebar-item:last-child{
    margin-bottom:0;
    margin-right:0
}
.blog-page__sidebar-link{
    white-space:nowrap;
    color:#fff;
    font-weight:700;
    font-size:18px
}
.blog-page__sidebar-link.active{
    color:#ec1824
}
.blog-page__content{
    max-width:555px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:1;
    flex-shrink:1
}
.blog-page__card{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content: flex-start;
}
.blog-page__card-box{
    width:100%;
    padding:1px;
    background:-o-linear-gradient(315deg, yellow 0%, red 100%);
    background:linear-gradient(135deg, yellow 0%, red 100%);
    margin-bottom:15px;
    border-radius:20px
}
.blog-page__card-img{
    height:100%;
    width:100%;
    border-radius:20px;
    object-fit: cover;
}
.blog-page__card-tag{
    position:absolute;
    left: 13px;
    top: 34px;
    font-size:14px;
    font-weight:600;
    padding:4px 8px;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%)
}
.blog-page__card-tag_small {
        left: 8px;
    top: 30px;
}
.blog-page__card-tag_front {
        left: 2px;
    top: 30px;
}
.blog-page__card-title{
    position:relative;
    font-size:24px;
    line-height:1.3;
    font-weight:700;
    margin-bottom:15px
}
.blog-page__card-text{
    position:relative;
    font-size:14px;
    line-height:1.5;
    margin-bottom:9px
}
.blog-page__period{
    position:relative;
    font-size:13px;
    font-style:italic;
    line-height:1.3;
    color:rgba(255,255,255,0.4)
}
.blog-page__item{
    width:100%;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin-bottom:53px
}
.blog-page__item-box{
    position:relative;
    height:180px;
    width:100%
}
.blog-page__item-box::after{
    content:"";
    position:absolute;
    left:-1px;
    right:-1px;
    top:-1px;
    bottom:-1px;
    background:-o-linear-gradient(315deg, yellow 0%, red 100%);
    background:linear-gradient(135deg, yellow 0%, red 100%);
    z-index:-1;
    border-radius:20px
}
.blog-page__item-img{
    position:absolute;
    -o-object-fit:cover;
    object-fit:cover;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    border-radius:20px
}
.blog-page__item-tag{
    position:absolute;
    left:0;
    top:21px;
    font-size:14px;
    font-weight:600;
    padding:4px 8px;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%)
}
.blog-page__item-title{
    font-size:18px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:9px
}
.blog-page__item-text{
    color:#fff;
    font-size:14px;
    line-height:1.5;
    margin-bottom:5px
}
.blog-page__suggestions{
    max-width:262px;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-left:30px
}
.blog-page__suggestion{
    width:262px;
    margin-bottom:25px
}
.blog-page__suggestion-box{
    width:100%;
    position:relative;
    height:180px;
    border-radius:20px;
    margin-bottom:3px
}
.blog-page__suggestion-box::after{
    content:"";
    position:absolute;
    left:-1px;
    top:-1px;
    bottom:-1px;
    right:-1px;
    background:-o-linear-gradient(315deg, yellow 0%, red 100%);
    background:linear-gradient(135deg, yellow 0%, red 100%);
    border-radius:20px;
    z-index:-1
}
.blog-page__suggestion-img{
    position:absolute;
    -o-object-fit:cover;
    object-fit:cover;
    left:0;
    top:0;
    height:100%;
    width:100%;
    border-radius:20px
}
.blog-page__suggestion-tag{
    position:absolute;
    left:0;
    top:24px;
    font-size:14px;
    font-weight:600;
    padding:4px 8px;
    background:-o-linear-gradient(174.33deg, #f03e1d 0%, #f08f1d 100%);
    background:linear-gradient(275.67deg, #f03e1d 0%, #f08f1d 100%)
}
.blog-page__suggestion-title{
    font-size:18px;
    font-weight:600
}
@media screen and (max-width: 1020px){
    .blog-page__inner{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .blog-page__content{
        margin-bottom:50px
    }
    .blog-page__suggestions{
        max-width:100%;
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        gap:25px;
        margin-left:0;
        width:100%
    }
    .blog-page__suggestion{
        width:100%
    }
}
@media screen and (max-width: 830px){
    .blog-page__sidebar{
        max-width:100%;
        margin-right:0;
        margin-bottom:35px
    }
    .blog-page__sidebar-list{
        width:100%;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        overflow-x:auto
    }
    .blog-page__sidebar-item{
        margin-bottom:6px;
        margin-right:2px
    }
    .blog-page__sidebar{
        margin-bottom:20px
    }
    .blog-page__sidebar-link{
        font-size:16px
    }
    .blog-page__card-tag {
    top: 23px;
    }
    .blog-page__card-box{
        position:static;
        height:280px
    }
    .blog-page__item{
        margin:20px 0 40px;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .blog-page__item-box{
        height:280px
    }
    .blog-page__item-title{
        font-size:24px
    }
    .blog-page__suggestion-box{
        margin-bottom:5px;
        height:150px
    }
}
.games-page__cards{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap:52px 30px;
    margin-bottom:57px
}
.games-page__decor1{
    position:absolute;
    height:173px;
    width:173px;
    top:-30px;
    left:39%;
    -o-object-fit:contain;
    object-fit:contain;
    z-index:-1;
    -webkit-animation-name:shake;
    animation-name:shake;
    -webkit-animation-duration:7s;
    animation-duration:7s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.games-page__decor2{
    position:absolute;
    width:159px;
    height:256px;
    left:-10px;
    top:-10px;
    -o-object-fit:contain;
    object-fit:contain;
    z-index:-1;
    -webkit-animation-name:moveDown;
    animation-name:moveDown;
    -webkit-animation-duration:7000ms;
    animation-duration:7000ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.games-page__decor3{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:165px;
    width:165px;
    top:0px;
    right:0px;
    z-index:-1;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:15s;
    animation-duration:15s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.games-page__decor4{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:120px;
    width:120px;
    bottom:20px;
    left:30px;
    z-index:-1;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:10s;
    animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    animation-direction:reverse
}
.games-page__decor5{
    position:absolute;
    -o-object-fit:contain;
    object-fit:contain;
    height:218px;
    width:218px;
    right:-10px;
    bottom:10px;
    z-index:-1;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:10s;
    animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@media screen and (max-width: 1000px){
    .games-page__cards{
        gap:20px 30px
    }
    .games-page__decor1{
        height:120px;
        width:120px;
        top:0
    }
    .games-page__decor2{
        width:115px;
        height:160px
    }
    .games-page__decor3{
        height:120px;
        width:120px
    }
    .games-page__decor4{
        height:90px;
        width:90px
    }
    .games-page__decor5{
        height:170px;
        width:170px
    }
}
@media screen and (max-width: 730px){
    .games-page__cards{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        padding:0 60px
    }
}
@media screen and (max-width: 650px){
    .games-page__decor1{
        height:80px;
        width:80px
    }
    .games-page__decor2{
        width:95px;
        height:120px
    }
    .games-page__decor3{
        height:80px;
        width:80px
    }
    .games-page__decor4{
        height:60px;
        width:60px
    }
    .games-page__decor5{
        width:120px;
        height:130px
    }
}
@media screen and (max-width: 570px){
    .games-page__cards{
        padding:0
    }
}
.pagination{
    
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px;
    margin:auto auto 52px;
    justify-content: center;
}
.pagination__prev{
    height:24px;
    width:24px;
    background-image:url(../images/pagination-prev.svg);
    -o-object-fit:contain;
    object-fit:contain;
    background-position:center;
    background-repeat:no-repeat
}
.pagination__next{
    height:24px;
    width:24px;
    background-image:url(../images/pagination-next.svg);
    -o-object-fit:contain;
    object-fit:contain;
    background-position:center;
    background-repeat:no-repeat
}
.pagination__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.pagination__link{
    width:30px;
    padding:9px 0;
    text-align:center
}
.pagination__link.active{
    border-bottom:2px solid #ec1824
}

/*menu*/
.navbar-toggler {
    width: 20px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
    opacity: 1;

}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: linear-gradient( 263deg, #F08F1D 0%, #F03E1D 100% );
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}


.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/* Color of 3 lines */

.navbar-toggler.collapsed .toggler-icon {
    background: linear-gradient( 263deg, #F08F1D 0%, #F03E1D 100% );
}
.navbar-toggler.collapsed .toggler-icon:nth-child(1), .navbar-toggler.collapsed .toggler-icon:nth-child(3){
    margin-left: 3px;
}
@media (max-width: 990px) {
    .collapse.show {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        border: 0px;
        height: 100vh;
        max-height: none;
    }
}
.bg-nav-dark {
    background-color: #131c2e!important;
}
@media screen and (max-width: 850px) {
    .nav__padding_menu {
        padding: 124px 0 70px;
    }
}
.circle-li {
    background: #ec1923;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-top: 10px;
}
/* END menu  */
.heigh_banner{
    height: 100vh;
    z-index: 1;
}


/*mouse anim*/
.mouse__header {
    position: absolute;
}
.title-mouse {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    margin-left: 40px;
    white-space: nowrap;
    margin-top: 8px;
    display: inline-block;
}
.mouse_anim {
    background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ec1923 50%, #ec1923 100%);
    position: relative;
    width: 30px;
    height: 55px;
    border-radius: 100px;
    background-size: 100% 200%;
    -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse_anim:before, .mouse_anim:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.mouse_anim:before {
    width: 24px;
    height: 49px;
    background-color: #131c2e;
    border-radius: 100px;
}
.mouse_anim:after {
    background-color: #ec1923;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 5s linear infinite;
    animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #4e5559;
    }
    29.99% {
        background-color: #ec1923;
        background-position: 0% 0%;
    }
    30% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #4e5559;
    }
    59% {
        background-color: #ec1923;
        background-position: 0% 0%;
    }
    60% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #4e5559;
    }
    90%, 100% {
        background-color: #ec1923;
    }
}

@keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #4e5559;
    }
    29.99% {
        background-color: #ec1923;
        background-position: 0% 0%;
    }
    30% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #4e5559;
    }
    59% {
        background-color: #ec1923;
        background-position: 0% 0%;
    }
    60% {
        background-color: #4e5559;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #4e5559;
    }
    90%, 100% {
        background-color: #ec1923;
    }
}
@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    15%, 19% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    45%, 49% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    75%, 79% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
}
@keyframes trackBallSlide {
    0% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    15%, 19% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    45%, 49% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    75%, 79% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
}
@-webkit-keyframes nudgeMouse {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(8px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(8px);
    }
    90% {
        transform: translateY(0);
    }
}
@keyframes nudgeMouse {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(8px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(8px);
    }
    90% {
        transform: translateY(0);
    }
}
@-webkit-keyframes nudgeText {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(2px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(2px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(2px);
    }
    90% {
        transform: translateY(0);
    }
}
@keyframes nudgeText {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(2px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(2px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(2px);
    }
    90% {
        transform: translateY(0);
    }
}
@-webkit-keyframes colorText {
    21% {
        color: #4e5559;
    }
    30% {
        color: #ec1923;
    }
    51% {
        color: #4e5559;
    }
    60% {
        color: #ec1923;
    }
    81% {
        color: #4e5559;
    }
    90% {
        color: #ec1923;
    }
}
@keyframes colorText {
    21% {
        color: #4e5559;
    }
    30% {
        color: #ec1923;
    }
    51% {
        color: #4e5559;
    }
    60% {
        color: #ec1923;
    }
    81% {
        color: #4e5559;
    }
    90% {
        color: #ec1923;
    }
}

@media screen and (max-width: 768px){
    .mouse__header {
        bottom: 82px;
    }
}
@media screen and (max-width: 767px){
    .mouse__header {
        bottom: 130px;
    }
}
/* end scroll down animation */
.w-200px{
    width: 200px;
    height: 100px;
}
a.header__nav-link:hover{
    color: #ec1923;
    opacity: 1;
}
a.blog-link:hover {
    opacity: 1;
}
.blog-item:hover .item-title, .blog-link:hover .blog-page__card-title{
    color: #ec1923;
    transition: 0.5s;
}

.blog-item:hover .img_block, .blog-link:hover .blog-page__card-img {
    border-radius: 0px;
    transform: scale(1.1);
    transition: 0.5s;
}
.font-weight-bold {
    font-weight: 800;
}
.link__to_email_font {
    font-size: 1.3rem;
}
.link__to_email {
    color: #ec1923;
    font-weight: 600;
}
.link__to_email:hover {
    color: #ec1923;
    opacity: 0.8;
}
.careers__values__title{
    color: #FFF;
    font-size: 1.3rem;
    font-weight: 600;
}

.careers_hot {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: block;
    float: left;
    background-image: url("../img/svg/careers_hot.svg");
    background-repeat: no-repeat;
    margin-top: -12px;
}
.block__position {
    border-top: 1px solid #ec1923;
}
.block__position {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #ec1923;
    border-color: #b4151b;
    opacity: 1;
}
.title_name_position{
    font-weight: 600;
    font-size: 1.5rem;
}
.blog-breadcrumbs ul li a {
    color: #FFF;
}
.blog-breadcrumbs ul li {
    display: inline-block;
    color: #585858;
}
.blog-section__date p {
    margin: 0;
}


/*vacancy form*/
.form-control {
    border: 0px;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(4.25rem + 4px);
    padding: 0.375rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #FFF;
    background-color: #131c2e;
    background-clip: padding-box;
    border-bottom: 2px solid #777777;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-text-fill-color: #FFF;
    -webkit-box-shadow: 0 0 0px 1000px #131c2e inset;
}

.form-control:focus, .form-control:hover {
    color: #FFF;
    background-color: #131c2e;
    border-color: #ec1824;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.attach_cv_img {
    height: 30px;
    margin-top: -8px;
}
#attach_a_cv{
    cursor: pointer;
}
.attach_cv_title{
    font-size: 1.5em;
    color: #2cccff;
}
.attach_cv_title:after
{
    content: " *";
}

#attach_a_cv_input {
    display: none;
}
#attach_a_cv:hover .attach_cv_title{
    color: #2CCCFF;
}
textarea.form-control {
    resize: none;
    overflow: hidden;
}

.attach_remove:after{
    display: inline-block;
    content: "\00d7"; /* This will render the 'X' */
    font-size: 30px;
    color: #2cccff;
    position: relative;
    top: -2px;
    cursor: pointer;
}
.attach_remove:hover{
    color: #131c2e;
}

.attach_name_file{
    display: inline-block;
    width: 326px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: pre;
    margin-left: 10px;
}
/*end vacancy form*/

/*button back on vacancy*/
.arrow-icon{
    transform: scale(-1, 1)
}
.link--arrowed, .link--arrowed:focus {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    padding: 0;
    opacity: 1;
    border: 0;
    outline: 0;
    box-shadow: none;
}
.link--arrowed .arrow-icon {
    position: relative;
    top: -1px;
    transition: transform 0.3s ease;
    vertical-align: middle;
}
.link--arrowed .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
}

.link--arrowed:hover {
    opacity: 1;

}
.link--arrowed:hover .arrow-icon--circle {
    stroke-dashoffset: 0;

}
.title_btn_back {
    color: #6c757d;

}
.link--arrowed:hover .title_btn_back {
    color: #FFF;
    transition: .5s;
}
/* END button back on vacancy*/

#textError {
    color: red;
}
#textGood{
    color: green;
}
@media screen and (max-width: 850px){
    
    .careers__values__title {
    font-size: 1rem;
}
.about__text_ p {
    font-size: 1.5rem;
}
.about__title_ {
    font-size: 2.2rem
}
}

/*search blog*/
.btn-search {
    border: none;
    background: transparent;
    height: 55px;
    width: 50px;
    outline: none;
}

.btn-search .icon-magnify, .btn-search .icon-cleare {
    position: relative;
}
.search-cont>.icon-magnify, .search-cont>.icon-cleare {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 2;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background-color: #fff;
}
.icon-magnify {
    background-image: url(../img/svg/magnify.svg);
}
.icon-cleare {
    background-image: url(../img/svg/clear-icon-red.svg);
}
.icon {
    width: 40px;
    height: 39px;
    display: inline-block;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    will-change: transform;
    transition: .22s ease-in;
    -webkit-transition: .22s ease-in;
    -moz-transition: .22s ease-in;
    -o-transition: .22s ease-in;
    top: 18px;
}
.search_input {
    display: inline-block;
    width: calc(100% - 112px);
    height: 50px;
}
.display_inline {
    display: inline-block;
}
.tags__button {
    padding: 5px 10px;
    border: 1px solid #777777;
    opacity: 1;
}
.tags__button.active, .tags__button:hover{
    padding: 5px 10px;
    border: 1px solid #ec1824;
    color: #ec1824;
    opacity: 1;
}
.icon-prev-arrow, .icon-next-arrow {
    background-image: url(../img/svg/arrow_left.svg);
}
.icon-next-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.disabled {
    opacity: .5;
}
.pagination > .active a {
    border-bottom: 4px solid #ec1824;
}
.pagination li a{
    width: 24px;
    border-bottom: 4px solid #131c2e;
}
.pagination .next a, .pagination .prev a {
    margin-top: 5px;
}
.pagination .next a {
    display: inline-flex;
}
.color_red_{
    color: #ec1824
}
.article-content .text {
    font-size: 1.3em;
    line-height: 1.7;
}
.article-content .author.text{
    margin-top: 40px;
    color: #a3a3a3;
}
.labels-row a {
    font-size: 0.7em;
    background: #fff8f5;
    padding: 8px 17px 10px;
    border-radius: 30px;
    color: #585858;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 12px;
    transition: .12s ease-out;
}

.labels-row a:hover {
    background: #ec1824;
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

.next a, .prev a {
    width: 100%;
}
.post-options a:hover {
    text-decoration: none;
    opacity: 1;
}
.post-options a:hover hr {
    background-color: #ec1824;
    opacity: 1;
}
.post-options a:hover p {
    text-decoration: none;
    color: #ec1824;
    opacity: 1;
}
.post-options a:hover h5 {
    text-decoration: none;
    color: #ec1824;
    opacity: 1;
}
.post-options hr {
    background-color: #d0d0d0;
    border: none;
    height: 2px;
    margin-bottom: 0;
}
.post-options h5 {
    color: #FFF;
}
.related-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 760px;
}
.related-posts h2 {
    font-size: 2em;
    margin-bottom: 40px;
    text-align: left;
    width: 100%;
}
.related-posts .article-prev:not(:last-child) {
    margin-right: 3.5%;
}
.related-posts .article-prev {
    flex-basis: 30%;
}
.related-posts .article-prev a {
    flex-wrap: wrap;
}
.article-prev a {
    display: flex;
    cursor: pointer;
}
.related-posts .article-prev .article-img {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    margin-right: 0;
}
.related-posts .article-prev .article-img img {
    width: 100%;
}
.article-prev .article-img img {
    transition: 1.9s cubic-bezier(0.29, 0.32, 0.58, 1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.related-posts .article-prev .article-descr {
    width: 100%;
}
.single-post .post-options p, .single-post .pub-date {
    font-size: 16px;
    font-style: normal;
    margin-bottom: 10px;
    color: #ec1824;
}

.single-post .blog-content .article-img-full img {
    width: 100%;
}
.single-post .text img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 750px){
 .article-content .text {
    font-size: 1.1em;
    line-height: 1.7;
}   
.labels-row a {
    font-size: 0.7em;
}
}

.search-result {
    font-size: 1.3em;
    margin: 12px 0 25px;
    color: #FFF;
}
.search-result span.search-word {
    color: #ec1824;
    font-size: 1.6em;
}
.about__img--second_ {
    margin-left: 37px;
    margin-top: -20px;
    width: 256px;
    height: 289px;
}

/*cookies info*/
.cookies {
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 100;
    left: 0;
    bottom: 0;
    color: #071b2b;
    box-shadow: 0 -12px 16px 0 rgba(7,27,43,.15);
    padding: 16px 16px 16px 16px;
}

.cookies__content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.cookies.wrapper {
    padding: 56px 15px 0;
}

.cookies__title {
    font-weight: bolder;
    margin-bottom: 6px;
}
.cookies__text {
    width: 100%;
}
@media (min-width: 768px){
.cookies.wrapper {
    padding: 0 40px;
}
}

@media (min-width: 992px){
.cookies.wrapper {
    padding: 16px 60px;
}
}

@media (min-width: 576px) {
.cookies__content {
    flex-direction: row;
}
}
/*end cookie*/