#visul {clear: both;}
.hero-slide .b-de {position: relative;color: #7d0f82;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.banner-txt { position: absolute; width: 40%; top: 25%; left: 10%; text-shadow: 1px 1px 1px #939393; z-index: 2; }
.banner-txt h2 { font-weight: normal; line-height: 120%; font-size: 52px; margin-bottom: 40px; }
.banner-txt p { line-height: 120%; }
.banner-txt p a { color: #1847a5; line-height: 120%; font-size: 23px; }
.hero-slide .b-de >img { width: 100%; }

#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: rgba(198, 198, 198, 0.37);opacity: 1;}
#visul .slick-dots li.slick-active button:before {color: #7d0f82;}
#visul .slick-slider { margin-bottom: 0; }
#banner .slick-slide img {max-width: inherit;height: calc(100vh - 25px);}

@media screen and (max-width:1440px) {
	.banner-txt h2 { font-size: 36px; }
	.banner-txt p a { font-size: 18px; }
}
@media screen and (max-width:1280px) {
	.banner-txt h2 { margin-bottom: 20px; }
}
@media screen and (max-width:980px) {
	#banner .item video { display: none; }
	#banner .item iframe { height:100%; transform: scale(1.4); }
	#banner .slick-slide img {max-width: inherit;height: calc(100vh - 375px);}
}
@media screen and (max-width:640px) {
	.banner-txt { top: 25%; width: 70%; }
	.hero-slide .b-de >img { padding: 30px 0; }
}
@media screen and (max-width:480px) {
	.banner-txt { top: 20%; width: 90%; }
#visul {
    clear: both;
    margin-top: 56px;
}
}

@media screen and (max-width:380px){
	#banner .slick-slide img {
    max-width: inherit;
}
}