@charset "utf-8";

/* menu action */
@-webkit-keyframes menu_effect1 {
    0% {
        -webkit-transform : translateY(20px) rotate(-45deg);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0deg);
    }
}
@-ms-keyframes menu_effect1 {
    0% {
        -ms-transform : translateY(20px) rotate(-45deg);
    }
    100% {
        -ms-transform : translateY(0) rotate(0deg);
    }
}
@-moz-keyframes menu_effect1 {
    0% {
        -moz-transform : translateY(20px) rotate(-45deg);
    }
    100% {
        -moz-transform : translateY(0) rotate(0deg);
    }
}
@-o-keyframes menu_effect1 {
    0% {
        -o-transform : translateY(20px) rotate(-45deg);
    }
    100% {
        -o-transform : translateY(0) rotate(0deg);
    }
}
@keyframes menu_effect1 {
    0% {
        transform : translateY(20px) rotate(-45deg);
    }
    100% {
        transform : translateY(0) rotate(0deg);
    }
}
@-webkit-keyframes menu_effect2 {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}
@-ms-keyframes menu_effect2 {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}
@-moz-keyframes menu_effect2  {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}
@-o-keyframes menu_effect2 {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}
@keyframes menu_effect2 {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}
@-webkit-keyframes menu_effect3 {
    0% {
        -webkit-transform : translateY(-20px) rotate(45deg);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0deg);
    }
}
@-moz-keyframes menu_effect3 {
    0% {
        -moz-transform : translateY(-20px) rotate(45deg);
    }
    100% {
        -moz-transform : translateY(0) rotate(0deg);
    }
}
@-ms-keyframes menu_effect3 {
    0% {
        -ms-transform : translateY(-20px) rotate(45deg);
    }
    100% {
        -ms-transform : translateY(0) rotate(0deg);
    }
}
@-o-keyframes menu_effect3 {
    0% {
        -o-transform : translateY(-20px) rotate(45deg);
    }
    100% {
        -o-transform : translateY(0) rotate(0deg);
    }
}
@keyframes menu_effect3 {
    0% {
        transform : translateY(-20px) rotate(45deg);
    }
    100% {
        transform : translateY(0) rotate(0deg);
    }
}
@-webkit-keyframes circle {
    0% {
        -webkit-transform : scale(0.1);
        opacity : 0;
    }
    50% {
        opacity : 1;
    }
    100 % {
        -webkit-transform : scale(2.5);
        opacity : 0;
    }
}
@-moz-keyframes circle {
    0% {
        -moz-transform : scale(0.1);
        opacity : 0;
    }
    50% {
        opacity : 1;
    }
    100% {
        -moz-transform : scale(2.5);
        opacity : 0;
    }
}
@-ms-keyframes circle {
    0% {
        -ms-transform : scale(0.1);
        opacity : 0;
    }
    50% {
        opacity : 1;
    }
    100% {
        -ms-transform : scale(2.5);
        opacity : 0;
    }
}
@-o-keyframes circle {
    0% {
        -o-transform : scale(0.1);
        opacity : 0;
    }
    50% {
        opacity : 1;
    }
    100% {
        -o-transform : scale(2.5);
        opacity : 0;
    }
}
@keyframes circle {
    0% {
        transform : scale(0.1);
        opacity : 0;
    }
    50% {
        opacity : 1;
    }
    100% {
        transform : scale(2.5);
        opacity : 0;
    }
}
@-webkit-keyframes active_effect1 {
    0% {
        -webkit-transform : translateY(0) rotate(0deg);
    }
    100% {
        -webkit-transform : translateY(10.5px) rotate(-45deg);
    }
}
@-moz-keyframes active_effect1 {
    0% {
        -moz-transform : translateY(0) rotate(0deg);
    }
    100% {
        -moz-transform : translateY(10.5px) rotate(-45deg);
    }
}
@-ms-keyframes active_effect1 {
    0% {
        -ms-transform : translateY(0) rotate(0deg);
    }
    100% {
        -ms-transform : translateY(10.5px) rotate(-45deg);
    }
}
@-o-keyframes active_effect1 {
    0% {
        -o-transform : translateY(0) rotate(0deg);
    }
    100% {
        -o-transform : translateY(10.5px) rotate(-45deg);
    }
}
@keyframes active_effect1 {
    0% {
        transform : translateY(0) rotate(0deg);
    }
    100% {
        transform : translateY(10.5px) rotate(-45deg);
    }
}
@-webkit-keyframes active_effect2 {
    0% {
        opacity : 1;
    }
    100%  {
        opacity : 0;
    }
}
@-moz-keyframes active_effect2 {
    0% {
        opacity : 1;
    }
    100% {
        opacity : 0;
    }
}
@-o-keyframes active_effect2 {
    0% {
        opacity : 1;
    }
    100% {
        opacity : 0;
    }
}
@-ms-keyframes active_effect2 {
    0% {
        opacity : 1;
    }
    100% {
        opacity : 0;
    }
}
@keyframes active_effect2 {
    0% {
        opacity : 1;
    }
    100% {
        opacity : 0;
    }
}
@-webkit-keyframes active_effect3 {
    0% {
        -webkit-transform : translateY(0) rotate(0deg);
    }
    100% {
        -webkit-transform : translateY(-10.5px) rotate(45deg);
    }
}
@-moz-keyframes active_effect3 {
    0% {
        -moz-transform : translateY(0) rotate(0deg);
    }
    100% {
        -moz-transform : translateY(-10.5px) rotate(45deg);
    }
}
@-o-keyframes active_effect3 {
    0% {
        -o-transform : translateY(0) rotate(0deg);
    }
    100% {
        -o-transform : translateY(-10.5px) rotate(45deg);
    }
}
@-ms-keyframes active_effect3 {
    0% {
        -ms-transform : translateY(0) rotate(0deg);
    }
    100% {
        -ms-transform : translateY(-10.5px) rotate(45deg);
    }
}
@keyframes active_effect3 {
    0% {
        transform : translateY(0) rotate(0deg);
    }
    100% {
        transform : translateY(-10.5px) rotate(45deg);
    }
}