.navbar {
    text-align: left;
}

.navbar i {
    margin: 0;
    width: auto;
    color: inherit;
}

.navbar .nav-link {
    color: rgba(255,255,255,.5) !important; 
}

.navbar.bg-dark {
    background-color: #3a3a3a !important;
}
.navbar.nav-custom-top .text-number-call {
    font-family: Gilroy-Heavy;
    font-size: 20pt;
    color: #bababa;
}
.navbar.nav-custom-top .itmx-fa-phone.fa-2x {
    color: #be4730;
    padding-right: 12px;
    font-size: 1.5rem;
}
.navbar.nav-custom-top .navbar-text {
    font-family: Proxima Nova;
    font-weight: 400;
    font-size: 11pt;
    color: #d9d9d9;
}
.navbar.nav-custom-top .text-nav-light {
    font-family: Proxima Nova;
    font-weight: 100;
    font-size: 11pt;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.navbar.nav-custom-top .navbar-nav .custom-icon {
    padding-right: 20px;
    padding-left: 20px;
}
.navbar.nav-custom-top .border-left {
    border-color: #bababa !important;
}
.navbar.nav-custom-top .border-right {
    border-color: #bababa !important;
}
@media only screen and (max-width: 767px) {
    .navbar.nav-custom-top .border-left, .navbar.nav-custom-top .border-right {
        border-left: unset !important;
        border-right: unset !important;
   }
}
.navbar.nav-custom-top ul li a:hover {
    color: #ea4b2c !important;
}
.navbar.nav-custom-top ul li a.active {
    color: #ea4b2c !important;
}
.navbar.navbar-dark .navbar-brand:focus {
    color: #bababa;
}
.navbar.navbar-dark .navbar-brand:hover {
    color: #bababa;
}

.navbar .container {
    max-width: unset;
}

.navbar .container .navbar-toggler-bar {
    background-color: #e4fdf9;
    padding-top: 1rem;
    height: 80px;
}
.navbar .container .navbar-toggler-bar .navbar-toggler-container {
    position: absolute;
    right: 10px;
    padding: 7px 12px;
}
.navbar .container .navbar-toggler-bar .navbar-toggler-container .navbar-toggler {
    line-height: inherit;
    color: white;
}
.navbar .container .navbar-toggler-bar .navbar-toggler-container button {
    padding: 5px 15px;
}
.navbar .container .navbar-toggler-bar .navbar-toggler-container button span.fa {
    font-size: 15px;
}
@media only screen and (max-width: 767px) {
    .navbar .container .navbar-collapse .navbar-nav {
        width: 95%;
        margin-left: 2.5%;
        position: absolute;
        background-color: #3a3a3a;
        z-index: 20;
   }
    .navbar .container .navbar-collapse .navbar-nav li.nav-item {
        padding-left: 4%;
        padding-right: 4%;
   }
    .navbar .container .navbar-collapse .navbar-nav li.nav-item a {
        padding: 1.5rem;
        border-bottom: 1px solid #f9f9f9 !important;
        text-transform: uppercase;
        font-weight: 100;
   }
    .navbar .container .navbar-collapse .navbar-nav li.nav-item a i {
        float: right;
   }
    .navbar .container .navbar-collapse .navbar-nav li.icon {
        display: none;
   }
    .navbar .container .navbar-collapse .navbar-nav li.last a {
        border-bottom: unset;
   }
    .navbar .container .navbar-collapse .navbar-nav li.separator {
        border-top: 4px solid #909090;
        margin: unset;
   }
    .navbar .container .navbar-collapse .navbar-nav li.nav-item:not(.main-item) {
        background-color: #4c4c4c;
   }
}

.navbar .navbar-collapse {
    height: unset !important;
}