#cssmenu {

  width: auto;

  font-family: 'Arial', sans-serif;

  line-height: 1;

  background: #ffffff;

float:left;



}



 .ect-mn-toggle, [id^=drop] {

 display: none;

}



nav {

  margin: 0;

  padding: 0;

  background-color: #fff;

}







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: #fff;

}



nav a {

  display: block;

  padding: 0 20px;

  color: #000;

  font-size: 14px;

  line-height: 52px;

  text-decoration: none !important;

}





side-nav {

  line-height: 25px;
  
  margin: 0;

  padding: 0;

  background-color: #fff;

}







side-nav:after {

  content: "";

  display: none;

  clear: both;

}



side-nav ul {

  float: left;
  
  height: 0px;

  padding: 0;

  margin: 0;

  list-style: none;
  
  overflow: hidden;

  position: relative;
  
  border-bottom:1px solid #D7D1C9;
  border-right:1px solid #D7D1C9;
  border-left:1px solid #D7D1C9;

  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}

side-nav ul li ul li:hover { background: #EFECE0; }



side-nav a:hover, dropdown-btn:hover { background-color: #EFECE0; }


side-nav:hover ul {
  height: 100%;
}

side-nav ul li {

  height: 0px;
  
  margin: 0px;
  
  padding: 0px;

  display: block;

  float: left;

  background-color: #EFECE0;
  

}



side-nav a, dropdown-btn {

  display: block;

  padding: 4px;

  color: #000;

  font-size: 12px;

  line-height: 20px;

  text-decoration: none !important;

}

active{
	
	background-color: none;
	
	color: #000;
	
}

dropdown-container {
	
	display: none;
	
	background-color: none;
	
	padding-left: 8px;
	
}

fa-caret-down{
	
	float: right;
	
	padding-right: 8px;
	
}


li.dd, span.dd a{background:#EFECE0;z-index:2000;}



li.dd a:hover{background:#D7D1C9;color:#C6202C;}



li.dd a{line-height: 42px;  text-decoration: none;}



nav ul li ul li:hover { background: #EFECE0; }



nav a:hover { background-color: #EFECE0; }



span.ect-mn-toggledd a{

z-index:2000 !important;

background:#D7D1C9;

  text-decoration: none;

}





nav ul ul {

  display: none;

  position: absolute;

  top: 52px;

}



nav ul li:hover > ul { display: inherit; }



nav ul ul li {

  width: 220px;

  float: none;

  display: list-item;

  position: relative;

z-index:12000 !important;

}



nav ul ul ul li {

  position: relative;

  top: -60px;

  left: 170px;

}



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



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





/* Media Queries

--------------------------------------------- */



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



nav { margin: 0; }



.ect-mn-toggle + a,

 .menu { display: none; }



.ect-mn-toggle {

  display: block;

  background-color: #D7D1C9;

  padding: 0 20px;

  color: #FFF;

  font-size: 20px;

  line-height: 54px;

  text-decoration: none;

  border: none;

}



.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: #fff }



nav a:hover { background-color: #D7D1C9 }



nav ul li ul li .ect-mn-toggle,

 nav ul ul a { background-color: #fff; }



nav ul ul {

  float: none;

  position: static;

  color: #ffffff;

}



label.ect-mn-toggledd{

background-color:#D7D1C9 !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;



}

}



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



nav ul li {

  display: block;

  width: 94%;

}



}