/* Start Menu Styling 
--------------------------------------------- */

.nav { 
	z-index:999;
}


.nav ul, 
.nav ol, 
.nav dl, 
.nav li {
	list-style:none; 
}

/* Hide responsive menu trigger 
--------------------------------------------- */
.menu-icon { display:none; }

/* Start dropdown menu styling 
--------------------------------------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { 
	margin: 0; 
	padding: 0; 
	
}

ul.dropdown{
	float:right;
	position: relative; 
}

ul.dropdown > li { 
    margin-left: 5px;
}
ul.dropdown li { 
	float: left; 
	vertical-align: middle; 
	zoom: 1; /* IE6 */
}
ul.dropdown > li:hover, ul.dropdown > li.active {
	/*background-color: rgba(11,61,143,0.5);*/
}
/* General list styling 
-------------------------------------------- */
ul.dropdown li {  
	font-size:16px; 
}
.top ul.dropdown li {  
	font-size: 14px !important; 
}

/* General links styling 
-------------------------------------------- */
ul.dropdown a,
ul.dropdown a:visited,	
ul.dropdown a:hover, 		
ul.dropdown a:active { 
	text-decoration: none; 
}

ul.dropdown a, 
ul.dropdown span { 
	display: inline-block;
	outline:none; 
	cursor:pointer; 
	padding: 0px 10px; 
}

ul.dropdown ul a,
ul.dropdown ul span {  
	padding: 10px; 
}	

ul.dropdown li:hover, 
ul.dropdown li.hover { 
	position: relative; 
	cursor:pointer; 
}

/* Level I+ 
--------------------------------------- */
ul.dropdown ul { 
	display:none; 
	position: absolute;
	z-index: 598;
	width: 300px; 
	top: 101%; 
	left: 0; 
}

 
ul.dropdown li:hover > ul{
	display:block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(184,176,174,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(184,176,174,1);
	box-shadow: 0px 0px 5px 0px rgba(184,176,174,1);
}

ul.dropdown ul li {
    font-size: 14px;
    float: none;
    width: 100%;
	font-weight: normal; 
	text-transform:none;
	position:relative; 
}

ul.dropdown ul li a { 
	font-size:14px;
}

.blue-black ul.dropdown > li.sub:hover, .blue-black ul.dropdown > li.sub.hover {
    /* padding-bottom: 10px; */
}

/* Level II +  
---------------------------------------- */
ul.dropdown ul ul { top:0; left:100%; }


/* Add trailing arrows 
---------------------------------------- */	
/*
ul.dropdown *.sub { 
	padding-right:15px; 
	background-image: url(../images/nav-arrow-down-thin.gif); 
	background-position: 95% 50%; 
	background-repeat: no-repeat; 
}

ul.dropdown ul *.sub { 
	padding-right: 15px; 
	background-image: url(../images/nav-arrow-right-thin.gif);
	background-position: 100% 50%; 									  
	background-repeat: no-repeat; 
}
*/
/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
/*
ul.dropdown li.sub:hover{  background-image: url(../images/nav-arrow-down.gif); } 
ul.dropdown ul li.sub:hover{ background-image: url(../images/nav-arrow-right.gif);  }
*/
/* Main menu seperator 
---------------------------------------------- */																		  								  
ul.dropdown li.divider{ 
	padding:0!important; 
	margin:0!important; 
	border:0!important;
	display:block; 
	height:49px; 
	float:left;
	width:1px; 
}

ul.dropdown li.rtl ul { position: absolute; top: 100%; right:0; z-index: 598; left:auto; }
ul.dropdown li.rtl ul ul { top:0; right:100%; left:auto; }
ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul { top:0; left:100%!important; right:auto!important; }

/* Theme settings - Change your menu colors, bgcolors, border-colors
---------------------------------------------------------------------- */

/* Theme blue black */
.blue-black, 
.blue-black ul.dropdown { background: transparent; }
.blue-black ul.dropdown ul { background: #fff; }

.blue-black ul.dropdown li  { color: #fff; }

.blue-black ul.dropdown li:hover, 
.blue-black ul.dropdown li.hover {  color: #fff;  }
.blue-black ul.dropdown ul li {   border-bottom:0px solid #61bc47 ;  }

/*
.blue-black ul.dropdown ul li.hover, 
.blue-black ul.dropdown ul li:hover, .blue-black ul.dropdown ul li.active { background-color:#30a9dc;  color: #fff; }

.blue-black ul.dropdown ul li.hover, 
.blue-black ul.dropdown ul li:hover { background-color:#3498DB;  color: #fff; }
*/
.blue-black ul.dropdown ul li a:hover {
	color: #fff;
	background: #2185c5;
}
.blue-black ul.dropdown li.divider{ background: #2185c5;  }


/* Responsiveness 
------------------------------------- */

/* All device screens < = 768px */
@media screen and (max-width: 1279px) {
  .blue-black ul.dropdown li:hover, 
  .blue-black ul.dropdown li.hover {  color: #fff; background: rgba(255, 255,255, 0.2); }
  /* Responsive menu trigger 
  ------------------------------------ */
  .nav.blue-black {
      background: #2185c5;
    display: block;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 50px;
      box-shadow: 0 0 5px 0 rgba(0,0,0,1);
  }
  .menu-icon, 
  .menu-icon span, 
  .menu-icon { 
    color: #fff; 
    width:100%; 
    height:50px; 
    line-height:40px; 
    padding:5px; 
    font-size:1.3em; 
    font-weight:bold; 
    cursor: pointer; 
    display:block;
    position:relative;	
  }

  .menu-icon span{ 
    width: auto;
    padding:0 15px;
    padding-left:40px; 
    height:40px; 
    background: #61bc47  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAADFBMVEUAAAD///////////84wDuoAAAABHRSTlMAgEN6OSL5/gAAABxJREFUGNNjGHRgaigINICYV8HMA0iiQ8YEWgMA554aL5dsxcYAAAAASUVORK5CYII=') center no-repeat ; 
    color: #fff;
    text-align: center;
    text-indent:-999em; 
    display: inline-block;
    position:absolute;
    top:5px;
    right:5px;
     
  }
  /* Responsive menu styling  
  --------------------------------- */
  .nav{ position:relative;  }
  .nav,
  ul.dropdown, 
  .menu-icon, 
  .menu-icon span, 
  ul.dropdown *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 	
  ul.dropdown {  display:none; position: relative; top:-1px; border-top:1px solid #ffffff; background: #ffffff !important; width: 100%; padding: 0px 5px 5px 0px; }
  ul.dropdown  li { position:relative; float:none; display:block; border-bottom:1px solid #ffffff;}
  ul.dropdown  li li{ border-top:0;}
  ul.dropdown  ul a{ padding-left:25px; }
  ul.dropdown  ul ul a{ padding-left:45px; }
  ul.dropdown  ul a:hover  { background-color:#2185c5;}
  ul.dropdown *.sub { padding:0!important; background-image: none!important; }
  ul.dropdown ul{ overflow: hidden; max-height: 0; width:auto; display:block; position: static; }
  ul.dropdown ul.current { display:block; max-height:100em; }
  ul.dropdown li.sub > a{ padding-right:25px; }
  /*ul.dropdown li.sub > a.current{ background:#ffffff;  }*/
  /*ul.dropdown li.sub > ul a.current{ background: #ffffff;  }*/
  ul.dropdown li.sub > a > span, 
  ul.dropdown li.sub > a.current > span { position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0px 20px; }
  ul.dropdown li.rtl ul, 
  ul.dropdown li.ltr ul, 
  ul.dropdown li.ltr ul ul, 
  ul.dropdown li.rtl ul ul { position:static; }
  ul.dropdown li.divider{ display:none!important; }

	.nav ul, 
	.nav ol, 
	.nav dl, 
	.nav li { 
		line-height:1.6em;
		list-style:none; 
	}
  
	nav > ul > li > a { height: auto !important; color: #fff !important; }
	nav > ul > li:not(:first-of-type) { margin-left: 5px !important; }
}



/* Hide mobile toggle on big displays */
@media screen and (min-width: 1280px) {
	ul.dropdown{ display:block !important ; }
	ul.dropdown li.sub > a > span, 
	ul.dropdown li.sub > a.current > span { display: none !important; }
}