#banner .bannerTran { display:-ms-flexbox; display:-webkit-flex; display:-webkit-box; display:flex; margin:0 auto; position:relative; overflow:hidden; height:auto; min-height:200px; z-index:1; min-height:34.4271vw; }
.swiper-wrapper .slick-slider ,
.swiper-wrapper .slick-slider .slick-list ,
.swiper-wrapper .slick-slider .slick-track ,
.swiper-wrapper .slick-slider li { width:100%; height:100%; display:block; }

#banner .slick-slide { position:relative; }
#banner .slick-slide a:before {position: absolute;/* background:url(/images/banner-dot.png); */opacity: .2;width:100%;height:100vh;top: 0;left: 0;z-index: 2;content: "";/* background-color: #000; */}
#banner .slick-slide a {display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:100%;height:100%;overflow:hidden;}
#banner .slick-slide a img {width: 100%;height: 820px;}
.video a , .youtube a { text-shadow:0 0 7px #fff; }
#banner .slick-slide a .art { position:absolute; width:800px; height:145px; left:calc(50% - 400px); top:calc(50% - 72px); z-index:2; text-shadow:0 0 8px #484848; overflow:hidden; display: none;}
#banner .slick-slide a h2 { font-size:50px; line-height:100%; text-align:center; color:#fff; font-weight:400; }
#banner .slick-slide a p { margin-top:30px; line-height:110%; font-size:30px; color:#fff; text-align:center; }
#banner video , #banner iframe { position:absolute; width: 100%; height:100vh; transform: scale(1.4); top:0; right:0; z-index:1; }
#banner .slick-dots { bottom:60%; text-align:left; margin-left:20px; width:28px; }
.slick-dots li button:before { text-shadow:0 0 5px #fff,0 0 5px #fff; }

#banner .slick-slide::after{
        content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#views {position:fixed;top: 107px;left:0;bottom:0;width:100%;height: 820px;}
#content {position:relative;margin-top: 903px;background: #020202;}
#content .can_box{display: flex;flex-direction: column;align-items: center;margin: 0 auto;position: absolute;top: -55px;left: calc(50% - 145px);background: #020202;color: #b6a998;padding: 16px 40px 16px;font-family: 'Hurricane', cursive;font-size: 23px;font-weight: 100;text-transform: uppercase;letter-spacing: 0.06em;}
.page #content:after { border-color:transparent transparent #f6f6f6; }

@media (max-width:1440px) {
        #banner .slick-slide a img{
            height: 622px;
        }
        #content{
                margin-top:705px;
        }
        #banner .slick-slide a h2 { font-size:40px; }
        #banner .slick-slide a p { font-size:22px; }
        #banner .slick-slide a .art { top:calc(50% - 27px); height:auto; }
        #content:after { border-width:0 0 100px 100vw; top:-100px; }
}
@media (max-width:1280px){
        #views{
            top: 0;
        }
        #content{
            margin-top: 550px;
        }
        #banner .slick-slide a img{height: 580px;}
}
@media (max-width:1024px) {
        #banner .slick-slide a img { height:700px; }
        #banner .slick-slide a{background-position: 0% 50%;}
        #content {}
        #banner .slick-slide a .art { width:80%; left:10%; }
}
@media (max-width:768px) {
        #banner .slick-slide a img{height: 400px;}
        #content{margin-top: 375px;}
        #banner video , #banner iframe { width: auto; }
        .video a,.youtube a { text-shadow:0 0 3px #fff,0 0 3px #fff; }
        #banner .slick-slide a .art { top:40%; }
        #banner .slick-slide a{
    background-position: 2% 50%;
}
}
@media (max-width:480px) {
        #content .can_box{font-size: 14px;left: calc(50% - 94px);padding: 9px 32px 9px;top: -38px;}
        #views{
    height: 258px;
    position: relative;
    top: 50px;}
    #banner .slick-slide a{
    background-position: 9% 50%;
}
        #banner .slick-slide a img {height: 260px;}
        #content {margin-top: 50px;}
        #aboutFunc{
    padding: 10px 0;
}
        #content:after { border-width:0 0 70px 100vw; top:-70px; }
        #banner .slick-slide a h2 { font-size:32px; }
        #banner .slick-dots { bottom:10%; }
}