body {margin: 0px;}
#container {
	background-color: black;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 300px;
	height: 250px;
	pointer-events: none;
}
#border{
    border: 1px solid gray;  
	width: 300px;
	height: 250px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#container * {
	position: absolute;
}
#clickthru{
	width: 100%;
	height: 100%;
	pointer-events: auto;
}

/*-------- SPRITEE --------*/
.sprite { background: url('sprite.png') no-repeat top left; width: 265px; height: 163px; background-size: 265px 163px;  } 
.sprite.cta-text { background-position: 0 0; width: 96px; height: 11px; } 
.sprite.text1 { background-position: 0 -16px; width: 265px; height: 20px; } 
.sprite.text2 { background-position: 0 -41px; width: 244px; height: 20px; } 
.sprite.text3 { background-position: 0 -66px; width: 120px; height: 54px; } 
.sprite.text4 { background-position: 0 -125px; width: 158px; height: 24px; } 
.sprite.text5 { background-position: 0 -154px; width: 18px; height: 9px; }  

/*-------- SPRITEE | POSITION --------*/
.text1{top: 36px;left: 8px;}
.text2{top: 19px;left: 9px;}
.text3{top: 31px;left: 12px;}
.text4{top: 100px;left: 19px;}
.text5{top: 113px;left: 125px;}

.cont1{background-color: white;top: 0px;left: 0px;width: 300px;height: 69px;}
.cont2{background-color: white;top: 0px;left: 0px;width: 300px;height: 57px;}
.cont3{background-color: white;top: 27px;right: 0px;width: 211px;height: 137px;}

#text1Mask{width:300px;height: 125px;overflow: hidden;}
#text2Mask{top: 125px;width:300px;height: 57px;overflow: hidden;}

/*-------- IMAGES | POSITION --------*/
img {
	width: 100%;
	height: auto;
	display: block;
}

.bg1 {
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}
.bg2 {
    width: 718px;
    height: 250px;
    top: 0px;
    left: 0px;
}
.logo{
    top: 9px;
    left: 5px;
    width: 195px;
    height: 54px;
}
.logo-Anim {
    width: 300px;
    height: 160px;
    overflow: hidden;
}
.logo-Mask{
    width: 189px;
    height: 90px;
    overflow: hidden;
    top: 93px;
    left: 97px;
}
.logo2{
    width: 155px;
    height: 49px;
    top: 9px;
    left: 10px;
}
.logo1 {
    width: 41px;
    height: 50px;
    top: 107px;
    left: 47px;
}
.logo-t1{
    width: 145px;
    height: 50px;
    top: 16px;
    left: 11px;
}
.line1{
    width: 2px;
    height: 43px;
    left: 97px;
    top: 95px;
    background-color:  #A41034;
}
.line2{
    width: 1px;
    height: 26px;
    left: 13px;
    top: 98px;
    background-color:  #a41034;
}
.rec1{
    width: 212px;
    height: 17px;
    left: 0px;
    top: -1px;
    background-color:  #a41034;
}
.footer{
    width: 300px;
    height: 70px;
    background-color: white;
    top: 182px;
    left:0px;
}
/*-------- CTA | POSITION --------*/
#cta {
    width: 123px;
    height: 34px;
    top: 16px;
    left: 162px;
}

.cta-text {
    top: 12px;
    left: 14px;
}

.cta-in {
    width: 100%;
    height: 100%;
    background-color: #A41034;
}

.cta-out {
    width: 100%;
    height: 100%;
    background-color: #000000;
}