ul.horizontal>li { /* Main menu <li>: display inline-block */
  display: inline-block;
}

ul.horizontal li>li { /* Submenu <li>: display block */
  display: block;
}

ul.vertical { /* Vertical menu width 100%*/
  width: 100%;
}

ul.vertical>li { /* Vertical main menu <li>  width 100% */
  width: initial;
}

ul.nav a { /* All menu's <a> style */
  color: #FFF;
  text-decoration: none;
  display: block;
  border-bottom: none;
}

ul.nav li.hasSubMenu ul { /* Hide all submenu */
  display: none;
}

/* ul.nav a:hover { All <a> hover style */
/*   color: #1f667b; */
/* } */

.caret { /* <a> with submenu: add caret */
  position: absolute;
  border: 5px solid transparent;
  border-top: 5px solid #4e5800;
}

ul.hover li.hasSubMenu:hover>ul {
  /* <li> with submenu: hover show submenu */
  display: block;
}

ul.horizontal li.hasSubMenu:hover>ul {
  /* Horizontal <li> hovering: take absolut position to cover other text */
  position: absolute;
}

/* xs-show menu */
ul.xs-show {
  width: 92%;
  display: none;
  float: right;
  margin-top: -36px; Such that it is as high as the pull button
  /* border: 1px solid green; */
}

.hasSubMenu {
  width: initial;
  color: #FFF;
  padding-left: 2em;
  text-align: left;
/*   text-align: center; */
  margin-top: 1em;
}


.hasSubMenu ul li {
  width: initial;
  color: #FFF;
  text-align: left;
  padding-left: 1em;
/*   text-align: center; */
}

.SubMenu li a {
  color: #FFF;
  text-decoration: none;
  text-align: left;
}

/* #menu ul li:hover { */
/*   color: #1f667b; */
/* } */

.SubMenu li a {
  text-decoration: none;
  color: #FFF;
}

#menu.classVisible {
  transform: translateX(0);
  visibility: visible;
  z-index: 999999999999;
  text-align: right;
  text-decoration: none;
}

/* #loginBtn { */
/*   width: initial; */
/*   color: #FFF; */
/*   text-align: left; */
/*   padding-left: 1em; */
/* } */

/* #loginBtn a { */
/*   color: #FFF; */
/*   text-decoration: none; */
/* } */

/* #loginBtn:hover a { */
/*   color: #1f667b; */
/* } */

/* .menuCenter ul { */
/*   list-style-type:none;  */
/*   position:absolute; */
/*   width:65%; */
/*   top:43px; */
/*   right:20px; */
/* } */

/* .menuCenter li { */
/*   display:inline-block;  */
/* } */

/* .menuCenter .SubMenuCenter li { */
/*   display:block; */
/*   border:1px solid; */
/*   background:white; */
/*   width:150px; */
/*   padding:4%; */
/* } */

/* .menuCenter ul.nav a { */
/*   color:#42beed; */
/*   font-weight:bold; */
/* } */

/* .menuCenter .hasSubMenu { */
/*   position:relative; */
/*   height:100px;  */
/* } */

/* .fa-angle-right:before { */
/*   vertical-align:super; */
/* } */

/* .hasSubMenu div:hover { */
/*   color:#FFF; */
/* } */