#banner .slick-slide { position:relative; overflow:hidden; }
#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; }
#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:100px; }
}
@media (max-width:768px) {
	#banner .slick-dots{bottom: 1%;}
	#banner{margin-top: 85px;}
}
@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) {}
@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; }
}