/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 4px 0 0 5px; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline; float:left;}
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin:10px;	
	text-decoration:none;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 5px;  
	background-color: #43474d;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_nav {
	background-color: #fff;
 	border:0px solid rgba(149, 149, 149, 0.21);
	color: #fff;
	margin: 0;	
	padding: 0;
	font-size: 16px;
	box-shadow: 0px 5px 10px rgba(149, 149, 149, 0.21);
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
    padding: 10px 20px 10px 20px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding: 10px 20px;
	margin:0;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
	color: #43474d ;
	background-color: rgba(0, 0, 0, 0) ;
}
.slicknav_nav .slicknav_item:hover a {
	color: #fff ;
}
.slicknav_nav .slicknav_item:hover {

	background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
	color: #fff ;
}
.slicknav_nav a:hover{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
	color:#fff ;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.slicknav_menu > ul > li > a {
	color: #43474d ;
}

.slicknav_menu i {
	display: none ;
}


.slicknav_nav a .span{ font-size:12px;}



/* 2.2  Header / nav   */

/*.navbar-brand { text-align:center;}
.navbar-brand .logo-mob { display:none;}
.scrollING .navbar-brand .logo-mob { display:block; margin:0 auto;}

.navbar-brand .logo { display:block; margin:0 auto;}
.scrollING .navbar-brand .logo { display:none;}*/

/*.navbar-brand img {margin:24px 14px;}*/

#menu li a .span {
    color: #757575;
    font-size: 13px !important;
    text-transform: lowercase;
}


#menu li a span { display:block;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


#menu li a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}


#menu li a .nav-border {
    border-top: 1px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/
    margin:8px 0;
    width:20px;
}



ul#menu { font-size: 13px; margin-top:5px; padding:0; margin-left:10px;}
ul#menu  li {  display: inline-block;  position: relative; }
ul#menu > ul > li > ul {  display: none; }

ul#menu > li > a {  display: block;  text-decoration: none ;  color: #444;  padding:10px;  border-radius:3px; text-align:left; }
ul#menu li > a > i {  margin: 0 -5px 0 10px; }
ul#menu > li:hover > a {   color: #fff ; text-decoration:none; background: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/}

/* sub-menu */
ul#menu li ul.sub-menu {
  display: block;
  position: absolute; left: 5;
  margin: 0;
  padding: 0;
  display: none;
  z-index: 9999;
  background-color: transparent;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border-radius: 5px;
  overflow: visible ;
  padding-top:17px;
}
ul#menu li ul.sub-menu li {
  float: none;
  margin: 0;
  text-align: left;
  width: 200px;
  padding: 0;
}
ul.sub-menu li > ul {
  display: none;
}
ul.sub-menu > li > a {
  display: block;
  width: 100%;
  padding: 11px 15px 13px 20px;
  color: #43474d ; background-color: #fff;
}
ul.sub-menu > li:first-child > a { border-top:2px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/}
ul.sub-menu > li:last-child > a {

}
#menu ul.sub-menu > li:hover > a {
  background-color: #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/ text-decoration:none;  color: #fff ;
 
  
}
ul.sub-menu > li > a > i {
  float: right; 
}
ul.sub-menu li ul.sub-sub-menu {
  position: absolute;
  top: 0px ;
  left: 200px;
  margin: 0;
  padding: 0;
  z-index: 999999;
}
ul.sub-menu li ul.sub-sub-l-menu {
  position: absolute;
  top: 0px ;
  right: 200px;
  margin: 0;
  padding: 0;
  z-index: 999999;
}

.slicknav_menu {
  display: none;
}


@media (max-width: 980px) {
	
	ul#menu > li > a { padding:0 12px;}
	
	
	}
.s-menu-bar { text-align:right; padding-top:/*20px TKM*/10px;padding-right:15px; float:right;position:relative;width:245px; }
@media (max-width: 1200px) {
.navbar { padding:0 10px;}
ul.sub-menu > li:first-child > a { border-top:0px solid #430098;/*old MHL purple = #8348b5 new MHL purple = #430098*/}
ul.sub-menu li ul.sub-sub-menu {    position: relative ;    left: 0 ;    margin-left: 20px ;  }  
.slicknav_parent > .sub-menu > .slicknav_parent > .sub-sub-l-menu {    position: relative ;    margin-left: 20px ;    color: #43474d;    right: 0;  }
#menu ul li a {}
.slicknav_parent > ul.sub-menu > li:hover > a > a {         color: #fff ;  }

.js #menu {    display: none;  }
.js .slicknav_menu { margin:0px;    display: block;    z-index:1001; position:fixed; float:left; top:9px; } /*was position:relative*/

/*.s-menu-bar { text-align:right; padding-top:10px; float:right; border-top:1px solid #eee; padding-bottom:10px; } - TKM*/

}


@media (max-width: 1480px) {#menu li a{ font-size:12px;}}
@media (max-width: 1280px) {#menu li a{ font-size:11px; padding:10px 4px;}}

@media (min-width: 768px) {
	
	.js .slicknav_menu {top:3px; left:0px; float:left; position:fixed;}/*position:fixed;*/
	}
	
@media (max-width:649px){/*changed to 649 from 650 to match the rest of the top nav bar transition between scrolling and fixed*/
.js .slicknav_menu{position:absolute; left:0px;}
}	
	

header.fixed { position:fixed; background-color: #FFF; box-shadow:0 0 5px rgba(0,0,0,0.2); animation: navDown 0.2s; -webkit-animation: myfirst 0.2s; }
@keyframes navDown {
  0%   { top: -104px; }
  100% { top: 0; }
}

@-webkit-keyframes myfirst {
    0%   { top: -104px; }
    100% { top: 0; }
}


