.background-menu {
    background-color: #75897E;
    border-color: #5e7669;
}

.navbar-main { 
    position:relative;
    margin:0;
    line-height:50px; 
    min-height:50px;
    
    border-top:#eee solid 0px;
    background: transparent !important;
    border-radius:0; 
    border-top: 1px solid #eee;
    border-bottom:1px solid #eee;  
}

@media all and (max-width: 480px) { 
    .header-sticky .navbar-main {
        position: fixed;
        top: 0px;
        min-height: 50px;
        width: 100%;
        z-index: 99;
        left: 0;
        background-color: #fff !important;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
    }
}
.navbar-main .navbar-header  {
    background: transparent !important;
}

.navbar-main .nav>li>a {
    border-bottom: 0 none;
    border-radius: 0;
    font-size: 18px;
    font-style: normal;
    height: 68px;
    line-height: 68px;
    margin-left: 0;
    margin-right: 0;
    outline: medium none;
    padding: 0 9px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    color:#fff;
    font-family: 'Oswald', sans-serif; 
    font-weight: 400;
}
#header #top-search {
    float: right; 
    line-height: 68px; 
    font-size: 16px;
    padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 768px) { 
    #header #top-search {
        float: right; 
        line-height: 42px; 
        font-size: 16px;
    }
} 

@media (min-width: 769px) and (max-width: 991px) { 
    #header #top-search {
        float: right; 
        line-height: 42px; 
        font-size: 16px;
    }
} 
@media all and (max-width: 480px) { 
   #header #top-search {
    float: left; 
    line-height: 42px; 
    font-size: 14px;
    padding: 0 20px;
} 
}
.navbar-main .dropdown-menu{
    background-color: transparent !important;
    border:none!important;
    padding:0;
    border-radius:0;
    -webkit-box-shadow:0 6px 12px rgba(79,83,103,.175);
    box-shadow:0 6px 12px rgba(79,83,103,.175)
}
.navbar-main .dropdown-menu li>a{
    padding:0 25px 0 15px;
    white-space:nowrap;
    min-height:32px;
    line-height:40px;
    font-family: 'Open Sans', sans-serif;  
    font-weight: 700;
    text-transform: uppercase;
    font-size:13px;
}
.navbar-main .dropdown-menu li>a i{
    color:#60594c;
    margin-left:10px
}
.navbar-main .dropdown-submenu{
    position:relative;
}
.navbar-main .dropdown-submenu:after{
    content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:14px;padding-left:15px;position:absolute;top:10px;right:10px
}
.navbar-main .dropdown-submenu>.dropdown-menu{
    position:absolute;left:100%;top:0;margin:0
}
.navbar-main .dropdown-submenu:hover>.dropdown-menu{
    display:block
}

.navbar-main .nav.navbar-right .dropdown-menu{
    right:15px;
}

.navbar-main a.navbar-brand i{
    display:inline-block;color:#e4ddce;height:30px;width:30px;line-height:30px;border:1px solid #988564;border-radius:30px;text-align:center;
    -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease
}
.navbar-main a.navbar-brand i:hover{
    background-color:#75897E;
    color:#333;
    border:1px solid #60594c;
}
.navbar-main .navbar-toggle{
    background-color:#e4ddce;
    border-radius:0
}
.navbar-main .navbar-toggle .icon-bar{
    background-color:#fff}
.navbar-main .navbar-collapse{
    max-height:none
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover,.nav>li>a:focus,.nav>li>a:hover,.navbar-main .nav>li.open>a, .navbar-main .dropdown-menu>li>a:focus,.navbar-main .dropdown-menu>li>a:hover{
    background-color: #fff !important; 
    color:#333;
}

.nav .open>a i,.nav .open>a:focus i,.nav .open>a:hover i,.nav>li>a:focus i,.nav>li>a:hover i,.navbar-main .nav>li.open>a i{
    background-color: #fff !important; 
    color:#333;
}
.navbar-nav li:hover a,.navbar-nav li:focus a,.search-btn:hover,.search-btn:focus,.banner-links ul li:hover a,.banner-links ul li:focus a,.nav > li > a:hover, .nav > li > a:focus{
    background-color: #fff !important; 
    color:#333;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
.nav>li>a i{
    color:#333;
    margin-left:4px
}
.yamm-content ul>li{
    min-height:40px;line-height:40px
}
.yamm-content .banner{
    margin:20px 0 0
}
.level3 a{
    background-color: #3f4146 !important;
    border-color: #cccc00;
    color:#000!important
}
.navbar-main .dropdown-submenu:hover:after{
    color:#000
}

/* toggle solo x mobile */
.navbar-brand { color:#fff;} 
.navbar-main .navbar-toggle {
    background-color: transparent !important;
    border-radius: 0;
    border: 0px solid transparent;
}

.navbar-toggle {
    padding: 0px 10px !important;; 
    line-height: 50px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/* end toggle */

@media (min-width:769px) and (max-width:989px){
    .header-logo{
        padding:10px 0 10px;
    }
    .header-logo img{
        height: 80px;
    }
}
@media (min-width:768px) and (max-width:989px){
    .navbar-brand { display: none;}
}
@media (min-width:481px) and (max-width:989px){
    .nav>li>a i{
        margin-left:8px
    }
    .navbar-main a.navbar-brand{
        line-height: 50px !important;
        height:50px
    }
    .navbar-main .nav>li>a {
        border-bottom: 0 none;
        border-radius: 0;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        height: 42px;
        line-height: 42px;
        margin-left: 0;
        margin-right: 0;
        outline: medium none;
        padding: 0 13px;
        text-transform: uppercase;
        transition: all 0.3s ease-in-out 0s;
    }
    .navbar-main .nav>li>a {
        font-size: 13px !important;
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 15px !important;
        border-top: 0px solid #eee !important;
        border-bottom: 0px solid #eee !important;
    }
}
@media all and (max-width: 480px) { 
    .navbar-main .nav>li>a {
        font-size: 13px !important;
    } 
}

