/* ------------------------------------------------
*
* CSS Overview:
*----------------
** 1.0 Resets 
** 2.0 Global Settings
** 3.0 Level 0 items
** 4.0 Level 1 drop-down
** 5.0 Level 2 drop-down
*
------------------------------------------------ */

/*--------------------------------------------------------------- 
   1.0 Resets 
-----------------------------------------------------------------*/

/*Hide Mobile Off-canvas menu toggler*/
.right-off-canvas-toggle {
  float: right;

  color: #fff;
  font-size: 30px;
  display: none;
}

/* General Menu Styles */
.menu {
  position: relative;
  display: inline-block;
  padding-top: 0 !important;
/*  padding-left: 40px !important;*/
}

/* All Lists */
.menu,
.menu ul {
  margin: 0;
  padding: 0;
  z-index: 999;
}

/* All List Items */
.menu li {
  position: relative;
  list-style-type: none;
}

#mobile-menu-wrap {
  display: none;
}

.wsselect {
  display: none;
}    

/*--------------------------------------------------------------- 
   2.0 Global Settings 
-----------------------------------------------------------------*/
/* All Menu Links and Separators*/
.menu a, 
.separator {
  line-height: 100%;
  color: #fff;
  display: block;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 9px;
  cursor: pointer;
  cursor: hand;
  
  transition: background .3s;
}
.separator{
  height: 34px;
}

/* All Menu Links and Separators on Hover*/
.menu a:hover, .separator:hover {
  background-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
}


/* All Menu Drop-Down Lists */
.menu ul {
  position: absolute;
  display: none;
  background: #06234C;
}

/*--------------------------------------------------------------- 
   3.0 Level 0 Items
-----------------------------------------------------------------*/

/* Level 0 List Items */
.menu > li {
  float: left;
  position: relative;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: inline-block;
}

/* Level 0 List Item Links */
.menu > li > a {
  height: 34px;
}

/* Level 0 Active List Item Links */
.menu>li.active>a {
    background-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);    
}

.menu>li.active>a:hover {
  background-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
}

/*.menu > li.haschild>a:after{
  content: " \25BC";
}*/


/*--------------------------------------------------------------- 
   4.0 Level 1 Drop Down
-----------------------------------------------------------------*/

/* First Drop-Down List */
.menu > li > ul {
  width: 200px;
}

/* Level 1 List Item Link */
.menu > li > ul > li > a {
  border-radius: 0;
  padding: 15px;
  background:#06234C;
}


/* Level 1 Active List Item Link */
.menu > li > ul > li.active > a {
  background-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
}

.menu > li > ul > li.active > a:hover{
  background-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
}

.menu > li > ul > li.haschild>a:after {
  content: " \25BA";
  float: right;
}

/*--------------------------------------------------------------- 
   5.0 Level 2 Drop Down
-----------------------------------------------------------------*/

/* Second Drop Down list */
.menu > li ul ul {
  width:200px;
  left:200px;
  top:0;
}

/* Level 2 List Item Link */
.menu > li > ul > li > ul > li > a {
  border-bottom: 1px solid #999;
}

/* Level 2 Active List Item Link */
.menu > li > ul > li > ul > li.active > a {
  background-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
}

.menu > li > ul > li > ul > li.haschild>a:after {
  content: " \25BA";
  float: right;
}

 @media all and (max-width: 1024px) {
    .nav.menu {
        display: none;
    }
    .right-off-canvas-toggle {
        display: inline-block;
    }
 }