html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
}
#ad-container {
	position: relative;
	width: 300px;
    height: 250px;
    background: url(assets/bg.jpg) no-repeat 0 0;
	overflow: hidden;
    cursor: pointer;
}
#ad-container img {
	position: absolute;
}	
#ad-container #ad-cap-logo {
	right: 14px;
	top: 18px;
}
#ad-container #ad-intro-text {
    left: -200px;
    top: 94px;
    -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: 62px;
    }
    88% {
        left: 62px;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        left: 300px;
    }
}
@-moz-keyframes intro-text-keyframes {
    12% {
        left: 62px;
    }
    88% {
        left: 62px;
        -moz-animation-timing-function: ease-in;
    }
    100% {
        left: 300px;
    }
}
@keyframes intro-text-keyframes {
    12% {
        left: 62px;
    }
    88% {
        left: 62px;
        animation-timing-function: ease-in;
    }
    100% {
        left: 300px;
    }
}
#ad-container #ad-c2-text {
    left: -180px;
    top: 94px;
    -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: 67px;
    }
    88% {
        left: 67px;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        left: 300px;
    }
}
@-moz-keyframes c2-text-keyframes {
    12% {
        left: 67px;
    }
    88% {
        left: 67px;
        -moz-animation-timing-function: ease-in;
    }
    100% {
        left: 300px;
    }
}
@keyframes c2-text-keyframes {
    12% {
        left: 67px;
    }
    88% {
        left: 67px;
        animation-timing-function: ease-in;
    }
    100% {
        left: 300px;
    }
}
#ad-container #ad-c3-text {
    left: -270px;
    top: 55px;
    -webkit-animation: c3-text-keyframes 3.5s ease-out 6.5s 1 normal forwards;
    -moz-animation: c3-text-keyframes 3.5s ease-out 6.5s 1 normal forwards;
    animation: c3-text-keyframes 3.5s ease-out 6.5s 1 normal forwards;
}
@-webkit-keyframes c3-text-keyframes {
    12% {
        left: 17px;
    }
    100% {
        left: 17px;
    }
}
@-moz-keyframes c3-text-keyframes {
    12% {
        left: 17px;
    }
    100% {
        left: 17px;
    }
}
@keyframes c3-text-keyframes {
    12% {
        left: 17px;
    }
    100% {
        left: 17px;
    }
}
#ad-container #ad-c3-card {
    left: -170px;
    top: 96px;
    -webkit-animation: c3-card-keyframes 10s ease-out 6.5s 1 normal forwards;
    -moz-animation: c3-card-keyframes 10s ease-out 6.5s 1 normal forwards;
    animation: c3-card-keyframes 10s ease-out 6.5s 1 normal forwards;
}
@-webkit-keyframes c3-card-keyframes {
    3% {
        left: 68px;
    }
    100% {
        left: 68px;
    }
}
@-moz-keyframes c3-card-keyframes {
    3% {
        left: 68px;
    }
    100% {
        left: 68px;
    }
}
@keyframes c3-card-keyframes {
    3% {
        left: 68px;
    }
    100% {
        left: 68px;
    }
}
#ad-container #ad-c6-cta {
    left: -150px;
    top: 194px;
    width: 133px;
    -webkit-animation: c6-cta-keyframes 3s ease-out 6.9s 1 normal forwards;
    -moz-animation: c6-cta-keyframes 3s ease-out 6.9s 1 normal forwards;
    animation: c6-cta-keyframes 3s ease-out 6.9s 1 normal forwards;
}
@-webkit-keyframes c6-cta-keyframes {
    5% {
        left: 145px;
        width: 133px;
    }
    20% {
        left: 135px;
        width: 143px;
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        left: 145px;
        width: 133px;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        left: 145px;
        width: 133px;
    }
}
@-moz-keyframes c6-cta-keyframes {
    5% {
        left: 145px;
        width: 133px;
    }
    20% {
        left: 135px;
        width: 143px;
        -moz-animation-timing-function: ease-out;
    }
    40% {
        left: 145px;
        width: 133px;
        -moz-animation-timing-function: ease-out;
    }
    100% {
        left: 145px;
        width: 133px;
    }
}
@keyframes c6-cta-keyframes {
    5% {
        left: 145px;
        width: 133px;
    }
    20% {
        left: 135px;
        width: 143px;
        animation-timing-function: ease-out;
    }
    40% {
        left: 145px;
        width: 133px;
        animation-timing-function: ease-out;
    }
    100% {
        left: 145px;
        width: 133px;
    }
}
#ad-container #ad-bg-blur {
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-animation: bg-blur-keyframes .35s ease-out 6.5s 1 normal forwards;
    -moz-animation: bg-blur-keyframes .35s ease-out 6.5s 1 normal forwards;
    animation: bg-blur-keyframes .35s ease-out 6.5s 1 normal forwards;
}
@-webkit-keyframes bg-blur-keyframes {
    100% {
        opacity: 100;
    }
}
@-moz-keyframes bg-blur-keyframes {
    100% {
        opacity: 100;
    }
}
@keyframes bg-blur-keyframes {
    100% {
        opacity: 100;
    }
}