.sf-menu {
    /* width: 80%; */
    font-size: 0.8125em;
    /* max-width: 92.3em; */
    margin: 0;
    padding: 0px;
    position: relative;
    text-align: center;
    display: table;
    height: 45px;
}

#mobnav-btn {
	display: none;
	font-size: 14px;
    /* width: 100%; */
    color: #000000;
    cursor: pointer;
    background: url("/templates/images/tab_bg_black.png");
    margin-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0px;
    margin-bottom: -12px;
		overflow: hidden;
    padding-left: 10px;
}
.mobnav-subarrow {
    display: none;
}

.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative;}

.sf-menu>li>a
{
		display: block;
    position: relative;
    font-size: 12px;
    /* line-height: 23px; */
    color: #ffffff;
    /* text-transform: uppercase; */
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 40px;
    padding-right: 40px;
    /* font-weight: bold; */
    padding-top: 15px;
    padding-bottom: 15px;
    /* margin-bottom: 0px; */
}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a
{
	color:#000000;
	text-decoration: none;
	background-color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}


.sf-menu>li{
		color: #ffffff;
    cursor: pointer;
		background: url("/templates/images/tab_bg_over_black.png");
    margin-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
		margin-bottom: 0px;
}
.sf-menu a{color:#003366;}

.sf-menu>li>a{
	padding-left: 30px;
	padding-right: 30px;
}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{
	left: 0;
  top: 45px;
  width: 200px;
  padding: 10px 15px 10px 0px;
  z-index: 99;
  background: #e5e5e5;
}
.sf-menu li ul li:hover
{
	color:#000000;
	text-decoration: none;
	background-color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.sf-menu li ul li a{
	padding: 5px 0px 5px 20px;
	display: block;
	text-align: left;
	font-size: 12px;
}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a
{
	color:#000000;
	text-decoration: none;
	background-color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:201px !important;top:-1px !important;}

.sf-menu li a .menu-arrow{
    display:block;
    width:5px;
    height:3px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    text-indent:-100%;
    font-size:0;
    line-height:0;
    background: url('../images/menu_arrow.png') no-repeat;
    vertical-align: middle;
}
.sf-menu li li a .menu-arrow{
    display:block;
    width:5px;
    height:3px;
    position: absolute;
    left: auto;
    right: 20px;
    bottom: 15px;
    text-indent:-100%;
    font-size:0;
    line-height:0;
    background: url('../images/menu_arrow.png') no-repeat;
    vertical-align: middle;
}

@media only screen and (max-width: 480px) {
    #mobnav-btn {
        display: block;
        padding: 15px;
        text-align: left;
				padding-left: 10px;
				padding-right: 30px;
    }
    .mobnav-subarrow {
        display: block;
        background-color: #ffffff;
        border-bottom: 1px solid #eeeeee;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
        width: 100%!important;
        display: none;
        margin:0px; padding:0px;
        z-index: 999;
				position: absolute;
		    margin-top: 10px;
		    margin-left: 0px!important;
		    border-bottom: 1px #000000 solid;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        border-top: 1px #eeeeee solid;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
    }
		.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a
		{
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px;
		}
		.sf-menu>li
		{
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px;
		}
}

@media only screen and (min-width: 1320px) {
		.sf-menu>li>a{
			padding-left: 30px;
			padding-right: 30px;
		}
}

@media only screen and (max-width: 1140px) {
		.sf-menu>li>a{
			font-size: 12px;
			padding-left: 20px;
			padding-right: 20px;
		}
}

#desktop_logo
{
	display: block;
}
#mobile_logo
{
	display: none;
}

@media only screen and (max-width: 480px) {
	.sf-menu>li{background: #ffffff;}
	.sf-menu>li>a{display:block;position:relative; font-size: 12px; line-height: 23px; color:#000000;padding-top: 12px;padding-bottom: 11px;padding-left: 30px;padding-right: 30px; font-weight: normal;text-align: left;}
	.sf-menu>li.current>a{color:#000000;background-position:0 0;text-decoration: none;background: #ffffff;}
	.sf-menu>li>a:hover,.sf-menu>li.sfHover>a{color:#000000;text-decoration: none;background: #eeeeee;}

	#desktop_fuctions
	{
		display: none;
	}
	#desktop_logo
	{
		display: none;
	}
	#mobile_logo
	{
		display: block;
	}
	#tabs_block
	{
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
 	}
}

@media only screen and (max-width: 480px) {
	#contact_block
	{
		display: none;
	}
}