.container{
	width: 100vw;
	height: 100vh;
}

.container > iframe{
	width: 100%;
	height: 100%;
}

video{
	width: 250px;
	position: absolute;
    z-index: -9999;
}

.buttons{
	position: fixed;
	right: 0;
}

#skip{
	background-color: rgba(255, 255, 255, 0);
	border-style: none;
	outline: none;
	color: #545454;
	font-size: 1.1em;
  letter-spacing: 0.1em;
	text-decoration: none;
}

#skip:hover{
	color: #757575;
}

#sound{
	background-color: rgba(255, 255, 255, 0);
	border-style: none;
	outline: none;
	color: #545454;
	font-size: 1.5em;
	line-height: 1.5em;
	}

#sound:hover{
	color: #757575;
	}


.alert{
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 10;
}

.alertinner{
	position: relative;
	width: 100%;
	height: 100%;
}

.alertinner img{
	height: 100%;
}

.alertinner p{
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
}


@media (orientation: portrait) {
.alert { display: block; }
}
@media (orientation: landscape) {
.alert { display: none; }
}

/*loader animation*/

.loader-wrapper{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: black;
}




@keyframes ldio-kveso8fe88 {
  0% {
    top: 122.66999999999999px;
    left: 122.66999999999999px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 32.625px;
    left: 32.625px;
    width: 180.09px;
    height: 180.09px;
    opacity: 0;
  }
}

.ldio-kveso8fe88 div {
  position: absolute;
  border-width: 7.83px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-kveso8fe88 2.857142857142857s cubic-bezier(0,0.2,0.8,1) infinite;
}

.ldio-kveso8fe88 div:nth-child(1) {
  border-color: #5f9075
}

.ldio-kveso8fe88 div:nth-child(2) {
  border-color: #c79c5d;
  animation-delay: -1.4285714285714286s;
}

.loadingio-spinner-ripple-o2xvn3y1b2j {
  width: 261px;
  height: 261px;
  display: inline-block;
  overflow: hidden;
  background: none;
      position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lldio-kveso8fe88 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-kveso8fe88 div { box-sizing: content-box; }
/* generated by https://loading.io/ */



@media (max-width: 850px) {

@keyframes ldio-kveso8fe88 {
  0% {
    top: 47.47px;
    left: 47.47px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 12.625px;
    left: 12.625px;
    width: 69.69px;
    height: 69.69px;
    opacity: 0;
  }
}

.ldio-kveso8fe88 div {
  position: absolute;
  border-width: 3.0300000000000002px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-kveso8fe88 2.857142857142857s cubic-bezier(0,0.2,0.8,1) infinite;
}

.ldio-kveso8fe88 div:nth-child(1) {
  border-color: #5f9075
}

.ldio-kveso8fe88 div:nth-child(2) {
  border-color: #c79c5d;
  animation-delay: -1.4285714285714286s;
}

.loadingio-spinner-ripple-o2xvn3y1b2j {
  width: 101px;
  height: 101px;
  display: inline-block;
  overflow: hidden;
  background: none;
    position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ldio-kveso8fe88 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-kveso8fe88 div { box-sizing: content-box; }
/* generated by https://loading.io/ */

}