#navigation { 
	color: #FFF;	
}

#cssmenu > ul > li > a {
  color: #ebebeb;
}

#cssmenu > ul > li:hover > a {
  color: #fff;
}


#cssmenu ul ul li a {
  color: #ebebeb;
}


#cssmenu > ul > li:hover {
  background: rgba(255, 255, 255, .3);
}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
  color: #fff;
}

#cssmenu ul ul li a {
  background: rgba(212, 45, 39, .95);
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  background: rgba(226, 113, 109, .95);
}

#cssmenu ul ul li.has-sub > a::after, #cssmenu.align-right ul ul li.has-sub > a::after {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}


@media screen and (max-width: 900px) {
 
  #cssmenu > ul > li {
	  background: rgba(212, 45, 39, .95)
  }
  
  #cssmenu > ul > li:hover {
	  background: rgba(226, 113, 109, .95);
  }

  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }

  #cssmenu > ul > li > a {
  	color: #ddd;
  }

  #cssmenu > ul > li:hover > a {
	color: #fff;
  }


  #cssmenu ul ul li a {
    color: #ddd;
  }

  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover, #cssmenu #menu-button {
    color: #fff;
  }
 
   
  #cssmenu .submenu-button {
    border-left: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu .submenu-button::after, #cssmenu .submenu-button::before {
    background: #fff;    
  }
  
  #cssmenu #menu-button::before {
    border-top: 3px solid #ebebeb;
    border-bottom: 3px solid #ebebeb;
  }  
  
  #cssmenu #menu-button::after {
    background: #ebebeb;    
  }

  /* menu button hover */
  #cssmenu #menu-button:hover::after {
    background: #fff;
  }

  #cssmenu #menu-button:hover::before {
    border-color: #fff;
  }  
  /* end menu button hover */

  

}