html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
}
#ad-container {
	position: relative;
	width: 970px;
    height: 66px;
    background: url(assets/slj-bg.jpg) no-repeat 0 0;
	overflow: hidden;
    cursor: pointer;
}
#ad-container img {
	position: absolute;
}
#ad-container #ad-intro-slj {
	left: -140px;
	bottom: 0px;
	-webkit-animation: intro-slj-keyframes 6.5s ease-in 0s 1 normal forwards;
    -moz-animation: intro-slj-keyframes 6.5s ease-in 0s 1 normal forwards;
    animation: intro-slj-keyframes 6.5s ease-in 0s 1 normal forwards;
}
@-webkit-keyframes intro-slj-keyframes {
    3% {
    	left: 42px;
    	bottom: 0px;
    }
    97% {
    	left: 42px;
    	bottom: 0px;
    }
    100% {
    	left: 42px;
    	bottom: -200px;
    }
}
@-moz-keyframes intro-slj-keyframes {
     3% {
    	left: 42px;
    	bottom: 0px;
    }
    97% {
    	left: 42px;
    	bottom: 0px;
    }
    100% {
    	left: 42px;
        bottom: -200px;
    }
}
@keyframes intro-slj-keyframes {
     3% {
    	left: 42px;
    	bottom: 0px;
    }
    97% {
    	left: 42px;
    	bottom: 0px;
    }
    100% {
    	left: 42px;
        bottom: -200px;
    }
}
#ad-container #ad-intro-text {
    left: -700px;
    top: 19px;
    -webkit-animation: intro-text-keyframes 3.25s ease-out 0.25s 1 normal forwards;
    -moz-animation: intro-text-keyframes 3.25s ease-out 0.25s 1 normal forwards;
    animation: intro-text-keyframes 3.25s ease-out 0.25s 1 normal forwards;
}
@-webkit-keyframes intro-text-keyframes {
    12% {
        left: 165px;
    }
    88% {
        left: 165px;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        left: 1000px;
    }
}
@-moz-keyframes intro-text-keyframes {
    12% {
        left: 165px;
    }
    88% {
        left: 165px;
        -moz-animation-timing-function: ease-in;
    }
    100% {
        left: 1000px;
    }
}
@keyframes intro-text-keyframes {
    12% {
        left: 165px;
    }
    88% {
        left: 165px;
        animation-timing-function: ease-in;
    }
    100% {
        left: 1000px;
    }
}
#ad-container #ad-c2-text {
    left: -700px;
    top: 19px;
    -webkit-animation: c2-text-keyframes 3.5s ease-out 3.25s 1 normal forwards;
    -moz-animation: c2-text-keyframes 3.5s ease-out 3.25s 1 normal forwards;
    animation: c2-text-keyframes 3.5s ease-out 3.25s 1 normal forwards;
}
@-webkit-keyframes c2-text-keyframes {
    12% {
        left: 162px;
    }
    88% {
        left: 162px;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        left: 1000px;
    }
}
@-moz-keyframes c2-text-keyframes {
    12% {
        left: 162px;
    }
    88% {
        left: 162px;
        -moz-animation-timing-function: ease-in;
    }
    100% {
        left: 1000px;
    }
}
@keyframes c2-text-keyframes {
    12% {
        left: 162px;
    }
    88% {
        left: 162px;
        animation-timing-function: ease-in;
    }
    100% {
        left: 1000px;
    }
}
#ad-container #ad-c3-text {
    left: -700px;
    top: 23px;
    -webkit-animation: c3-text-keyframes 3.5s ease-out 6.6s 1 normal forwards;
    -moz-animation: c3-text-keyframes 3.5s ease-out 6.6s 1 normal forwards;
    animation: c3-text-keyframes 3.5s ease-out 6.6s 1 normal forwards;
}
@-webkit-keyframes c3-text-keyframes {
    12% {
        left: 150px;
    }
    100% {
        left: 150px;
    }
}
@-moz-keyframes c3-text-keyframes {
    12% {
        left: 150px;
    }
    100% {
        left: 150px;
    }
}
@keyframes c3-text-keyframes {
    12% {
        left: 150px;
    }
    100% {
        left: 150px;
    }
}
#ad-container #ad-c3-card {
    left: -170px;
    top: 4px;
    -webkit-animation: c3-card-keyframes 10s ease-out 6.9s 1 normal forwards;
    -moz-animation: c3-card-keyframes 10s ease-out 6.9s 1 normal forwards;
    animation: c3-card-keyframes 10s ease-out 6.9s 1 normal forwards;
}
@-webkit-keyframes c3-card-keyframes {
    3% {
        left: 33px;
    }
    100% {
        left: 33px;
    }
}
@-moz-keyframes c3-card-keyframes {
    3% {
        left: 33px;
    }
    100% {
        left: 33px;
    }
}
@keyframes c3-card-keyframes {
    3% {
        left: 33px;
    }
    100% {
        left: 33px;
    }
}
#ad-container #ad-c6-cta {
    left: -150px;
    top: 43px;
    width: 98px;
    -webkit-animation: c6-cta-keyframes 3s ease-out 6.7s 1 normal forwards;
    -moz-animation: c6-cta-keyframes 3s ease-out 6.7s 1 normal forwards;
    animation: c6-cta-keyframes 3s ease-out 6.7s 1 normal forwards;
}
@-webkit-keyframes c6-cta-keyframes {
    8% {
        left: 862px;
        width: 98px;
    }
    20% {
        left: 858px;
        width: 108px;
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        left: 862px;
        width: 98px;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        left: 862px;
        width: 98px;
    }
}
@-moz-keyframes c6-cta-keyframes {
    8% {
        left: 862px;
        width: 98px;
    }
    20% {
        left: 858px;
        width: 108px;
        -moz-animation-timing-function: ease-out;
    }
    40% {
        left: 862px;
        width: 98px;
        -moz-animation-timing-function: ease-out;
    }
    100% {
        left: 862px;
        width: 98px;
    }
}
@keyframes c6-cta-keyframes {
    8% {
        left: 862px;
        width: 98px;
    }
    20% {
        left: 858px;
        width: 108px;
        animation-timing-function: ease-out;
    }
    40% {
        left: 862px;
        width: 98px;
        animation-timing-function: ease-out;
    }
    100% {
        left: 862px;
        width: 98px;
    }
}