body {margin: 0px;}
#container {
	background-color: black;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 970px;
	height: 250px;
	pointer-events: none;
}
#border{
    border: 1px solid gray;  
	width: 970px;
	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: 223px; height: 376px; background-size: 223px 376px;  } 
.sprite.cta-text { background-position: 0 0; width: 129px; height: 15px; } 
.sprite.text1 { background-position: 0 -20px; width: 223px; height: 83px; } 
.sprite.text2 { background-position: 0 -108px; width: 223px; height: 83px; } 
.sprite.text3 { background-position: 0 -196px; width: 183px; height: 12px; } 
.sprite.text4 { background-position: 0 -213px; width: 153px; height: 72px; } 
.sprite.text5 { background-position: 0 -290px; width: 183px; height: 57px; } 
.sprite.text6 { background-position: 0 -352px; width: 48px; height: 24px; } 

/*-------- SPRITEE | POSITION --------*/
.text1{top: 83px;left: 28px;}
.text2{top: 83px;left: 27px;}
.text3{top: 8px;left: 28px;}
.text4{top: 66px;left: 28px;}
.text5{top: 168px;left: 42px;}
.text6{top: 121px;left: 121px;}

.cont1, .cont2, .cont3{background-color: white;top: 0px;left: 0px;width: 344px;height: 250px;}

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

.bg1 {
    width: 626px;
    height: 250px;
    top: 0px;
    left: 344px;
}


.logo-Anim{
	width: 970px;
	height: 179px;
	overflow: hidden;
}
.logo-Mask{
	width: 970px;
	height: 179px;
	overflow: hidden;
	top: 0px;
	left: 401px;
}
.logo1{
    width: 214px;
    height: 68px;
    top: 19px;
    left: 38px;
}

.logo-t1{
    width: 241px;
    height: 81px;
    top: 97px;
    left: 16px;
}
.line1{
    width: 2px;
    height: 70px;
    left: 399px;
    top: 73px;
    background-color:  #A41034;
}
.line2{
    width: 1px;
    height: 55px;
    left: 29px;
    top: 170px;
    background-color:  #a41034;
}
.footer{
    width: 290px;
    height: 250px;
    background-color: white;
    top: 0px;
    right: 0px;
}
/*-------- CTA | POSITION --------*/
#cta {
    width: 200px;
    height: 41px;
    top: 180px;
    left: 45px;
}

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

.cta-in {
    width: 198px;
    height: 39px;
    background-color: #A41034;
    border: 1px solid #A41034;
}

.cta-out {
    width: 198px;
    height: 39px;
    background-color: #000000;
    border: 1px solid #000000;
}

.text3-1Cont {
    background-color: #a41034;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#text3-1Mask {
    width: 100%;
    height: 28px;
    overflow: hidden;
}