.nav-icon .navbar-nav .nav-link:nth-child(1).active ~ .menu-line{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(2).active ~ .menu-line{
    -webkit-transform: translate3d(-100%, 0, 0) !important;
    transform: translate3d(-100%, 0, 0) !important;
    -moz-transform: translate3d(-100%, 0, 0) !important;
    -ms-transform: translate3d(-100%, 0, 0) !important;
    -o-transform: translate3d(-100%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(3).active ~ .menu-line{
    -webkit-transform: translate3d(-200%, 0, 0) !important;
    transform: translate3d(-200%, 0, 0) !important;
    -moz-transform: translate3d(-200%, 0, 0) !important;
    -ms-transform: translate3d(-200%, 0, 0) !important;
    -o-transform: translate3d(-200%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(4).active ~ .menu-line{
    -webkit-transform: translate3d(-300%, 0, 0) !important;
    transform: translate3d(-300%, 0, 0) !important;
    -moz-transform: translate3d(-300%, 0, 0) !important;
    -ms-transform: translate3d(-300%, 0, 0) !important;
    -o-transform: translate3d(-300%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(5).active ~ .menu-line{
    -webkit-transform: translate3d(-400%, 0, 0) !important;
    transform: translate3d(-400%, 0, 0) !important;
    -moz-transform: translate3d(-400%, 0, 0) !important;
    -ms-transform: translate3d(-400%, 0, 0) !important;
    -o-transform: translate3d(-400%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(6).active ~ .menu-line{
    -webkit-transform: translate3d(-500%, 0, 0) !important;
    transform: translate3d(-500%, 0, 0) !important;
    -moz-transform: translate3d(-500%, 0, 0) !important;
    -ms-transform: translate3d(-500%, 0, 0) !important;
    -o-transform: translate3d(-500%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(7).active ~ .menu-line{
    -webkit-transform: translate3d(-600%, 0, 0) !important;
    transform: translate3d(-600%, 0, 0) !important;
    -moz-transform: translate3d(-600%, 0, 0) !important;
    -ms-transform: translate3d(-600%, 0, 0) !important;
    -o-transform: translate3d(-600%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(1):hover ~ .menu-line{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(2):hover ~ .menu-line{
    -webkit-transform: translate3d(-100%, 0, 0) !important;
    transform: translate3d(-100%, 0, 0) !important;
    -moz-transform: translate3d(-100%, 0, 0) !important;
    -ms-transform: translate3d(-100%, 0, 0) !important;
    -o-transform: translate3d(-100%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(3):hover ~ .menu-line{
    -webkit-transform: translate3d(-200%, 0, 0) !important;
    transform: translate3d(-200%, 0, 0) !important;
    -moz-transform: translate3d(-200%, 0, 0) !important;
    -ms-transform: translate3d(-200%, 0, 0) !important;
    -o-transform: translate3d(-200%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(4):hover ~ .menu-line{
    -webkit-transform: translate3d(-300%, 0, 0) !important;
    transform: translate3d(-300%, 0, 0) !important;
    -moz-transform: translate3d(-300%, 0, 0) !important;
    -ms-transform: translate3d(-300%, 0, 0) !important;
    -o-transform: translate3d(-300%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(5):hover ~ .menu-line{
    -webkit-transform: translate3d(-400%, 0, 0) !important;
    transform: translate3d(-400%, 0, 0) !important;
    -moz-transform: translate3d(-400%, 0, 0) !important;
    -ms-transform: translate3d(-400%, 0, 0) !important;
    -o-transform: translate3d(-400%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(6):hover ~ .menu-line{
    -webkit-transform: translate3d(-500%, 0, 0) !important;
    transform: translate3d(-500%, 0, 0) !important;
    -moz-transform: translate3d(-500%, 0, 0) !important;
    -ms-transform: translate3d(-500%, 0, 0) !important;
    -o-transform: translate3d(-500%, 0, 0) !important;
}

.nav-icon .navbar-nav .nav-link:nth-child(7):hover ~ .menu-line{
    -webkit-transform: translate3d(-600%, 0, 0) !important;
    transform: translate3d(-600%, 0, 0) !important;
    -moz-transform: translate3d(-600%, 0, 0) !important;
    -ms-transform: translate3d(-600%, 0, 0) !important;
    -o-transform: translate3d(-600%, 0, 0) !important;
} 

input,
textarea{
    text-align: right !important;
}