/* 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: 970px;
	height: 250px;
	background: #3454D1;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}

.hiddenOnload {
	opacity:0;
}

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

.kansino {
    position: absolute;
    top: 36px;
    left: 311px;
    right: auto;
    width: 349px;

}


/* 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:485px;
  }

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

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

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

/* 
  icons */

  .icons{
	position: absolute;
	top:125px;
	left:485px;
	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: 350px;
    height: 113px;
    left: 0px;
	overflow: hidden;
  }
  
  .ballon{
	position: absolute;
	width: 100%;
	height: auto;
	top:0px;
	left:0px;
  }

  .ballonOranje{
	position: absolute;
	width: 350px;
    height: 113px;
    left: 0px;
  }

  .b1{
	left:20px !important;
	top:-10px;
}

  .b2{
	  left:90px !important;
	  top:62px;
  }

  .b3{
	left:40px !important;
	top:145px;
}


.b4{
	left:540px !important;
	top:-10px;
}

  .b5{
	  left:460px !important;
	  top:62px;
  }

  .b6{
	left:540px !important;
	top:145px;
}


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


  .uspWrapper{
	position: absolute;
	top: 10px;
	left:310px; 
	width:100%;
  }


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

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

  .uspInner{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 350px;
	height: 210px;
  }