* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
::-webkit-scrollbar{  width: 6px;  height: 6px;}
::-webkit-scrollbar-thumb {  cursor: pointer;  background: #fff;}
#video {background:url("../img/slide1.jpg")no-repeat center center;}
#video::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
#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; text-align:center; 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:0px; font-size:70px; line-height:70px; width:100%; box-sizing:border-box; text-align:center;  }
#video #home p.txt02 { position:absolute; top:380px; left:0px;font-size:35px;  width:100%; text-align:center;   }

/* 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:1s;  -webkit-animation-fill-mode: forwards;   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:2s; -webkit-animation-fill-mode: forwards;   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:173px; 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; top:220px;  font-size:45px; line-height:45px;  }
#video #home p.txt02 { position:absolute; top:300px;  font-size:20px }
#video .txt_block {display:inline}
#video #home {   }
.cascading-text__letter3 {   animation-delay:0s;}
.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) {
}