#visul { clear: both; }
.hero-slide .b-de { position: relative; color: #1847a5; 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 a::after{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.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: #8a96a6; opacity: 1; }
#visul .slick-dots li.slick-active button:before { color: #386ecd; }

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

@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 { width: auto; height:100%; }
	#banner .item iframe { height:100%; transform: scale(1.4); }
	#banner .slick-slide img { max-width: inherit; height: calc(100vh - 195px); }
}
@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%; }
}