@charset "utf-8";

.move-circle {position:absolute; border-radius:50%;}
.start .move-circle {opacity:0;}

.move-circle.p-top {
    -webkit-transition-property:top, opacity;
    -moz-transition-property:top, opacity;
    -o-transition-property:top, opacity;
    transition-property:top, opacity;
}
.move-circle.p-btm {
    -webkit-transition-property:bottom, opacity;
    -moz-transition-property:bottom, opacity;
    -o-transition-property:bottom, opacity;
    transition-property:bottom, opacity;
}
.move-circle.p-left {
    -webkit-transition-property:left, opacity;
    -moz-transition-property:left, opacity;
    -o-transition-property:left, opacity;
    transition-property:left, opacity;
}
.move-circle.p-right {
    -webkit-transition-property:right, opacity;
    -moz-transition-property:right, opacity;
    -o-transition-property:right, opacity;
    transition-property:right, opacity;
}

.move-circle.t-1000 {
    -webkit-transition-duration:1000ms;
    -moz-transition-duration:1000ms;
    -o-transition-duration:1000ms;
    transition-duration:1000ms;
}

.move-circle.d-800 {
    -webkit-transition-delay:800ms;
    -moz-transition-delay:800ms;
    -o-transition-delay:800ms;
    transition-delay:800ms;
}
.move-circle.d-700 {
    -webkit-transition-delay:700ms;
    -moz-transition-delay:700ms;
    -o-transition-delay:700ms;
    transition-delay:700ms;
}
.move-circle.d-600 {
    -webkit-transition-delay:600ms;
    -moz-transition-delay:600ms;
    -o-transition-delay:600ms;
    transition-delay:600ms;
}
.move-circle.d-500 {
    -webkit-transition-delay:500ms;
    -moz-transition-delay:500ms;
    -o-transition-delay:500ms;
    transition-delay:500ms;
}
.move-circle.d-400 {
    -webkit-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}
.move-circle.d-300 {
    -webkit-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}
.move-circle.d-200 {
    -webkit-transition-delay:200ms;
    -moz-transition-delay:200ms;
    -o-transition-delay:200ms;
    transition-delay:200ms;
}


@-webkit-keyframes cirMove{
    to {-webkit-transform:translateY(5%); transform:translateY(5%);}
}
@-moz-keyframes cirMove{
    to {-moz-transform:translateY(5%); transform:translateY(5%);}
}
@-o-keyframes cirMove{
    to {-o-transform:translateY(5%); transform:translateY(5%);}
}
@keyframes cirMove{
    to {
        -webkit-transform:translateY(5%);
        -moz-transform:translateY(5%);
        -ms-transform:translateY(5%);
        -o-transform:translateY(5%);
        transform:translateY(5%);
    }
}

@-webkit-keyframes cirMove2{
    to {-webkit-transform:translateX(5%); transform:translateX(5%);}
}
@-moz-keyframes cirMove2{
    to {-moz-transform:translateX(5%); transform:translateX(5%);}
}
@-o-keyframes cirMove2{
    to {-o-transform:translateX(5%); transform:translateX(5%);}
}
@keyframes cirMove2{
    to {
        -webkit-transform:translateX(5%);
        -moz-transform:translateX(5%);
        -ms-transform:translateX(5%);
        -o-transform:translateX(5%);
        transform:translateX(5%);
    }
}