#stage{
	position: absolute;
	width: 300px;
	height: 600px;
	top:0px;
	left: 0px;
	overflow: hidden;

	background: rgb(9,21,53);
	background: -moz-linear-gradient(180deg, rgba(9,21,53,1) 0%, rgba(9,21,53,1) 30%, rgba(15,31,83,1) 55%, rgba(26,50,127,1) 81%, rgba(17,29,88,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(9,21,53,1) 0%, rgba(9,21,53,1) 30%, rgba(15,31,83,1) 55%, rgba(26,50,127,1) 81%, rgba(17,29,88,1) 100%);
	background: linear-gradient(180deg, rgba(9,21,53,1) 0%, rgba(9,21,53,1) 30%, rgba(15,31,83,1) 55%, rgba(26,50,127,1) 81%, rgba(17,29,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091535",endColorstr="#111d58",GradientType=1);
}

.retina{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
}

.hiddenOnload{
	opacity: 0;
}

canvas {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;  

}

.element{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: 100%;
	background-image: url("icon1.png");
}


/* 
  confetti */

  #emitter {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0px;
	left: 90px;
  }
  
  
  .dot, .confetti {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
  }



.confettis{
	position: absolute;
	width: 500px;
	height: 500px;
	overflow:hidden;
	top: 50px;
	left: -100px;
  }
  
  .confetti{
	position: absolute;
	width: 100%;
	height: auto;
	top:0px;
	left:0px;
  }

  /* coins */


  .coinFront{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #142a64;
	border-radius: 50%;
	background-size: 100%;
	background-image: url("coinFront.png");
  }
  
  .coinBack{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #142a64;
	border-radius: 50%;
  
  }
  
  .coinMiddleX{
	position: absolute;
	width: 6%;
	height: 100%;
	left:50%;
	background-color:#142a64;
  }
  
  .coinMiddleY{
	position: absolute;
	width: 100%;
	height: 6%;
	top:50%;
	background-color: #142a64;
  }
  
  .coin3d {
	position: absolute;
	width: 100px;
	height: 100px;
  }
  
  .coinImg{
	position: absolute;
	width: 100%;
	height: 100%;
  }
  
  .coin3d1{
	top:250px;
	left:100px;
  }

  .coin3d2{
	top:250px;
	left:100px;
  }

  .coin3d3{
	top:250px;
	left:100px;
  }

  .coin3d4{
	top:250px;
	left:100px;
  }


  .meesteWrapper, .offer{
	position: absolute;
	width: 280px;
	height: 280px;
	top:140px;
	left:10px
}

.meeste{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top:0%;
}


.countWrapper{
    position: absolute;
    top: 57.5%;
    width: 66.5%;
    height: 33.5%;
    left: 14%;
    right: auto;
    overflow: hidden;
  }

  .counts{
	position: absolute;
	width: 23%;
	height: 100%;
  }

  .countElement{
	  position: absolute;
	  top:0%;
	  width: 100%;
	  height: 100%;
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  object-fit: contain;
	  border-radius: 2px;
	  overflow: hidden;
  }

  .count1{
	top:0%;
	left:0%;
  }
  
  .count2{
	top:0%;
	left:25%;
  }
  
  .count3{
	top:0%;
	left:50%;
  }
  
  .count4{
	top:0%;
	left:75%;
  }

  .cta{
	position: absolute;
	width: 166px;
	height: auto;
	left:50%;
	margin-left: -83px;
	top:450px;

}

.kansino {
    position: absolute;
    top: 190px;
    left: 45px;
    right: auto;
    width: 213px;

}

.vid {
    position: absolute;
    top: 18%;
    left: -10%;
    width: 120%;
    height: 72%;

}


.endGlow{
    position: absolute;
    width: 460px;
    height: auto;
    left: -80px;
    top: 55px;
    mix-blend-mode: color-dodge;
  }

  .phoneWrapper{
	position: absolute;
	width: 159px;
	height: 312px;
	top:50%;
	left:50%;
}

.phoneImg{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
}