@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Geneva, sans-serif;
	background:#000;
}

a:link {text-decoration:none; color:#fff; }
img{ max-width:100% ; background-size:100% auto; }

.wrapper{ width:100%; height:auto; margin:0 auto; overflow:hidden; }

.section1{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block; }
.sub-section1{ width:1000px; height:790px; margin:0 auto; overflow:hidden; display:block;   }
.box-section1{ width:400px; height:auto; overflow:hidden; display:block; float:right;  margin-right:80px; }
.pic800{ width:100%; height:auto; display:none; }
.bt-vdo{ width:348px; height:150px; margin:auto; margin-top:220px; overflow:hidden; display:block; }
.bt-vdo:hover img{ opacity: .8; }
.bt-enter{ width:348px; height:112px; margin:auto; margin-top:20px; overflow:hidden; display:block; }
.bt-enter:hover img{ opacity: .8; }

.section2{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block; background:url("../images2/bg02.jpg") no-repeat center top ;  }
.sub-section2{ width:1000px; height:840px; margin:0 auto; overflow:hidden; display:block;   }
.box-section2{ width:500px; height:auto; overflow:hidden; display:block; float:right; text-align:center; }
.input-field{
	display: block;		
	margin:10px auto;
	width:360px;
	background: #ff6d00;
	border:0px;
	color:#000;
	padding: 8px;	
	font-size:20px;
	text-align:center;

}

.bt-regis{ width:348px; height:112px; margin:auto; margin-top:20px; margin-bottom:10px; overflow:hidden; display:block; }
.bt-regis:hover img{ opacity: .8; }


.box-icon-regis{ width:100%; height:auto; overflow:hidden; display:block; bottom:15px; position:fixed; z-index:1000; }

.icon-register{
  width: 140px;
  height: 140px;
  margin:0 auto; text-align:center;
  display:block; overflow:hidden; 
  background: url('../images2/icon-register.png') left center;
  animation: play .5s steps(10) infinite;
}
@keyframes play {
    100% { background-position: -1400px; }
}

.icon-register2{
  width: 60px;
  height: 60px;
  margin:0 auto; text-align:center;
  display:none; overflow:hidden; 
  background: url('../images2/icon-register-small.png') left center;
  animation: play .5s steps(10) infinite;
}

/*Lightbox*/


			#popupBox1 {
				top: 0; left: 0; position: fixed; z-index:60; width: 100%; height: 120%;
				background-color: rgba(0,0,0,0.7); display: none;
			}
			
			
			.popupBoxWrapper-vdo{
				width: 640px; height: 360px; margin: 130px auto; z-index:50; text-align:right;
			}
			.popupBoxWrapper-vdo iframe{width:100%; height:100%;}
			
			
			.popupBoxWrapper{
				width: 550px; height:490px; margin: 130px auto; z-index:50; text-align:right;
			}
			.popupBoxContent{
			
			font-size:20px;			

			}



/*End Lightbox*/
        
.video-background {
	width:auto; height:auto;
  background: #fff;
  position:absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}




.foot{ width:100%; height:50px; overflow:hidden; margin-top:0px; background:#480300; }
.box-foot{ width:900px; height:auto; overflow:hidden; display:block; margin:auto;  text-align:center; color:#fff; font-size:14px; padding:20px }


@media screen and (max-width: 1024px){
.video-background { display:none; }
}

@media screen and (max-width: 900px){
.section1, .section2{ width:auto; }
.box-foot, .foot{ width:auto; height:auto; }
}

@media screen and (min-width: 510px) and (max-width: 825px){
.section1{ background:#131313; }
.section2{ background:#480300; margin-top:10px; }
.sub-section1, .sub-section2{ width:auto; height:auto; }
.pic800{ width:100%; height:auto; display:block; text-align:center; }
.box-section1, .box-section2 { width:auto;  float:none; margin:auto; }
.bt-vdo{ margin-top:20px;  }
.bt-enter{ margin-top:20px;  }
.box-icon-regis{ bottom:5px; }
.icon-register{ display:none; }
.icon-register2{ display:block; }
@keyframes play {
    100% { background-position: -600px; }
}
}

@media screen and (min-width: 370px) and (max-width: 500px){
.section1{ background:#131313; }
.section2{ background:#480300; margin-top:10px; }
.sub-section1, .sub-section2{ width:auto; height:auto; }
.pic800{ width:100%; height:auto; display:block; }
.box-section1, .box-section2{ width:auto;  float:none; margin:auto; }
.bt-vdo{ margin-top:20px;  }
.bt-enter{ margin-top:20px;  }
.input-field{ width:90%; }
.box-icon-regis{ bottom:5px; }
.icon-register{ display:none; }
.icon-register2{ display:block; }
@keyframes play {
    100% { background-position: -600px; }
}
}

@media screen and (min-width: 320px) and (max-width: 360px){
.section1{ background:#131313; }
.section2{ background:#480300; margin-top:10px; }
.sub-section1, .sub-section2{ width:auto; height:auto; }
.pic800{ width:100%; height:auto; display:block; }
.box-section1, .box-section2{ width:auto;  float:none; margin:auto; }
.bt-vdo{ width:90%; height:auto; margin-top:10px;  }
.bt-enter{ width:90%; height:auto; margin-top:10px;  }
.bt-regis{ width:90%; height:auto; margin-top:10px;  }
.input-field{ width:90%; }
.box-icon-regis{ bottom:5px; }
.icon-register{ display:none; }
.icon-register2{ display:block; }
@keyframes play {
    100% { background-position: -600px; }
}
}
/* BG VDO */

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}