/* Sweep To Left */
.hvr-sweep-to-left {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #FFF;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.search-map.hvr-sweep-to-left:before {
    background: #40af4c;
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Sweep To Right */
.hvr-sweep-to-right {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #4cc658;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
        color: white;
    }

        .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.chance-box:hover .hvr-sweep-to-right:before, .chance-box:focus .hvr-sweep-to-right:before, .chance-box:active .hvr-sweep-to-right:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}




/* Underline From Left */
.hvr-underline-from-left {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0rem;
        background: #00ab4e;
        height: 6px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.menu-card .hvr-underline-from-left:before {
    bottom: -2.3rem;
}

.menu-card.menu-card-corporate .hvr-underline-from-left:before {
    background: #cc9966;
}

.menu-card.menu-card-cream .hvr-underline-from-left:before {
    background: #ff9900;
}

.menu-card ul li.active a.hvr-underline-from-left:before, .menu-card ul il a.hvr-underline-from-left:focus:before, .menu-card ul li a.hvr-underline-from-left:hover:before {
    right: 0;
    bottom: -2.3rem;
}

.menu-card.menu-card-oil .hvr-underline-from-left:before {
    background: #a1c617;
}

.navbar-collapse ul li.active a.hvr-underline-from-left:before, .navbar-collapse ul li a.hvr-underline-from-left:focus:before, .navbar-collapse ul li a.hvr-underline-from-left:hover:before, .menubar-top ul li.active a.hvr-underline-from-left:before, .menubar-top ul li a.hvr-underline-from-left:focus:before, .menubar-top ul li a.hvr-underline-from-left:hover:before {
    right: 0;
    color: #00ab4e;
}

.menu-card.menu-maxnitron .hvr-underline-from-left:before {
    background: #000;
}

.menu-card.menu-coffeworld .hvr-underline-from-left:before {
    background: #fad856;
}

.menu-card.menu-newyork .hvr-underline-from-left:before {
    background: #cc0033;
}