#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; }
#banner .slick-slide >a:after{position:absolute;content:'';width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .35;}
.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;top: calc(50% - 145px);left: 200px;color: #fff;}
#banner .slick-slide h2 {font-size:50px;line-height: 130%;text-align:left;}
#banner .slick-slide p.text {margin-top: 10px;font-size: 18px;line-height:130%;text-align:left;margin-bottom: 80px;font-family: 'Lato', sans-serif;text-transform: uppercase;letter-spacing: 2px;}
#banner .slick-slide b {font-size: 15px;line-height: 1.25;color: #fff;border: 1px solid #fff;padding: 20px 90px 18px 25px;position: relative;border-radius: 50px;overflow: hidden;letter-spacing: 2px;font-weight: bold;}
#banner .slick-slide b:before {position: absolute;width: 0;height: 100%;background: #fff;display: block;left: 0;top: 0;content: "";z-index: -1; }
#banner .slick-slide b span:before {position: absolute;top: 50%;right: 0;width: 40px;height: 1px;content: '';-webkit-transform: translateY(-50%);transform: translateY(-50%);background-color: rgba(255,255,255,.2);}
#banner .slick-slide b:hover span:before {background-color: rgb(255 255 255 / 40%);}
#banner .slick-slide b:hover span:after {background-color: #fff;right: 0;}
#banner .slick-slide b span:after {background-color: #fff;position: absolute;top: 50%;right: 30px;width: 10px;height: 1px;content: '';-webkit-transition: .5s;transition: .5s;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#banner .slick-dots {text-align:right;bottom: 10px;right:10px;width:auto;height:30px;}
#banner .slick-dots li button:before,#banner .slick-dots li.slick-active button:before { color:#fff; font-size:12px; }
#views { width:calc(100% - 90px); margin-left:90px; }

@media (min-width:1025px) {
	#banner .slick-slide a:hover b:after { width:0; }
	#banner .slick-slide a:hover b:before { transform:rotate(0deg); top:13px; width:0; right:60px; }
}
@media (max-width:1440px) {
    #banner .slick-slide .art{left: 100px;}
}
@media (max-width:1280px) {
	#banner .slick-slide h2 {font-size:40px;}
	#banner .slick-slide p.text{font-size:15px;}
}
@media (max-width:1024px) {
	#banner {margin-top: 70px;}
	#banner .webframe { width:100%; }
	#banner .slick-slide h2 {width:100%;font-size:35px;}
	#banner .slick-slide p , #banner .slick-slide b { width:100%; }
}
@media (max-width:768px) {
	.slick-slide a img{padding: 80px 0;}
	#banner .slick-slide h2 { font-size:30px; }
	#banner .slick-slide .art {
    top: unset;
    bottom: 0;
}
	#banner .slick-slide p.more { display:none; }
}
@media (max-width:640px) {
	#banner {margin-top: 55px;}
	#banner .slick-slide h2 { font-size:24px; }
}
@media (max-width:480px) {
	#banner .slick-slide .art {background:none;left: 40px;}
	#banner .slick-slide h2 {font-size:22px;}
	#banner .slick-slide p.text {
    margin-bottom: 40px;
}
	#banner .slick-slide a img {padding: 120px 0;}
	#banner .slick-dots li { margin:0; }
}