/* 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;

}

.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: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: 485px;
  }
  
  
  .dot, .confetti {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
  }


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

  .b1{
    position: absolute;
    width: 54px;
    height: auto;
    top: 87px;
    left: 361px;
  }
  
  .b2{
    position: absolute;
    width: 54px;
    height: auto;
    top: 87px;
    left: 400px;
  }
  
  .b4{
    position: absolute;
    width: 54px;
    height: auto;
    top: 87px;
    left: 481px;
  }
  
  .b5{
    position: absolute;
    width: 54px;
    height: auto;
    top: 87px;
    left: 519px;
  }

  .b6{
    position: absolute;
    width: 54px;
    height: auto;
    top: 87px;
    left: 544px;
  }

  .endGlow{
    position: absolute;
    width: 500px;
    height: auto;
    left: 235px;
    top: -60px;
    mix-blend-mode: color-dodge;
  }