body { margin:0px 0px; padding:0px; } 

* { box-sizing: Border-box } 

#container{
	background-color:black;
	position:absolute;
	overflow:hidden;
	border: 1px solid black;
} 

.sprite {
	position:absolute;
	background-repeat:no-repeat;
}

#bg2_container, #bg3_container, #bg4_container{
    position: absolute;
    width: 1000px;
    top: -300px;
    left: 0px;
    height: 700px;
    transform-origin: top left;
    transform: rotateZ(44deg) scale(1);
    overflow: hidden;
    /* box-shadow: 10px 10px 20px rgba(0,0,0,1);*/
}

#bg1 {
	left:0px;
	top:0px;
	width:300px;
	height:600px;
	background-image:url(../img/bg1.jpg);
}

#bg2 {
	left:0px;
	top:0px;
	width:300px;
	height:600px;
	background-image:url(../img/bg2.jpg);
}

#bg3 {
	left:0px;
	top:0px;
	width:300px;
	height:600px;
	background-image:url(../img/bg3.jpg);
}

#bg4 {
	left:0px;
	top:0px;
	width:300px;
	height:600px;
	background-image:url(../img/bg4.jpg);
}

#logo_2x {
	left:25px;
	top:25px;
	width:199px;
	height:99px;
	background-image:url(../img/logo_2x.png);
	background-size:199px 99px;
}

#copy1_2x {
	left:10px;
	top:390px;
	width:205px;
	height:199px;
	background-image:url(../img/copy1_2x.png);
	background-size:205px 199px;
}

#copy2_2x {
	left:10px;
	top:390px;
	width:250px;
	height:199px;
	background-image:url(../img/copy2_2x.png);
	background-size:250px 199px;
}

#copy3_2x {
	left:10px;
	top:390px;
	width:261px;
	height:199px;
	background-image:url(../img/copy3_2x.png);
	background-size:261px 199px;
}

#ray {
	left:0px;
	top:0px;
	width:634px;
	height:600px;
	background-image:url(../img/ray.png);
	mix-blend-mode:lighten;
}

#ray_2 {
	left:1px;
	top:0px;
	width:480px;
	height:250px;
	background-image:url(../img/ray.png);
	mix-blend-mode:overlay;
}

#ef_ray, #ef_ray_2 {
	left:970px;
	top:0px;
	width:480px;
	height:250px;
	background-image:url(../img/ray.png);
	mix-blend-mode:overlay;
}

#ef_gradient_container {
	left: 280px;
    top: 474px;
    width: 326px;
    height: 101px;
    transform: rotateZ(44deg) rotateY(-180deg) scale(0.7);
    overflow: hidden;
}

#ef_gradient {
    left: 0px;
    top: 0px;
    width: 326px;
    height: 101px;
    background-image: url(../img/ef_gradient.png);
}

#efcopy_2x {
	left:25px;
	top:261px;
	width:245px;
	height:181px;
	background-image:url(../img/efcopy_2x.png);
	background-size:245px 181px;
}

#efheadline_2x {
	left:25px;
	top:446px;
	width:128px;
	height:82px;
	transform: rotate(-44deg) translateX(366px) translateY(411px);
	background-image:url(../img/efheadline_2x.png);
	background-size:128px 82px;
}

#cta_2x {
	left:225px;
	top:528px;
	width:50px;
	height:34px;
	background-image:url(../img/cta_2x.png);
	background-size:100%;
}
#ctaline_2x {
	left:225px;
	top:574px;
	width:50px;
	height:2px;
	background-image:url(../img/ctaline_2x.png);
	background-size:100%;
	background-repeat:repeat-x;
	animation:ctaAnim 5s infinite;
}

#ctabg_2x {
	left:125px;
	top:425px;
	width:174px;
	height:175px;
	background-image:url(../img/ctabg_2x.png);
	background-size:100%;
}
.counterrotate{
	transform: rotate(-44deg) translateX(250px) translateY(280px);
}
@keyframes ctaAnim {
	from{
		background-position-x:0 0;
	}
	to{
		background-position-x:-100px;
	}