@charset "UTF-8";

.banner {
    width:298px;
    height:248px;
    border:1px solid #cccccc;
    background:#000;
    overflow:hidden;
    display:block !important;
}

#loader-container {
    display:none;
}

#clickTag{
    width:298px;
    height:248px;   
    cursor:pointer;
    background:red;
    opacity:0;
}
#btn-exit{
    width:298px;
    height:248px;   
    cursor:pointer;
    opacity:0;
    z-index: 6;

}

#noscripted{
    display:none;
}

#frame_1 {
    position: absolute;
    width: 300px;
    height: 250px;
    background: url(bg1.jpg) no-repeat;
    top: 0px;
    left: 0px;
}
#text1 {
    width: 258px;
    height: 96px;
    background: url(text1.png) no-repeat;
    top: 30px;
    left: 20px;
}
#text2 {
    width: 258px;
    height: 96px;
    background: url(text2.png) no-repeat;
    top: 30px;
    left: 20px;
    opacity: 0;
}

#frame_2 {
    position: absolute;
    width: 300px;
    height: 250px;
    background: url(bg2.jpg) no-repeat;
    top: 0px;
    left: 0px;
    opacity: 0;
}
#text3 {
    width: 126px;
    height: 55px;
    background: url(text3.png) no-repeat;
    top: 65px;
    left: 86px;
}
#frame_3 {
    position: absolute;
    width: 300px;
    height: 250px;
    background: url(bg3.jpg) no-repeat;
    top: 0px;
    left: 0px;
    opacity: 0;
}
#text4 {
    width: 207px;
    height: 55px;
    background: url(text4.png) no-repeat;
    top: 65px;
    left: 46px;
    
}
#frame_4 {
    position: absolute;
    width: 300px;
    height: 250px;
    background: url(bg4.jpg) no-repeat;
    top: 0px;
    left: 0px;
    opacity: 0;
}
#text5 {
    width: 207px;
    height: 60px;
    background: url(text5.png) no-repeat;
    top: 65px;
    left: 46px;
    
}
#last_frame {
    position: absolute;
    width: 300px;
    height: 250px;
    background: #fff;
    top: 0px;
    left: 0px;
    opacity: 0;
}
#text6 {
    width: 228px;
    height: 81px;
    background: url(text6.png) no-repeat;
    top: 32px;
    left: 35px;
    
}
#card {
    width: 172px;
    height: 166px;
    background: url(card.png) no-repeat;
    top: 83px;
    left: 127px;
}
#card_footer {
    width: 99px;
   height: 82px;
    background: url(card_footer.png) no-repeat;
    top: 143px;
    left: 179px;
    background-size: cover;

}
#logo_one {
    width: 228px;
    height: 81px;
    background: url(logo_one.png) no-repeat;
    top: 204px;
    left: 6px;
}
#logo_two {
    width: 228px;
    height: 81px;
    background: url(logo_two.png) no-repeat;
    top: 204px;
    left: 6px;
}
#CTA{
    width: 122px;
    height: 26px;
    top: 214px;
    left: 167px;
}

#ctaOut{
    width: 122px;
    height: 26px;
    top: 0px;
    left: 0px;
    background: url(cta_out.png);
    
}
#ctaOver{
    width: 122px;
    height: 26px;
    top: 0px;
    left: 0px;
    background: url(cta_over.png);
    opacity: 0;
}
#replay{
    width:23px;
    height:23px;
    top:10px;
    left:265px;
    background:url(replay.png) no-repeat;
    opacity:0;
    display:none;
    cursor:pointer;
    z-index: 7;
}