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

        .intros { overflow: hidden;}
        #wrap { transition: all 1s ease 0s; }
        .intro #wrap { opacity: 0;}

#pi { width: 100%; height: 60.5vw; border: 2vw solid #39D43A; opacity: 0; position: fixed; top:0; box-sizing: border-box;}
#if1.fade~#pi,#if2.fade~#pi,#if3.fade~#pi,#if4.fade~#pi,#if5.fade~#pi,#if6.fade~#pi,#if7.fade~#pi,#if8.fade~#pi,#if9.fade~#pi { opacity: 1; }
        
        iframe { width: 100%; height: 60.5vw; position: sticky; top:0; left: 0;}
        
        #close { width:15vw; height:15vw; position:fixed; top:0; right:0; cursor:pointer; background-image:url("../img/stop.svg") ;background-repeat:no-repeat;background-size: 6.25vw; background-position:center; z-index: 10; }
.intros #close { display:none; }
        
        #play {  box-sizing:border-box; display: inline-block;  font-family: Arial, Helvetica, "sans-serif"; font-size:3.5vw; position:fixed; top:50%; left: 50%; transform: translate(-50%,-50%);
	
    cursor: pointer;
	margin: 2em auto;
	
	padding:1em 4em; color:#fff; text-decoration:none; text-align:center; border-radius:.3em;  line-height:1; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf92+0,e1ad2f+100 */
/*background:#628684;*/ /* Old browsers */ font-weight: bold; background-color: #000; display: none;

	}
        .intros #play {display: inline-block;}
        
        .blank { height: calc( 100vh - (100vw * 0.61));}
        
        @media (orientation: landscape){
            #pi {  border: 1vw solid #39D43A;}
            #play {  font-size:1.5vw; 	}
        }
        
        #pro { width: 100%; position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #aaa; font-size: 70%; opacity: 0;}
        #pro:before { content: ""; display: block; width: 60px; height: 60px; background-image: url("../img/Spinner-1s-200px.svg"); background-repeat: no-repeat; background-size: contain; margin-bottom: 1em; margin-left: auto; margin-right: auto;}
.intro #pro { opacity: 1;}