#banner {min-height:99vh; border:solid 3px rgb(255,140,0); position:relative; overflow:hidden}
.doorText { 
		background-color: rgba(255,140,0,0.80); 
		color: white; 
		font-family: 'Cookie', cursive, Verdana, sans-serif;	
		font-size: 44px; 
		font-weight: normal; 
		line-height: 45px; 
		min-height: 45px; 
		border:solid 1px rgba(0,0,0,0.15); 
		border-width:1px 0;
		position: absolute; 
		top: 35%;  
		padding: 10px 0 10px 0px; 
		left: 1px; 
		right: 1px; 
		margin-top: -22.5px; 
		text-shadow: 3px 2px 2px rgba(255,0,0,0.25); 
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.50); 
}
.doorHoverLeft { 
		position: absolute; 
		left: 0%; 
		top: 0; 
		bottom: 0; 
		width: 50%; 
		text-align: right;
		transition: 3s ease-in-out; 
		box-shadow: inset 0 0 0 1px rgba(0,0,0,0.50); 
		background: rgba(0,0,0,0.70);
}
.doorHoverRight { 
		position: absolute; 
		right: 0%; 
		top: 0; 
		bottom: 0; 
		width: 50%;
		text-align: left;					
		transition: 3s ease-in-out; 
		box-shadow: inset 0 0 0 1px rgba(0,0,0,0.40); 
		background: rgba(0,0,0,0.70);
}
#banner:hover .doorHoverLeft {left: -52%;z-index:0}
#banner:hover .doorHoverRight {right: -52%;z-index:0}
/** Lightboxes **/
.floodlight:before {content:""; width:60px; height:40px; position:absolute; top:30px; background:#421; border-radius:10px; box-shadow:0 0 10px #000 inset}
.floodlight.left:before {left:-60px}
.floodlight.right:before {right:-60px}
/** light beams **/
.floodlight {display:block; height:100px; border-radius:800px/50%; color:white; position:absolute; top:5px; width:100%}
.floodlight.left {background: linear-gradient(to right, rgba(255,255,255,.6) 0%, rgba(255,255,255,.2) 15%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%); left:5%}
.floodlight.right {background: linear-gradient(to left, rgba(255,255,255,.6) 0%, rgba(255,255,255,.2) 15%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);  right:5%}
.floodlight {animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear}
.left {transform-origin:left 50%; animation-name: floodlight_left}
.right {transform-origin:right 50%; animation-name: floodlight_right}
@keyframes floodlight_left {0% { transform: rotate(0deg); } 100% { transform: rotate(90deg)}}
@keyframes floodlight_right {0% { transform: rotate(0deg); } 100% { transform: rotate(-90deg)}}		
.txt-shdw {text-shadow: 1px 1px rgba(255,140,0,1)}