/* EFFECTS
***************/

.glow {
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: text-shadow 1s linear;
       -moz-transition: text-shadow 1s linear;
         -o-transition: text-shadow 1s linear;
            transition: text-shadow 1s linear;
}

.glow.in {
  text-shadow: 
    0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8),
    0 0 0.5em rgba(255, 255, 255, 0.3);
}

.fade {
  opacity: 0;
    -webkit-transition: opacity 1s linear;
       -moz-transition: opacity 1s linear;
         -o-transition: opacity 1s linear;
            transition: opacity 1s linear;
}

.fade.in {
  opacity: 1;
}

/* MARKETING
***************/

.jumbotron {
  position: relative;
  padding: 3em 0;
  text-align: center;
  
}

.jumbotron h1 {
  color: #fff;
  font-family: Rokkitt;
  font-size: 13em;
  font-weight: 200;
  text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8);
  visibility: hidden;
  margin-bottom:15px;
      MARGIN-TOP: -50PX;
}


.jumbotron p {
  margin-top: -1em;
  letter-spacing: 0.15em;
  color: #ccc;
  font-size: 1.25em;
  font-weight: 200;
  text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.8);
  visibility: hidden;
  text-align: center;
  MARGIN-BOTTOM:-30PX;
}

.jumbotron .btn {
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 1.6em;
}

         .videoBevel {
                position: relative;
				/*
				position: fixed;
				width: 100%;
				*/
				  display: table;
                width: 100%;
                min-height: 100vh;
                z-index: 1;
                position: relative;
            }
  

			.video-background-controls button {
				font-size: 32px;
				display: inline-block;
				padding: 0px;
				margin: 0px;
				height: 32px;
				width: 32px;
				border-radius: 16px;
				line-height: 32px;
				border: none;
				background: none;
				-webkit-appearance: none;
				color: white;
				filter: drop-shadow(0px 0px 1px black);
				cursor: pointer;
				opacity: 1;
				transition: all 250ms ease-in-out;
				margin-left: 10px;
			}

			.video-background-controls button:hover {
				opacity: 0.5;
			}

			iframe {
				transition: opacity 500ms ease-in-out;
				transition-delay: 250ms;
			}
			
			/**/
			 .vBevelcontent {
                display: table;
                width: 100%;
                min-height: 100vh;
                z-index: 1;
                position: relative;
            }

            .vBevelcontent .inner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                padding-left: 16px;
                padding-right: 16px;
            }

            .vBevelcontent .inner h1 {
                   color: white;
                text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
            }
 /**/


.indicator-container {
  width: 1.4em;
  height: calc(1.4em * 1.75);
  
  background: transparant;
  border: calc(1.4em * 0.1) solid white;
  border-radius: 1.4em;
  overflow: hidden;
  box-shadow: 
    0 4px 8px 0 rgba(0, 0, 0, 0.2), 
    0 6px 20px 0 rgba(0, 0, 0, 0.2),
    inset 0 6px 8px 0 rgba(0, 0, 0, 0.2)
    ;
	/**/
	position: absolute;
    bottom: 18px;
    left: calc( 50% - 0.7em );
    z-index: 9;
}

.indicator-arrow {
  margin-top: 50%;  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
}

.indicator-arrow .base {
    margin: 0 auto;
    width: calc(1.4em * 0.1);
    background: white;
    height: calc(1.4em * 0.33); 
    border-radius: calc(1.4em * 0.1);
  }

.indicator-arrow .arrowpoint {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 
      calc(1.4em * 0.175) calc(1.4em * 0.175) 
      0 calc(1.4em * 0.175);
    border-color: 
      white transparent 
      transparent transparent;
    margin-top: -10%;
  }

.top {
  margin-top: -100%;
  -webkit-animation: arrowAnimation1 infinite 1.1s ease-in-out;
          animation: arrowAnimation1 infinite 1.1s ease-in-out;
}

.bottom {
  margin-top: 100%;
}

@-webkit-keyframes arrowAnimation1 {
    from {margin-top: -100%;}
    to {margin-top: 40%;}
}

@keyframes arrowAnimation1 {
    from {margin-top: -100%;}
    to {margin-top: 40%;}
}