/*** ESSENTIAL STYLES ***/
.sf-menu {
 /* position: relative; */
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
  
}

.sf-menu > li > a {
  display: block;
  /* position: relative; */
}


/*** DEMO SKIN ***/
.sf-menu {

  margin-bottom: 1em;
  width: 100%;
}
.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  width: 100%; /* allow long menu items to determine submenu width */
}
.sf-menu > li > a {
  border-left: 0px solid #fff;
  border-top: 0px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 0px solid rgba(255,255,255,.5);
  padding: 0;
  text-decoration: none;
  zoom: 1; /* IE7 */
  color: #838389;
}
.sf-menu > li {
  background: none;
  -webkit-transition: background .2s;
  transition: background .2s;

  
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  background: none;
  color: #2f1210;
  
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}





/*** mega menu dropdown ***/
.sf-mega {
  top: 52px !important;
  left: 0 !important;

  padding: 1em;
  box-sizing: border-box;
  width: 100% !important;
}
.stucked.sticky .sf-mega {
	top: 44px !important;
}

.sf-mega > li:hover,
.sf-mega > li.sfHover {
  background: #099178;
  color: #fff;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

.sf-mega-section {
  float: left;
  width: 20%; /* optional */
  padding: 0 0 1em 0;
  text-align: left;
  margin-right: 0;
  border-right: 0px solid #b4c8f5;
}
.sf-mega-section:hover {
	background-color: #1a1b1f;
}

.sf-mega-section.last {
	border: 0;
}
.sf-mega-section .text-wrapper {
	padding: 10px;
	
}

.sf-mega-section .text-wrapper .headline {
	margin-bottom: 5px;
}


.sf-mega-section img {
	margin: 5px auto;
}

.sf-mega-section p {
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-transform: none;
}


/*** mega menu dropdown ***/



.sf-mega {
  top: 52px !important;
  left: 0 !important;

  padding: 1em;
  box-sizing: border-box;
  width: 100% !important;
}
.stucked.sticky .sf-mega {
	top: 44px !important;
}

.sf-mega-section {
  float: left;
  padding: 0 0 1em 0;
  text-align: left;
  margin-right: 0;
  border-bottom: 0px solid #fff;
  min-height: 280px;
}
.sf-mega-section:hover {
	background-color: #1a1b1f;
}

.sf-1 .sf-mega-section { width: 100%; }
.sf-2 .sf-mega-section { width: 50%; }
.sf-3 .sf-mega-section { width: 33.33333%; }
.sf-4 .sf-mega-section { width: 25%; }
.sf-5 .sf-mega-section { width: 20%; }
.sf-6 .sf-mega-section { width: 16.66667%; }
.sf-7 .sf-mega-section { width: 14.28571%; }

.sf-mega-section.last {
	border: 0;
}
.sf-mega-section .text-wrapper {
	padding: 10px;
	
}
.sf-mega-section img {
	margin: 10px auto;
}

.sf-mega-section p {
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-transform: none;
}



/*** Normal dropdown **/

.item-with-normal-menu {
	position: relative;
}
.item-with-normal-menu ul {
	display: none;
}
.sf-menu ul {
	z-index: 999;
	position: absolute;
	top: 38px;
	left: 2px;
	margin: 0;
	min-width: 200px;
	padding: 0px;
	white-space: nowrap;
	display: none;
	background: #fff;

	-webkit-box-shadow:  0 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow:  0 1px 8px rgba(0, 0, 0, 0.3) ;

}

.sf-menu ul .active-arrow {
	position: absolute;
	top: -8px;
	width: 40px;
	left: 10%;
	margin-left: 0px;
	height: 15px;
}

.sf-menu ul li {
	float: left ;
	width: 100%  !important;
	padding: 0px 0px  !important;
	display: block !important;
	text-align: left !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	
}
.sf-menu ul li:last-child {
	border-bottom: 0 !important;
}
.sf-menu ul li a {
	display: block !important;
	text-transform: none !important;
	color: #7f8c8d !important;
	padding: 6px 15px !important;
	border-radius: 0px !important;
	font-weight: 600 !important;
	font-size: 0.8rem !important;
}
.sf-menu ul li a:hover {
	color: #91b9d3 !important;
	background: rgba(255, 255, 255, 0.1) !important;
}