/* Fonts */

@font-face {
	font-family: '';
	src: url('') format('');
}

/* Reset */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	background: none;
}

#stage {
	
	width: 336px;
	height: 280px;
	background: #3454D1;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}

.hiddenOnload {
	opacity:0;
}

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

.kansino {
    position: absolute;
    top: 60px;
	left:55px;
	right:auto;
	width:190px;

}


/* 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: 80px;
	height: 80px;
  }
  
  .coinImg{
	position: absolute;
	width: 100%;
	height: 100%;
  }
  
  .coin3d1{
	top:125px;
	left:125px;
  }

  .coin3d2{
	top:125px;
	left:125px;
  }

  .coin3d3{
	top:125px;
	left:125px;
  }

  .coin3d4{
	top:125px;
	left:125px;
  }

/* 
  icons */

  .icons{
	position: absolute;
	top:125px;
	left:120px;
	width: 100px;
	height: 100px;

}


  .cta2{
	opacity: 0;

}

#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;
  }


  #ballon{
    position: absolute;
	width: 336px;
    height: 110px;
    left: 0px;
	overflow: hidden;
  }
  
  .ballon{
	position: absolute;
	width: 100%;
	height: auto;
	top:0px;
	left:0px;
  }

  .ballonOranje{
	position: absolute;
    width: 336px;
    height: 110px;
    left: 0px;
  }

  .b1{
	top:-10px;
}

  .b2{
	  top:68px;
  }

  .b3{
	top:146px;
}


  .endGlow{
    position: absolute;
    width: 300px;
    height: auto;
    left: 18px;
    top: -20px;
    mix-blend-mode: color-dodge;
  }


  .uspWrapper{
	position: absolute;
	top: 49px;
	left:5px; 
	width:100%;
  }


  
  .uspMask{
	position: absolute;
	top: 0px;
	width: 336px;
	height: 131px;
	/* overflow: hidden; */
  }

  .uspElement{
	  position: absolute;
	  width: 336px;
	  height: 131px;
	  -webkit-filter: blur(0px);
	  filter: blur(0px);
  }

  .uspInner{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 336px;
	height: 131px; 
  }