#banner{position: relative;}
#banner .slick-slide { overflow: hidden; position: relative; }
#banner .slick-slide >a {overflow: hidden;position: relative;display: block;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
#banner .slick-slide >a:before {
    position: absolute;
    background: #000;
    opacity: .3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
}
.slick-slide a img { width: 100%; }
#banner video , #banner iframe , #banner canvas {position: absolute;width: 100%;height: 100%;z-index: 2;transform: scale(1.3);top: 0;left: 0;}
#banner .slick-slide .art {position: absolute;width: 80px;text-align: center;color: #fff;top: calc(60% - 35px);left: calc(50% - 50px);z-index: 3;}
#banner .slick-slide h2 { text-align: center; line-height: 110%; font-size: 50px; }
#banner .slick-slide p { margin-top: 40px; text-align: center; line-height: 150%; font-size: 18px; }
#banner .slick-slide b { margin-top: 65px; padding: 20px 65px; background: rgba(181, 181, 181, .7); display: inline-block; font-size: 16px; line-height: 110%; color: #fff; transition: all linear .2s; cursor: pointer; }

#banner .slick-dots {margin-left: 20px;width: 100%;text-align: center;bottom: 10%;z-index: -2;}
#banner .slick-dots li button:before , #banner .slick-dots li.slick-active button:before { color: #fff; }
#banner .slick-dots li button:before { text-shadow: 0 0 5px #fff,0 0 5px #fff; }

#views { margin-left: 90px; width: calc(100% - 90px); }
#banner .baScro {position:absolute;bottom:20px;right:calc(50% - 25px);display: none;}
#banner .baScro a b{
    display: block;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}
@media (min-width:1025px) {
	#banner .slick-slide b:hover { background: rgba(255, 255, 255, .7); color: #545454; }
	#banner .slick-slide b a:hover { opacity: .7; }
}
@media (max-width:1440px) {
	#banner .slick-slide .art {top: calc(50% - 10px);left: calc(50% - 45px);}
	#banner .slick-slide h2 { font-size: 40px; }
	#banner .slick-slide b { margin-top: 55px; padding: 15px 50px; }
}
@media (max-width:1024px) {
	#banner .slick-slide h2 { font-size: 34px; }
	#banner .slick-slide p { margin-top: 30px; font-size: 16px; }
	#banner .slick-slide b { margin-top: 45px; }
	#banner {margin-top: 65px;}
	#banner .slick-slide >a{
}
}
@media (max-width:768px) {
	#banner .slick-slide img { padding: 30px 0; }
}
@media (max-width:640px) {
	#banner .slick-slide .art {top: initial;bottom: 10%;left: calc(50% - 35px);}
	#banner .slick-slide p { margin-top: 15px; line-height: 130%; }
	#banner .slick-slide b { padding: 15px 40px; margin-top: 30px; }
	#banner {margin-top: 55px;}
}
@media (max-width:480px) {
	#banner .slick-slide .art {bottom: 100px;width: 60px;}
	#banner .slick-slide h2 { font-size: 24px; }
	#banner .slick-slide p { font-size: 13px; }
	#banner .slick-slide b { margin-top: 15px; padding: 10px 30px; font-size: 13px; }
	#banner .slick-slide video, .slick-slide canvas{
    width: 100%;
}
}