body {margin: 0px;}

#container {
	background-color: black;
	border: 1px solid gray;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 970px;
	height: 250px;
	pointer-events: none;
}

#container * {
	position: absolute;
}

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

/*-------------- SPRITE -------------*/
.sprite { background: url('sprite.png') no-repeat top left; width: 506px; height: 414px; background-size: 506px 414px;  } 
.sprite.cta-hover { background-position: 0 0; width: 101px; height: 17px; } 
.sprite.cta-text { background-position: 0 -22px; width: 101px; height: 17px; } 
.sprite.t1-1 { background-position: 0 -44px; width: 412px; height: 44px; } 
.sprite.t1-2 { background-position: 0 -93px; width: 222px; height: 44px; } 
.sprite.t2-1 { background-position: 0 -142px; width: 357px; height: 44px; } 
.sprite.t2-2 { background-position: 0 -191px; width: 141px; height: 43px; } 
.sprite.t3-1 { background-position: 0 -239px; width: 103px; height: 51px; } 
.sprite.t4-1 { background-position: 0 -295px; width: 506px; height: 44px; } 
.sprite.t4-2 { background-position: 0 -344px; width: 197px; height: 44px; } 
.sprite.t4-3 { background-position: 0 -393px; width: 416px; height: 21px; } 

/*--------- SPRITE POSITION ---------*/
.t1-1 {
    top: 36px;
    left: 51px;
}
.t1-2 {
    top: 97px;
    left: 48px;
}
.t2-1 {
    top: 36px;
    left: 51px;
}.t2-2 {
    top: 97px;
    left: 48px;
}
.t3-1 {
    top: 94px;
    left: 271px;
}
.t4-1 {
    top: 44px;
    left: 48px;
}
.t4-2 {
    top: 105px;
    left: 51px;
}
.t4-3 {
    top: 2px;
    left: 0px;
}



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

.bg1 {
	width: 970px;
	height: 250px;
}

.bg2 {
	width: 970px;
	height: 250px;
}

.logo{
    top: 22px;
    left: 676px;
    width: 262px;
    height: 81px;
}

/*-------- Mountain --------*/
.mountain{
    top: 60px;
    left: 320px;
    width: 371px;
    height: 204px;
}

.cloud1{
    top: 155px;
    left: 169px;
    width: 399px;
    height: 202px;
}

.cloud2{
    top: 172px;
    left: 285px;
    width: 522px;
    height: 140px;
}

.cloud3{
    top: 87px;
    left: 294px;
    width: 513px;
    height: 237px;
}

.bar{
    background-color: white;
    bottom: 0px;
    left: 0px;
    width: 300px; 
    height: 82px
}



/*-------- CTA --------*/
#cta {
    width: 134px;
    height: 51px;
    top: 170px;
    left: 675px;
}

.cta-text,.cta-hover{
    top: 18px;
    left: 81px;
}

.cta-in{
    width: 260px;
    height: 51px;
    background-color: #a41034;
    border: 1px solid #a41034;
}
.cta-out{
    width: 260px;
   height: 51px;
    background-color: #000000;
    border: 1px solid #000000;
}


/*-------- IDs --------*/
#redLine {
    top: 169px;
    left: 48px;
    width: 3px;
    height: 53px;
    background-color: #f4f5f6;
}

#goMask{
    top: 184px;
    left: 61px;
    width: 424px;
    height: 50px;
    overflow: hidden;
}s