.megamenuOpener { cursor: pointer; }

.overlayMenuImage { height: 200px; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: top left;}
.overlay-mm  p, .overlay-mm  p span { font-size: 14px; line-height: 22px; margin-top: 30px; font-weight: 400; color: #222222;}
.overlay-mm  .btn { font-weight: 400; }

.overlay-mm  {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 86px;
  left: 0;
  background: rgba(0,0,0,0.75);
  overflow: scroll;
}

.overlay-mm  div.col-md-4, .overlay-mm  div.col-md-6 { padding-left: 30px; padding-right: 30px; }


.overlay-close {
  float: right;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  border: none;
  font-size: 24px;
  font-weight: 300;
  color: #FFFFFF;
  margin-right: 30px;
  margin-top: 150px;
}
.overlay-data-mm{
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  visibility: 0s 0.25s;
  transition: opacity 0.25s, visibility 0s 0.25s;
}
.overlay-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.75s;
  transition: opacity 0.75s;
}


button.navbar-toggle { margin-right: 20px; padding: 8px 10px; }

.megaMenuHeader { width: 100%; padding: 5px 15px; background-color: #B51932; color: #FFFFFF; margin-top: 30px; overflow: hidden; height: 95px;}
.megaMenuHeader h3 { font-size: 18px; line-height: 24px; text-align: center;}
.megaMenuHeader span { display: block; font-size: 14px; line-height: 18px; font-weight: 300; font-style: italic; padding-bottom: 10px;}
.megaMenuHeader.megaMenuHeader-white { background-color: #FFFFFF; color: #B51932; } 

.megaMenuImage { display: block; width: 100%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin-top: 15px; overflow: hidden;}
.megaMenuImageTitle { display: block; background: rgba(255,255,255,0.75);  height: 40px; margin-top: 160px;  width: 100%;}
.megaMenuImageTitle p { display: block; color: #B51932; font-weight: 300; text-align: center; padding-top: 7px; font-size: 13px;}

.megaMenuImageCycler { display: inline; float: left; height: 30px; overflow: hidden; width: 30px; padding-top: 7px; margin-left: 9px; margin-right: 9px; cursor: pointer;}
.megaMenuImageCycler.megaMenuImageCyclerRight { display: inline; float: right; width: 30px; padding-top: 7px; text-align: right;}
.megaMenuImageCycler img { height: 15px; }

.megaMenuList ul.menu { display: block;  padding: 0; margin: 0 auto; margin-top: 30px; list-style: none; display: block; }
.megaMenuList ul.menu li { display: block; color: #EFEFEF; font-weight: 400;}
.megaMenuList ul.menu li a  { display: inline-block; color: #CFCFCF; font-weight: 400; padding: 5px 0px;}
.megaMenuList ul.menu li a:hover { display: inline-block; color: #FFFFFF; font-weight: 400; text-decoration: none; background-color: transparent; }
.megaMenuList ul.menu li.active a, .megaMenuList ul.menu li.current a  { display: inline-block; color: #FFFFFF; font-weight: 400; padding: 5px 0px;}
.megaMenuList ul.menu li.seperator { width: 100%; height: 28px; overflow: hidden; border-top: 1px solid #AFAFAF; margin-top: 30px; }

.megaMenuHeader ul.menu li.item-190 a { display: none; opacity: 0;}
 
ul.megamenu li.divider { background-image: none; border-top: 1px dotted #999999; margin-left: 25px; margin-top: 60px; padding-left: 0px; font-size: 12px; color: #99CC1D; }
ul.megamenu li.divider span { display: block;  }

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

.overlay-mm  {
  background: #FFFFFF;
}

}