#cssmenu {
  text-align: center; }
  #cssmenu > ul,
  #cssmenu > ul li,
  #cssmenu > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #cssmenu > ul li {
    display: inline-block;
    min-height: 1em;
    line-height: 1em;
    vertical-align: middle; }
  #cssmenu > ul li.hover,
  #cssmenu > ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default; }
  #cssmenu > ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%; }
  #cssmenu > ul ul li {
    float: none; }
  #cssmenu > ul ul ul {
    top: 1px;
    left: 99%; }
  #cssmenu > ul li:hover > ul {
    visibility: visible; }
  #cssmenu > ul > li.last > ul > ul {
    left: auto;
    right: 99%; }
  #cssmenu > ul > li.last ul {
    left: auto;
    right: 0; }
  #cssmenu > ul {
    border-top: 1px solid #2B2B5E;
    border-bottom: 1px solid #2B2B5E;
    font-family: Arial, sans-serif;
    font-size: .9em;
    background: #2F6440;
    width: auto;
    zoom: 1;
    display: flex;
    justify-content: center; }
  #cssmenu > ul:before {
    content: '';
    display: block; }
  #cssmenu > ul:after {
    content: '';
    display: table;
    clear: both; }
  #cssmenu > ul li a {
    display: inline-block;
    padding: .8em 1.1em; }
  #cssmenu > ul > li.active,
  #cssmenu > ul > li.active:hover {
    background-color: #ADDDB7; }
    #cssmenu > ul > li.active > a > span,
    #cssmenu > ul > li.active:hover > a > span {
      color: #303030; }
  #cssmenu > ul > li > a:link,
  #cssmenu > ul > li > a:active,
  #cssmenu > ul > li > a:visited {
    color: #ffffff; }
  #cssmenu > ul > li > a:hover {
    color: #ffffff; }
  #cssmenu > ul ul ul {
    top: 0; }
  #cssmenu > ul li li {
    background-color: #7777AA;
    border-bottom: 1px solid #ebebeb;
    font-size: 1em;
    width: 15em;
    text-align: left; }
    #cssmenu > ul li li > a > span {
      width: 100%; }

#cssmenu > ul li.hover,
#cssmenu > ul li:hover {
  background-color: #CBCBF4; }

#cssmenu > ul > li.hover,
#cssmenu > ul > li:hover {
  background-color: #228b22; }

#cssmenu > ul a:link,
#cssmenu > ul a:visited {
  color: #ffffff;
  text-decoration: none; }

#cssmenu > ul a:hover {
  color: #374760; }

#cssmenu > ul a:active {
  color: #2B2B5E; }

#cssmenu > ul ul {
  border: 1px solid #CCC \9;
  width: 150px;
  margin-left: -2.8em; }

#cssmenuMB > ul,
#cssmenuMB > ul li,
#cssmenuMB > ul ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#menuMB {
  width: 100%;
  height: .3em;
  background-color: #cf8209; }
  #menuMB > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute; }
  #menuMB > li {
    display: inline-block;
    float: left;
    margin-right: 1px; }
  #menuMB li a {
    display: block;
    max-width: 100%;
    height: 3em;
    text-align: left;
    vertical-align: middle;
    padding-left: 1em;
    line-height: 3em;
    font-family: Calibri, Tahoma, Arial, sans-serif;
    color: #fff;
    background: #5e7aa4;
    text-decoration: none; }
  #menuMB li:hover a {
    background: #85aae2; }
  #menuMB li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 2em;
    line-height: 40px; }
  #menuMB li:hover ul a:hover {
    background: #19c589;
    color: #fff; }
  #menuMB li ul {
    display: none; }
  #menuMB li ul li {
    display: block;
    float: none; }
  #menuMB li ul li a {
    width: auto;
    min-width: 60%;
    padding: 0 20px; }
  #menuMB ul li a:hover + .hidden, #menuMB .hidden:hover {
    display: block; }
  #menuMB ul {
    position: relative;
    display: none;
    top: -.5em; }
  #menuMB li {
    margin-bottom: 0;
    border-bottom: 1px solid #ffffff;
    max-width: 60%; }
  #menuMB ul li, #menuMB li a {
    width: 100%; }
  #menuMB .show-menu {
    font-family: Calibri, Tahoma, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #374760;
    text-align: center;
    padding: .5em 0;
    display: none;
    width: 2.5em;
    font-size: 1.2em;
    border-top-right-radius: .3em;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em;
    cursor: pointer;
    display: inline-block; }
  #menuMB input[type=checkbox] {
    display: none; }
  #menuMB input[type=checkbox]:checked ~ #menu {
    display: block; }

#menuMBBox {
  width: 2em;
  height: 2em;
  background-color: #374760;
  border: 1px solid #374760;
  border-radius: .5em;
  padding: .2em 0 0 .5em;
  font-size: 1.5em;
  color: #ffffff; }
  #menuMBBox > #rootUl :before {
    content: '\2630'; }

#cssmenuMB ul {
  display: none; }

#cssmenuMB ul:hover {
  display: block; }

@media screen and (max-width: 700px) {
  #menuMB {
    display: block; }
  #menuDT {
    display: none; } }

@media screen and (min-width: 701px) {
  #menuMB {
    display: none; }
  #menuDT {
    display: block; } }