.togglemenu{display: none;}
nav{float:left;}
.sf-menu {
    padding-right: 3em;
    padding-left: 3em;
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
}
    .sf-menu a {
        text-transform:uppercase;
        font-weight:bold;
    }

.sf-menu > li {
	position:relative;
	float:left;
}
    .sf-menu > li > a {
        display: block;
        padding: 1.5vw;
        line-height: 20px;
        font-size: 1.3vw;
        color: #565353;
    }
    .sf-menu > li > a {
        border-bottom: solid 3px #f7f7f7;
    }
        .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.current > a {
            text-decoration: none;
            color: #9B2743;
            border-bottom: solid 3px;
        }
        .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.current > a:after {
            text-decoration: none;
            border-bottom: none;
            background: #e0e0e0;
            color: #565353;
        }
/***submenu***/
.sf-menu ul {
	position:absolute;
	top:-999em;
	z-index:99;
	width:19vw; 
	display:none;
    background-color: white;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.12);
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.12);
}
.other-arrow {
    border: solid #565353;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 0.25em;
    /* margin-top: 0.3em; */
    position: absolute;
    right: 1em;
    top: 1.4em;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.sf-menu li li{
	width:100%;
	padding:0;
	margin-bottom:1px;
	position:relative;
}
    .sf-menu li li a {
        display: block;
        padding: 1vw;
        color: Black;
        font-weight: normal;
        font-size: 1.1vw;
        border-bottom: solid 1px #d8d8d8;
    }

	.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{ 
        background-color:#8d867e; 
        color:#fff; 
        text-decoration:none;

	}
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0px;
        top: 4vw;
    }

.sf-menu li.last-item ul {
    left: -12.5vw;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
/***subsubmenu***/
.sf-menu ul ul{background-image:none;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:19vw;
	top:0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}

@media only screen and (max-width:1440px) {
    .sf-menu {
        padding-right:0;
        padding-left:3em
    }
}





@media only screen and (max-width: 995px) 
{
    .togglemenu {
        display: block;
        background-color: #dedad7;
       
        padding: 20px;
        margin-bottom: -5px;
        text-decoration: none;
        font-size: 1.3em;
        color: #9B2743;
       
    }
        .togglemenu.active {
            background-color: #8d867e;
            color: White;
        }
    .sf-menu { display: none; 
               flex-direction:column;
               padding-left:0;
               padding-right:0;
    }
	nav{
        float:none;

	}
	.sf-menu > li {
        float:none; 
        margin-right:0px; 
        width:100%;
	}
    .sf-menu > li > a {
        background: #ededed;
        padding: 20px 21px;
        color: Black;
        font-size: 1em;
    }
    .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.current > a {
        color: black;
        background: #e0e0e0;
        border-bottom:none;
    }
        .sf-menu > li > a .arrow {
            display:inline-block; 
        height:4px; 
        width:7px; 
        position:static; 
        background:url(../images/menu-arrow2.gif) center top no-repeat; 
        margin-left:7px; 
        vertical-align:2px;
        }
	.sf-menu > li.sfHover > a .arrow,.sf-menu > li > a:hover .arrow, .sf-menu > li.current > a .arrow{
        background-position:center bottom;

	}
	/***submenu***/
	.sf-menu ul {
        position:static; 
        width:auto; 
        padding:10px; 
        background: url(../images/submenu-bg2.gif) 21px top no-repeat #ededed; 
        box-shadow: none; 
        -moz-box-shadow:none; 
        -webkit-box-shadow:none;

	}
    .other-arrow:after {
        display:none;
    }
	.sf-menu li li{
        margin-bottom:1px;

	}
	.sf-menu li li a{
        display:block; 
        padding:15px 21px; 
        color:Black;
        font-size:0.8em;
	}
	.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{ 
        background-color:#8d867e; 
        color:#fff; 
        text-decoration:none;

	}
	.sf-menu li li  a .arrow{
        display:inline-block; 
        height:4px; 
        width:7px; 
        position:static; 
        background:url(../images/menu-arrow2.gif) center top no-repeat; 
        margin-left:7px; 
        vertical-align:2px;

	}
	.sf-menu li li.sfHover a .arrow,.sf-menu li li a:hover .arrow, .sf-menu li li.current > a .arrow{
        background-position:center bottom;

	}
	/***subsubmenu***/
	.sf-menu ul ul {
        padding-right:0px; 
        background: url(../images/submenu-bg2.gif) 21px top no-repeat #ededed;

	}
}