.transBack {
    background: transparent;
}

.blackBack {
    background: #565656;
}

.navtextDiv {
    margin-top: 18px;
}

.mobile-close-menu {
    display: none;
}

.h-padding {
    padding-left: 80px;
    padding-right: 80px;
}

.navbar-dark .navbar-toggler {
    border-color: #ecf0f1;
}

    .navbar-dark .navbar-toggler:hover,
    .navbar-dark .navbar-toggler:focus {
        background-color: transparent;
    }

    .navbar-dark .navbar-toggler .icon-bar {
        background-color: #ecf0f1;
    }

.navbar-dark .navbar-collapse {
    border: none;
}


@media (max-width: 767px) {

    .mobile-close-menu {
        display: block;
        padding-top: 10px;
        padding-left: 15px;
    }

    .h-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-dark .navbar-text {
        font-size: 16px;
        color: #E5E5E5;
        letter-spacing: 0;
    }

    .navbar-fixed-top {
        max-height: 1000px !important;
    }

    .navbar-collapse {
        max-height: 1000px !important;
    }

    .navbar-dark .navbar-nav > li > a {
        font-size: 16px;
        color: #808080 !important;
        letter-spacing: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .navbar-dark .navbar-nav > li > a:hover,
        .navbar-dark .navbar-nav > li > a:focus {
            color: #0195EB !important;
            font-size: 16px;
        }
}

.navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/*navbar-scroll*/
.navbar-scroll {
    border: none;
    background: #FFFFFF;
}

    .navbar-scroll .navbar-header {
        height: 85px;
        border: none;
    }

    .navbar-scroll .navbar-brand {
        color: #ecf0f1;
    }

.navtextDiv {
    margin-top: 18px;
}

.navbar-scroll .navbar-brand:hover,
.navbar-scroll .navbar-brand:focus {
    color: #ffffff;
}

.navbar-scroll .navbar-text {
    font-size: 18px;
    color: #8B8B8B;
    letter-spacing: 0;
}

.navbar-scroll .navbar-nav > li > a {
    font-size: 18px;
    color: #8B8B8B;
    letter-spacing: 0;
}

    .navbar-scroll .navbar-nav > li > a:hover,
    .navbar-scroll .navbar-nav > li > a:focus {
        color: #191818;
        font-size: 18px;
    }

.navbar-scroll .navbar-nav > .active > a,
.navbar-scroll .navbar-nav > .active > a:hover,
.navbar-scroll .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #7e7a7a;
}

.navbar-scroll .navbar-nav > .open > a,
.navbar-scroll .navbar-nav > .open > a:hover,
.navbar-scroll .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #7e7a7a;
}

.navbar-scroll .navbar-toggle {
    border-color: #ecf0f1;
    margin-top: 23px;
}

    .navbar-scroll .navbar-toggle:hover,
    .navbar-scroll .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-scroll .navbar-toggle .icon-bar {
        background-color: #ecf0f1;
    }

.navbar-scroll .navbar-collapse {
    border: none;
    text-align: right;
}

.navbar-scroll .navbar-link {
    color: #ecf0f1;
}

    .navbar-scroll .navbar-link:hover {
        color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-scroll .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }

        .navbar-scroll .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-scroll .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
        }

    .navbar-scroll .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-scroll .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-scroll .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #7e7a7a;
    }
}

/*navbar-scroll*/
.navbar-black {
    border: none;
    background: #fff;
}

    .navbar-black .navbar-header {
        border: none;
        height: 55px;
    }

    .navbar-black .navbar-brand {
        color: #ecf0f1;
        padding: 8px;
    }

        .navbar-black .navbar-brand:hover,
        .navbar-black .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-black .navbar-text {
        font-size: 18px;
        color: #8B8B8B;
        letter-spacing: 0;
    }

    .navbar-black .navbar-nav > li > a {
        font-size: 18px;
        color: #595959;
        letter-spacing: 0;
    }

        .navbar-black .navbar-nav > li > a:hover,
        .navbar-black .navbar-nav > li > a:focus {
            color: #191818;
            font-size: 18px;
        }

    .navbar-black .navbar-nav > .active > a,
    .navbar-black .navbar-nav > .active > a:hover,
    .navbar-black .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #7e7a7a;
    }

    .navbar-black .navbar-nav > .open > a,
    .navbar-black .navbar-nav > .open > a:hover,
    .navbar-black .navbar-nav > .open > a:focus {
        color: #ffffff;
        background-color: #7e7a7a;
    }

    .navbar-black .navbar-toggle {
        border-color: #595959;
        margin-top: 23px;
    }

        .navbar-black .navbar-toggle:hover,
        .navbar-black .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar-black .navbar-toggle .icon-bar {
            background-color: #595959;
        }

    .navbar-black .navbar-collapse {
        border: none;
    }

    .navbar-black .navbar-link {
        color: #ecf0f1;
    }

        .navbar-black .navbar-link:hover {
            color: #ffffff;
        }

.nav-container {
    padding-left: 80px;
    padding-right: 80px;
}

@media (max-width: 767px) {
    .navbar-black .navbar-nav > li > a {
        font-size: 18px;
        color: #808080;
        letter-spacing: 0;
    }

        .navbar-black .navbar-nav > li > a:hover,
        .navbar-black .navbar-nav > li > a:focus {
            color: #0195EB;
            font-size: 18px;
        }

    .nav-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-black .navbar-toggle {
        border-color: #595959;
        margin-top: 10px;
    }

    #slide-navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99;
        width: 50%;
        height: 100%;
        background-color: #fff;
        overflow: auto;
    }

    .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
    }
}