body {margin: 0px;}

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


#container * {
	position: absolute;
}

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

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

.sprite { background: url('sprite.png') no-repeat top left; width: 489px; height: 528px; background-size: 489px 528px;  } 
.sprite.cta-text { background-position: 0 0; width: 103px; height: 18px; } 
.sprite.logo { background-position: 0 -23px; width: 270px; height: 86px; } 
.sprite.t1-1 { background-position: 0 -114px; width: 413px; height: 43px; } 
.sprite.t1-2 { background-position: 0 -162px; width: 424px; height: 43px; } 
.sprite.t1-3 { background-position: 0 -210px; width: 216px; height: 43px; } 
.sprite.t2 { background-position: 0 -258px; width: 268px; height: 103px; } 
.sprite.t3-1 { background-position: 0 -366px; width: 232px; height: 14px; } 
.sprite.t3-2 { background-position: 0 -385px; width: 343px; height: 43px; } 
.sprite.t3-3 { background-position: 0 -433px; width: 489px; height: 43px; } 
.sprite.t4 { background-position: 0 -481px; width: 299px; height: 47px; } 

.bg {
	width: 970px;
	height: 250px;
    background-color: #e3e4e5;
}

img    {
    width:100%;
    height:100%;
}

.bag{
    top: 68px;
    left: 161px;
    width:124px;
    height:160px;
}

.shadow{
    width:118px;
    height:29px;
    top: 200px;
    left: 140px;
}

#redLine{
    top: 177px;
    left: 36px;
    width: 2px;
    height: 51px;
    background-color: #f4f5f6;
}

#goMask{
    top: 181px;
    left: 50px;
    width: 310px;
    height: 45px;
    overflow: hidden;
}

/*CTA*/
#cta{width: 260px;height: 52px;top: 170px;left: 30px;}

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

.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;
}

/*SPRITE POSITION*/
.t1-1   {top: 38px;left: 36px;}
.t1-2   {top: 98px;left: 39px;}
.t1-3   {top: 157px;left: 35px;}
.t2     {top: 38px;left: 36px;}
.t3-1   {top: 8px;left: 33px;}
.t3-2   {top: 55px;left: 38px;}
.t3-3   {top: 113px;left: 39px;}
.t4     {top: 0px;left: 0;}
.t3     {background: #a41034;width: 759px;height: 32px;}



.logo{
    top: 20px;
    left: 27px;
    width: 270px;
    height: 84px;
}

.footer {
    background-color: white;
    height: 100%;
    width: 324px;
    right: 0px;
}

.dot1{
    top: 145px;
    left: 65px;
    width: 550px;
    height: 9.5px;
}
.dot2{
    top: 0px;
    left: 254px;
    width: 970px;
    height: 250px;
}
.dot3 {
    top: 196px;
    left: 579px;
    width: 9.5px;
    height: 9.5px;
}
.dot4 {
    top: 145px;
    left: 528px;
    width: 9.5px;
    height: 9.5px;
}

#svgLines1  {
    top: 0px;
    left: 0px;
}

#svgLines2  {
    top: 0px;
    left: 0px;
    width: 900px;
    height: 250px;
}

#line2  {
    top: 0px;
    left: 23px;
}