@keyframes dragTop {
    0%{opacity:0;transform:translateY(-70px);}
    60%{opacity:1;transform:translateY(20px) }
    90%{transform:translateY(-5px);}
    97%{transform:translateY(-1px);}
    100%{transform:translateY(0px);}
}
@-webkit-keyframes dragTop {
    0%{opacity:0;-webkit-transform:translateY(-70px);}
    60%{opacity:1;-webkit-transform:translateY(20px) }
    90%{-webkit-transform:translateY(-5px);}
    97%{-webkit-transform:translateY(-1px);}
    100%{-webkit-transform:translateY(0px);}
}
@keyframes spanw {
    0%{width:0;}
    100%{width:100px;}
}
@-webkit-keyframes spanw {
    0%{width:0;}
    100%{width:100px;}
}

@keyframes fieldsetw {
    0%{width:0;}
    100%{width:400px;}
}

@-webkit-keyframes fieldsetw {
    0%{width:0;}
    100%{width:400px;}
}

@media (min-width:200px) and (max-width:767px){
@keyframes spanw {
    100%{width:auto;}
}
@-webkit-keyframes spanw {
    100%{width:auto;}
}

@keyframes fieldsetw {
    100%{width:90%;}
}

@-webkit-keyframes fieldsetw {
    100%{width:90%;}
}
}


@keyframes opacity {
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes opacity {
    0%{opacity:0;}
    100%{opacity:1;}
}

@keyframes leftin {
    0%{opacity:0;transform:translateX(-200px);}
    60%{opacity:1;transform:translateX(10px) }
    100%{transform:translateX(0px);}
}
@-webkit-keyframes leftin {
    0%{opacity:0;-webkit-transform:translateX(-200px);}
    60%{opacity:1;-webkit-transform:translateX(10px) }
    100%{-webkit-transform:translateX(0px);}
}
@keyframes rightin {
    0%{opacity:0;transform:translateX(200px);}
    60%{opacity:1;transform:translateX(-10px) }
    100%{transform:translateX(0px);}
}
@-webkit-keyframes rightin {
    0%{opacity:0;-webkit-transform:translateX(200px);}
    60%{opacity:1;-webkit-transform:translateX(-10px) }
    100%{-webkit-transform:translateX(0px);}
}

@keyframes lbin {
    0%{opacity:0;transform:translate(-100px,200px);}
    100%{opacity:1;transform:translate(0px);}
}
@-webkit-keyframes lbin {
    0%{opacity:0;-webkit-transform:translate(-100px,200px);}
    100%{opacity:1;-webkit-transform:translate(0px);}
}
@keyframes rbin {
    0%{opacity:0;transform:translate(100px,200px);}
    100%{opacity:1;transform:translate(0px);}
}
@-webkit-keyframes rbin {
    0%{opacity:0;-webkit-transform:translate(100px,200px);}
    100%{opacity:1;-webkit-transform:translate(0px);}
}


@keyframes bottomin {
    0%{opacity:0; transform:translateY(200px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes bottomin {
    0%{opacity:0;-webkit-transform:translateY(200px);}
    100%{opacity:1;-webkit-transform:translateY(0px);}
}

@keyframes scale {
    0%{opacity:0;transform:scale(0);}
    100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scale {
    0%{opacity:0;-webkit-transform:scale(0);}
    100%{opacity:1;-webkit-transform:scale(1);}
}

@keyframes flye {
    0%{opacity:0;-webkit-transform:translate(-550px,250px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-webkit-keyframes flye {
    0%{opacity:0;-webkit-transform:translate(-550px,250px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
}

@keyframes dragLeft {
    0%{opacity:0;transform:translateX(-70px);}
    60%{opacity:1;transform:translateX(20px) }
    90%{transform:translateX(-5px);}
    97%{transform:translateX(-1px);}
    100%{transform:translateX(0px);}
}
@-webkit-keyframes dragLeft {
    0%{opacity:0;-webkit-transform:translateX(-70px);}
    60%{opacity:1;-webkit-transform:translateX(20px) }
    90%{-webkit-transform:translateX(-5px);}
    97%{-webkit-transform:translateX(-1px);}
    100%{-webkit-transform:translateX(0px);}
}

@-webkit-keyframes swing{
0%{-webkit-transform: rotate(10deg);}
50%{-webkit-transform: rotate(-5deg)}
100%{-webkit-transform: rotate(10deg);}
}

@keyframes swing{
0%{transform: rotate(10deg);}
50%{transform: rotate(-5deg)}
100%{transform: rotate(10deg);}
}

@keyframes diagonal-TLBR{
0%{transform:translatex(-100px) translatey(-100px);}
100%{transform:translatex(1000px) translatey(1000px);}
}

@keyframes diagonal-TRBL{
0%{transform:translatex(1000px) translatey(-100px);}
100%{transform:translatex(-100px) translatey(1000px);}
}

@keyframes diagonal-BRTL{
0%{transform:translatex(1000px) translatey(1000px);}
100%{transform:translatex(-100px) translatey(-100px);}
}

@keyframes diagonal-BLTR{
0%{transform:translatex(-100px) translatey(1000px);}
100%{transform:translatex(1000px) translatey(-100px);}
}

@media (min-width:200px) and (max-width:767px){
@keyframes diagonal-TLBR{
0%{transform:translatex(-10px) translatey(-10px);}
100%{transform:translatex(500px) translatey(500px);}
}

@keyframes diagonal-TRBL{
0%{transform:translatex(500px) translatey(-10px);}
100%{transform:translatex(-10px) translatey(500px);}
}

@keyframes diagonal-BRTL{
0%{transform:translatex(500px) translatey(500px);}
100%{transform:translatex(-10px) translatey(-10px);}
}

@keyframes diagonal-BLTR{
0%{transform:translatex(-100px) translatey(500px);}
100%{transform:translatex(500px) translatey(-100px);}
}
}


@-webkit-keyframes wildchick-LR{
from{left:-10%;}
to{left:105%;}
}

@keyframes wildchick-LR{
from{left:-5%;}
to{left:105%;}
}

@-webkit-keyframes wildchick-RL{
from{right:-10%;}
to{right:105%;}
}

@keyframes wildchick-RL{
from{right:-10%;}
to{right:105%;}
}