@font-face {
    font-family: 'future_lightregular';
    src: url('futurelight-webfont.woff2') format('woff2'),
         url('futurelight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 a, a:hover, a:focus, a:active {
      text-decoration: none!important;
      color:inherit;
 }
#socialGrid_nav{

	height: 50px;
	width: 100%;
	background-repeat:repeat;
	opacity:1;
	text-align: center;
	padding: 0px;
	
}
.socialIcons{
	opacity:1;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	
	color: #ffec5d!important;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 40px;
	font-weight: bold;
	text-transform: capitalize!important;
	text-shadow: 0 0 20px #ff0000;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	
}


html,  body {

	background-color: black;	
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
	
}

html {
	overflow-x: hidden !important;
}

body {
  overscroll-behavior: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden!important;
-webkit-overflow-scrolling: touch;
}

/* Let's get this party started */
::-webkit-scrollbar {
display: none;
  	cursor: pointer; cursor: hand;
}


#smooth-content {
  overflow: visible;
  width: 100%;
  /* set a height because the contents are position: absolute, thus natively there's no height */
  height: auto;
	background-color: transparent;
}

.wrapper{
	overflow: hidden;
	height:auto;
	background-color: black;
	background: url("../images/home/oneSite_bg.jpg") center top;
		-webkit-background-size:contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
	background-repeat: repeat;
}
.wrapper_about{
	overflow: hidden;
	height:auto;
  	background-attachment: fixed;
	background-repeat: repeat;
}
.background_about{
	overflow: hidden;
	height:2000vh;
	width:100%;
	background: url("../images/about/BP.jpg")repeat center top ; 
	background-repeat: repeat;
	position:absolute;
	top:0;
	left:0;

}
.background_faq{
	background: url("../images/home/05_bg.jpg") repeat center top ;
	overflow: hidden;
	height:800vh;
	width:100%;
	background-repeat: repeat;
	position:absolute;
	top:0;
	left:0;
}
.show{
	display:block!important;
}

.hide{
	display:none!important;
}
.blk{
	background-color: black;
}

.row {
  flex-wrap: wrap;
  padding: 0px!important;
margin: auto;
	margin-left: 0px!important;
	margin-right: 0px!important;

}

.col-md-12{
	 padding-right: 0px!important; 
     padding-left: 0px!important;
}

.container-fluid {

   padding-right: 0px!important; 
   padding-left: 0px!important; 
}

.lockup{
	top:0;
	left:0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.logo{

	background: url("../images/home/logo_lg.png") no-repeat  center top ; 
	background-color: transparent;
	-webkit-background-size:contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	z-index: 5;
	top:0px;
	width: 100%;
	max-width: 1145px;
	height: 22%;
	position: relative;
	opacity: 1;
	margin: auto;
	text-align: center;

}
.logo_about{

	background: url("../images/home/logo_lg.png") no-repeat  center top ; 
	background-color: transparent;
	-webkit-background-size:contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	top:0px;
	width: 100%;
	max-width: 1145px;
	height: 20vh;
	position: relative;
	opacity: 1;
	margin: auto;
	text-align: center;

}

.logo_sm{
	
	/*background: url("../images/logo_scroll.png") no-repeat  0px 0px ; */
	background-color: transparent;
	background-size: cover;
	position: fixed;
	top:-90px;
	right:25px;
	opacity: 0;
	z-index: 8888888;
	width:50px;
	height:50px;
	
	
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	font-style: none;
	font-size: 30px!important;
	font-weight: bold;
	text-transform: capitalize!important;
	text-shadow: 0 0 20px #ff0000;
		-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	
	display: none;
}
	.nav1, .nav2, .nav3, .nav4{
		padding: 2px;
	}



/*----------------------SVG END -----------------------------------------*/
.cover_container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	z-index: 99;
	overflow: visible;
}


.logo_cover, .logo_cover_video{
	position: relative;
	height: 100%;
	width: 100%;
	opacity: 0;
	overflow: hidden;
	margin: auto;
	
	background-image: url("../images/mob.png");
	background-size: 186px 120px;
	background-position: center;
	background-repeat: no-repeat;
	
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 65px;
	font-weight: bold;
	text-transform: capitalize!important;
	padding-bottom: 1vh; 
	text-shadow: 0 0 20px #ff0000;
	text-align: center;
	padding-top: 53vh;
}

.responsive-iframe {
 position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
	background-color: black;
}
#video_cont{
	position:inherit;
	top:0px;
	right:0px;
	left:0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#video {
   width: 100vw;
	max-width:100%;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0px!important;
  left: 0;
		
}

#video_home {
   width: 100vw;
	max-width:100%;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0px!important;
  left: 0;		
}

.tagline {

  	margin: auto;
	text-align: left;
	width: 90vw;

}


#tagline0{
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 100%;
	height: 100vh;
	min-height: 800px;
	bottom:0;
	left:0;
	overflow:hidden ;
	position: relative;
	
}
#about1{

	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-top: 0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width:100%;
	height: auto;
	top:0;
	left:0;	
}
#story1, #dinerstory1, .dinerstory{
	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: white!important;
	padding-top: 0vh;
	padding-bottom: 10vh;
	margin-bottom: 10vh;
	background-attachment:local;
	width: 60vw!important;
	border-radius:15px;
	height: auto;
	top:0;
	left:0;
	position: inherit;
}
#story2, #story3, #story4{
	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-bottom: 10vh;
	background-attachment:local;
	width: 100%;
	height: auto;
	top:0;
	left:0;		
}
#diner{
	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-bottom: 10vh;
	background-attachment:local;
	width: 100%;
	height: auto;
	top:0;
	left:0;		
}
#character1, #character3{

	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: white;
	padding-top: 0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 90%;
	position: relative;
	overflow: hidden;
	height: auto;
	top:0;
	left:0;	
	border-radius:15px;
	margin-top: 0vh;
} 
#concept1, #concept2, #concept3{
	padding-top: 0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 90%;
	position: relative;
	overflow: hidden;
	height: auto;
	margin: auto;
	text-align: center;

}

#tagline1{

	background: url("../images/home/02_bg.jpg") no-repeat center top ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 100%;
	height: 100vh;
	top:0;
	left:0;
	
}
#tagline2{
	/*background: url("../images/home/03_bg.jpg") no-repeat center top; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	width: 100vw;
	height: 120vh;
	top:0;
	left:0;
	overflow: hidden;
	opacity: 1;
	display: block!important;

		
}
#tagline8{
	background: url("../images/home/08_bg.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	width: 100%;
	height:1080px;
	top:0;
	left:0;
	overflow: hidden;
	opacity: 1;
		
}
#tagline9{
	background: url("../images/home/09_bg.jpg") no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	width: 100%;
	height:3289px;
	top:0;
	left:0;
	overflow: visible;
	opacity: 1;
		
}
#tagline10{
	background: url("../images/home/oneSite.jpg") no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	width: 100%;
	height:6900px;
	top:0;
	left:0;
	overflow: visible;
	opacity: 1;
		
}

#tagline3{

	background: url("../images/home/04_bg.jpg") no-repeat center center ; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: black;
	padding-top:10vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 100%;
	height:auto;
	min-height: 100vh;
	top:0;
	left:0;
	overflow: visible;
	
}



#tagline2_about{
	/*background: url("../images/agency/background_banners.jpg") no-repeat center center; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	
	background-color: black;
	padding-top: 1vh;
	padding-bottom: 0vh;
	background-attachment:local;
}

.close_1 {
	position: absolute;
	top:48%;
	left:0;
	height:3px;
	width:100%;
	background-color: #fc0094;
	opacity:0;
}
.close_2 {
	position: absolute;
	top:0;
	left:49%;
	height:100%;
	width:3px;
	background-color: #fc0094;
	opacity:0;
}
.close_con {
	transform: rotate(45deg)  scale(0.7);
	height: 40px;
	width: 40px;
	opacity: 1;

}

.close_x {

	height: 40px;
	width: 40px;
	background-color: transparent;
	position: absolute;
	z-index: 999999999999992;
	top:0px;
	right:0px;
	opacity: 1;
	cursor: pointer;

}


.myflex {

  display: inline-flex;
  align-items: stretch;
  background-color: pink;
  width: 100%;
  /* height: 100%; */

  height: 800px;
  flex-direction: column;
}
.container {
    max-width: 100%!important;
	width: 100%;
	padding: 0!important;
	background-color: transparent;
}


#intro {
	background: url("../images/DMicons.gif") no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 300px 300px;
	background-position: center;
	margin: 0 auto;
	height:100vh;
	overflow:hidden;
	opacity: 1;
	background-color: black;
	 
  }
#faq {
	/*background: url("../images/DMicons.gif") no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 300px 300px;
	background-position: center;
	margin: 0 auto;
	height:20vh;
	overflow:hidden;
	opacity: 1;
	background-color: black;
	 
  }

#video_cont{
	position:inherit;
	top:0px;
	right:0px;
	left:0px;
	overflow: hidden;
	
	width: 100%;
	height: 100%;
	


}

#video {
   width: 100vw;
	max-width:100%;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0px!important;
  left: 0;
		
}

#video_home {
   width: 100vw;
	max-width:100%;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0px!important;
  left: 0;		
}





#emailColor{
	color:#8F8F8F;

}


/* LOADER */
#loader {
	width: 100vw;
	height: 1px;
	position: absolute;
	bottom: 0;
	margin: auto;
	overflow:hidden;
	background-color:darkred;

}

#loader_bg {
	position: fixed; 
	top: 0; 
	left: 0;
	width: 100vw; 
	height: 100vh;
	background-color: black;
	
	z-index: 2147483645;
	overflow: visible;
	text-align: center;
}

.logo_loader{
	top:0;
	left:0;
	margin: auto;
	height:100%;
	width:100%;
	margin-top:0%;
	opacity: 1;
	z-index: 214743649;
	position: absolute;
	text-align: center;
		/*background: url("../images/home/icon_01.png") no-repeat center center;*/
}
.logo_cover_loader{
	position: relative;
	top:40vh;
	padding-left:20px;
	right:0;
	text-align: center;
	height: 200px;
	width: 200px;
	opacity: 1;
	margin: auto;
	background-image: url("../images/home/icon_02.png");
	background-size: 200px 200px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2147483647;
	padding-top: 200px;

	
	
	font-family: "Comfortaa", serif;
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 0 20px #ff0000;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	
}





.blk{
	color:black!important;
}
.blk_nav{
	background: black!important;
}



#arrow_down{

	text-align: center;
	position:fixed; 
	bottom:0px;
	left: 0;
	right:0;
	background-color:transparent;
	opacity:1;
	font-size: 50px!important;
	font-weight: bolder;
	filter: drop-shadow(0px 0px black);
	color:#343434;
	overflow: hidden;

	background-image: url("../images/home/loader_drop.gif");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 80px;
	height:80px;
	
	z-index: 20;

}


#about_1{

	background: url("../images/brain.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;

	padding-top:15vh;
	padding-bottom:15vh;
	background-attachment:local;
}
 #about_3 {

	background: url("../images/stories/neon/04.gif") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 80vh;
	padding-left: 00px;
	padding-right: 0px;
	overflow: hidden;

	padding-top:0vh;
	padding-bottom:5vh;
	background-attachment:local;
}

#about_2 {

	/*background: url("../images/brain.jpg") no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	padding-top: 0px;
	overflow: hidden;
	
	
}

#bg-scroller{
	/*background: url("../images/bg_scroller.png") no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	

	padding: 0px;
	overflow: hidden;
}

.about {
	flex: 100%;
	overflow: hidden;
	padding: 0px!important;
	position: relative;
	height: 50vh;
	width: 100vw;
	
 background: url("../images/about_img.png") no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 
}
.about_con {
	padding-left: 15vw!important;
	padding-right: 15vw!important; 
}



.h3_about {
	color: #ff5d00;
	letter-spacing: 1px;
	
	text-align: center!important;

	background-color: transparent;

	font-weight: bold;
	text-transform: none;

	 
}
.h2_title {
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 65px;
	font-weight: bold;
	text-transform: capitalize!important;
	padding-bottom: 1vh;
	padding-top: 0; 
	text-shadow: 0 0 20px #ff0000;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}
.h2_title_cards {
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 65px;
	font-weight: bold;
	text-transform: capitalize!important;
	text-shadow: 0 0 20px #ff0000;
		-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	
	top:10px;
	position: relative;
}
.h2_nav {
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 35px;
	font-weight: bold;
	text-transform: capitalize!important;
	text-shadow: 0 0 20px #ff0000;
		-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}
.h2_title_blk {
	font-family: 'future_lightregular';
	color: black;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 65px;
	font-weight: bold;
	text-transform: capitalize!important;
	padding-bottom: 1vh; 
}
.h2_title_white {
	font-family: 'future_lightregular';
	color: white;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 65px;
	font-weight: bold;
	text-transform: capitalize!important;
	padding-bottom: 1vh; 
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 20px #ff0000, 0 0 30px #ff0000, 0 0 20px #ff0000;
  }
  to {
    text-shadow: 0 0 20px #ff0000, 0 0 30px #ff0000, 0 0 20px #ff0000;
  }
}



#initVideo { 
	 -webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100; 
}





.sub_h5 {
	letter-spacing: 1px;
	background-color: transparent;
	font-size: 30px;
	text-transform: none;
	color: white;
}
.h2_body {
	letter-spacing: 1px;
	text-align: left;
	background-color: transparent;
	font-size: 30px;
	text-transform: none;
	color: white;
	font-family: "Comfortaa", serif;
	width:40vw;
}
.h2_body_icon {
	letter-spacing: .5px;
	background-color: transparent;
	font-size: 20px;
	text-transform: none;
	color: white;
	font-family: "Comfortaa", serif;
	width:90%;
	margin: auto;
	position: relative;
	height: 100%;
	top:5%;


}
.h2_body_center {
	letter-spacing: 1px;
	text-align: center;
	background-color: transparent;
	font-size: 20px;
	text-transform: none;
	color: white;
	font-family: "Comfortaa", serif;
	width:40vw;

}
.h2_body_setup {
	letter-spacing: 1px;
	text-align: left!important;
	background-color: transparent;
	font-size: 30px;
	text-transform: none;
	color: white;
	font-family: "Comfortaa", serif!important;
}


.embed-responsive-16by9 {
	position: relative;
	width: 50vw!important;
	margin-bottom: 0px!important;
	text-align: center;
	margin: auto;
}
.embed-responsive-about{
	position: relative;
	width: 60vw!important;
	margin-bottom: 0px!important;
	text-align: center;
	margin: auto;
}

.desktopOnly {
	display: block;
}



/*---------------------------------*/


#scrollTop {
}

.h2_LG {
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 150px;
	font-weight: bold;
	text-transform: capitalize!important;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	text-shadow: 0 0 20px #ff0000;
	width: 100%;
	text-align: center;
	padding-bottom: 5vh;
	padding-left: 5vw;
	padding-right: 5vw;
	position: relative;
	 hyphens: none;
	


}


.video_outline {
	border: 2px solid #ffec5d;
    box-shadow: 0 0 20px #ff0000;
}
.video_outline_card {
	border: 2px solid #ffec5d;
    box-shadow: 0 0 20px #ff0000;
	border-radius: 25px;
}

.intro_mg {
	 position:absolute;
	
	background: url("../images/home/01_mg.png")center bottom no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
   top: 0;
   left: 0;
   width: 100%!important;
   height: 100vh!important;
	min-height: 800px;
   pointer-events: none;
	opacity: 1;
}

.intro_mg2 {
	 position: absolute;
	
	background-image: url("../images/home/01_mg2.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;

   top: 0;
   left: 10%;
   width: 100vw!important;
   height: 100vh!important;
	min-height: 800px;
   pointer-events: none;
   overflow: visible;
	margin: 0 auto;
	opacity: 1;
	float: left;
}

.intro_bg {
	position:absolute;
	
	background-image: url("../images/home/01_bg.jpg");
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;

   top: 0;
   left: 0;
   width: 100vw!important;
   height: 100vh!important;
	min-height: 800px;
   pointer-events: none;
  /* overflow: hidden;*/
	margin: 0 auto;
	opacity: 1;
}

.intro_4g {
	position: absolute;

	background-image: url("../images/home/01_4g.png");
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center top;

	top: 100px;
	left:-15vw;
	width: 100%;
	height: 80vh;
	min-height: 500px;
	pointer-events: none;
	margin: 0 auto;
	opacity: 1;
}
.rail_top {
	position: absolute;

	background-image: url("../images/home/rail_top.png");
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center top;
	background-color: transparent;
	z-index: 10;
	top: 0px;
	left:0;
	width: 100%;
	height: 300px;
	pointer-events: none;
	margin: 0 auto;
	opacity: 1;
}
.rail_top_leo {
	position: absolute;

	background-image: url("../images/home/rail_top.png");
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center top;
	background-color: transparent;
	z-index: 10;
	top: 200vh;
	left:0;
	width: 100%;
		min-width: 1920px;
	height: 300px;
	pointer-events: none;
	margin: 0 auto;
	opacity: 1;
}
.rail_bottom {
	position: absolute;

	background: url("../images/home/rail_bottom.png") repeat-x;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center bottom;
	background-color: transparent;
 	z-index: 10;
	top: 200vh;
	left:0;
	width: 100%;
	min-width: 1920px;
	height: 120vh;
	pointer-events: none;
	margin: 0 auto;
	opacity: 1;
}

.aniTxt {
	padding-left: 15vw;
	padding-top: 0vh!important;
	top:0;
	left:0;
	position: relative;
	opacity: 1;
}
.aniTxt2 {
	position: relative;
	left: 0vw;
	text-align: center;
}
.aniTxt3 {
	position: relative;
	left: 0vw;
}
.aniTxt4 {
	position: relative;
	left: 0vw;
	top:0vh!important;
}
.aniTxt5 {
	position: relative;
	left: -20vw;
	top: 20vh; 
}
.aniTxt6 {
	position: relative;
	left: 50%;
	padding-top: 0vh; 
}

.blood_overlay1 {
	background-color: transparent;
	height: 1719px;
	width: 885px;
	top:80vh;
	right:15vw;
	position: absolute;
	z-index: 1;
}
.drip_static{
	background: url("../images/home/02_blood.png") no-repeat center center ; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	height: 1719px;
	width: 885px;
	position: absolute;
}

.fang_overlay1 {
	background: url("../images/home/07_4g.png") no-repeat right top ; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-top:0vh;
	padding-bottom: 0vh;
	margin-bottom:0vh;
	width:100%;
	height:200vh;
	top:620vh;
	left:0;
	position: absolute;


}
.drip_overlay1 {
	background: url("../images/home/drip_01.png") no-repeat bottom center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: transparent;
	width: 421px;
	height: 1245px;
	top:40%;
	right:0px;
	position: absolute;
}
.drip_overlay2 {
	background: url("../images/home/blood_float.png") no-repeat center 60vh ; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	width: 100vw;
	height: 300vh;
	top:0px;
	right:0px;
	position: absolute;
	display: none;
}
.drip_overlay3 {
	/*background: url("../images/home/blood_01.svg") no-repeat center top ; */

	background-color: transparent;
	width: 4%;
	height: 100vh;
	top:-50px;
	right:-20px;
	position: absolute;
}
.svg_overlay {
	/*background: url("../images/home/blood_01.svg") no-repeat center top ; */

	background-color: transparent;
	width: 450px;
	height: 450px;
	top:0px;
	right:0px;
	position: relative;
	margin: auto;
	padding: 0px;

}
.drip_overlay4 {
	/*background: url("../images/home/blood_02.svg") no-repeat center top ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	width: 100vw;
	height: 100vh;
	top:0px;
	right:0px;
	position: absolute;
}
.drip_overlay5 {
	/*background: url("../images/home/blood_03.svg") no-repeat center top ; */

}
.steve_overlay1 {
	background: url("../images/home/06_4g.png") no-repeat left center ; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-top:0vh;
	padding-bottom: 0vh;
	margin-bottom:0vh;
	width:100%;
	height:3240px;
	top:420vh;
	left:-50px;
	position: absolute;
}

.leo_4g {
	position: relative;
	
	background: url("../images/home/03_4g.png")no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: transparent;

	bottom:0px;
	left:0px;
	width: 100vw!important;
	height: 120vh!important;
	min-height: 1080px;
	z-index: 8;
	pointer-events: none;
	/* overflow: hidden;*/
	margin: 0 auto;
	opacity: 1;
}
.fang_4g {
	position: relative;
	
	background: url("../images/home/08_mg.png")no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

   top:0px;
   left:0px;
   width: 100vw!important;
   height: 100vh!important;
   z-index: 8;
   pointer-events: none;
  /* overflow: hidden;*/
	margin: 0 auto;
	opacity: 1;
}


#tagline4 {
	background: url("../images/home/05_bg.jpg") no-repeat center top ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: black;
	padding-top:0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 100%;
	height:100vh;
	top:0;
	left:0;
	overflow: visible;
}
#tagline_FAQ {
	/*background: url("../images/home/05_bg.jpg") repeat center top ;*/
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-top:10vh;
	background-attachment:local;
	width: 100%;
	height:auto;
	top:0;
	left:0;
	overflow: visible;
	padding-bottom: 100px;
}
#tagline5 {
	background: url("../images/home/06_bg.jpg") no-repeat center center ; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: black;
	padding-top:0vh;
	padding-bottom: 0vh;
	width: 100%;
	height:100vh;
	top:0;
	left:0;
	overflow: visible;
	
}

.txt_up {
	z-index: 2;
}

#tagline6 {
	background: url("../images/home/07_bg.jpg") no-repeat center top ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-top:0vh;
	padding-bottom: 0vh;
	margin-bottom:0vh;
	width:100%;
	height:200vh;
	top:0;
	left:0;
}
#tagline7 {
	/*background: url("../images/home/04_bg.jpg") repeat center center ;*/
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-top:0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	height:100vh;
	width: 100%;
	top:0;
	left:0;
	overflow: visible;
}
.cover-container {
    height: 100vh;
    width: 100vw;
    white-space: nowrap;

    overflow-y: hidden;
}
.cover-item {
    position: relative;
    width: 1920px;
    height: 1080px;

}

.castblock {
	top:0px;
	left:0px;
	opacity: 1;
	height:100vh;
	width: 5060px;
}

.cast1 {
	background: url("../images/home/Fcast_01.png") no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position:  top right;
	
	width: auto;
	height: 100%!important;
	/* overflow: hidden;*/
	opacity: 1;
	padding:0;


}

.cast2 {

	background: url("../images/home/Fcast_02.png")no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position:  top left;
	width: auto;
	height: 100%!important;
	/* overflow: hidden;*/
	opacity: 1;
	padding:0;

}
.cover {
	background-color: blue;
	width: 100%!important;
	height:500vh!important;
	top:800vh!important;
	left:0!important;
	position: absolute;
	z-index: 8;
	opacity: 0;
}


.h2_cast {
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 150px;
	font-weight: bold;
	text-transform: capitalize!important;
	padding-bottom: 1vh; 
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	text-shadow: 0 0 20px #ff0000;
	z-index: 5;
	width: 100%;
	text-align: center;
	top:-200px;

}

.leo_bg {
	position: absolute;
	background: url("../images/home/03_bg.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: transparent;
	top:200vh;
   left:0px;
   width: 100vw!important;
   height: 100vh!important;
   z-index: 7;
   pointer-events: none;
  /* overflow: hidden;*/
	margin: 0 auto;
	opacity: .75;
}

.txt_overlay1 {
/*background: url("../images/home/07_4g.png") no-repeat bottom right ; */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	height: auto;
	min-height: 100vh;
	width: 100vw;
	top:0px;
	left:0px;
	z-index: 1;
	padding-bottom: 0vh;
	margin-top: 10vh;
	margin-bottom: 0vh;
	
}


.video_middle {
	padding-top: 0vh;
}

.icon1,.icon2,.icon3,.icon4, .icon_card {
	height:480px;
	width:90%;
}
.icon_back {
	top:300px;
	text-align: center;
	margin: auto;
	right:0;
	left:0;
	position: absolute;
}

.icon1 {
	background: url("../images/home/icon_01.png") no-repeat center center ; 
	background-size: 340px;
	top:0;
	left:0;
	right:0;
	margin: auto;
	position: relative;
}
.icon2 {
	background: url("../images/home/icon_02.png") no-repeat center center ;
	background-size: 340px;
	top:0;
	left:0;
	right:0;
	margin: auto;
	position: relative;
}
.icon3 {
	background: url("../images/home/icon_03.png") no-repeat center center ;
	background-size: 340px;
	top:0;
	left:0;
	right:0;
	margin: auto;
	position: relative;
}
.icon4 {
	background: url("../images/home/icon_04.png") no-repeat center center ;
	background-size: 340px;
	top:0;
	left:0;
	right:0;
	margin: auto;
	position: relative;
}

.icon_card {
	background: url("../images/home/blood_card.jpg") no-repeat 15px bottom ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top:0;
	background-color: transparent;
	margin: auto;
}
.icon_set {
	padding-top: 5vh;
	width: 100vw;
	margin: auto;
	left:0;
	right:0;
}

.vimeo-wrapper {
   position: relative;
	
	/*background-image: url("../images/NeedleDrop.jpg");*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;

   top: 0;
   left: 0;
   width: 100%;
   height: 97vh!important;
   pointer-events: none;
  /* overflow: hidden;*/
	margin: 0 auto;
	opacity: 1;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 66.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 197.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
	

.icon_wrap {
	min-width: 380px;
}

/*----------------------SVG CTA START -----------------------------------------*/
.cta1, .cta2 {
position: relative;
	opacity:1;
	width:100%!important;
	height:100vh!important;
	cursor:pointer;
	overflow: hidden!important;
bottom:0;
	margin: auto;
}

.cta2 {
	opacity:1;
	width:300px!important;
	height:80px!important;
	cursor:pointer;
	overflow: hidden!important;
	position: relative;
	margin: auto;
	bottom: 50px!important;
	
}

.cta1_fill {
	width:300px;
	height:300px;
	left:0px;
	bottom:200px;
	position:absolute;
	background-color:transparent;
	opacity:.5;
	background: url("../images/home/red1.svg") no-repeat center center ;
		-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
}

#cta_stroke, rect1{
	width:200px;
	height:50px;
	/*background-image: url("../images/cta_01.svg");
	background-repeat: no-repeat;*/	
}
#cta1-text1, #cta1-text2{
	position:absolute;
	width:100%;
	height:50px;
	top:0;
	left: 0;
	padding-top: 16px;
	opacity:1;
}
.cta1-text1, .cta1-text2{	
	font-family: 'future_lightregular';
	color: #ffec5d;
	letter-spacing: 5px;
	background-color: transparent;
	font-style: none;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize!important;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	text-shadow: 0 0 20px #ff0000;
	margin: auto;
text-align: center!important;
	top:-2px;
	padding-top: 0px;
	position: relative;
}

.ctaHit, .ctaHit2, .sub_ctaHit, .ctaHit_soc  {
	opacity:1;
	width:100%;
	height:100%;
	cursor:pointer;
	left:0px;
	top:0px;
	background-color: transparent;
	position: absolute;
	z-index: 88888;
	
}
.cta_blu{
	position: absolute;
	opacity:1;
	cursor:pointer;
	margin: auto;
	background-color: transparent;
	text-align: center;
	
	border: 2px solid #dadada;
    border-color: #ffec5d;
    box-shadow: 0 0 20px #ff0000;
	border-radius: 45px;
	
	width:200px!important;
	height:50px!important;
	overflow: hidden!important;

	bottom: 90px!important;
	z-index: 21;
	
}

.video_overlay {
	background: url("../images/home/vid_overlay.png") no-repeat center bottom ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	padding-top: 0vh;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 100%;
	height: 100.5vh;
	top:0;
	left:0;
	position: absolute;
}


.about_center {
	text-align: center;
}

.padBot {
	margin-bottom: 5vh!important;
}

/*-------STORY------------*/
.cta_story1_cont, .cta_story2_cont, .cta_story3_cont, .cta_story4_cont{
	width:100vw;
	max-height:4000px;
	height:25vh;
	background-color: transparent;
	top:0;
	left:0;
	position: relative;
	overflow: hidden;
}
.story_script{

	padding-top: 0vh;
	top:0;
	left:0;
	position: relative;
	width: 40vw;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: 'Courier New', monospace;
	font-size: 20px;
	font-weight: 100;
	color: black;
	text-transform:none!important;
	letter-spacing: 0px!important;
}
.script {
 	font-family: 'Courier New', monospace;
	font-size: 15px;
	font-weight: 100;
	color: black;
	text-transform:none!important;
}
.script_h1 {
 	font-family: 'Courier New', monospace;
	font-size: 20px;
	font-weight: 100;
	text-transform: uppercase;
	color: black;
	padding-top: 15px;
}
.script_d1 {
 	font-family: 'Courier New', monospace;
	font-size: 20px;
	font-weight: 100;
	color: black;
	text-align: center;
	padding-top: 15px;
}
.script_d2 {
 	font-family: 'Courier New', monospace;
	font-size: 20px;
	font-weight: 100;
	color: black;
	width: 50%;
	margin: auto;
	text-transform:none!important;
	padding-bottom: 25px;
	text-align: left;
}

.storyScroll {
	padding-top: 5vh;
	text-align: center;
}
.beyondTitle {
	text-align: center;
	padding-bottom: 5vh;
}

.charblock, .charblock3 {
	 width: auto; 
	display: flex;
}
.charblock img {
    flex-shrink: 0; /* Prevents images from shrinking */
}

.charStyle1 {
	height: 700px!important;
	width: auto;
	padding-top: 50px;
}
.comicStyle1 {
	height: 90vh!important;
	width: auto;
}
.charStyle2 {
	height: 700px;
	width: auto;
	padding: 20px;
	background-color: white;
	margin: 10px;
	border-radius:0px;
}
.charStyle3 {
	height: 100%;
	width: 25vw;
	padding: 20px;
	background-color: white;
	margin: 10px 10px 10px 10px;
	border-radius:0px;
	background-position: center center;
}
.charStyle4 {
	height: 50vh;
	width: 100%;
	padding: 20px;
	background-color: white;
	margin: 10px;
	border-radius:0px;
	background-position: center center;
}
.charStyle {
	padding: 20px;
	height: 700px!important;
	width: auto;
	background-color: white;
}

.about_center_txt {
	padding-top: 0vh;
	padding-bottom: 2vh;
	top:0;
	left:0;
	position: relative;
	width: 75vw;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.about_txtL {
	padding: 0px 200px 0px 50px!important;
}

.blu {
	color:#126ab5!important;
}
.yel {
	color: #ffec5d!important;
	text-shadow: 0 0 20px #ff0000;
		-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}
@media screen and (max-width: 1600px) {

	.h2_body_setup, .h2_body, .h2_body_center  {
		font-size: 18px!important;
		letter-spacing: 0px!important;	
	}
	.h2_title_white, .h2_title_blk  {
		font-size: 40px!important;
	}
	.floorPlan {
		background-position: center center!important;
		height: 50vh!important;
		top:0px!important;
	}
	
	.icon_set {
		width: 70vw;
		padding-top: 10vh!important;
	}

	
}


@media screen and (max-width: 1199px) {
	
	.logo_sm{
		right:10px;
	}
	
	.charStyle2 {
		height: auto!important;
		width: 90%!important;
		padding: 20px;
		background-color: white;
		margin: 10px;
		border-radius:0px;
	}
.charStyle3 {
	height: 100%;
	width: 90vw;
	padding: 20px;
	background-color: white;
	margin: 0px 0px 20px 0px;
	border-radius:0px;
}
	
	.floorPlan {
		background-position: center top!important;
		height: 40vh!important;
		top:0px!important;
		left:0px!important;
	
	}
	.about_txtL {
		padding: 110px!important;
	}
	.h2_body {
		
		width:80vw!important;
	}
	.blood_overlay1 {
		right:-200px!important;
		top:70vh!important;
		overflow: hidden!important;
	}
	.drip_overlay1 {
		right:-350px!important;
		opacity: 0;
	}
	
	.intro_4g {
		left:-15vw!important;
		height: 70vh!important;
		top: 0px;
	}
	.intro_mg {
		background-position:50% 100% !important;
		-webkit-background-size: 200%!important;
		-moz-background-size: 200%!important;
		-o-background-size: 200%!important;
		background-size:158%!important;
	}
	.intro_mg2 {
		left:0vw!important;
		background-position:70% bottom !important;
	}
	
	.aniTxt{
		padding-top: 0!important;
		padding-left: 0vh!important;
		top:0px!important;
		left:0!important;

	}
	.leo_4g {
	   top:10px;
		background-position:85% bottom !important;
		background-size:200%!important;
		
	}
	#tagline3{
		padding-top:0vh;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;	
	}
	#tagline4{
		height:50vh!important;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;	
	}
	#tagline5{
		height:100vh!important;
		padding-top:20vh;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;	
	}
	.aniTxt4 {
		left: 0vw!important;
		top:20vh!important;
	}
	#tagline6{
		height:170vh!important;
	}
	.aniTxt5 {
		position: relative;
		left: 0!important;
		top: 25vh!important; 
	}
	#tagline7 {
		padding-top:0vh!important;
	}

	.txt_overlay1 {
		margin-top: 10vh!important; 
	}

	.icon1,.icon2,.icon3,.icon4, .icon_card {
		height:480px!important;
		width:90%;
	
	
	}
	.castblock {
		width: 4060px!important;
	}
	.h2_LG {
		font-size: 80px!important;
		padding-bottom: 0vh;
	}
	
		.story_script{
		width:80vw!important;
		font-size: 17px;
	}
	#story1, #dinerstory1, .dinerstory{
	 width:90vw!important;	
	}
	.fang_overlay1{
		height:140vh!important;
		top:550vh!important;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;
		background-position: 70% -0px;
	}
	.steve_overlay1 { 
		height:190vh!important;
		width: 100%!important;
		top:420vh!important;
			-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;

	}
	.embed-responsive-16by9 {
		width: 80vw!important;
	}
	
	.icon_set {
		width: 75vw;
	}

	
}
@media screen and (max-width: 1024px) {

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 650px) {
	
	.icon_set {
		width: 100vw;
	}
	
	.about_txtL {
		padding: 20px!important;
	}
	
	.logo{
		background: url("../images/logo_mob.png") no-repeat  center top !important; 
		-webkit-background-size:contain!important;
		-moz-background-size: contain!important;
		-o-background-size: contain!important;
		background-size: contain!important;	
		height: 240px;
		top:20px;
		max-height: 200px;
		width: 100%;
		min-width: 240px;
		margin: auto;
		opacity: 1;
	}
	.logo_about{
		background: url("../images/logo_mob.png") no-repeat  center top !important; 
		-webkit-background-size:contain!important;
		-moz-background-size: contain!important;
		-o-background-size: contain!important;
		background-size: contain!important;	
		height: 240px;
		top:20px;
		max-height: 200px;
		width: 100%;
		min-width: 240px;;
		margin-bottom: 90px;

	}

	
}
/*---------------------------------*/

@media only screen and (max-width: 480px) {
	
	

	.blood_overlay1 {
		right:-200px!important;
		top:70vh!important;
		overflow: hidden!important;
	}
	.drip_overlay1 {
		right:-350px!important;
		opacity: 0;
	}
	.h2_LG {
		font-size: 55px!important;
		padding-bottom: 0vh!important;
	}
	.h2_title, .h2_nav {
	
		font-size: 35px;
		
	}

	.h2_body, .h2_body_setup, .h2_body_center  {
		font-size: 18px;
		letter-spacing: 0px;	
	}
	.h2_body_icon {
		font-size: 15px;
	}
	.h2_title_white, .h2_title_blk {
		font-size: 30px!important;
	}
	.story_script{
		width:80vw!important;
		font-size: 17px;

	}
	.script_d2 {
		width:70%!important;
		font-size: 17px;
	}
	.script_d1 {
		font-size: 18px;
	}
	.intro_4g {
		left:-15vw!important;
		height: 60vh!important;
	}
	.intro_mg {
		background-position:50% 80% !important;
		-webkit-background-size: 200%!important;
		-moz-background-size: 200%!important;
		-o-background-size: 200%!important;
		background-size:158%!important;
	}
	.intro_mg2 {
		left:0vw!important;
		background-position:70% bottom !important;
	}
	
	.aniTxt{
		padding-top: 0!important;
		padding-left: 0vh!important;
		top:0px!important;
		left:0!important;

	}
	.leo_4g {
	   top:10px;
		background-position:86% bottom !important;
		background-size:400%!important;
		
	}
	#tagline3{
		padding-top:10vh;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;	
	}
	#tagline4{
		height:100vh!important;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;	
	}
	#tagline5{
		height:100vh!important;
		padding-top:20vh;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;	
	}
	#tagline6{
		height:140vh!important;
		padding-top:0vh!important;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;
		background-position: center -0px;
		margin-bottom:30vh;
	}
	.aniTxt4 {
		left: 0vw!important;
		top:20vh!important;
	}
	#tagline7 {
		padding-top:0vh!important;
	}
	.fang_overlay1 {
		height:100vh!important;
		top:630vh!important;
		-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;
		background-position: 70% -0px;
	}
	.steve_overlay1 { 
		height: 150vh!important;
		left:0px!important;
		top:490vh!important;
			-webkit-background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		background-size: cover!important;

	}
	.aniTxt5 {
		position: relative;
		left: 0!important;
		top:50vh!important; 
	}
	.txt_overlay1 {
		margin-top: 10vh!important; 
		padding-bottom: 10vh!important;
	}

	.icon1,.icon2,.icon3,.icon4, .icon_card {
		height:480px!important;
		width:90%;
	}
	.castblock {
		width: 4060px!important;
	}
	.floorPlan {
		background-position: center top!important;
		height: 40vh!important;
		top:-50px!important;
	
	}
	
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-height: 960px){
	
	.txt_overlay1 {
		margin-top: 20vh!important;
		margin-bottom: 20vh!important;
	}
	.castblock {
		width: 4060px!important;
	}
	
	.aniTxt4 {
		top:40vh!important;
	}
	
}

@media screen and (max-height: 708px) {

	.h2_body {
		
		width:80vw!important;
	}
	.aniTxt5 {
	position: relative;
		left: 0px!important;
	
	}

	#tagline3 {
		padding-top:0!important;
	}
	#tagline7 {
		height:100vh!important;
	}
	
	.aniTxt4 {
		top:40vh!important;
	}
	.steve_overlay1 { 
		height: 180vh!important;
		top:490vh!important;

	}
	
}
@media screen and (max-height: 590px){
	.castblock {
		width: 3060px!important;
	}
	#tagline2, #background1{
		display: block!important;
	}
	
}


@media screen and (max-height: 450px){
	
	.h2_LG {
		font-size: 55px!important;
		padding-bottom: 0vh!important;
	}
	.h2_title, .h2_nav {
		font-size: 35px!important;
	
	}
	.h2_body, .h2_body_setup, .h2_body_center  {
		font-size: 18px;
		letter-spacing: 0px;	
	}
	.h2_title_white, .h2_title_blk {
		font-size: 30px!important;
	}
	.story_script{
		width:90vw!important;
		padding:50px;
	}
	.aniTxt5 {
		left: 0vw!important;
		top:0vh!important;
	}
	.castblock {
		width: 2060px!important;
	}
	#tagline2, #background1{
		display: none!important;
	}
	.steve_overlay1 { 
		height: 200vh!important;
		left:-20px!important;
		top:350vh!important;
		background-size: contain!important;
	}
	.aniTxt4 {
		left: 0vw!important;
		top:40vh!important;
	}
	.fang_overlay1 {
		height:200vh!important;
		top:430vh!important;
		background-position: 100% -0px;
		background-size: contain!important;
	}
	.embed-responsive-16by9 {
		width: 70vw!important;
	}
}



@media screen and (max-height: 390px){
	#tagline2, #background1{
		display: none!important;
	}
	
}


.bluprint {
	padding:50px;
}

.floorPlan {
	background: url("../images/about/about_Stage_BP.png")no-repeat center top ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	background-attachment:local;
	width:auto;
	height: 60vh;
	min-height: 80vh;
	top:20px;
	left:30px;	
}

.video_storyboard {

	top:0;
	padding: 0px!important;
	margin: auto;
	border: 10px solid #dadada;
    border-color: white;
	border-radius: 0px;

}

.video_outline_about {
	 border: 20px solid;
    border-color: white;
	border-radius:0px;

}

#storyboards {
	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
		-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-bottom: 10vh;
	background-attachment:local;
	width: 100%;
	height: auto;
	top:0;
	left:0;
}
#anime {
	/*background: url("../images/about/bg_blue_about.jpg")repeat center top ; */
		-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	background-color: transparent;
	padding-bottom: 0vh;
	background-attachment:local;
	width: 100%;
	height: auto;
	top:0;
	left:0;
}

#per_footer {
	bottom:0!important;
	width: 100%;
	text-align: center;
	right:0px;
	position: fixed;
	color: aliceblue;
	font-size: 11px;
	opacity: .5;
	z-index: 8000000!important; /* Sit on top */
}

#pp {
	color:aliceblue;
	cursor:pointer;
	text-decoration:none;

}

.vidCover2{
	top: -70vh;
	left: 0;
	min-width: 1280px;
	min-height: 350vh;
	width: 100vw;
	opacity: 1;
	overflow: visible;
	background-color: transparent;
	position: absolute;
	
	background: url("../images/home/red3_lg.svg") no-repeat center top ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
}
.vidCover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 1;
	overflow: hidden;
	background-color: transparent;	
}


/******************************************************************* SPRITE SHEET **/

#sheetFrame{
	width:400px;
	height:400px;
	top:34vh;
	bottom:0px;
	left:0px;
	right:0px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	opacity:1;
	display:none;
	background-color:transparent;
	overflow:hidden;
	z-index: 8000000!important; /* Sit on top */
}
 #sheetFrameC{
	width:400px;
	height:400px;
	top:50%;
	bottom:0px;
	left:0px;
	right:0px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	opacity:1;
	display:none;
	background-color:transparent;
	overflow:hidden;
	 z-index: 2147483646!important; /* Sit on top */
}
#sheet{
	width:3200px;
	height:4000px;
	top:0px;
	left:0px;
	position:absolute;
	opacity:1;
	background:url("../images/nav_blood.png");
}
#sheetC{
	width:3200px;
	height:4000px;
	top:0px;
	left:0px;
	position:absolute;
	opacity:1;
	background:url("../images/bloodcover.png");
}

.shape-overlays {
  width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
  cursor: pointer;
}
#bloodcon1 {
	visibility: hidden;
}
.bloodcon2 {
	height:200vh;
	width:100vw;
	top:0;
	left:0;
	background-color: aqua!important;
}
#mid, #end {
  visibility: hidden;
}

.card{
	background-color: transparent!important;
}

.cardWrapper{
  cursor:pointer;
  -webkit-font-smoothing:antialiased;
	min-width: 380px;
	padding-bottom: 5vh;

}

.cardFace{
	position:relative;
	overflow:hidden;
	margin-bottom: 5vh;
}
.cardBack{
	position:absolute;
	top:0;
	overflow:hidden;
	margin-bottom: 5vh;
}

.front{
  background-color:transparent;

}

.back{
  background-color:transparent;
	position:absolute;
	top:0;

}



#background1 {
		background: url("../images/home/03_bg.jpg") no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color: black;
	padding-top: 0vh;
	padding-bottom: 0vh;
	width: 100vw;
	height: 120vh;
	top:200vh;
	left:0;
	overflow: hidden;
	opacity: 1;
	display: block!important;
	position: absolute;
}

#vamp {
	display: none;
}