body {margin: 0px;}

#container {
	background-color: black;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 300px;
	height: 600px;
	pointer-events: none;
}

#border{
    border: 1px solid gray;  
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#container * {
	position: absolute;
}

#clickthru{
	width: 100%;
	height: 100%;
	pointer-events: auto;
}

/*-------------- SPRITE -------------*/
.sprite { background: url('sprite.png') no-repeat top left; width: 264px; height: 231px; background-size: 264px 231px;  } 
.sprite.cta-text { background-position: 0 0; width: 92px; height: 16px; } 
.sprite.t1 { background-position: 0 -21px; width: 260px; height: 30px; } 
.sprite.t2 { background-position: 0 -56px; width: 264px; height: 30px; } 
.sprite.t3-1 { background-position: 0 -91px; width: 173px; height: 10px; } 
.sprite.t3-2 { background-position: 0 -106px; width: 195px; height: 87px; } 
.sprite.t4-1 { background-position: 0 -198px; width: 100px; height: 14px; } 
.sprite.t4-2 { background-position: 0 -217px; width: 28px; height: 14px; } 

/*--------- SPRITE POSITION ---------*/
.t1 {top: 81px;left: 19px;}
.t2 {top: 32px;left: 20px;}
.t3-1 {top: 25px;left: 15px;}
.t3-2 {top: 77px;left: 13px;}
.t3-3 {top: 85px;left: 13px;}
.t4-1 {top: 7px;left: 11px;}
.t4-2 {top: 6px;left: 117px;}

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


.bg1 {
	width: 699px;
	height: 639px;
	top: -39px;
	left: 0px;
}

.logo1{
    top: 21px;
    left: 18px;
    width: 179px;
    height: 58px;
}
.logo-text{
    top: 18px;
    left: 11px;
    width: 173px;
    height: 60px;
}
.logo-Anim {
    width: 300px;
    height: 339px;
    overflow: hidden;
    /* background-color: red; */
}

.logo-Mask {
    width: 300px;
    height: 100px;
    overflow: hidden;
    top: 262px;
    left: 90px;
/*    background-color: yellow;*/
}
#redLine-logo {
    width: 2px;
    height: 50px;
    left: 88px;
    top: 263px;
    background-color: #A41034;
}


/*-------- CTA --------*/
#cta{width: 263px;height: 40px;top: -40px;left: 19px;}

.cta-text,.cta-hover{top: 13px;left: 87px;}

.cta-in{
    width: 100%;
    height: 100%;
    background-color: #a41034;
    /* border: 1px solid #a41034; */
}
.cta-out{
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* border: 1px solid #000000; */
}


/*-------- TEXT-CONTAINERS --------*/
.text1Cont {
    background-color: white;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 136px;
}

.text2Cont {
    background-color: white;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 179px;
}

.text3Cont {
    background-color: white;
    top: 90px;
    right: 0;
    width: 232px;
    height: 246px;
}
.text3-1Cont {
    /* background-color: #a41034; */
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#text1Mask {
    width: 300px;
    height: 219px;
    overflow: hidden;
}

#text2Mask {
    top: 387px;
    width: 300px;
    height: 179px;
    overflow: hidden;
}
#text3-1Mask {
    top: 0px;
    right: 0px;
    width: 100%;
    height: 41px;
    overflow: hidden;
}
/*-------- IDs --------*/
#redLine {
    top: 286px;
    left: 84px;
    width: 1px;
    height: 26px;
    background-color: #a41034;
}
#t4-mask{
    top: 195px;
    left: 17px;
    width: 205px;
    height: 40px;
    overflow: hidden;
}

#boxEndframe {
    top: 21px;
    left: 117px;
    width: 183px;
    height: 157px;
    background-color: white;
}
#footer {
    width: 300px;
    height: 103px;
    background-color: white;
    bottom: 0px;
}