/* banner */
#banner { position: relative; }
#banner .item { position: relative; }
#banner .item a {position: relative;width: 100%;height: 100vh;display: inline-block;z-index: 3;background: rgb(0 0 0 / 15%);}
#banner .item .banner-txt {position: absolute;width: 90%;text-align: end;font-size: 6rem;color: white;background-clip: text;bottom: 5rem;left: 0;z-index: 3;font-weight: 400;letter-spacing: 3px;font-family: "Playfair Display", serif;}
#banner .item {position: relative;overflow: hidden;text-align: right;height: 100vh;}
#banner .item video , #banner .item iframe {overflow: hidden; position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

/* scrollBtn */
#scrollBtn { position: absolute; z-index: 100; bottom: 100px; left: 20px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; transform-origin: left top; }
#scrollBtn font { margin-right: 10px; width: 50px; height: 1px; background-color: #fff; display: inline-block; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: scrollline 2s cubic-bezier(.32,.01,0,.98) 1.2s infinite forwards; animation: scrollline 2s cubic-bezier(.32,.01,0,.98) 1.2s infinite forwards; }
#scrollBtn span { font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fff; }

@-webkit-keyframes scrollline { 0% { -webkit-transform: scaleX(0); -webkit-transform-origin: right; } 49% { -webkit-transform-origin: right; } 50% { -webkit-transform: scaleX(1); } 51% { -webkit-transform-origin: left; } 100% { -webkit-transform: scaleX(0); } }
@keyframes scrollline { 0% { transform: scaleX(0); transform-origin: right; } 49% { transform-origin: right; } 50% { transform: scaleX(1); } 51% { transform-origin: left; } 100% { transform: scaleX(0); } }

@media screen and (max-width:1024px) {
    #banner .item video, #banner .item iframe{width:auto;height:100%}
	#banner .item .banner-txt {font-size: 6vw;}
}
@media screen and (max-width:980px) {
    #banner .item{height: 60vh;}
}