
.waiting 
{
   visibility: visible;
}

.notWaiting 
{ 
   visibility: hidden;
}

body 
{
  /* overflow-y: hidden ! important; */
  /* overflow-x: hidden ! important; */
   padding: 0;
   margin: 0;
}

#background 
{
   padding: 0;
   margin: 0;
   background-color: rgba(238,58,61,1.0); 
   height: auto;
   width: 100%;
   left: 0px;
   top: 0px; 
   position: absolute;
   z-index: 0;
}

/* if you remove height: 100% below, then it will 
 not resize top/bottom below about 1/3 of the page.
 this rescales the image to fit the page.
 #background img { width: 100%; height: 100%; }
 */

#background img 
{ 
   min-height: 100%;
   width: 100%; 
   height: auto; 
}		

#content 
{
   color: #ffff00;
   font-size: 24pt;
   font-weight: bold;	
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   z-index: 2;
   position: absolute;
   margin-left: 0px;
   margin-top: 0px;
}


/* FIRE */

.fire 
{
   animation: burn 1.5s linear infinite alternate;
   -webkit-animation: burn 1.5s linear infinite alternate;
   -moz-animation: burn 1.5s linear infinite alternate;
   -ms-animation: burn 1.5s linear infinite alternate;        
}

	  @keyframes burn {
			from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
			45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
			70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
			to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
	  }
		
	  @-webkit-keyframes burn {
			from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
			45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
			70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
			to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
	  }
		
	  @-moz-keyframes burn {
			from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
			45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
			70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
			to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
	  }
		
	  @-ms-keyframes burn {
			from { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .4em #ffae34, .2em -.3em .3em #ec760c, -.2em -.4em .4em #cd4606, .1em -.5em .7em #973716, .1em -.7em .7em #451b0e; }
			45%  { text-shadow: .1em -.2em .5em #fefcc9, .15em 0 .4em #feec85, -.1em -.25em .5em #ffae34, .15em -.45em .5em #ec760c, -.1em -.5em .6em #cd4606, 0 -.8em .6em #973716, .2em -1em .8em #451b0e; }
			70%  { text-shadow: -.1em 0 .3em #fefcc9, .1em -.1em .3em #feec85, -.2em -.2em .6em #ffae34, .2em -.3em .4em #ec760c, -.2em -.4em .7em #cd4606, .1em -.5em .7em #973716, .1em -.7em .9em #451b0e; }
			to   { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em .6em #ffae34, -.15em -.45em .5em #ec760c, .1em -.5em .6em #cd4606, 0 -.8em .6em #973716, -.2em -1em .8em #451b0e; }						
	  }

.center 
{
   position: absolute;
   margin: auto;
   top: 50%; 
   left: 50%;
   text-align: center;		  
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);		  
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);		  
   font-family: 'AvenirNext-Heavy', 'Arial Black', sans-serif;
   font-stretch: ultra-condensed;
   font-size: 100%;
   font-size: 10vmin;
   font-weight: 900;	
   font-style: italic;		  
   white-space: nowrap;
   color: transparent;   /* intentionally hiding the text so only the fire shows up */
   text-decoration: none;		           	  	  
}
	  
.center b 
{
   display: block;
   font-size: 25%;
   margin-top: -3%;
   padding: 1% 7%;
   font-family: monospace;
   font-weight: normal;
}
		  
.center:hover b 
{
   color: white;
   background-color: black;
}		

.firePosition
{
   position: absolute;
   margin: auto;
   top: 170px; 
   left: 400px;
   text-align: center;		  
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);		  
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);		  
   font-family: 'AvenirNext-Heavy', 'Arial Black', sans-serif;
   font-stretch: ultra-condensed;
   font-size: 100%;
   font-size: 10vmin;
   font-weight: 900;	
   font-style: italic;		  
   white-space: nowrap;
   color: transparent;   /* intentionally hiding the text so only the fire shows up */
   text-decoration: none;		           	  	  
}
	  
.firePosition b 
{
   display: block;
   font-size: 25%;
   margin-top: -3%;
   padding: 1% 7%;
   font-family: monospace;
   font-weight: normal;
}
		  
.firePosition:hover b 
{
   color: white;
   background-color: black;
}
/* END FIRE */		


/* b a c k g r o u n d    v i d e o */

video#bgvid 
{
   position: fixed;
   left: 50%;
   top: 0;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   background: url(semalt.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   z-index: -100;
}

video#bgvid 
{ 
   transition: 1s opacity; 
}

.stopfade 
{ 
   opacity: .5; 
}

#big-video-wrap 
{
	z-index: -3;
}

video
{
  display:inline-block;
  vertical-align:baseline;
}
 
audio:not([controls])
{
	display:none;
	height:0;
}

[hidden],template
{ 
   display:none;
}

header 
{
   margin:0px;
   position: relative;
   background: rgba(0, 0, 0, 0.24);
   height: 83px;
}

