@media (min-width: 768px) {
    .navbar-default{
    background: none; 
    border:none;
    }
    .navbar-collapse .navbar-nav.navbar-left:first-child{
    margin-left:15px;
    }
    #menu a.home{
    float: left;
    display: block;
    padding-top: 3px;
    }
    #menu.fixed a.home{
    display: none;
    float: left;
    }
    .navbar-default .dropdown .closed{
    display:none;
    }
}
.mainmenu{
margin-bottom:0;
background: none;
}
.navbar-collapse {
right: 0;
left: 0;
top: 0;
z-index: 10;
}
.navbar-brand{
float: none;
padding: 10px;
margin-left: -32px;
}
.navbar-brand > img{
display: inline;
width: 100px;
}
.navbar-default .path{
margin-top: 14px; 
margin-right: 10px; 
float: right;
color: #EA2A2A;
}
.navbar-header{
width:100%;
border-color: #000;
text-align: center;
}
.navbar-fixed-top{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.navbar-fixed-top.fixed{
top: -50px;
}
#menu a.home-s{
display: none;
margin-top: 10px;
float: left;
}
#menu.fixed a.home-s{
display: block;
}
.navbar-collapse{
padding-left:0px;
padding-right:0px;
}
.mainmenu .navbar-toggle .icon-bar{
background: #EA2A2A;
}
.navbar{
margin-bottom:0;
min-height: auto;
}
.navbar-nav{
margin:0;       
}
.navbar-nav > li > a{
padding-top:8px;
padding-bottom:8px;
white-space:nowrap;
}
.nav > li > a{
padding: 30px 20px;
font-size: 18px;
font-family: "Roboto-Regular",Helvetica,Arial,sans-serif;
}
.nav li {
position: relative;
}
.nav > li:last-child > a{
padding-right: 0;
}
.navbar-toggle {
float: left;
margin: 8px 8px;
padding: 12px 8px;
border: none;
}
.navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
top: 2px;
}
.mainmenu .navbar-toggle:hover,
.mainmenu .navbar-toggle:focus {
background-color: rgba(49, 108, 184, .4);
border-radius: 2px;
}
.navbar-toggle .icon-bar {
position: relative;
transition: all 200ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
top: 6px;
transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
top: -6px;
transform: rotate(-45deg);
}                       
.mainmenu .navbar-nav > li > a{
color:#333;
} 
.mainmenu .navbar-nav > li .dash{
width: 25%;
margin: 0 auto;
padding: 0;
border-bottom: 0px solid transparent;
}
.mainmenu .navbar-nav > li.selected .dash, .mainmenu .navbar-nav > li:hover .dash{
border-bottom: 5px solid #fff;
}
.mainmenu .navbar-nav > .active > a, .mainmenu .navbar-nav > .active > a:hover, .mainmenu .navbar-nav > .active > a:focus, .mainmenu .navbar-nav > li > a:hover, .mainmenu .navbar-nav > li > a.selected{
color:#EA2A2A;                 
}
#menu.fixed .mainmenu .navbar-nav > li > a, #menu.fixed .mainmenu .navbar-nav > .active > a, #menu.fixed .mainmenu .navbar-nav > .active > a:hover, #menu.fixed .mainmenu .navbar-nav > .active > a:focus, #menu.fixed .mainmenu .navbar-nav > li > a:hover, #menu.fixed .mainmenu .navbar-nav > li > a.selected{
color:#fff
}
.mainmenu .navbar-nav > .dropdown > a .caret{
display: none;
border-bottom-color:#B6B6B6;
border-top-color:#B6B6B6;
right:0;
top:50%;
content:"";
position:absolute;
margin-right:15px;
}
@media (max-width: 767px) and (max-width: 992px) {     
    .mainmenu .navbar-nav > .dropdown > a .caret{
    display: none;
    }       
    .nav ul{
    position:relative !important;
    }
    .nav ul ul{
    position:absolute;
    }
    .nav li ul ul {
    left:0 !important;
    }    
    .mainmenu .dropdown .closed, .mainmenu .dropdown .open{
    right:10px;
    top:0;
    position:absolute;
    height:42px;
    width:60px;
    cursor:pointer
    }
    .mainmenu .dropdown .closed span{
    right:0;
    top:18px;
    position:absolute;
    cursor:pointer;
    width: 0;
    height: 0;
    margin-right: 10px;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-right: 0 dotted;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #EA2A2A;
    content: "";
    }
    .mainmenu .dropdown .open span{
    right:0;
    top:20px;
    position:absolute;
    cursor:pointer;
    width: 0;
    height: 0;
    margin-right: 10px;
    vertical-align: middle;
    border-top: 4px solid #EA2A2A;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
    }
    .nav li {
    background: none; 
    border-bottom: 1px solid rgba(243, 243, 243, 0.1);
    }
    .nav li:hover, .nav li a.selected{
    background: #fff none;
    color: #EA2A2A;
    }      
    .mainmenu .navbar-nav > li > a{
    color:#010101;
    }
    .mainmenu .navbar-nav > .active > a, .mainmenu .navbar-nav > .active > a:hover, .mainmenu .navbar-nav > .active > a:focus, .mainmenu .navbar-nav > li > a:hover, .mainmenu .navbar-nav > li > a.selected{
    color:#EA2A2A !important;
    }
    #menu.fixed .mainmenu .navbar-nav > li > a, #menu.fixed .mainmenu .navbar-nav > .active > a, #menu.fixed .mainmenu .navbar-nav > .active > a:hover, #menu.fixed .mainmenu .navbar-nav > .active > a:focus, #menu.fixed .mainmenu .navbar-nav > li > a:hover, #menu.fixed .mainmenu .navbar-nav > li > a.selected{
    color:#222
    }
}
@media (min-width: 768px) {
    .mainmenu .dropdown .closed{
    display:none;
    }
    #menu.fixed .nav ul {
    top: 84px;
    }
    #menu.fixed .nav ul ul {
    top: 50px;
    }   
}
                     
.nav li a{
outline:none;
}
ul.nav li.none {
background:none;
}
.nav li a span span{
display: block;
}
.nav li ul li a {
display: block;
line-height: 1.5;
padding: 10px 16px;
color:#333; 
white-space:nowrap   
}
.nav ul {
position: absolute;
z-index:99;
visibility: hidden;
opacity:0;
top: 90px;
background: #fff;
padding: 12px 2px;
border-radius: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-webkit-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
-webkit-transition: all .8s cubic-bezier(.25,.46,.45,.94) 0s;
-o-transition: all .8s cubic-bezier(.25,.46,.45,.94) 0s;
transition: all .8s cubic-bezier(.25,.46,.45,.94) 0s;
}
.nav li:last-child ul{
right: 0;
}
.nav li ul li{
width: 100%;
min-width: 180px;      
border:none;
border-bottom: 1px solid rgba(243, 243, 243, 0.9);
}
.nav li ul li:last-child{
border: none;
}
.nav li ul a:hover, .nav li ul li a.selected{
color:#EA2A2A;
}
.nav ul ul {
top: 60px;
border-radius: 10px;
}
.nav li ul ul {
left: 100%;
margin: 0px;
}
.nav li:last-child ul ul{
right: 100%;
left: auto;
}
.nav li:hover ul ul, 
.nav li:hover ul ul ul,
.nav li:hover ul ul ul ul {
visibility: hidden;
opacity:0;
}
.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul,
.nav li li li li:hover ul {
visibility: visible;
opacity:1;
transform: translateY(-20px);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
-webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
-o-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
}
@-webkit-keyframes animatetop {
 from {opacity:0} 
 to {opacity:1}
}
@keyframes animatetop {
 from {opacity:0}
 to {opacity:1}
}

@media (max-width: 767px) {
    .navbar-default{
    background: #fff; 
    }        
    .nav > li > a{
    padding:12px 15px !important;
    font-size: 14px;
    color: #333;
    }
    .nav li ul li{
    width:100% !important;
    }
    .mainmenu .navbar-nav > li .dash{
    display: none;
    }
    #menu a.home, #menu.fixed a.home-s{
    display: none;
    }
    .navbar-collapse {
    /*position: absolute;*/
    top: 100%;
    background: #fff;
    }
    .nav ul {
    display: none;
    top: 24px
    }
    .nav ul ul {
    top: 0;
    }
    .nav li ul ul {
    left: 100%;
    margin: 0px;
    }
    .nav li:last-child ul ul{
    right: 100%;
    left: auto;
    }
    .nav li:hover ul ul, 
    .nav li:hover ul ul ul,
    .nav li:hover ul ul ul ul {
    display: none;
    }

    .nav li:hover ul,
    .nav li li:hover ul,
    .nav li li li:hover ul,
    .nav li li li li:hover ul {
    display: block;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.3s;
    animation-name: animatetop;
    animation-duration: 0.3s
    }
}