/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{position:relative}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.sf-menu>li{float:left}
.sf-menu li:hover>ul,.sf-menu li.sfHover>ul{display:block}
.sf-menu a{display:block;position:relative}
.sf-menu ul ul{top:0;left:100%}
/*** DEMO SKIN ***/
.sf-menu>li{border-bottom:1px solid rgba(0,0,0,.09)}
.sf-menu>li:last-child{border-bottom:0}
.sf-menu>li>a{position:relative;z-index:1;display:block}
.sf-menu a{text-decoration:none;color:#242424;font-size:14px;padding:21px 10px;text-align:center;text-transform:uppercase;font-weight:600;font-family:'Montserrat',sans-serif}
.sf-menu ul{margin-left:1px;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,.25);min-width:200px}
.sf-menu ul a{text-align:left;font-size:14px;text-transform:uppercase;padding:10px}
.sf-menu li a:hover, .sf-menu li.sfHover > a,.sf-menu li.selected > a, .sf-menu li.active > a {color: #fff;background:#3434ff;}
.sf-menu ul li{border-top:1px solid #ccc}
.sf-menu ul li:first-child{border:0}
.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a,.sf-menu ul li.selected > a, .sf-menu ul li.active > a {color: #fff;background:#3434ff;}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after{font-family:'FontAwesome';content:'\f105';position:absolute;top:50%;right:4px;transform:translateY(-50%)}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {color:#fff;}
@media only screen and (max-width : 991px) {
	.sf-menu a{padding:15px 7px}
}
@media only screen and (max-width : 768px) {
	.sf-arrows .sf-with-ul:after {
		right: -30px;
	}
	.sf-menu ul {
		margin-left: 19px;
	}
}
@media only screen and (max-width : 680px) {
	.sf-menu li a:hover::before, .sf-menu li.sfHover > a::before,
	.sf-menu li.selected > a::before, .sf-menu li.active > a::before {
		display: none;
	}
}