/* banner */
#banner {width: 100%;z-index: 3;}
#banner .item {height: 100vh;}
#banner .item .clip >* {min-width: 100%;width: 100%;}
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video {overflow: hidden;position: absolute;width: 110%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
#banner .item .info{font-weight: 500;background: rgb(0 0 0 / 5%);}
#banner .item .info >div {margin: 18% auto auto;width: calc(100% - 290px);}
#banner .item .info >div .txt { -webkit-transition-delay: .2s; transition-delay: .2s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* {padding: 10px 15px;max-width: calc(100% - 30px);font-size: 18px;}
#banner .item .info >div .txt{display: flex;justify-content: flex-start;}
#banner .item .info >div .txt {margin-bottom: 30px;line-height: 140%;font-size: 34px;font-weight: 700;-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;font-family: "Montserrat", sans-serif;width: min(700px , 80%);}
#banner .item.slick-current .info >div .txt{transform:scaleX(1);-webkit-transform:scaleX(1)}
#banner .item .info >div .lttiletext{font-size: 15px;font-weight: 400;}
@-webkit-keyframes slide-in-bottom {
	0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes slide-in-bottom {
	0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

@keyframes scale_banner { to { transform: scale(1); } }

@media screen and (max-width: 1280px){
    #banner .item .clip video{object-fit: cover;height: 100%;}
}
@media screen and (max-width: 1024px){
	#banner .item { height: 65vh; }
    #banner .item .info >div{width:calc(100% - 100px);margin:110px auto auto}
}
@media screen and (max-width: 640px){
	#banner .item {height: 350px;}
    #banner .item .info >div{margin: 90px auto auto;width: calc(100% - 30px);}
	#banner .item .info >div .txt{font-size:28px}
}
@media screen and (max-width: 480px){
    #banner .item .info >div .txt{font-size: 22px;}
}