@charset "UTF-8";
/* CSS Document */

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
}

/* Div layer for the entire banner. */
#container {
	display:block;
	position:absolute;
	width:300px;
	height:600px;
	background-color:transparent;
	top:0px;
	left:0px;
	margin:auto;
	overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #000000;
}

#content {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:transparent;
}

/* Invisible button for background clickthrough. */
#bannerButton {
	position:absolute;
	visibility:visible;
	top:0px;
	left:0px;
	width:300px;
	height:600px;
	cursor:pointer;
	background-color:#FFFFFF;
	opacity:.01;
    border:none;
    outline:none;
    display:block;
    z-index: 1000;
}

.divImage {
	visibility:hidden;
	position:absolute;
	background-repeat:no-repeat;
	background-color:transparent;
	top:0px;
	left:0px;
	width:300px;
	height:600px;
}

#cta {
	top:0px;
	left:0px;
	transform-origin: 23% 91%;
}


#text_00, #text_01, #text_02, #text_03, #logo, #cta {
	position:absolute;
	top:0;
	left:0;  
	z-index:3;
}


/* SMOKE */
canvas{
	z-index:1;
	display:block;
	margin:0px auto;
	background-color:transparent;
	position:absolute;
	top:0;
	left:0;  
	width:300px;
	height:600px;
}

.cloud {
	z-index:0;
	position:absolute;
	top:0;
	left:0;  
	width:300px;
	height:600px;
}

#bg_smoke_mask {
	position:absolute;
	top:0;
	left:0;  
	z-index:2;
}

#bg1 {
	position:absolute;
	top:0;
	left:0;  
}