.stripes {width:100%;height: 100vh;height: calc(var(--vh, 1vh) * 100);display:block;z-index:0;position:absolute;;background:linear-gradient(80deg, #0D4576 25%, transparent 25%),linear-gradient(80deg, #1467b0 50%, transparent 50%),linear-gradient(80deg,#dc0e61 75%, transparent 75%);background-size: 100vw;background-color:#A90A4A}
	#vidspace{position:relative;width:100%;display:block;z-index:1;
  height: calc(100vh - 80px); height: calc((var(--vh, 1vh) * 100) - 80px)}
/* MAIN INTRO spectacular image */
#web-intro{position:absolute;height: 100vh;height: calc(var(--vh, 1vh) * 100);width:100%;;max-width:100%;overflow:hidden;display:block;z-index:2;top:0}
.web-intro{position:absolute;top:0;left:0;width:100%;height: 100%;text-align:center;overflow:hidden;}
#web-video-sound {z-index:99;position:absolute;width:100vw;top:0;height: calc(var(--vh, 1vh) * 100);}
.web-video1 {background:black;padding-bottom: 56.25%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */ ;box-shadow:0 0 10vh 10vh rgba(0,0,0,0.65);position: absolute;top: calc(50%);left: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.web-video1 video{position:absolute;width:100%;top:0;left:0}
#pause1 {position:absolute;bottom:20px;left:calc(50% - 110px);z-index:2;}
	.fade-text-container {display:block;width:100vw;z-index:4;
	position: absolute;
    top: calc(15vh + 80px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);  
	-moz-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%)}	
	
	.fade-font2{z-index:3;font-size:calc((var(--vh, 1vh) * 5) + 8vw);position:absolute;width:100%;top:calc(100px)}
	.center-vid {z-index:9999;;width:100vw;left:0;border-radius:0;bottom:0}
	.close-video-m, .play-video-m{width:200px;text-align: center}
	.close-video-m:before{content:"CLOSE VIDEO"}
	.play-video-m:before{content:"PLAY VIDEO"}
	.ulist ul li {display:inline-block;-webkit-text-fill-color:inherit;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:inherit;}
	.ulist ul li:after {content:" • "}
	.ulist ul li.noblob:after {content:""}
	
	.h1:after {margin:auto;display:block;content:none}
	.h1 {line-height:0;padding:0;margon:0;}
	.h1 img {width:calc(10vw + 80px);min-width:80px;max-width:300px}
	.h1a {font-size:30pt;text-transform: uppercase;line-height: 20pt}
	.h1b {text-transform: uppercase;line-height: 20pt}
	#expend {display:none}
	.expend-close {max-height:0px!important}
	#expend + .smalldesc {max-height:5000px;overflow:hidden}
	#expend:checked + .smalldesc {max-height:5000px!important}
	label.rmore {font-size:22pt;color:#333;width:100px;cursor:default;border:none}
	label.rmore:after {color:#FCBF03;content:"\2605 \2605 \2605 \2605 \2605";}
	.smalldesc h2, .smalldesc h3 {text-transform: uppercase;font-family: text;font-size:20pt;line-height: 30pt}
	.smalldesc h2:before, .smalldesc h3:before, .smalldesc h2:after, .smalldesc h3:after {content:"☆";font-size:10pt;position:relative;top:-5px;padding:0 5px;z-index:-1}
	@media screen and (min-width:1400px) {.fade-font{font-size:210px}	.fade-font-dummy{font-size:210px}}
	@media screen and (max-width:800px) {.starme:before, .starme:after{content:"";position:relative;bottom:0;padding:0}}
.charSpace {letter-spacing: 3px}
.nudge {position:relative;top:5px}
img.imgCover {min-width:100%;min-height:50%;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit:cover;
     -webkit-object-fit: cover;
     -moz-object-fit: cover}

	  .spec-colorb {font-family:Heading;
	display:block;
	background-size: 100%; 
	background: rgba(255,255,255,0.5);
	-webkit-text-stroke: 1vw transparent;
	-webkit-background-clip: TEXT;	
	-webkit-text-fill-color: #dc0e61;
	-moz-text-stroke: 1.5vw transparent;
	-moz-background-clip: text;	
	-moz-text-fill-color: rgba(255,255,255,0.00);
	text-shadow:3px 3px 2px  rgba(0,0,0,0);
		}
		  .spec-colorb2 {font-family:Heading;
	display:block;
	background-size: 100%; 
	background: rgba(255,255,255,0.5);
	-webkit-text-stroke: 1vw transparent;
	-webkit-background-clip: TEXT;	
	-webkit-text-fill-color: #1467b0;
	-moz-text-stroke: 1.5vw transparent;
	-moz-background-clip: text;	
	-moz-text-fill-color: rgba(255,255,255,0.00);
	text-shadow:3px 3px 2px  rgba(0,0,0,0);
		}
	 .but01 {display:inline-block;min-width:120px}
	 .info-box-outer {background:white}
	 .info-box {max-width:800px;text-align:center;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}
	.info-box p {text-align:left}
	
	
	
	.subText h1, .subText h2, .subText h3 {padding: 10px 0;text-align:left}
	 .hidden {display:none}
	.iButton {text-align:center;color:white;display:block;width:220px;padding:10px;margin:40px 0;border-radius:5px;height:auto;background:rgba(68,19,65,1.00)}
	#vidspace {height:50vh}
	.subHead {font-family:'Heading';font-size:22pt;display:block;text-transform: uppercase;padding-top: 20px }
	.subHead2 {font-family:'Heading';font-size:18pt;display:block;padding-top: 20px }
	.padSub {display:block;margin-top:20px}
	.pDetails {text-align:left;display:block}
	.inlineButton {display:inline-block;width:calc(50% - 28px);margin:20px 0}
	.inlineSpace {display:inline-block;width:10px}
	/* CSS Document */

