@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

* {
    margin: 0;
    padding: 0;
}

.menu {
    padding: 20px 20px;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
}

.menu-1 {
    
}

.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.menu li {
    display: inline-block;
    margin: 0 15px;
}

.menu a {
    font-size: 22px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    display: block;
    position: relative;
    padding: 4px 0;
}

    .menu a::before {
        content: "";
        width: 100%;
        height: 4px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        transition: 0.5s transform ease;
        transform: scale3d(0,1,1);
        transform-origin: 0 50%;
    }

    .menu a:hover::before {
        transform: scale3d(1,1,1);
    }

.menu-1 a::before {
    background: #045B83;
    transform-origin: 100% 50%;
}

.menu-1 a:hover::before {
    transform-origin: 0 50%;
}