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

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

#Container {border: 1px solid #999;margin: 0 0 10px;overflow:hidden;height:600px;margin: 0 0 10px;overflow:hidden;position:relative;width:300px;background-color:#0c4467;}
#CSContainer {height:600px;top:0px;left:0px;position:absolute;width:300px;background-color:#0c4467;cursor:pointer;}
#logo {width:117px;height:31px;display:block;background-image:url(img/logo.png);position:absolute;bottom:80px;left:92px;z-index:1;}
#tw {background-color:#e6e7e9;position:absolute;display:block;width:300px;height:130px;top:0;left:0;}
#bb {background-color:#015f9c;position:absolute;display:block;width:300px;height:130px;bottom:0;left: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: 136px;bottom: 37px;right:83px;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 {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:85px;top:60px;color:#05589c;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
#CSStart {top:0px;left:0;}
#CSStart p {color:#05589c;font-size:11px;-webkit-backface-visibility: hidden;}
#CSDol {top:8px;left:-2px;}
#CSDol p {font-size:24px;color:#05589c;-webkit-backface-visibility: hidden;}
#CS29 {top:-3px;left:10px;}
#CS29 p {color:#05589c;font-size:52px;letter-spacing:-1px;-webkit-backface-visibility: hidden;}
#CS99 {top:15px;left:70px;}
#CS99 p {color:#05589c;font-size:18px;-webkit-backface-visibility: hidden;}
#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;-webkit-backface-visibility: hidden;}
#CSRest {z-index:2;width: 60px;height: 10px;position: absolute;display: block;bottom:10px;right:120px;text-align: center;}
#CSRest p {color:#fff;font-size:7px;font-weight:100;-webkit-backface-visibility: hidden;}
#CSt {top:180px;width:250px;left:41%;opacity:0;z-index:5;margin-left:-125px;text-align:center;}
#CSt1, #CSt2, #CSt3 {top:330px;width:300px;left:0;opacity:0;z-index:5;text-align:center;}
#CSFinale {top:100px;width:100%;opacity:0;z-index:5;text-align:center;}
#CSFinale2 {top:270px;width:250px;left:50%;margin-left:-125px;opacity:0;z-index:5;text-align:center;}
#tiv {width:300px;text-align:center;height:60px;display:block;top:15px;left:0px;z-index:2;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);}
#tiv p {font-size:24px;color:#05589c;font-weight:600;line-height:24px;position:relative;text-align:center;}
#CSt p {color: #ffa300;font-size: 130px;font-weight:800;margin-top:0;position:relative;}
#CSt1 p, #CSt2 p, #CSt3 p {text-align:center;display:block;margin:0 auto;position:relative;color: #ffffff;font-size: 40px;font-weight:700;margin-top:0;}
#CSFinale p.p1 {top: -25px;position: relative;font-size:15px;text-align:center;color:white;font-weight:100;}
#CSFinale p.p2 {position: relative;color:#ffa300;font-size:70px;width:100%;line-height:12px;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: -20px;margin: 5px;font-weight:700;height:15px;line-height:34px;}
#CSFinale p.p2 sup {font-size:10px;top:70px;}
#CSt1 p sup, #CSt2 p sup, #CSt3 p sup {font-size:7px;top:4px;}
#CSFinale2 p.p3 {top: -8px;position: relative;font-size:14px;font-style:italic;text-align:center;color:white;font-weight:100;}
#CSFinale2 p.p4 {position: relative;color:#fff;font-size:30px;line-height:34px;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:32px;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;top:0px}
    3% {opacity:1;top:0px}
    5% {opacity:1;top:0px}
    7% {opacity:1;top:0px}
    74% {opacity:1;top:0px}
    78% {opacity:1;top:-200px}
    100% {opacity:1;top:-200px}
}
@-moz-keyframes twup {
    0% {opacity:1;top:0px}
    3% {opacity:1;top:0px}
    5% {opacity:1;top:0px}
    7% {opacity:1;top:0px}
    74% {opacity:1;top:0px}
    78% {opacity:1;top:-200px}
    100% {opacity:1;top:-200px}
}
@keyframes twup {
    0% {opacity:1;top:0px}
    3% {opacity:1;top:0px}
    5% {opacity:1;top:0px}
    7% {opacity:1;top:0px}
    74% {opacity:1;top:0px}
    78% {opacity:1;top:-200px}
    100% {opacity:1;top:-200px}
}

.tiv-animation{-webkit-animation-name: CSTiv;-moz-animation-name: CSTiv;-o-animation-name: CSTiv;animation-name: CSTiv;
}
@-webkit-keyframes CSTiv {
    0% {opacity:1;-webkit-transform: scale(0.9);}
    74% {opacity:1;-webkit-transform: scale(0.9);}
    78% {opacity:0;-webkit-transform: scale(0.9);}
    100% {opacity:0;-webkit-transform: scale(0.9);}
}
@-moz-keyframes CSTiv {
    0% {opacity:1;-moz-transform: scale(0.9);}
    74% {opacity:1;-moz-transform: scale(0.9);}
    78% {opacity:0;-moz-transform: scale(0.9);}
    100% {opacity:0;-moz-transform: scale(0.9);}
}
@keyframes CSTiv {
    0% {opacity:1;transform: scale(0.9);}
    74% {opacity:1;transform: scale(0.9);}
    78% {opacity:0;transform: scale(0.9);}
    100% {opacity:0;transform: scale(0.9);}
}
.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;}
    77% {opacity:0;}
    100% {opacity:0;}
}
@-moz-keyframes CSPrice {
    0% {opacity:1;}
    74% {opacity:1;}
    77% {opacity:0;}
    100% {opacity:0;}
}
@keyframes CSPrice {
   0% {opacity:1;}
    74% {opacity:1;}
    77% {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;left:-50px;}
    9% {opacity:0;left:-50px;}
    11% {opacity:1;left:0px;}
    22% {opacity:1;left:0px;}
    28% {opacity:0;left:50px;}
    100% {opacity:0;left:50px;}
}
@-moz-keyframes CSTextOne {
    0% {opacity:0;left:-50px;}
    9% {opacity:0;left:-50px;}
    11% {opacity:1;left:0px;}
    22% {opacity:1;left:0px;}
    28% {opacity:0;left:50px;}
    100% {opacity:0;left:50px;}
}
@keyframes CSTextOne {
    0% {opacity:0;left:-50px;}
    9% {opacity:0;left:-50px;}
    11% {opacity:1;left:0px;}
    22% {opacity:1;left:0px;}
    28% {opacity:0;left:50px;}
    100% {opacity:0;left:50px;}
}
.CSt2-animation {-webkit-animation-name: CSTextTwo;-moz-animation-name: CSTextTwo;-o-animation-name: CSTextTwo;animation-name: CSTextTwo;}
@-webkit-keyframes CSTextTwo {
    0% {opacity:0;left:-50px;}
    33% {opacity:0;left:-50px;}
    35% {opacity:1;left:0px;}
    50% {opacity:1;left:0px;}
    54% {opacity:0;left:50px;}
    100% {opacity:0;left:50px;}
}
@-moz-keyframes CSTextTwo {
    0% {opacity:0;left:-50px;}
    33% {opacity:0;left:-50px;}
    35% {opacity:1;left:0px;}
    50% {opacity:1;left:0px;}
    54% {opacity:0;left:50px;}
    100% {opacity:0;left:50px;}
}
@keyframes CSTextTwo {
    0% {opacity:0;left:-50px;}
    33% {opacity:0;left:-50px;}
    35% {opacity:1;left:0px;}
    50% {opacity:1;left:0px;}
    54% {opacity:0;left:50px;}
    100% {opacity:0;left:50px;}
}
.CSt3-animation {-webkit-animation-name: CSTextThree;-moz-animation-name: CSTextThree;-o-animation-name: CSTextThree;animation-name: CSTextThree;}
@-webkit-keyframes CSTextThree {
    0% {opacity:0;left:-50px;}
    60% {opacity:0;left:-50px;}
    64% {opacity:1;left:0px;}
    74% {opacity:1;left:0px;}
    78% {opacity:0;left:0px;}
    100% {opacity:0;left:0px;}
}
@-moz-keyframes CSTextThree {
    0% {opacity:0;left:-50px;}
    60% {opacity:0;left:-50px;}
    64% {opacity:1;left:0px;}
    74% {opacity:1;left:0px;}
    78% {opacity:0;left:0px;}
    100% {opacity:0;left:0px;}
}
@keyframes CSTextThree {
    0% {opacity:0;left:-50px;}
    60% {opacity:0;left:-50px;}
    64% {opacity:1;left:0px;}
    74% {opacity:1;left:0px;}
    78% {opacity:0;left:0px;}
    100% {opacity:0;left:0px;}
}
.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;}
}