#banner{position: relative;background: #fff;z-index: 100;}
#banner:before{position:absolute;content:'';background-image: url("/images/38/block.png");width: 100%;background-size: 100%;background-repeat: no-repeat;background-position: 50% 50%;height: 100px;bottom: -65px;z-index: 9;}
#banner .item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#banner .info { position: absolute; width: 100%; top: 30vh; left: 0; z-index: 3; }
#banner .info >* { -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#banner .info h3 { display: block; line-height: 110%; text-align: center; font-size: 80px; font-weight: 700; color: #fff; -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; }
#banner .info p { margin-top: 30px; text-align: center; line-height: 160%; font-weight: 100; font-size: 25px; color: #fff; -webkit-transform: translateY(30px); transform: translateY(30px); transition-delay: .5s; opacity: 0; }
#banner .img {position: relative;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#banner .img video , #banner .img iframe { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; }


@media screen and (max-width: 768px){
	#banner .info h3 { font-size: 50px; }
	#banner .info p { font-size: 20px; }
}
@media screen and (max-width: 640px){
#banner:before{
    bottom: -55px;
}
}