.mainmenu{
margin-bottom:0;
min-height:54px;
background: none;
}
.navbar-collapse {
right: 0;
left: 0;
top: 0;
z-index: 10;
}
.navbar-brand{
float: left;
height: auto;
padding: 17px;
color: #fff;
}
.navbar-brand > img{
display: inline;
}
.navbar-default .path{
margin-top: 14px; 
margin-right: 10px; 
float: right;
color: #7C1FB5;
}
.navbar-header{
width:100%;
border-color: #000;
}
.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.fixed a.home-s{
display: block;
float: left;
}
#menu a.home-s{
display: none;
margin-top: 15px;
float: left;
}
.navbar-collapse{
padding-left:0px;
padding-right:0px;
}
.mainmenu .navbar-toggle .icon-bar{
background: #7C1FB5;
}
.navbar{
margin-bottom:0;
}
.navbar-nav{
margin:0;       
}
.navbar-nav > li > a{
padding-top:8px;
padding-bottom:8px;
white-space:nowrap;
}
.nav > li > a{
padding:16px 14px;
text-transform: uppercase;
font-weight: 600;
/*font-family: 'RobotoMono-Regular';*/
}
.nav li {
position: relative;
}

@media (max-width: 767px) {
    
}
.navbar-nav .dropdown > a{
/*padding-right: 35px !important;*/
}
.navbar-toggle {
float: left;
margin: 8px 10px;
padding: 12px 10px;
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: #fff;
border-radius: 0;
}
.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 > .active > a, .mainmenu .navbar-nav > .active > a:hover, .mainmenu .navbar-nav > .active > a:focus, .mainmenu .navbar-nav > li > a:hover{
background: none; 
color:#7C1FB5;
}
#menu.fixed .mainmenu .navbar-nav > .active > a, .mainmenu .navbar-nav > .active > a:hover, .mainmenu .navbar-nav > .active > a:focus, .mainmenu .navbar-nav > li > a:hover{
background: none;
color:#7C1FB5;
}
.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 #7C1FB5;
    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 #7C1FB5;
    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: #7C1FB5;
    }
}
@media (min-width: 768px) {
    .mainmenu .dropdown .closed{
    display:none;
    }
}
                     
.nav li a{
outline:none;
}
ul.nav li.none {
background:none;
}
.nav li a span span{
display: block;
font-size: 14px;
padding:0 0px;
text-decoration:none
}
.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: 82px;
    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:#7C1FB5;
}
.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) {
    .mainmenu{
    margin-left: 0;
    }
    .nav > li > a{
    padding:12px 15px !important;
    }
    .navbar-nav > li > a{
    font-size: 12px !important;
    }
    .mainmenu{
    background: #fff;
    border-top: 1px solid rgba(243, 243, 243, 0.1);
    }
    .nav li ul li{
    width:100% !important;
    }
    #menu a.home{
    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
    }
}