#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%;background: rgb(0 0 0 / 45%);}
.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: 100%;top:calc(50% - 100px);left: 0;color:#fff;text-align:center;}
#banner .slick-slide h2 { font-size:50px; line-height:110%; text-align:center; }
#banner .slick-slide p {font-size: 16px;line-height: 180%;text-align:center;width: 35%;margin: 25px auto;font-weight: bold;letter-spacing: 4px;}
#banner .slick-slide b {display:inline-block;background: #d11c29;border: 2px solid #d11c29;padding:20px 65px;font-size:16px;line-height:110%;color:#fff;margin-top: 15px;transition:all linear .2s;cursor:pointer;}
#banner .slick-slide b:hover {background: white;color: #d11c29;border: 2px solid #ffffff;}
#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;width: 50%;}
	#banner .slick-slide b {margin-top: 15px;}
	#banner {margin-top: 66px;}
	.slick-slide a img{padding: 80px 0;}
}
@media (max-width:768px) {
	#banner .slick-dots{bottom: 1%;}
	#banner .slick-slide p {width: 90%;}
	#banner{}
}
@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{}}
@media (max-width:480px) {
	#banner .slick-slide .art {bottom: 50px;}
	#banner .slick-slide h2 { font-size:24px; }
	#banner .slick-slide p {font-size: 12px;width: 100%;}
	#banner .slick-slide b { font-size:13px; margin-top:15px; padding:10px 30px; }
	#banner .slick-slide img {padding: 130px 0;}
}