/* General Menu Styles */

.div-menu-flex {
    border-bottom: 3px solid #f37e08;
    background: #fefefe;
    /*height:50px;*/
    position:relative;
    z-index:100000;
    padding:0px 20px 0 0;
}

.menu-flex {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  /*height:50px;*/
  overflow:hidden;  

}

.js .menu-flex {
  /* If we have JavaScript enabled and we're just waiting for flexMenu to load and run, hide list items that don't fit on one line. If JavaScript is not enabled, just show 'em all. */
  /*height: 50px;*/
  overflow: hidden;
}

.menu-flex > li {
  margin: 0 0 0 5px;
  float: left;
}

.menu-flex > li:first-child {
  margin-left: 0;
}

.menu-flex a {
  display: block;
  text-decoration: none;
  padding: 19px 20px;
  height: 1em;
  color: #1d5084;
  font-size:13px;
  font-weight: 700;
  text-transform: uppercase;
}

.menu-flex a:hover {
    background-image:url(/theme/arrow-menu.png);
    background-position:  50% 100%;
    background-repeat:no-repeat;
}

.flex-multi {
  float: left;
  width: 45%;
  margin-bottom: 100px;
}

.flex-multi + .flex-multi {
  float: right;
}

.clear {
  clear: both;
}

/* flexMenu styles */

.flexMenu-viewMore > a {
  background-image: none;
  background-color: #f28211;
  color:#fff;
}

.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover {
  background-image: none;
  background-color: #f28211;
  color:#fff;
}

.flexMenu-popup {
  list-style-type: none;
  padding: 0;
  /*background-color: #f1f1f1;*/
  background-color: #eaf1fd;
  margin: 2px 0 0 0;
  
  /*width: 100%;
  left: 0;*/
}

.lt-ie8 .flexMenu-popup {
}

.flexMenu-popup a {
  display: block;
  padding: 12px 15px;
}

.flexMenu-popup a:hover {
  background-image: none;
  background-color: #f28211;
  color: #fff;
  display: block;
}

.menu-flex > .flexMenu-allInPopup {
    float: right;
}

.flexMenu-allInPopup a {
    padding:12px 20px;
}
.flexMenu-allInPopup > a {
    position: absolute;
    right: 0;
    top:-37px;
}

/*.flxmenu {
    position: sticky;
    top: 0px;
    z-index: 1002;
    background: #fff;
}*/
.fixed {
    position: fixed;
    top: 0;
    z-index:1003;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

@media (max-width:780px) {
    .div-menu-flex {padding:0px 25px 0 0;}   
}
@media (max-width:700px) {
    .flexMenu-popup {width:100%; left:0;}
    .div-menu-flex {padding:0;}
    .flexMenu-popup li {display: inline; float: left;}
    .menu-flex .flexMenu-viewMore {float:right;}
}
@media (min-width:490px) {
    .menu-flex {height:50px;}
}

@media (max-width:400px) {
    .flexMenu-allInPopup a {padding: 12px 10px;}
}