@keyframes pageshow{
    0% { opacity: 0.2; margin-top: 30px; }
    100% { opacity: 1;  margin-top: 0;}
}

@keyframes bannersck{
    0% { opacity: 0.4; width: 101%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes morestep {
0%   {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: -190px 50%;}
25%  {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: -150px 50%;}
50%  {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: -120px 50%;}
100% {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: 0 50%;}
}



.animation-turtes{animation-name: turtes; animation-duration:1.2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes turtes {
    100% {transform:rotate(180deg);}
}

.animation-marketlabel{animation-name: marketlabel; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketlabel {
100% {left:15%;}
}

.animation-marketline{animation-name: marketline; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ; animation-timing-function:linear }
@keyframes marketline {
0%{ width:10px; }
51%{width:0;}
52%{width:0;}
60% {transform:rotate(40deg); width:20px;}
70% {transform:rotate(60deg); width:30px;}
80% {transform:rotate(70deg); width:60px;}
100% {transform:rotate(90deg); width:70px; top: 53%;}
/* 
0%{width:0; }

100% {transform:rotate(90deg);width:80px; top: 53%; } */
}

.animation-markettitle{animation-name: markettitle; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes markettitle {
100% {top: 43%;}
}

.animation-marketinc{animation-name: marketinc; animation-duration:4s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketinc {
100% {opacity: 1;}
}

.animation-marketicon{animation-name: marketicon; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketicon {
100% {top: 30%;}
}

.animation-marketmore{animation-name: marketmore; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketmore {
99%{ top: 75%;  }
100% {border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;top: 75%; background-color: #CA282C; }
}

/* .animation-marketlabel{animation-name: marketlabel; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketlabel {
100% {left:15%;}
}

.animation-marketline{animation-name: marketline; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketline {
0%{ width:20px; }
50%{ width:2px; }
100% {transform:rotate(90deg); top: 53%; width:80px;}
}

.animation-markettitle{animation-name: markettitle; animation-duration:3s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes markettitle {
100% {top: 43%;}
}

.animation-marketinc{animation-name: marketinc; animation-duration:7s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketinc {
100% {opacity: 1;}
}

.animation-marketicon{animation-name: marketicon; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketicon {
100% {top: 30%;}
}

.animation-marketmore{animation-name: marketmore; animation-duration:3s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes marketmore {
50%{ top: 75%;  }
100% {border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;top: 75%; }
} */

.animation-iconadvantage{animation-name: iconadvantage; animation-duration:0.5s; animation-iteration-count:1; animation-fill-mode: forwards ;}
@keyframes iconadvantage {
    100%{transform:scale(1.2,1.2);}
}