/*** ESSENTIAL STYLES ***/
#megamenu.sf-menu {position: relative;margin: 0; padding: 0;list-style: none; font-family:Dosis,sans-serif;font-weight:600;text-transform:uppercase;}
#megamenu.sf-menu .sf-mega {position: absolute;display: none;top: 100%;z-index: 29999;}
#megamenu.sf-menu > li {float: left;text-shadow: 1px 1px 0 #000;font-size:16px;}
#megamenu.sf-menu li:hover > .sf-mega, #megamenu.sf-menu li.sfHover > .sf-mega {display: block;}
#megamenu.sf-menu > li > a {display: block;position: relative;color:#fff;}

/*** DEMO SKIN ***/
#megamenu.sf-menu {float: right;line-height:24px;}
#megamenu.sf-menu .sf-mega {width: auto;}
#megamenu.sf-menu > li > a {margin: 0 12px; text-decoration: none; zoom: 1;}

#megamenu.sf-menu > li.current > a {border-bottom:2px solid #fff;}
#megamenu.sf-menu > li {-webkit-transition: background .2s;transition: background .2s;}
#megamenu.sf-menu > li:hover, #megamenu.sf-menu > li.sfHover {-webkit-transition: none;transition: none;}

#megamenu.sf-menu > li.sfHover a {color:#fff;}
#megamenu.sf-menu > li:hover a {color:#fff;}

/*** mega menu dropdown ***/
#megamenu .sf-mega {padding: 0; box-sizing: border-box; margin-top:0;}
#megamenu .sf-mega-section {float: left;padding: 0;margin-right: 1em;}

/*** arrows (for all except IE7) **/
#megamenu .sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
#megamenu .sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
#megamenu .sf-arrows > li > .sf-with-ul:focus:after,
#megamenu .sf-arrows > li:hover > .sf-with-ul:after,
#megamenu .sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}

/*    Mega Menu    */
#megamenu.sf-menu > li > a {color:#fff;border:none;}
#megamenu.sf-menu > li > a.sf-with-ul {padding-top: 0; padding-bottom: 0;}
#megamenu.sf-menu > li.last > a {background:#fff;padding:10px 0 0 7px;height:45px;}
#megamenu.sf-menu > li > a:hover, #megamenu.sf-menu > li.sfHover > a {text-decoration:none;border-bottom:2px solid #fff;}
#megamenu.sf-menu li {list-style-type:none;}
#megamenu.sf-menu .sf-mega {position:absolute;}
#megamenu.sf-menu .sf-mega a:link, #megamenu.sf-menu .sf-mega a:visited {color:#fff;text-decoration:none;}
#megamenu h3 {padding-bottom:0;margin-bottom:0;}
#megamenu p {margin-top:0;}
#megamenu .sf-mega {background:none;}
#megamenu .sf-mega-section {border:none;}
/*
.sf-mega.megathree {display:block !important;}
*/
.sf-mega-section ul {padding:0 0 0 10px;margin:-3px 0 0;}
.sf-mega-section a {padding:0 4px;display:inline-block;font-size:12px;font-family:'Dosis SemiBold',sans-serif;}
.sf-mega-section img {margin-top:20px;}
.sf-mega-section ul li {float:left;width:auto;padding:0 10px;}
.sf-mega.megathree .sf-mega-section ul {padding-left:0;}
.sf-mega.megathree .sf-mega-section ul li {padding:0 3px;}
a.headerlink:link, a.bottomlink:link, a.headerlink:visited, a.bottomlink:visited {text-decoration:none;color: #000; font-size:16px;}
a.headerlink:hover, a.bottomlink:hover {color:#777;}

.megasectionwrapper {margin:0 auto;}