html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

html, body {
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}

p, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

a, a:hover{
	color:#000000;
	text-decoration:none;
}

img{
	position:absolute;
	top:-1px;
	left:-1px;
    border: 0;
	transform-origin:center;
	
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */    
}

.tint {
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
	filter: sepia(1);
}

#container, .size{
	width: 300px;
	height: 250px;
}

#container{
	font-family:Verdana, sans-serif;
	overflow: hidden;
	position: absolute;
	border: 1px solid grey;
	background-color:#FFFFFF;
	display:none;
	cursor:pointer;
	background: url("img_bg.jpg") -1px -1px no-repeat;
	background-size: 300px 250px;
}

#cta{
    position:absolute;
    top:0px;
    left:0px;
}

#container:hover #cta_off{
	visibility:hidden;
}

#container:hover #cta_on{
	visibility:visible;
}
 
/*initial*/

#txt1, #txt2, #legal{
	opacity:0;
	visibility:hidden;
	transform: translateY(10px);
}