#banner .slick-slide { position:relative; overflow:hidden; }
#banner{
}
#banner .slick-slide >a { display:block; position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; overflow:hidden; }
.slick-slide a img { width:100%; }
.slick-slide video,.slick-slide iframe,.slick-slide canvas { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.4); z-index:2; }
.slick-slide video,.slick-slide canvas { width:auto; transform:scale(1.4); }
#banner .slick-slide .art {position:absolute;z-index:3;width:500px;top:calc(50% - 100px);left:calc(25% - 250px);color:#fff;text-align:center;display: none;}
#banner .slick-slide h2 { font-size:50px; line-height:110%; text-align:center; }
#banner .slick-slide p { margin-top:40px; font-size:18px; line-height:150%; text-align:center; }
#banner .slick-slide b { display:inline-block; background:#0971f2; border:2px solid #0971f2; padding:20px 65px; font-size:16px; line-height:110%; color:#fff; margin-top:65px; transition:all linear .2s; cursor:pointer; }
#banner .slick-slide b:hover { background:transparent; color:#fff; }
#banner .slick-dots { bottom:10%; text-align:center;}
#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 { width:calc(100% - 90px); margin-left:90px; }

@media (min-width:1025px) {
	#banner .slick-slide b a:hover { opacity:.7; }
}
@media (max-width:1440px) {
	#banner .slick-slide .art { top:calc(50% - 100px); }
	#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: 123px;}
}
@media (max-width:768px) {
	#banner .slick-dots{bottom: 1%;}
	#banner .slick-slide img { padding:30px 0; }
	#banner{margin-top: 114px;}
}
@media (max-width:640px) {
	#banner .slick-slide .art { top:initial; bottom:10%; width:300px; left:calc(50% - 150px); }
	#banner .slick-slide p { margin-top:15px; line-height:130%; }
	#banner .slick-slide b { margin-top:30px; padding:15px 40px; }
}
@media (max-width:580px) {#banner{margin-top: 103px;}}
@media (max-width:480px) {
	#banner .slick-slide .art { bottom:27px; }
	#banner .slick-slide h2 { font-size:24px; }
	#banner .slick-slide p { font-size:13px; }
	#banner .slick-slide b { font-size:13px; margin-top:15px; padding:10px 30px; }
	#banner .slick-slide img {padding: 0 0;height: 425px;}
	#banner .slick-slide >a{
    background-position: 11% 50%;
}
}