@import url(https://fonts.googleapis.com/css?family=Open+Sans:800,700,600,300,100);

body{
    margin:0;
    padding:0px;
}
#full_ad {width:728px;
  height:90px;
  z-index: 20;
  display:block;
  cursor: pointer;
  cursor: auto;}

#Container {border: 1px solid #999;margin: 0 0 10px;overflow:hidden;height:90px;margin: 0 0 10px;overflow:hidden;position:relative;width:728px;background-color:#0c4467;}
#CSContainer {height:90px;top:0px;left:0px;position:absolute;width:728px;background-color:#0c4467;cursor:pointer;}
#logo {background-position: top right;width:117px;height:31px;display:block;background-image:url(img/logo.png);position:absolute;top:8px;right:10px;z-index:1;}
#tw {background-color:#e6e7e9;position:absolute;display:block;width:143px;height:90px;top:0;left:0;}
#bb {background-color:#015f9c;position:absolute;display:block;width:143px;height:90px;bottom:0;right:0;}
#CSContainer * {font-family: "Open Sans", Arial, sans-serif;font-weight:700;margin:0;position:absolute;padding:0;}
a#CSLearn {z-index: 2;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    background-color: #ffa300;
    color: white;
    font-size: 14px;
    border-radius: 0px;
    height: 24px;
    padding-top: 4px;
    font-weight: 600;
    text-align: center;
    width: 122px;
    bottom: 15px;
    right: 10px;
    text-decoration: none;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 1px #000;
    background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% ), -webkit-linear-gradient(#ffa300, #ffa300);
    background-position: -100px -100px, 0 0;
    background-size: 250% 250%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
}
br {position:static !important;}
sup.white-sup {color: #fff !important;font-size: 6px !important;line-height:8px;}
a#replay {text-align:center;opacity:0;top:2px;left:4px;height:20px;width:20px;display:block;color:white;z-index:22;position:absolute;cursor:pointer;-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
a#replay:hover {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);}
#CSPrice {position:absolute;z-index:2;width:120px;height:80px;display:block;left:10px;top:30px;color:#05589c;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);}
#CSStart {top:0px;left:0;}
#CSStart p {color:#05589c;font-size:11px;}
#CSDol {top:8px;left:-2px;}
#CSDol p {font-size:24px;color:#05589c;}
#CS29 {top:-3px;left:10px;}
#CS29 p {color:#05589c;font-size:52px;letter-spacing:-1px;}
#CS99 {top:15px;left:70px;}
#CS99 p {color:#05589c;font-size:18px;}
#CSDetail {top:35px;left:70px;width:20px !important;}
#CSDetail p {color: #05589c;font-size: 6px;font-weight:600;line-height: 6px;display: block;width: 70px;top:3px;}
#CSRest {z-index:2;width: 60px;height: 10px;position: absolute;display: block;bottom: 1px;right: 40px;text-align: center;}
#CSRest p {color:#fff;font-size:7px;font-weight:100;}
#CSt {top:-20px;width:250px;left:160px;opacity:0;z-index:6;text-align:center;}
#CSt1, #CSt2, #CSt3 {width:200px;margin-left:425px;left:-30px;opacity:0;z-index:5;text-align:center;}
#CSt1 {top:34px;}
#CSt2 {top:54px;}
#CSt3 {top:74px;}
#CSFinale {top: 23px;width:100%;left:-10px;opacity:0;z-index:5;text-align:center;}
#CSFinale2 {top: 55px;
    width: 100%;
    left:-10px;
    text-align:center;
    opacity: 0;
    z-index: 5;
    text-align: center;}
#tiv {width:200px;height:60px;display:block;top:8px;left:-8px;z-index:2;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);}
#tiv p {font-size:14px;color:#05589c;font-weight:600;line-height:18px;}
#CSt p {color: #ffa300;font-size: 90px;font-weight:800;margin-top:0;position:relative;}
#CSt1 p, #CSt2 p, #CSt3 p {text-align:left;display:block;margin:0 auto;position:relative;color: #ffffff;font-size: 20px;font-weight:700;margin-top:0;}
#CSFinale p.p1 {
    left: -205px;
    top: 0px;
    position: relative;
    font-size: 27px;
    text-align: center;
    color: white;
    font-weight: 100;
    line-height: 14px;
}
#CSFinale p.p2 {position: absolute;
    color: #ffa300;
    font-size: 43px;
    left: 240px;
    top: 0px;
    line-height: 11px;
    font-weight: 800;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#CSFinale p.p2 span {font-size: 16px;position: relative;top: -9px;margin: 5px;font-weight:700;}
#CSFinale p.p2 sup {font-size:9px;top:-9px;font-weight:300;}
#CSt1 p sup, #CSt2 p sup, #CSt3 p sup {font-size:7px;top:4px;}
#CSFinale2 p.p3 {top: 0px;position: relative;font-size:14px;font-style:italic;text-align:center;color:white;font-weight:100;}
#CSFinale2 p.p4 {position: relative;left:-62px;color:#fff;font-size:20px;line-height:28px;font-weight:300;text-align:center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#CSFinale2 p.p4 span {position: relative;color:#fff;font-size:24px;line-height:11px;font-weight:700;text-align:center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#CSt, #CSt1, #CSt2, #CSt3, #CSFinale, #CSFinale2, #CSLearn, #CSPrice, #tiv, #tw, #replay {
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    animation-duration: 10s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
}
.tw-animation{-webkit-animation-name: twup;-moz-animation-name: twup;-o-animation-name: CSTiv;animation-name: twup;
}
@-webkit-keyframes twup {
    0% {opacity:1;left:0px;}
    3% {opacity:1;left:0px;}
    5% {opacity:1;left:0px;}
    7% {opacity:1;left:0px;}
    74% {opacity:1;left:0px;}
    78% {opacity:1;left:-220px;}
    100% {opacity:1;left:-220px;}
}
@-moz-keyframes twup {
    0% {opacity:1;left:0px;}
    3% {opacity:1;left:0px;}
    5% {opacity:1;left:0px;}
    7% {opacity:1;left:0px;}
    74% {opacity:1;left:0px;}
    78% {opacity:1;left:-220px;}
    100% {opacity:1;left:-220px;}
}
@keyframes twup {
    0% {opacity:1;left:0px;}
    3% {opacity:1;left:0px;}
    5% {opacity:1;left:0px;}
    7% {opacity:1;left:0px;}
    74% {opacity:1;left:0px;}
    78% {opacity:1;left:-220px;}
    100% {opacity:1;left:-220px;}
}

.tiv-animation{-webkit-animation-name: CSTiv;-moz-animation-name: CSTiv;-o-animation-name: CSTiv;animation-name: CSTiv;
}
@-webkit-keyframes CSTiv {
    0% {opacity:1;}
    74% {opacity:1;}
    78% {opacity:0;}
    100% {opacity:0;}
}
@-moz-keyframes CSTiv {
    0% {opacity:1;}
    74% {opacity:1;}
    78% {opacity:0;}
    100% {opacity:0;}
}
@keyframes CSTiv {
    0% {opacity:1;}
    74% {opacity:1;}
    78% {opacity:0;}
    100% {opacity:0;}
}
.CSPrice-animation {-webkit-animation-name: CSPrice;-moz-animation-name: CSPrice;-o-animation-name: CSPrice;animation-name: CSPrice;
}
@-webkit-keyframes CSPrice {
    0% {opacity:1;}
    74% {opacity:1;}
    78% {opacity:0;}
    100% {opacity:0;}
}
@-moz-keyframes CSPrice {
    0% {opacity:1;}
    74% {opacity:1;}
    78% {opacity:0;}
    100% {opacity:0;}
}
@keyframes CSPrice {
    0% {opacity:1;}
    74% {opacity:1;}
    78% {opacity:0;}
    100% {opacity:0;}
}
.CSt-animation {-webkit-animation-name: CStext;-moz-animation-name: CStext;-o-animation-name: CStext;animation-name: CStext;}
@-webkit-keyframes CStext {
    0% {opacity:0;-webkit-transform: scale(0);}
    3% {opacity:1;-webkit-transform: scale(1.5);}
    5% {opacity:1;-webkit-transform: scale(1);}
    27% {opacity:1;-webkit-transform: scale(1);}
    29% {opacity:1;-webkit-transform: scale(1.5);}
    30% {opacity:1;-webkit-transform: scale(1);}
    55% {opacity:1;-webkit-transform: scale(1);}
    57% {opacity:1;-webkit-transform: scale(1.5);}
    58% {opacity:1;-webkit-transform: scale(1);}
    74% {opacity:1;-webkit-transform: scale(1);}
    76% {opacity:0;-webkit-transform: scale(1);}
    100% {opacity:0;-webkit-transform: scale(1);}
}
@-moz-keyframes CStext {
    0% {opacity:0;-moz-transform: scale(0);}
    3% {opacity:1;-moz-transform: scale(1.5);}
    5% {opacity:1;-moz-transform: scale(1);}
    27% {opacity:1;-moz-transform: scale(1);}
    29% {opacity:1;-moz-transform: scale(1.5);}
    30% {opacity:1;-moz-transform: scale(1);}
    55% {opacity:1;-moz-transform: scale(1);}
    57% {opacity:1;-moz-transform: scale(1.5);}
    58% {opacity:1;-moz-transform: scale(1);}
    74% {opacity:1;-moz-transform: scale(1);}
    76% {opacity:0;-moz-transform: scale(1);}
    100% {opacity:0;-moz-transform: scale(1);}
}
@keyframes CStext {
    0% {opacity:0;transform: scale(0);}
    3% {opacity:1;transform: scale(1.5);}
    5% {opacity:1;transform: scale(1);}
    27% {opacity:1;transform: scale(1);}
    29% {opacity:1;transform: scale(1.5);}
    30% {opacity:1;transform: scale(1);}
    55% {opacity:1;transform: scale(1);}
    57% {opacity:1;transform: scale(1.5);}
    58% {opacity:1;transform: scale(1);}
    74% {opacity:1;transform: scale(1);}
    76% {opacity:0;transform: scale(1);}
    100% {opacity:0;transform: scale(1);}
}
.CSt1-animation {-webkit-animation-name: CSTextOne;-moz-animation-name: CSTextOne;-o-animation-name: CSTextOne;animation-name: CSTextOne;}
@-webkit-keyframes CSTextOne {
    0% {opacity:0;top:34px;}
    9% {opacity:0;top:34px;}
    11% {opacity:1;top:5px;}
    74% {opacity:1;top:5px;}
    76% {opacity:0;top:5px;}
    100% {opacity:0;top:5px;}
}
@-moz-keyframes CSTextOne {
    0% {opacity:0;top:34px;}
    9% {opacity:0;top:34px;}
    11% {opacity:1;top:5px;}
    74% {opacity:1;top:5px;}
    76% {opacity:0;top:5px;}
    100% {opacity:0;top:5px;}
}
@keyframes CSTextOne {
    0% {opacity:0;top:34px;}
    9% {opacity:0;top:34px;}
    11% {opacity:1;top:5px;}
    74% {opacity:1;top:5px;}
    76% {opacity:0;top:5px;}
    100% {opacity:0;top:5px;}
}
.CSt2-animation {-webkit-animation-name: CSTextTwo;-moz-animation-name: CSTextTwo;-o-animation-name: CSTextTwo;animation-name: CSTextTwo;}
@-webkit-keyframes CSTextTwo {
    0% {opacity:0;top:54px;}
    33% {opacity:0;top:54px;}
    35% {opacity:1;top:30px;}
    74% {opacity:1;top:30px;}
    76% {opacity:0;top:30px;}
    100% {opacity:0;top:30px;}
}
@-moz-keyframes CSTextTwo {
    0% {opacity:0;top:54px;}
    33% {opacity:0;top:54px;}
    35% {opacity:1;top:30px;}
    74% {opacity:1;top:30px;}
    76% {opacity:0;top:30px;}
    100% {opacity:0;top:30px;}
}
@keyframes CSTextTwo {
    0% {opacity:0;top:54px;}
    33% {opacity:0;top:54px;}
    35% {opacity:1;top:30px;}
    74% {opacity:1;top:30px;}
    76% {opacity:0;top:30px;}
    100% {opacity:0;top:30px;}
}
.CSt3-animation {-webkit-animation-name: CSTextThree;-moz-animation-name: CSTextThree;-o-animation-name: CSTextThree;animation-name: CSTextThree;}
@-webkit-keyframes CSTextThree {
    0% {opacity:0;top:74px;}
    60% {opacity:0;top:74px;}
    64% {opacity:1;top:54px;}
    74% {opacity:1;top:54px;}
    76% {opacity:0;top:54px;}
    100% {opacity:0;top:54px;}
}
@-moz-keyframes CSTextThree {
    0% {opacity:0;top:74px;}
    60% {opacity:0;top:74px;}
    64% {opacity:1;top:54px;}
    74% {opacity:1;top:54px;}
    76% {opacity:0;top:54px;}
    100% {opacity:0;top:54px;}
}
@keyframes CSTextThree {
    0% {opacity:0;top:74px;}
    60% {opacity:0;top:74px;}
    64% {opacity:1;top:54px;}
    74% {opacity:1;top:54px;}
    76% {opacity:0;top:54px;}
    100% {opacity:0;top:54px;}
}
.CSFinale-animation {-webkit-animation-name: CSFinale;-moz-animation-name: CSFinale;-o-animation-name: CSFinale;animation-name: CSFinale;}
@-webkit-keyframes CSFinale {
    0% {opacity:0;-webkit-transform: scale(0);}
    80% {opacity:0;-webkit-transform: scale(0);}
    83% {opacity:1;-webkit-transform: scale(1.2);}
    85% {opacity:1;-webkit-transform: scale(1);}
    100% {opacity:1;-webkit-transform: scale(1);}
}
@-moz-keyframes CSFinale {
    0% {opacity:0;-moz-transform: scale(0);}
    80% {opacity:0;-moz-transform: scale(0);}
    83% {opacity:1;-moz-transform: scale(1.2);}
    85% {opacity:1;-moz-transform: scale(1);}
    100% {opacity:1;-moz-transform: scale(1);}
}
@keyframes CSFinale {
    0% {opacity:0;transform: scale(0);}
    80% {opacity:0;transform: scale(0);}
    83% {opacity:1;transform: scale(1.2);}
    85% {opacity:1;transform: scale(1);}
    100% {opacity:1;transform: scale(1);}
}
.CSFinale2-animation {-webkit-animation-name: CSFinale2;-moz-animation-name: CSFinale2;-o-animation-name: CSFinale2;animation-name: CSFinale2;}
@-webkit-keyframes CSFinale2 {
    0% {opacity:0;-webkit-transform: scale(0);}
    80% {opacity:0;-webkit-transform: scale(0);}
    83% {opacity:1;-webkit-transform: scale(1.2);}
    85% {opacity:1;-webkit-transform: scale(1);}
    100% {opacity:1;-webkit-transform: scale(1);}
}
@-moz-keyframes CSFinale2 {
    0% {opacity:0;-moz-transform: scale(0);}
    80% {opacity:0;-moz-transform: scale(0);}
    83% {opacity:1;-moz-transform: scale(1.2);}
    85% {opacity:1;-moz-transform: scale(1);}
    100% {opacity:1;-moz-transform: scale(1);}
}
@keyframes CSFinale2 {
    0% {opacity:0;transform: scale(0);}
    80% {opacity:0;transform: scale(0);}
    83% {opacity:1;transform: scale(1.2);}
    85% {opacity:1;transform: scale(1);}
    100% {opacity:1;transform: scale(1);}
}
.CSLearn-animation {-webkit-animation-name: CSLearnMoreButton;-moz-animation-name: CSLearnMoreButton;-o-animation-name: CSLearnMoreButton;animation-name: CSLearnMoreButton;}
@-webkit-keyframes CSLearnMoreButton {
    0% {background-position:-100px -100px, 0 0;}
    93% {background-position:-100px -100px, 0 0;}
    96% {background-position:0 0, 0 0;}
    98% {background-position:100px 100px, 0 0;}
    100% {background-position:100px 100px, 0 0;}
}
@-moz-keyframes CSLearnMoreButton {
    0% {background-position:-100px -100px, 0 0;}
    93% {background-position:-100px -100px, 0 0;}
    96% {background-position:0 0, 0 0;}
    98% {background-position:100px 100px, 0 0;}
    100% {background-position:100px 100px, 0 0;}
}
@keyframes CSLearnMoreButton {
    0% {background-position:-100px -100px, 0 0;}
    93% {background-position:-100px -100px, 0 0;}
    96% {background-position:0 0, 0 0;}
    98% {background-position:100px 100px, 0 0;}
    100% {background-position:100px 100px, 0 0;}
}
.replay-animation {-webkit-animation-name: Replayani;-moz-animation-name: Replayani;-o-animation-name: Replayani;animation-name: Replayani;}
@-webkit-keyframes Replayani {
    0% {opacity:0;}
    98% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes Replayani {
    0% {opacity:0;}
    98% {opacity:0;}
    100% {opacity:1;}
}
@keyframes Replayani {
    0% {opacity:0;}
    98% {opacity:0;}
    100% {opacity:1;}
}