#cssmenu {
  	font-family: 'Exo 2', sans-serif;
  	line-height: 1;
  	background: black;
  	float:left;
  	margin:0 auto;
	cursor: pointer;
}

 .ect-mn-toggle, [id^=dropect] {
 	display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: black;

}

ul.menu{
	position: absolute;
	left: 0px;
	top: 60px;
	z-index: 1;
	width: 180px;
	color: fcdd00;
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: black;
}

nav a {
  	display: block;
  	padding: 0 20px;
  	color: #fcdd00;
  	font-size: 12px;
  	line-height: 20px;
	font-family: arial;
	font-weight: bold;
  	text-decoration: none;
}

li.dd, span.dd a{
	background: #fcdd00;
	z-index: 10000;
}

li.dd a:hover{
	background: #fcdd00;
	color: black;
	text-decoration: none;
}

li.dd a{
	line-height: 32px;
}

nav ul li ul li:hover{
	background-color: #fcdd00;
	color: black;
	text-decoration: none;
}

nav a:hover{
	background-color: #fcdd00;
	color: black;
	text-decoration: none;
}

span.ect-mn-toggledd a{
	background: #fcdd00;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 32px;z-index:10000;
}

nav ul li:hover > ul{
	display: inherit;
	background-color: black;
	color: #fcdd00;
}

nav ul ul li {
  width: 250px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -28px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1049px) {

nav { margin: 0; }

.mobile-menu-toggler {
display: block !important;
float: right;
height: 45px;
padding: 11px 12px;
width: 50px;
}

.mobile-menu-toggler span {
background-color: white;
display: block !important;
height: 6px;
margin-bottom: 3px;
width: 26px;
}

.ect-mn-toggle + a,
 .menu { display: none; }

.ect-mn-toggle {
  	display: block;
  	background-color: #000;
  	color: #fcdd00;
  	font-size: 16px;
  	line-height: 32px;
  	text-decoration: none;
  	border: none;
	padding-left: 7px;
	padding-top: 6px;
	padding-right: 10px;
	cursor: pointer;
}

.ect-mn-toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .ect-mn-toggle, nav ul ul a{
	padding: 0 40px;
}

nav ul ul ul a{
	padding: 0 80px;
}

nav a:hover,
 nav ul ul ul a{
 	background-color: #fcdd00;
	color: black;
}

nav a:hover{
	background-color: #fcdd00;
	color: black;
}

nav ul li ul li .ect-mn-toggle,nav ul ul a{
	background-color: #004570;
}

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

label.ect-mn-toggledd{
background-color:#004570 !important;
}

span.ect-mn-toggledd a{
display:none !important;
}

nav ul ul li:hover > ul,nav ul li:hover > ul{
	display: none;
}

nav ul ul li{
  display: block;
  width: 100%;
}

nav ul ul ul li{
	position: static;
}