/*** ESSENTIAL STYLES ***/
#nav-wrap{ text-align:center; }
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
}
.sf-menu .sf-mega {
	display: none;
	width:100%;
	z-index: 999;
}

.sf-menu > li {
float: left;
padding: 0 33px 0 0;
margin: 0 30px 0 0;
border-right: 1px solid rgba(0,0,0,0.12) !important;

}

.sf-menu > li:last-child{border:none !important;}


.sf-menu .sub-menu{position: absolute;top: 100%;left: 0;padding: 0;margin: 0;width: 140px;text-align: left;background: rgb(255, 162, 0);z-index:99;}
.sf-menu .sub-menu li{border-top:1px solid transparent;}
/*.sf-menu .sub-menu li:last-child{border:none;}*/
.sf-menu .sub-menu li a{font-weight: 600;letter-spacing: 0.10px;font-size: 14px;line-height: 18px;padding:8px 12px;margin: 0;opacity: 0.95;transition: all 500ms ease-in-out;cursor: pointer !important;text-align: left;}
.sf-menu .sub-menu li a:hover{background:#e99709;}

.sf-menu > li:first-child{ padding-left:0;}
.sf-menu > li:last-child{ border:none;}
.sf-menu > li.last {
	background:none;
}

.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
	display: block;
}

.sf-menu a {
	display: block;
	border: none !important;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	width:100%;
}

.sf-menu .sf-mega {
  width:100%; /* allow long menu items to determine submenu width */
}


.sf-menu > li {
	position:relative;
	border:none;
}
.sf-menu > li:after{content:""; position:absolute; top:22px; right:0; width:1px; height:16px;background:#fff;transition: all 500ms ease-in-out;}
.sf-menu > li:last-child:after{display:none;}


.sf-menu > li > a {
font-size: 16px;
line-height: 18px;
color:#171717;
text-transform: uppercase;
transition: all 500ms ease-in-out;
letter-spacing: 0.50px;
padding:0 0 7px;
margin: 0;
font-weight: 600;
text-decoration: none;
position:relative;
}

.sf-menu > li > a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f4ad31;opacity:0;transition: all 500ms ease-in-out;}




.sf-menu > li > a.sf-with-ul{position:relative;}
.sf-menu > li > a.sf-with-ul:after{content: "\f0dd";position: absolute;top: 21px;right:10px;font: normal normal normal 16px/1 FontAwesome !important;transition: all 500ms ease-in-out;}


.sf-menu > li > a:hover:after {opacity:1;}
.sf-menu > li > a:hover {color:#f4ad31;}
.sf-menu > li:hover:after{background-color:transparent;}

.sf-menu > li.sfHover a{}
.sf-menu > li.active:after{background-color:transparent;}


.sf-menu > li.active a{color:#f4ad31;}
.sf-menu > li.active a:after {opacity:1;}



.sf-menu li {
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}


/*** mega menu dropdown ***/

#header .bottom-block .container{ position:relative;}
#header .bottom-block .container .sf-mega {
  padding:0;
  box-sizing: border-box;
  width: 1140px;
  left:15px;
  position:absolute;
  border-radius:0;
  top:58px;
  
}

.sf-mega-section {
  float: left;
  padding:0;
  margin:0;
  text-align:left;
  width:25%;
}
.sf-mega-section img{ max-width:100%;}

.sf-mega-section-last{ padding-right:0; }

.sf-mega-img-section {
  float: right;
  padding:0;
  margin:0;
  line-height:0;
}

.sf-mega-section ul{ padding:15px 0 0 0; margin:0; list-style:none; }
.sf-mega-section ul li{ display:block; padding:0px 0 10px 0px !important; margin:0; }
.sf-mega-section ul li.last{ border:none; }
.sf-mega-section ul li a{ font-size:16px; line-height:18px;}

/*** arrows (for all except IE7) **/

/* styling for both css and generated arrows */

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}
 
.sf-menu .sf-mega .block{ margin:0; padding:15px 15px;}

#menu-icon{ display:none; }


@media screen and (max-width: 1299px) {
/*.sf-menu > li > a{font-size: 13px;line-height: 14px;padding: 15px 18px 12px 15px;}
.sf-menu .sub-menu li a{font-size: 13px;line-height: 15px;}
.sf-menu > li::after {top: 14px;}
.sf-menu > li > a.sf-with-ul::after {top: 15px;right: 7px;font: normal normal normal 13px/1 FontAwesome !important;}
.navbar.navbar-fixed .sf-menu > li::after {top: 11px;}*/
.sf-menu > li{padding: 0 24px 0 0;margin: 0 24px 0 0;}










}


@media screen and (max-width: 1199px) {
/*.sf-menu > li > a {font-size: 11px;line-height: 14px;padding:12px 14px 10px 12px;}
.sf-menu > li > a.sf-with-ul::after {top: 13px;right: 4px;}
.sf-menu > li::after {top: 11px;}*/
.sf-menu > li > a {font-size: 14px;}
.sf-menu > li {padding: 0 16px 0 0;margin: 0 16px 0 0;}









}