﻿ #customnav { 
      
     font-size: 16px;
     margin-bottom: 0px;
     border: none;
     z-index: 600;
     background-color: #bb0505;
}
 
 .nav-list {
     border-bottom: none;
}
 .nav-list > li {
     padding: 10px 25px;
}
 .nav-list > li:last-child {
     border-right: none;
}
 .nav-list > li > a:hover {
     text-decoration: none;
}
 .nav-list > li > a > span {
     display: block;
     font-weight: bold;
     text-transform: uppercase;
}
 .mega-dropdown {
     position: static !important;
}
 .mega-dropdown-menu {
     padding: 20px 15px 15px;
     text-align: center;
     width: 100%;
}
/* ---------------= css Overwrite ------------- */

 #navbar-right-custom {
 
     padding:0px 10px;
}
.navbar-nav {
    margin: 0px -15px;
}
.navbar-header 
{
   
 }
/*
 #navbar-right-custom > li:last-child {
     margin-left: 5px;
}
 #navbar-right-custom > li:last-child a {
     color: #fff;
     font-weight: bolder;
}
*/
 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
     margin-right: 0px;
}

 .navbar-default .navbar-nav > li {
     margin-left: 1px;
    
}
 .navbar-default .navbar-nav > li > a {
     color: #fff;
     font-weight: bold;
}
 .nav > li > a {
     padding-left:12px;
     padding-right:12px;
}
 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
     color: #fff;
     background-color: #e10606; 
     
}
 ul.nav-list > li > a:hover img {
     transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .navbar-default {
    
    
     margin-bottom: 0px;
}
 .navbar-brand {
     padding: 5px;
}
 .navbar-nav > li > a {
     text-transform: uppercase;
 
    
}
 .navbar-right > li {
     height: 40px;
     line-height: 40px;
}
/* ---- A in drop menu -------- */
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
       
         background: #e10606;
         color: #fff;
  }

     .navbar-toggle {
      border-radius: 0px;
      padding: 7px 8px;
      margin-top:10px;
      margin-bottom:10px; 

    }
     .navbar-default .navbar-toggle {
         border-color: #fff;
         background-color: #bb0505;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: #bb0505;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fffdfd;
    }
    
    a.title-product-home {
         color: #333;
    }
    
     a.title-product-home:hover {
         color: #c61633;
         font-weight: 600;
    }
    .dropdown-menu
    {        
        border:none;
     }
     
     
 .navbar-default .navbar-collapse, .navbar-default{
    border: none;
   max-height:500px;
   background-color:#bb0505; 
}

.navbar-right-custom
{
      max-height:500px;
      background-color:#003469;
}
  
     @media (max-width: 768px) 
     {
         .navbar-default .navbar-nav > li {
     margin-left: 1px;
     border-bottom: 1px solid #E8EFE8;
} 
      .navbar-default .navbar-nav > li > a {
     color: #333;
     
}    

        .navbar-default .navbar-collapse, .navbar-default{
    border: none;
   max-height:500px;
   background-color:#dedede; 
}

 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
       
         background: transparent;
         color: #c90303;
  }

  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
     color: #c90303;
    background-color: transparent;
}
         
         .navbar-header span.ic-menu
    {
        float: left;
        padding: 12px 10px 10px 10px; 
        color:#fff;
        font-weight:600;
        font-size:18px;
    }
         .navbar-default {
             height: auto;
        }
         .navbar-right > li {
             height: auto;
        }
        /*
         #navbar-right-custom > li:last-child {
             margin-top: 5px;
             margin-left: 0px;
        }
*/
         .navbar-nav > li > a {
             padding-top: 10px;
             padding-bottom: 10px;
             line-height: 20px;
        }
        .navbar-nav {
            margin: 0px -30px;
}

}
    