/* Top level Hover effect */
.starsmenuTopLevelHover .stars-menu-bar .stars-menu-bar-nav > li > .starsmenu-item-inner .starsmenu-link {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.starsmenuTopLevelHoverFill-Simple .stars-menu-bar .stars-menu-bar-nav > li > .starsmenu-item-inner::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: '';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.starsmenuTopLevelHoverFill-Simple .stars-menu-bar .stars-menu-bar-nav > li:hover > .starsmenu-item-inner:after,
.starsmenuTopLevelHoverFill-Simple .stars-menu-bar .stars-menu-bar-nav > li:focus > .starsmenu-item-inner:after,
.starsmenuTopLevelHoverFill-Simple .stars-menu-bar .stars-menu-bar-nav > li:active > .starsmenu-item-inner:after,
.starsmenuTopLevelHoverFill-Simple .stars-menu-bar .stars-menu-bar-nav > li.current-menu-ancestor > .starsmenu-item-inner:after ,
.starsmenuTopLevelHoverFill-Simple .stars-menu-bar .stars-menu-bar-nav > li.current-menu-item > .starsmenu-item-inner:after {
    opacity: 1;
    visibility: visible;
}

/* Submenu Animation */
.stars-menu-bar > .starsmenu-submenu > .menu-item > .starsmenu-submenu-wrapper {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes submenu-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes submenu-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.starsmenu-submenu-fadeIn .stars-menu-bar > .starsmenu-submenu > .menu-item.starsmenu-submenu-open > .starsmenu-submenu-wrapper {
    -webkit-animation-name: submenu-fadeIn;
    animation-name: submenu-fadeIn;
}

/* Habburger menu bar Animation */
.stars-menu-hz-hamburger .starsmenu-main-area{
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes mainarea-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mainarea-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.stars-menu-hz-hamburger-active.starsmenu-open-fadeIn .starsmenu-main-area {
    -webkit-animation-name: mainarea-fadeIn;
    animation-name: mainarea-fadeIn;
}

/* BACKGROUND TRANSITIONS */

.starsmenu-bg-opened {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

/* Fade */
.starsmenu-bg-fade:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background-color: transparent;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.starsmenu-bg-fade.stars-menu-hz-hamburger-active:before {
    opacity: 1;
    visibility: visible;
}