@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
        opacity: 1;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
        opacity: 1;
    }
}

@media (max-width: 980px) {

    /*--- Menu Colapsing ---*/
    #main-header .et_mobile_menu li ul.sub-menu {
        max-height: 1000px;
        opacity: 1;
        pointer-events: all;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    #main-header .et_mobile_menu li ul.hide {
        max-height: 0;
        overflow: hidden;
        opacity: .25;
        pointer-events: none;
    }

    #mobile_menu .menu-item-has-children {
        position: relative;
    }

    #mobile_menu .menu-item-has-children>a {
        background-color: transparent;
        font-weight: inherit;
    }

    #mobile_menu .menu-item-has-children>a+span {
        position: absolute;
        border-radius: 100%;
        right: 0;
        top: 0;
        padding: 10px 20px;
        font-size: 20px;
        font-weight: normal;
        cursor: pointer;
        z-index: 3;
        color: #2a2a2a;
        -webkit-animation: rotateIn 1s;
        animation: rotateIn 1s;
    }

    #mobile_menu .menu-item-has-children>a+span.menu-opened {
        -webkit-animation: rotateOut .5s;
        animation: rotateOut .5s;
    }

    span.menu-closed::before {
        content: "+";
        display: block;
        color: #2a2a2a;
        font-size: 18px;
        font-weight: bold;

    }

    span.menu-closed.menu-opened::before {
        content: "-";
    }

    /*--- End Menu Colapsing ---*/
}