/********Basic settings**********/
*{
    margin: 0;
    padding: 0;
    position:absolute;
}
html {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
*, *:before, *:after {
    -moz-box-sizing: inherit;
         box-sizing: inherit;
}
img{
  border: 0px;
}
a{
  text-decoration: none;
}
body{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;
}
/*#banner *{
	animation-play-state:running;
	-webkit-animation-play-state:running;
	}
	#banner.is-visible *{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
	}*/
	
	#banner * {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
#banner.is-visible * {
    -webkit-animation-play-state: running;
            animation-play-state: running;
}
#clickTAG {
   top: 0px;
   left: 0px;
   opacity: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
   cursor:pointer;
}
#ad{
   -moz-user-select: -moz-none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}
#banner{  
  width: 300px; 
  height: 250px;
  display: block;
  cursor: pointer;  
  overflow: hidden;
  visibility: visible;  
  border: 1px #444444 solid;
  background: #EEE;
  color: #444; 
}
.banner-bg{
  width: 300px; 
  height: 250px;
  -webkit-animation: banner-ani .1s 1.3s both;
     -moz-animation: banner-ani .1s 1.3s both;
       -o-animation: banner-ani .1s 1.3s both;
          animation: banner-ani .1s 1.3s both;
}
.ie-fallback{
z-index: 9;
top: 0;
left: 0;
}
sup {
	 line-height:6px;
	 }
/*******common css *********/
.text-36{
  font-size: 36px;
  line-height: 39px;
  text-align: center;
  text-decoration: none;
  bottom-border: 0px;
}

/*******frane one css start*********/
.dell-intel{
  top:80px;
  left: 115px;
  z-index: 2;
  -webkit-animation: fade-out .2s 1.1s both;
     -moz-animation: fade-out .2s 1.1s both;
       -o-animation: fade-out .2s 1.1s both;
          animation: fade-out .2s 1.1s both;
}
.dell-funding{
  top:185px;
  left: 10px;
  z-index: 2;
  -webkit-animation: fade-out .2s 1.1s both, fade-out-back .3s 11.5s forwards;
     -moz-animation: fade-out .2s 1.1s both, fade-out-back .3s 11.5s forwards;
       -o-animation: fade-out .2s 1.1s both, fade-out-back .3s 11.5s forwards;
          animation: fade-out .2s 1.1s both, fade-out-back .3s 11.5s forwards;
}
.jsp-message{
  width: 130px;
  font-size: 10px;
  line-height: 11px;
  top:215px;
  left: 73px;
  color: #444;
  z-index: 2;
  -webkit-animation: fade-out .2s 1.1s both;
     -moz-animation: fade-out .2s 1.1s both;
       -o-animation: fade-out .2s 1.1s both;
          animation: fade-out .2s 1.1s both;
}
/*******frane one css end*********/

/*******frane two css start*********/
.focus{
  width: 300px;
  height: 250px;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-animation: focus-box 0.4s 1.3s linear both;
          animation: focus-box 0.4s 1.3s linear both;

/*  -webkit-animation: focus-box .4s 1.3s both;
     -moz-animation: focus-box .4s 1.3s both;
       -o-animation: focus-box .4s 1.3s both;
          animation: focus-box .4s 1.3s both;*/
}
.RedHotDeals{
  background: url(186283_us_cs_co_fy17q1w6_oa_march-dod-test-mpp_300x250_vr_daily_deals.png);
  width: 400px;
  height: 115px;
  left: -300px;
  background-repeat:no-repeat;
  -webkit-animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.0s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards, RedHotDeals-anim3 .5s 11s forwards;
     -moz-animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.0s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards, RedHotDeals-anim3 .5s 11s forwards;
       -o-animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.0s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards, RedHotDeals-anim3 .5s 11s forwards;
          animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.0s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards, RedHotDeals-anim3 .5s 11s forwards;
}

.RedHotDeals2{
  background: url(186283_us_cs_co_fy17q1w6_oa_march-dod-test-mpp_300x250_vr_dod.png);
  width: 200px;
  height: 80px;
  left: -300px;
  top: 110px;
  -webkit-animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.2s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards;
  -moz-animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.2s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards;
   -o-animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.2s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards;
   animation: RedHotDeals-anim .5s 1.7s forwards, RedHotDeals-rotate .8s 2.2s forwards, RedHotDeals-anim1 .5s 3.1s forwards, RedHotDeals-anim2 .5s 7s forwards;
}
.cta{
bottom: -237px;
right: -287px;
  font-size: 14px;
  line-height: 16px;
  padding: 7px 8px 8px 8px;
  font-weight: bold;
  background-color: #FF7700;
  border: solid 1px #ffffff;
  color: #FFF;
  border-radius: 0px;
  opacity: 0;
  -webkit-animation: cta-anim .2s 1.4s both;
     -moz-animation: cta-anim .2s 1.4s both;
       -o-animation: cta-anim .2s 1.4s both;
          animation: cta-anim .2s 1.4s both;
}
/*******frane two css end*********/

/*******frane three css start*********/
.frame3text{
  top: 95px;
  left: -300px;
  width: 200px;
  font-size: 22px;
  line-height:22px;
  color: #FF7700;
  text-align:center;
  -webkit-animation: frame3text-anim-in .5s 4.1s both,frame3text-anim-out .4s 7.1s forwards;
     -moz-animation: frame3text-anim-in .5s 4.1s both,frame3text-anim-out .4s 7.1s forwards;
       -o-animation: frame3text-anim-in .5s 4.1s both,frame3text-anim-out .4s 7.1s forwards;
          animation: frame3text-anim-in .5s 4.1s both,frame3text-anim-out .4s 7.1s forwards;
}
/*******frane three css end*********/

/*******frane four css start*********/
.frame4text{
  top: 90px;
  left: -300px;
  width: 185px;
  font-size: 22px;
  line-height:22px;
  color: #FF7700;
  text-align:center;
  -webkit-animation: frame4text-anim-in .4s 7.1s both,frame4text-anim-out .4s 10.4s forwards;
     -moz-animation: frame4text-anim-in .4s 7.1s both,frame4text-anim-out .4s 10.4s forwards;
       -o-animation: frame4text-anim-in .4s 7.1s both,frame4text-anim-out .4s 10.4s forwards;
          animation: frame4text-anim-in .4s 7.1s both,frame4text-anim-out .4s 10.4s forwards;
}
/*******frane four css end*********/

/*******frane five css start*********/
.dell_logo_white{
  top: 11px;
  left: 232px;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}

.frame5text_title1{
  width: 192px;
  top: 66px;
  left: 12px;
  font-size: 22px;
  line-height:22px;
   color: #444444;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
.frame5text_title1 span {
	top:53px;
	font-size:9px;
	line-height:10px;
}
	
.product{
  top: 92px;
  left: 410px;
  -webkit-animation: product-anim .5s 11s both;
     -moz-animation: product-anim .5s 11s both;
       -o-animation: product-anim .5s 11s both;
          animation: product-anim .5s 11s both;
}
.product img{
	left:12px;
}
.pname{
  position: absolute;
  font-size: 10px;
  line-height:11px;
  color: #444444;
  top: 94px;
  left: 3px;
  width: 140px;
  text-align:right;
}
.product_desc{
	position:absolute;
  top: 122px;
  left: 24px;
  width: 160px;
  font-size: 9px;
  line-height: 10px;
  color: #fff;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
.product_desc ul,li{
  position: relative;
  padding-bottom:4px;
}
.starting-at{
  position: absolute;
  top: 120px;
  left: 14px;
  width:116px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  color: #444444;
  z-index: -0;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
.price-point1{
  position: absolute;
  top: 132px;
  left: 14px;
  width: 100px;
  font-weight:bold;
  font-size: 12px;
  line-height: 13px;
  color: #444444;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
.price-point2{
  position: absolute;
  top: 135px;
  left: 22px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 22px;
  line-height: 19px;
  color: #444444;
  z-index: -0;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
.price-point3{
  position: absolute;
  top: 132px;
  left: 60px;
  width: 100px;
  font-weight:bold;
  font-size: 12px;
  line-height: 13px;
  color: #444444;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
.final_text{
  top: 80px;
  left: 11px;
  width: 100px;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}

.frame5text{
  top:213px;
  width: 90px;
  font-size: 10px;
  line-height:11px;
  left: 75px;
  color: #444;
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}


.RollOver{
  -webkit-animation: fade-out-back .3s 11.5s both;
     -moz-animation: fade-out-back .3s 11.5s both;
       -o-animation: fade-out-back .3s 11.5s both;
          animation: fade-out-back .3s 11.5s both;
}
#cta-plus {
  position:absolute;
  top: 192px;
  left: 373px;
  width: 96px;
  font-size: 9px;
  color: #fff;
  z-index: 9999;
  -webkit-animation: cta 1s linear 11.5s both;
    -moz-animation: cta 1s linear 11.5s both;
      -o-animation: cta 1s linear 11.5s both;
       animation: cta 1s linear 11.5s both;
}

#legal{
  position: absolute;
  top: -200px;
  z-index: -2;
  background:#EEEEEE;
  margin: 10px 0px;
  width: 300px;
  height: 170px;
  opacity: 0.95;
}
#legal-text{
  position: absolute;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  text-align:left;
  color:#444444;
  padding:10px;
  width: 300px;
}

.legal-anim-in{
  -webkit-animation: roll-over 0.5s ease-in both;
        -moz-animation: roll-over 0.5s ease-in both;
          -o-animation: roll-over 0.5s ease-in both;
       animation: roll-over 0.5s ease-in both;
}

.legal-anim-out{
  -webkit-animation: roll-out 0.25s ease-out both;
        -moz-animation: roll-out 0.25s ease-out both;
          -o-animation: roll-out 0.25s ease-out both;
       animation: roll-out 0.25s ease-out both;
}
.all-anim-stop *{
-webkit-animation-play-state:paused !important;
        -moz-animation-play-state:paused !important;
          -o-animation-play-state:paused !important;
     animation-play-state:paused !important;
}

/*******frane five css end*********/

/**************************Animation start***********************************/
@-webkit-keyframes banner-start {
  0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@-moz-keyframes banner-start {
 0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@-o-keyframes banner-start {
 0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@keyframes banner-start {
 0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@-webkit-keyframes banner-ani {
  0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@-moz-keyframes banner-ani {
 0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@-o-keyframes banner-ani {
  0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@keyframes banner-ani {
 0%{background-color: #EEE;}
  100%{background-color: #EEE;}
}
@-webkit-keyframes fade-out {
  100%{opacity: 0;}
}
@-moz-keyframes fade-out {
  100%{opacity: 0;}
}
@-o-keyframes fade-out {
  100%{opacity: 0;}
}
@keyframes fade-out {
  100%{opacity: 0;}
}
@-webkit-keyframes fade-out-back {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@-moz-keyframes fade-out-back {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@-o-keyframes fade-out-back {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes fade-out-back {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@-webkit-keyframes fade-out-back-jsp {
  0%{opacity: 0;}
  100%{opacity: 1; color: #fff;}
}
@-moz-keyframes fade-out-back-jsp {
  0%{opacity: 0;}
  100%{opacity: 1; color: #fff;}
}
@-o-keyframes fade-out-back-jsp {
  0%{opacity: 0;}
  100%{opacity: 1; color: #fff;}
}
@keyframes fade-out-back-jsp {
  0%{opacity: 0;}
  100%{opacity: 1; color: #fff;}
}

@-webkit-keyframes RedHotDeals-anim {
	0%{left:-100px; top:-30px;}
  100%{left: 15px; top: 50px;}
}
@-moz-keyframes RedHotDeals-anim {
	0%{left:-100px; top:-30px;}
  100%{left: 15px; top: 50px;}
}
@-o-keyframes RedHotDeals-anim {
	0%{left:-100px; top:-30px;}
  100%{left: 15px; top: 50px;}
}
@keyframes RedHotDeals-anim {
	0%{left:-100px; top:-30px;}
  100%{left: 15px; top: 50px;}
}

@-webkit-keyframes RedHotDeals-rotate {
	0%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	25%{transform:rotate(30deg); -webkit-transform:rotate(30deg);}
	100%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-moz-keyframes RedHotDeals-rotate {
	0%{transform:rotate(0deg); -moz-transform:rotate(0deg);}
	25%{transform:rotate(30deg); -moz-transform:rotate(30deg);}
	100%{transform:rotate(0deg); -moz-transform:rotate(0deg);}
}
@-o-keyframes RedHotDeals-rotate {
	0%{transform:rotate(0deg); -o-transform:rotate(0deg);}
	25%{transform:rotate(30deg); -o-transform:rotate(30deg);}
	100%{transform:rotate(0deg); -o-transform:rotate(0deg);}
}
@keyframes RedHotDeals-rotate {
	0%{transform:rotate(0deg);}
	25%{transform:rotate(30deg);}
	100%{transform:rotate(0deg);}
}

@-webkit-keyframes RedHotDeals-anim1 {
  0%{left: 14px; top: 50px;}
  100%{left: 15px; top: -15px; 
  /*-webkit-transform: scale(.5); transform: scale(.5);*/
  -webkit-transform-origin: top left;transform-origin: top left;}
}
@-moz-keyframes RedHotDeals-anim1 {
  0%{left: 14px; top: 50px;}
  100%{left: 15px; top: -15px; 
  /*-moz-transform: scale(.5); transform: scale(.5);*/
  -moz-transform-origin: top left;transform-origin: top left;}
}
@-o-keyframes RedHotDeals-anim1 {
  0%{left: 14px; top: 50px;}
  100%{left: 15px; top: -15px; 
  /*-o-transform: scale(.5); transform: scale(.5);*/
  -o-transform-origin: top left;transform-origin: top left;}
}
@keyframes RedHotDeals-anim1 {
  0%{left: 15px; top: 50px;}
  100%{left: 15px; top: -15px;
  /* -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5);*/-webkit-transform-origin: top left;-moz-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;}
}

/*@-webkit-keyframes RedHotDeals-anim2 {
  0%{opacity:1; left:14px; top:10px;}
  100%{opacity:0; left:-100px; top:-10px;}
}
@-moz-keyframes RedHotDeals-anim2 {
 	0%{opacity:1; left:14px; top:10px;}
  100%{opacity:0; left:-100px; top:-10px;}
}
@-o-keyframes RedHotDeals-anim2 {
	0%{opacity:1; left:14px; top:10px;}
  100%{opacity:0; left:-100px; top:-10px;}
}
@keyframes RedHotDeals-anim2 {
 	0%{opacity:1; left:14px; top:10px;}
  100%{opacity:0; left:-100px; top:-10px;}
}*/

@-webkit-keyframes RedHotDeals-anim3 {
  0%{ left:15px; top:-15px;}
/*	 5%{opacity:0; left:-100px; top:10px;}
	 50%{opacity:1; left:14px; top:10px;}*/
  100%{left:13px; top:-3px;
  -webkit-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7);}
}
@-moz-keyframes RedHotDeals-anim3 {
 	 0%{ left:15px; top:-15px;}
/*	 5%{opacity:0; left:-100px; top:10px;}
	 50%{opacity:1; left:14px; top:10px;}*/
  100%{ left:13px; top:-3px;
  -webkit-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7);}
}
@-o-keyframes RedHotDeals-anim3 {
	 0%{ left:15px; top:-15px;}
/*	 5%{opacity:0; left:-100px; top:10px;}
	 50%{opacity:1; left:14px; top:10px;}*/
  100%{ left:13px; top:-3px;
  -webkit-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7);}
}
@keyframes RedHotDeals-anim3 {
 	 0%{ left:15px; top:-15px;}
/*	 5%{opacity:0; left:-100px; top:10px;}
	 50%{opacity:1; left:14px; top:10px;}*/
  100%{ left:13px; top:-3px;
  -webkit-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7);}
}

@-webkit-keyframes focus-box {
  0% {transform:scale(1);}
  100%{opacity: 0; transform:scale(0); z-index:2px;}
}
@keyframes focus-box {
  0% {transform:scale(1);}
  100%{opacity: 0; transform:scale(0); z-index:2px;}
}
@-webkit-keyframes cta-anim {
  100%{opacity: 1;}
}
@-moz-keyframes cta-anim {
  100%{opacity: 1;}
}
@-o-keyframes cta-anim {
  100%{opacity: 1;}
}
@keyframes cta-anim {
  100%{opacity: 1;}
}
@-webkit-keyframes frame3text-anim-in {
  100%{left: 50px;}
}
@-moz-keyframes frame3text-anim-in {
  100%{left: 50px;}
}
@-o-keyframes frame3text-anim-in {
  100%{left: 50px;}
}
@keyframes frame3text-anim-in {
  100%{left: 50px;}
}
@-webkit-keyframes frame3text-anim-out {
  0%{left: 50px;}
  100%{left: 300px;}
}
@-moz-keyframes frame3text-anim-out {
  0%{left: 50px;}
  100%{left: 300px;}
}
@-o-keyframes frame3text-anim-out {
  0%{left: 50px;}
  100%{left: 300px;}
}
@keyframes frame3text-anim-out {
  0%{left: 50px;}
  100%{left: 300px;}
}
@-webkit-keyframes frame4text-anim-in {
  100%{left: 55px;}
}
@-moz-keyframes frame4text-anim-in {
  100%{left: 55px;}
}
@-o-keyframes frame4text-anim-in {
  100%{left: 55px;}
}
@keyframes frame4text-anim-in {
  100%{left: 55px;}
}
@-webkit-keyframes frame4text-anim-out {
  0%{left: 55px;}
  100%{left: 300px;}
}
@-moz-keyframes frame4text-anim-out {
  0%{left: 55px;}
  100%{left: 300px;}
}
@-o-keyframes frame4text-anim-out {
  0%{left: 55px;}
  100%{left: 300px;}
}
@keyframes frame4text-anim-out {
  0%{left: 55px;}
  100%{left: 300px;}
}
@-webkit-keyframes product-anim {
  100%{left: 130px; -webkit-filter:blur(0); filter:blur(0);}
}
@-moz-keyframes product-anim {
  100%{left: 130px; filter:blur(0);}
}
@-o-keyframes product-anim {
  100%{left: 130px; filter:blur(0);}
}
@keyframes product-anim {
  100%{left: 130px; -webkit-filter:blur(0); filter:blur(0);}
}
@-webkit-keyframes cta {
  0% {opacity: 0; left: 373px;}
  1% {opacity: 0; left: 207px;}
  10%{ opacity: 1; left: 207px;}
  100%{opacity: 1; left: 207px;}
}
@-moz-keyframes cta {
  0% {opacity: 0; left: 373px;;}
  1% {opacity: 0; left: 207px;}
  10%{ opacity: 1; left: 207px;}
  100%{opacity: 1; left: 207px;}
}
@-o-keyframes cta {
  0% {opacity: 0; left: 373px;;}
  1% {opacity: 0; left: 207px;}
  10%{ opacity: 1; left: 207px;}
  100%{opacity: 1; left: 207px;}
}
@keyframes cta {
  0% {opacity: 0; left: 373px;;}
  1% {opacity: 0; left: 207px;}
  10%{ opacity: 1; left: 207px;}
  100%{opacity: 1; left: 207px;}
}
@-webkit-keyframes roll-over {
  0% {top: -200px; z-index:-2; display:none;}
  95% {top: -10px; z-index:9; display:block;}
  100%{top: -10px; z-index:9; display:block;}
}
@-moz-keyframes roll-over {
   0% {top: -200px; z-index:-2; display:none;}
  95% {top: -10px; z-index:9; display:block;}
  100%{top: -10px; z-index:9; display:block;}
}
@-o-keyframes roll-over {
  0% {top: -200px; z-index:-2; display:none;}
  95% {top: -10px; z-index:9; display:block;}
  100%{top: -10px; z-index:9; display:block;}
}
@keyframes roll-over {
  0% {top: -200px; z-index:-2; display:none;}
  95% {top: -10px; z-index:9; display:block;}
  100%{top: -10px; z-index:9; display:block;}
}
@-webkit-keyframes roll-out {
  0% {top: -10px;}
  100%{top: -200px;}
}
@-moz-keyframes roll-out {
  0% {top: -10px;}
  100%{top: -200px;}
}
@-o-keyframes roll-out {
  0% {top: -10px;}
  100%{top: -200px;}
}
@keyframes roll-out {
  0% {top: -10px;}
  100%{top: -200px;}
}