* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
::-webkit-scrollbar{  width: 6px;  height: 6px;}
::-webkit-scrollbar-thumb {  cursor: pointer;  background: #fff;}
#video {}
#video .parallax-section {  background-attachment: fixed !important;  background-size: cover !important;}
#video #home { overflow:hidden; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;
  -webkit-align-items: center;  -ms-flex-align: center;   align-items: center;  height: 100vh;  position: relative;  
  padding-bottom:3em; }
#video #home .mask { width:100%; height:100%; position:absolute; top:0;}
#video #home .container {width:1150px; height:100%; margin:0 auto; overflow:hidden; padding:0 20px; position:relative }
#video #home p {color:#fff;}
#video #home p.txt01 { position:absolute; top:280px; left:50px; font-size:30px; line-height:70px; letter-spacing: 0px}
#video #home p.txt02 { position:absolute; top:340px; left:50px; font-size:60px; font-weight:700 letter-spacing: -3px;  }
#video #home p.txt03 { position:absolute; top:420px; left:50px; font-size:60px; font-weight:700 letter-spacing: -3px;  }

/* sub h2 tmt */
.cascading-text__letter {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s; animation-delay:0.1s;  -webkit-animation-fill-mode: both;   animation-fill-mode: forwards;} 

.cascading-text__letter2 {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter2 {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s; animation-delay:0.5s; -webkit-animation-fill-mode: both;   animation-fill-mode: forwards;}

 .cascading-text__letter4 {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter4 {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s; animation-delay:1s; -webkit-animation-fill-mode: both;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateX(-50px);  transform: translateX(-50px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);  }
}
.cascading-text__letter3 {  opacity: 0;  -webkit-animation-name: enter2;  animation-name: enter2;}
.cascading-text__letter3 {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:2.5s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter2 {
  0% { opacity: 0; -webkit-transform: translateX(70px);  transform: translateX(70px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);  }
}

#video #home div.row {padding:0 10px;}
#video #home .overlay {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%; background-color: rgba(255,255,255,0);}
#video #home video {  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  z-index: -100;  transform: translateX(-50%) translateY(-50%);  background-size: cover;  transition: 1s opacity;}

#video #home .wave {position:absolute; bottom:0; width:100%; height:393px; overflow:hidden; 
background:url("../img/bg_wave.png")no-repeat center top; }
#video #home .wave img {vertical-align:top;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#video #home .container {width:100%; padding-top:35%;  }
#video #home p img {max-width:100%; width:90%;}
#video #home p.txt01 { position:absolute; width:60%; top:170px; left:20px; font-size:45px; line-height:45px;  }
#video #home p.txt02 { position:absolute; top:215px; left:20px; font-size:20px }
#video #home p.txt03 { position:absolute; width:30%; top:260px; left:20px; font-size:20px }
#video .txt_block {display:inline}
#video #home {    height: 95vh;  }
.cascading-text__letter4 {   animation-delay:1.5s;}
.cascading-text__letter {   animation-delay:0.5s;} 
.cascading-text__letter2 {  animation-delay:1s;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}