#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu #menu-button { display: none; }

#cssmenu {
  /*! font-family: Helvetica, sans-serif; */
  background: #5f8ebf;
  text-align: center;
  position: relative;
  z-index: 10000;
  border-bottom: 1px solid rgb(79, 98, 125);
}

#cssmenu > ul > li { display: inline-block;}

#cssmenu li.selected {
  background-color: rgba(256,256,256,0.1);
  /*! border-bottom: 1px solid #ccc; */
}

#cssmenu li.selected a {
  color: #e3e3e3;
}

#cssmenu > ul > li > a {
  font-family: 'Cinzel';
  padding: 30px 18px;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  color: #b1c6e1;
  /*! font-weight: 700; */
   
}


#cssmenu ul li:hover  
{ background-color: rgba(256,256,256,0.2)
}


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

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  min-width: 200px;
}

#cssmenu li:hover > ul { left: auto; }

#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#cssmenu ul ul li a {
  
  width: 100%;
  font-size: 16px;
  background: #333;
  text-decoration: none;
  color: #eee;
  line-height: 24px;
  padding: 4px 15px;
}

#cssmenu ul ul li a:hover {
  
  width: 100%;
  font-size: 16px;
   background: #333;
  text-decoration: none;
  color: #eee;
  line-height: 24px;
}




@media screen and (max-width:1024px) {

#cssmenu {
 width: 100%;
 transition: all 0.5s ease-in-out; 
}
 #cssmenu ul {
 width: 100%;
 display: none;
 transition: all 0.5s ease-in-out; 
}
 #cssmenu ul li {
 width: 100%;
 border-top: 1px solid rgba(0,0,0,0.4);
}
 #cssmenu ul li a {
 width: 100%;
 min-width: 200px;
 padding:18px 18px;
}
 #cssmenu > ul > li {
 float: none;
}
 #cssmenu ul ul li a {
 padding-left: 25px;
}
 #cssmenu ul ul ul li a {
 padding-left: 35px;
}
 #cssmenu ul ul,  #cssmenu ul ul ul {
 position: relative;
 left: 0;
 width: 100%;
 margin: 0;
}
 #cssmenu #menu-button {
 display: block;
 padding: 15px;
 color: #fff;
 background: #5f8ebf;
 cursor: pointer;
 position: relative;
 font-family: 'Cinzel';
 font-size: 24px;
}

 #cssmenu #menu-button:after {
 position: absolute;
 content: "";
 width: 32px;
 height: 4px;
 background-color: #fff;
 right: 12px;
 top: 12px;
 transition: all 0.5s ease-in-out;
}

 #cssmenu #menu-button:before {
 position: absolute;
 content: "";
 width: 32px;
 height: 6px;
 /*! background-color: #1f2538; */
 border-top: 4px solid #fff;
 border-bottom: 4px solid #fff;
 right: 12px;
 top: 22px;
 transition: all 0.5s ease-in-out;
}



 #cssmenu #menu-button.menu-opened:after {
 position: absolute;
 content: "";
 width: 32px;
 /*! height: 6px; */
 background-color: #fff;
 right: 12px;
 top: 20px;
 transition: all 0.5s ease-in-out;
 -ms-transform: rotate(45deg); /* IE 9 */
 -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
 transform: rotate(45deg);
}

#cssmenu #menu-button.menu-opened:before {
  position: absolute;
  content: "";
  width: 32px;
  /*! background-color: #1f2538; */
  border-top: 4px solid #7e99bf;
  border-bottom: 4px solid #fff;
  right: 16px;
  top: 12px;
  transition: all 0.5s ease-in-out;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  }



 #cssmenu .submenu-button {
 position: absolute;
 z-index: 99;
 right: 0;
 top: 0;
 display: block;
 border-left: 1px solid #444;
 height: 58px;
 width: 58px;
 cursor: pointer;
}
 #cssmenu ul ul .submenu-button {
 height: 30px;
 width: 30px;
}
 #cssmenu .submenu-button:after {
 content: '>';
 position: absolute;
 top: 8px;
 left: 17px;
 display: block;
 width: 0;
 padding: 0;
 color: #f7f7f7;
 font-size: 36px;
}
 #cssmenu ul ul .submenu-button:after {
 border-width: 4px;
 left: 11px;
 top: 14px;
}
 #cssmenu .submenu-button.submenu-opened:after {
 content: '>';
 position: absolute;
 top: 8px;
 left: 17px;
 display: block;
 width: 0;
 padding: 0;
 color: #fff;
 font-size: 36px;
}
 #cssmenu ul ul .submenu-button.submenu-opened:after {
 top: 10px;
}
}