/*======= Navigation Bar Section ======= */

.my-nav a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.my-nav a:hover, .my-nav a:focus {
    text-decoration: none;
}


/* NavBar */

.my-nav .navbar-custom.mnav {
    margin-bottom: 0;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .8);
    background-color: #000;
}

.my-nav .navbar-custom.mnav .navbar-brand.mnav {
    font-size: 26px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 500;
}

.my-nav .navbar-custom.top-nav-collapse.mnav .navbar-brand.mnav {
    font-size: 18px;
}

.my-nav .navbar-custom.mnav .navbar-brand.mnav:focus {
    outline: 0;
}

.my-nav .navbar-custom.mnav .navbar-brand.mnav .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.my-nav .navbar-custom.mnav .navbar-brand .navbar-toggle:focus, .my-nav .navbar-custom.mnav .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.my-nav .navbar-custom.mnav a {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
}

.my-nav .navbar-custom.mnav .nav li a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.my-nav .navbar-custom.mnav .nav.mnav li a:hover {
    outline: 0;
    color: rgba(217, 96, 81, 1);
    background-color: transparent;
}

.my-nav .navbar-custom.mnav .nav li a:focus,
.my-nav .navbar-custom.mnav .nav.mnav li a:active {
    outline: 0;
    background-color: transparent;
}

.my-nav .navbar-custom.mnav .nav.mnav li.active {
    outline: 0;
}

.my-nav .navbar-custom.mnav .nav.mnav li.active a {
    color: #d96051;
}

.my-nav .navbar-custom.mnav .nav.mnav li.active a.white {
    color: #fff;
}

.my-nav .navbar-custom.mnav .nav.mnav li.active a:hover {
    color: #d96051;
}


/*======= Top Padding ======= */

.pad-top {
    padding-top: 70px;
}

@media (min-width:768px) {
    .my-nav .navbar-custom.mnav {
        padding: 30px;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }
    .my-nav .navbar-custom.top-nav-collapse {
        padding: 10px 30px;
        background-color: #111;
    }
}

.my-nav .top-nav-collapse.mnav .container.mnav {
    width: auto;
}

.my-nav .navbar-toggle {
    padding: 3px 5px 0;
    margin-bottom: 0;
}