#visul {position: relative;background: #fff;clear: both;z-index: 3;top: 45px;}
.hero-slide .b-de {position: relative;color: #fff;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%; height:95vh;}
.hero-slide .b-de a {display: block;}
.banner-txt {position: absolute;width: 40%;top: 30%;left: 4%;z-index: 99999;}
.banner-txt h2 {font-size: 5rem;font-weight: 900;font-style: italic;color: black;line-height: 110%;transform: translateY(-30px);opacity: 0;}
.banner-txt p {transform: translateY(30px);transition-delay: .5s;opacity: 0;color: #666666;font-size: 2.5em;font-weight: 700;font-style: italic;width: 600px;line-height: 125%;margin-top: 25px;}
.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; }

#banner .item { position: relative; overflow: hidden; text-align: right; }
#banner .item video , #banner .item iframe { position: absolute; width: 100%; height: 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{
    top: 0px;
}
}

@media screen and (max-width:980px) {
	#banner .item video { width: auto; height:100%; }
	#banner .item iframe { height:100%; }
	.banner-txt h2 {font-size: 10vw;}
}
@media screen and (max-width:640px) {
	.hero-slide .b-de{
    height: 50vh;
    background-position: 100% 50%;
}
	.banner-txt { top: 25%; left: 10%; width: 80%; }
	.hero-slide .b-de >img { padding: 30px 0; }
	.banner-txt p{
    font-size: 2em;
    width: 100%;
}
}
@media screen and (max-width: 480px) {
	.banner-txt {top: 17%;width: 90%;left: 5%;}
	.banner-txt p a { font-size: 4vw; }
	.banner-txt p{
    font-size: 24px;
    text-align: right;
    display: none;
}
	.banner-txt h2{
    text-align: right;
    display: none;
}
}