* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}

#video {}
#video .description .title {  display:block;  letter-spacing:1px; clear:both; padding:0 0px 30px 0; }
#video .description .title:after {content:""; width:76%; height:1px; background-color:rgba(255,255,255,0.7); 
position:absolute; top:11px; left:24%; }
#video .description h3{ font-size: 50px; line-height:75px;  }
#video .description .txt01{  margin:20px 5px 35px 5px; line-height:34px;}
#video .description .btn a{display:block;  border:1px solid #fff; border-radius:30px; color:#fff; padding:12px 20px 15px 20px; width:180px; font-size: 18px;  text-align:center;}
#video .description .btn a:hover {background-color:#fff; color:#333;}

#video .parallax-section {  background-attachment: fixed !important;  background-size: cover !important; padding:0; margin:0;}
#section1 {position:relative; 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;  z-index:1; }

#section1  video {border:0; padding:0; margin:0;  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;}
#section1:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}

/* sub h2 tmt */
 #video div.txtBox {width:90%; max-width:100%; text-align:left; z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  
margin:0 auto ; text-align:left;   padding:0 15px 50px 15px;  overflow:hidden; height:auto; background-color:rgb(0,0,0,0);}
 #video .caption span{border: 0px solid;  color: #fff;width:100%; display:block; padding: 0px 0 0 0; }
 #video  .caption { text-transform:uppercase ;  opacity: 0;  position: relative;  margin:0 auto;    width:100%; 
 font-weight:300;    margin: 0; font-size: 70px; line-height:80px;  opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:0.5s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}
div.txtBox .caption,div.txtBox .caption2,div.txtBox .caption3 { opacity:0;}
 #video .caption2 span{border: 0px solid;  color: #fff;  width:100%; display:block; padding: 10px 0 0 0; }
 #video   .caption2 {  opacity: 0;  position: relative; margin:0 auto;   width:100%; 
  font-weight:300;    margin: 0; font-size: 70px; line-height:80px;  opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s;  animation-delay:1s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}
 #video .caption3 span{border: 0px solid;  color: #fff; margin:0 auto; width:100%; display:block; padding: 30px 0 0px 0; }
 #video   .caption3 {  opacity: 0;  position: relative; margin:0 auto;  width:100%; 
  font-weight:400;    margin: 0; font-size: 20px;   opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:1.5s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateY(30px);  transform: translateY(30px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  }
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#video .description {  text-align:center;}	
#video .description h3{ font-size: 35px; float:none; line-height:45px; padding-bottom:0px;}	
#video .description .txt01{ float:none; margin:0px 5px 0px 5px; padding:20px 10px 30px 10px ; font-size: 15px; line-height:24px; }
#video .description .btn a{margin:0 auto;  }	
	
#section1 .container {width:100%; padding-top:35%;  }
#section1 p {  color: #f0f0f0;  font-size: 22px; padding-top:25px;   line-height: 30px;}
  #section1 h1 {  font-size: 4em;  line-height:1.1em; }
 #section1 div.home_img {display:none ;} 
}
@media (max-width: 768px) {
#section1 {  height: 500px; }
 #video  .caption  {  font-size:30px; line-height:30px  }
 #video .caption2 span{ border:0; font-size:30px; line-height:40px }
 #video .caption3 span {padding: 10px 0 0px 0; font-size:13px; line-height:20px}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
 #section1 h1 { font-size: 2.5em;  }
#section1 div.home_img {display:block ;  position:absolute; right:0; top:auto; bottom:5%;}
#section1 div.home_img img {width:250px; height:auto;}  
.about-info h3 {    font-size: 12px;    letter-spacing: 6px;  }
}
@media (max-width: 320px) {
}