.nav-up {



    top: 0;



    background-color: #000;



}



.nav {



    display: -ms-flexbox;



    display: inherit;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    padding-left: 0;



    margin-bottom: 0;



    list-style: none;



}



nav,



.navbar {



    height: 100%;



    width: 100%;



    float: left;



    padding:0 15px;



    background: transparent;



    color: #fff;



    



}



header.nav-down{



    /* box-shadow: 0 1px 6px rgb(32 33 36 / 28%); */



}







header.nav-up .navbar{







    padding: 15px;







}



.navbar .nav-container {



    width: 100%;



    max-width: 100%;



    margin: 0 auto;



    padding: 0 15px;



}



.navbar .nav-header {



    float: left;



    padding: 15px 0 10px 0;



}



.navbar .logo {



    width: 100%;



    text-align: left;



}



.navbar .logo a {



    font-weight: 700;



    text-decoration: none;



    color: #fff;



    font-size: 19px;



}



.navbar .logo img {



    max-width: 100%;



}



.navbar .nav-links {



    margin: 0;



    float: right;



}



.navbar .nav-links .nav-item {



    position: relative;



    list-style: none;



    float: left;



}



.navbar .nav-links .nav-item .nav-link {



    padding: 0;



    margin-left: 40px;



    display: block;



    text-decoration: none;



    font-size: 15px;



    color: #fff;



    position: relative;



    text-transform: uppercase;



}







.navbar .menu-show,



.menu-hide {



    transition: 0.4s;



    font-size: 30px;



    cursor: pointer;



    display: none;



}



.navbar .menu-show {



    margin: 0;



    float: right;



}



.navbar .nav-link:hover,



.menu-show:hover,



.menu-hide:hover {



    color: gray;



}



.navbar #menu-toggle {



    position: absolute;



    visibility: hidden;



    z-index: -1;



}

/*

.navbar .nav-links .nav-item.current-menu-item a.nav-link{



    color: #fff !important;



    font-family: 'Montserrat', sans-serif;



    font-weight: 700;



}

*/



.navbar .has-dropdown ul li.current-menu-item a{



    color: #fff !important;

}

.navbar .nav-links .nav-item a.nav-link:after {



    content: ' ';



    display: block;



    height: 2px;



    width: 0;



    background: #ce2323;



    transition: all 0.3s ease-out 0s;



    position: absolute;



    left: 0;



    bottom: -20%;



}



.navbar .nav-links .nav-item a.nav-link i{



    color: #ce2323!important;



}

/*

.navbar .nav-links .nav-item a.nav-link:hover::after, .navbar .nav-links .nav-item.current-menu-item a.nav-link:after {



    width: 100%;



}

*/

.navbar .nav-links .nav-item a.nav-link:hover::after{



    width: 100%;



}

@media (min-width: 768px) {



    .navbar .has-dropdown ul {



        position: absolute;



        left: inherit;



        top: 100%;



        min-width: 180px;



        padding: 0;



        border: unset;



        z-index: 100;



        opacity: 0;



        visibility: hidden;



        background-color: #fff;



        -moz-transform: translateY(30px);



        -webkit-transform: translateY(30px);



        -ms-transform: translateY(30px);



        -o-transform: translateY(30px);



        transform: translateY(30px);



        -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);



        -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);



        -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);



        -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);



        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);



        -webkit-transform-origin: top;



        -ms-transform-origin: top;



        transform-origin: top;



        -webkit-transition: all 500ms ease;



        -moz-transition: all 500ms ease;



        -ms-transition: all 500ms ease;



        -o-transition: all 500ms ease;



        transition: all 500ms ease;



        border-radius: 0;



    }



    .navbar .has-dropdown:hover ul {



        visibility: visible;



        opacity: 1;



        -moz-transform: translateY(0);



        -webkit-transform: translateY(0);



        -ms-transform: translateY(0);



        -o-transform: translateY(0);



        transform: translateY(0);



        transition: all 500ms ease;



        -moz-transition: all 500ms ease;



        -webkit-transition: all 500ms ease;



        -ms-transition: all 500ms ease;



        -o-transition: all 500ms ease;



        display: block !important;



    }



    .navbar .has-dropdown ul li {



        width: 100%;



        position: relative;



        display: block;



        line-height: 24px;



        font-weight: 400;



        font-size: 15px;



        text-transform: capitalize;



        color: #222;



        text-align: left;



        transition: all 500ms ease;



        -moz-transition: all 500ms ease;



        -webkit-transition: all 500ms ease;



        -ms-transition: all 500ms ease;



        -o-transition: all 500ms ease;



    }



    .navbar .has-dropdown ul li a {



        position: relative;



        display: block;



        padding: 10px 15px !important;



        text-transform: capitalize;



        color: #ce2323!important;



        border-bottom: 1px solid rgba(34, 34, 34, 0.1);



        text-align: left;



        transition: all 500ms ease;



        -moz-transition: all 500ms ease;



        -webkit-transition: all 500ms ease;



        -ms-transition: all 500ms ease;



        -o-transition: all 500ms ease;



        margin: 0 !important;



    }



    .navbar .has-dropdown ul li a:hover {



        background: #ce2323;



        color: #fff !important;



    }







    .navbar .has-dropdown ul li a:after, .navbar .has-dropdown a:after{







        display: none !important;



    }







    .navbar .has-dropdown ul li a:hover::after{







        bottom: 0;



    }







}



@media (max-width: 991px) {



    .navbar .nav-links .nav-item a.nav-link:after{display: none;}



    nav, .navbar{



        padding: 5px 15px;



    }



    .navbar .menu-show,



    .menu-hide {



        display: block;



    }



    .navbar .nav-links {



        position: fixed;



        width: 60%;



        height: 100vh;



        top: 0;



        left: -100%;



        padding: 65px 15px;



        transition: 1s;



        background: #0c0c0c;



        box-shadow: 0 2px 8px 1px rgba(64,60,67,.24);



    }



    .navbar .nav-links .nav-item {



        width: 100%;



    }



    .navbar .nav-links .nav-item .nav-link {



        padding: 10px 15px;



        text-align: left;



        margin: 0;



        font-size: 15px;



    }



    .navbar .menu-hide {



        position: absolute;



        top: 15px;



        right: 20px;



    }



    .navbar #menu-toggle:checked ~ .nav .nav-links {



        left: 0;



    }



    .navbar .has-dropdown ul {



        display: none;



    }



    .navbar .dropdown-menu {



        margin: 0;



        padding: 0;



        border: 1px solid #0000001c;



        flex-direction: column;



    }



    .navbar .dropdown-menu li:not(:last-child) {



        border-bottom: 1px solid #0000001c;



    }



    .navbar .nav-links .has-dropdown .dropdown-menu .nav-link {



        font-size: 13px;

        color: #000;


    }







    .navbar .nav-header {



    	width: 50%;



    }



    .navbar .menu-show{



    	text-align: right;



    }







    .navbar .nav-links .nav-item a.nav-link:after{







        height: 1px;



        bottom:0;



        background: #6a6a6a57;







    }



}