html{
    overflow:hidden;
}
body{
    position: relative;
    overflow:hidden;
}
.logo{
    width:41.6%;
    position: absolute;
    left:0;
    top:0;
    z-index:500;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container .btn, .preload .btn{
    position: absolute;
    z-index:20;
    width:20%;
    right:0;
    top:0;
}
.btn img{
    width:100%;
}
.btn-skip{
    display:none;
}
.logo{
    width:31%;
    max-width:275px;
    height:auto !important;
    position: absolute;
    left:0;
    top:0;
    z-index:500;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    background-size:cover !important;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide a {
    display:block;
    width:100%;
    left:0;
    _top:10%;
    position:absolute;
    height:80%;
}
.swiper-slide img{
    height:100%;
    margin:0 auto;
}
.swiper-slide .btn-video{
    display:block;
    position: absolute;
    width:20%;
    left:2%;
    bottom:2%;
    height:auto;
    cursor: pointer;
}
.swiper-slide .btn-video img{
    width:100%;
    height:auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.swiper-slide a {
        top:10%;
    }
    .swiper-slide .btn-video{
        top:inherit;
    }
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:90px;
}
.swiper-container-vertical .swiper-button-next{
    outline: none;
    bottom:2%;
    top:inherit;
    margin-top:inherit;
    width:50px;
    height:40px;
    margin-left:-25px;
    left:50%;
    background:url(../images/arrow.png) center center no-repeat;
    background-size:contain;
    -webkit-animation:jump 1.5s linear infinite;
    -moz-animation:jump 1.5s linear infinite;
    -ms-animation:jump 1.5s linear infinite;
    -o-animation:jump 1.5s linear infinite;
    animation:jump 1.5s linear infinite;
}
.kv .swiper-pagination-bullet{
    background:#fff;
    opacity:.5;
    border-radius:0;
}
.kv .swiper-pagination-bullet-active{
    opacity:1;
}
.videoLayer{
    position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:4;
    background:rgba(0,0,0,.85);
    display:none;
}
.videoLayer .btn-close{
    display:block;
    position: absolute;
    width:3%;
    right:5%;
    top:8%;
    height:auto;
    cursor: pointer;
}
.videoLayer .btn-close img{
    width:100%;
    height:auto;
}
#video{
    outline:none;
    border:4px solid #d1ac6f;
    height:70%;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

@keyframes jump{
    0%, 50%, 100% {
        transform:translate(0,0)
    }
    25%{
        transform:translate(0,6px)
    }
    75% {
        transform:translate(0,-6px)
    }
}

@-moz-keyframes jump{
    0%, 50%, 100% {
        -moz-transform:translate(0,0)
    }
    25%{
        -moz-transform:translate(0,6px)
    }
    75% {
        -moz-transform:translate(0,-6px)
    }
}

@-webkit-keyframes jump {
    0%, 50%, 100% {
        -webkit-transform:translate(0,0)
    }
    25%{
        -webkit-transform:translate(0,6px)
    }
    75% {
        -webkit-transform:translate(0,-6px)
    }
}

@-o-keyframes jump {
    0%, 50%, 100% {
        -o-transform:translate(0,0)
    }
    25%{
        -o-transform:translate(0,6px)
    }
    75% {
        -o-transform:translate(0,-6px)
    }
}

@-ms-keyframes jump {
    0%, 50%, 100% {
        -ms-transform:translate(0,0)
    }
    25%{
        -ms-transform:translate(0,6px)
    }
    75% {
        -ms-transform:translate(0,-6px)
    }
}