/* General styles */
html, body, #wrapper { height: 100%; }

body {
	margin: 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}
@font-face {
   font-family: "apercu_regular_pro";
  src: url("https://s1.adform.net/Banners/Elements/Files/4211/407096.eot");
  src: url("https://s1.adform.net/Banners/Elements/Files/4211/407096.eot?#iefix") format("embedded-opentype"), url("https://files.adform.net/Banners/Stream/4211/apercu_medium_pro.svg") format("svg"), url("https://s1.adform.net/Banners/Elements/Files/4211/407100.woff") format("woff"),url("https://files.adform.net/Banners/Stream/4211/apercu_medium_pro.ttf") format("truetype");  
  }

 
 @font-face {
   font-family: "apercu_bold_pro";
   src: url("https://s1.adform.net/Banners/Elements/Files/4211/407077.eot");
   src: url("https://s1.adform.net/Banners/Elements/Files/4211/407077.eot?#iefix") format("embedded-opentype"), url("https://s1.adform.net/Banners/Elements/Files/4211/407095.woff") format("woff"),url("https://files.adform.net/Banners/Stream/4211/apercu_bold_pro.ttf") format("truetype"), url("https://files.adform.net/Banners/Stream/4211/apercu_bold_pro.svg") format("svg");  
  }
a {	text-decoration: none; }

img { border: none; }

#banner {
	width: 300px;
	height: 250px;
	overflow: hidden;
	position: absolute;
	background: url('../assets/background.png') no-repeat 50% 50%;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	top: 0px;
}

#container {
    position: absolute;
    top: 0px;
    left: 0px;
  	width: 300px;
	height: 180px;
}

#container > div {
    position: absolute;
	width: 300px;
	height: 180px;
}

#p1 {
    opacity: 1;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}

#p2 {
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}

#p3 {
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}

#container .image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

#container #a1 {
    background-image: url('../assets/cube_1.1.png');
}

#container #a2 {
    background-image: url('../assets/cube_1.2.png');
}

#container #a3 {
    background-image: url('../assets/cube_1.1.png');
}


 
  
#price_text{position:absolute;bottom:-7px;left:15px;
	font-family: apercu_bold_pro,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-smooth:always;
	font-size: 50px;
	letter-spacing: normal;
	color: #fff;
	text-align:left;
  }
#price_sup{
	font-size: 24px;
  }
  #click{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:250px;
	z-index:9;
}
#disclaimer_text{
	position:absolute;bottom:25px;left:15px;word-wrap: break-word;width:150px;
	font-family: apercu_regular_pro,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-smooth:always;
	font-size: 8px;
	letter-spacing: normal;
	color: #fff;
	text-align:left;
	line-height:12px;
	opacity: 1;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
	z-index:10;
}
#disclaimer_text .link{
	color: #fff;
	text-decoration:underline;
}

/* General styles */