#visul {position: relative;clear: both;z-index: 3;margin-top: 90px;}
.hero-slide .b-de { position: relative; color: #fff; background: no-repeat 50% / cover; }
.hero-slide .b-de a {display: block;position: relative;z-index: 2;}
.banner-txt {position: absolute;width: 100%;bottom: calc(100% - 480px);left: 0;z-index: 1;display: none;}
.banner-txt h2 {font-size: 40px;transform: translateY(-30px);opacity: 0;font-weight: 500;width: 38%;margin: 0 auto 15px;line-height: 130%;text-align: center;}
.banner-txt p {transform: translateY(30px);transition-delay: .5s;opacity: 0;font-size: 18px;text-align: center;}
.banner-txt p a { font-size: 18px; color: #fff; }
.slick-current.slick-active .banner-txt h2 ,
.slick-current.slick-active .banner-txt p {transform: translateY(0);opacity: 1;color: #d4938f;}
.banner-txt h2 img{margin: 0 auto;width: 100px;}
#banner .item { position: relative; overflow: hidden; text-align: right; }
#banner .item video , #banner .item iframe {position: absolute;width: 100%;left: 0;top: 0;}

#visul .slick-dots { bottom: 10px; }
#visul .slick-dots li button:before { color: #808080; opacity: 1; }
#visul .slick-dots li.slick-active button:before { color: #fff; }

#visul .slick-slider { margin-bottom: 0; }

@media screen and (max-width:1280px) {
    #visul {margin-top: 89px;}
}
@media screen and (max-width:980px) {
	#banner .item video { width: auto; height:100%; }
	#banner .item iframe { height:100%; }
	.banner-txt h2 { font-size: 8vw; }
	.hero-slide .b-de a img{padding:30px 0;}
}
@media screen and (max-width:640px) {
	.banner-txt { top: 25%; left: 10%; width: 80%; }
	.hero-slide .b-de >img { padding: 30px 0; }
    #visul {margin-top: 55px;}
}
@media screen and (max-width:480px) {
	.banner-txt { top: 20%; }
	.banner-txt p a { font-size: 4vw; }
}