body{
    background-color:#000;
    font-family: "Fira Sans";
}

.videoLayer{
    overflow:hidden;
    margin-right:17px
}

.skylore-body{
    font-family: "Fira Sans";
    background-color:transparent;
    background-repeat:repeat-y,repeat;
    background-position:top center,0 0
}

.skylore-body *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.skylore-body p{
    margin:0
}
.skylore-body .mobile-image{
    display:none!important;
    margin:0 auto
}

.skylore-body .top-section{
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 100%;
    min-height:100vh;
    text-align:center;
    position:relative;
    z-index:1;
    /*background-color:#000*/
}

.skylore-body .top-section__video{
    width:100%;
    min-height:100vh;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
    z-index: -1;
}

@media screen and (max-width:1199px), screen and (max-height:450px)
{

    .skylore-body .top-section__video{
        display:none
    }
}

.skylore-body .top-section__top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:fixed;
}


.skylore-body .top-section .section-content{
    position:absolute;
    bottom:18px;
    left:0;
    right:0
}


.skylore-body .world .section-content__world .swiper-slide{
    text-align:center;
    font-size:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:-webkit-grab;
    opacity:.5;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-box-shadow:0 0 30px 10px rgba(0,0,0,.7);
    box-shadow:0 0 30px 10px rgba(0,0,0,.7);
    position:relative;
    overflow:hidden;
}
.skylore-body .world .section-content__world .swiper-slide:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:50%;
    height:300px;
    background-color:transparent;
    opacity:.9;
    background-image:linear-gradient(-155deg,transparent 56%,#000 103%),linear-gradient(-160deg,transparent 59%,#000 100%)
}
@media screen and (max-width:980px){
    .skylore-body .world .section-content__world .swiper-slide:after{
        display:none
    }
}
.skylore-body .world .section-content__world .swiper-slide .world__name{
    position:absolute;
    bottom:54px;
    left:38px
}
.skylore-body .world .section-content__world .swiper-slide .world__name p{
    color:#c4cbcf;
    font-size:36px;
    font-weight:400;
    margin:0;
    z-index:20;
    position:relative
}
@media screen and (max-width:980px){
    .skylore-body .world .section-content__world .swiper-slide .world__name{
        display:none
    }
}
.skylore-body .world .section-content__world .swiper-slide-active{
    opacity:1
}
.skylore-body .world .section-content__world .swiper-slide img{
    width:100%;
    pointer-events:none
}
@media screen and (min-width:980px){
    .main-body-data .skylore-body .gameplay-container .section-content__gameplay{
        display:none
    }
}
@media screen and (max-width:980px){
    .main-body-data .skylore-body .gameplay-container .section-content__gameplay{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media screen and (max-width:980px){
    .main-body-data .skylore-body .gameplay-container .gameplay__anim-content{
        display:none
    }
}
.main-body-data .skylore-body .mobile .section-content__gameplay{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width:1670px){
    .main-body-data .skylore-body .mobile .gameplay__item{
        display:block
    }
}
.skylore-body .gameplay{
    margin-bottom:119px
}
@media screen and (max-width:980px){
    .p-tb--B .skylore-body .gameplay{
        margin-bottom:30px
    }
}

.skylore-body .gameplay__video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:opacity ease-in-out .3s;
    transition:opacity ease-in-out .3s
}

.skylore-body .gameplay__item--active .gameplay__video{
    opacity:1
}


.skylore-body .media-info .section-content__gameplay{
    max-width:1480px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin:0 auto
}

.skylore-body .media-info .section-content__gameplay .gameplay__item{
    width:730px;
    height:488px;
    display:inline-block;
    margin-right:20px;
    margin-bottom:20px;
    position:relative;
    z-index:6
}

.skylore-body .media-info .section-content__gameplay .gameplay__item:nth-child(2n+2){
    margin-right:0
}

/*ФРЕЙМ рамка*/
.skylore-body .media-info .section-content__gameplay .gameplay__item-img{
    width:100%;
    overflow:hidden;
    display:block;
    position:relative;
    border-width: 10px 10px 10px 10px;
    border-style:solid;
    border-image-slice:10 10 10 10 fill;
    border-image-outset:0;
    border-image-repeat:round;
    line-height:0
}
.gameplay__item .gameplay__item-img
{
    border-image-source:url(../img/1600/frame_big.png);
}

.gameplay__item_small .gameplay__item-img
{
    border-image-source:url(../img/1600/frame_small.png);

}