/*=======================superfish=========================*/
nav{
	display:block;
	}
.sf-menu{display:block;}
.sf-menu ul {position:absolute; top:-999px; display:none; z-index:999;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:999;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;z-index:999}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;z-index:999}
ul.sf-menu>li{
  font-family: 'Open Sans', sans-serif;
  font-size: 12px; 
  line-height:20px;
  font-weight:bold;
  text-transform:uppercase;
  float:left; 
  position:relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  width:220px;
  margin-left:20px;
  cursor:pointer;
  background: #fff;
  border-radius: 4px;
  }
  #first-li{margin-left:0;}
 ul.sf-menu>li strong{
	 display:block;
	 background:#f2f2f2;
	 height:5px;
	 }
ul.sf-menu>li:before, .ul.sf-menu>li:after {
    bottom: 15px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 15%;
    left:10px;
    position: absolute;
	-webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 50%;
    z-index: -2;
}
ul.sf-menu>li:before, ul.sf-menu>li:after {
    bottom: 15px;
	-webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 13px rgba(0, 0, 0, 0.7);
    content: "";
    height: 15%;
    left: 10px;
    position: absolute;
	-webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 50%;
    z-index: -2;
}
 ul.sf-menu>li:after {
    left: auto;
    right: 10px;
	-webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
  ul.sf-menu>li:first-child{margin-left:0;}
ul.sf-menu>li>a{
	display:block;
	text-align:center;
	color:#434648;
	background: url(../images/bg-li-transparent.png) 0 0 no-repeat;
	-moz-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
	}
	ul.sf-menu>li>a em{
		padding:19px 0 25px;
		display:block;
		font-style:normal;
		}

ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {background:#000;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{color:#fff;}
ul.sf-menu>li.current>a em, ul.sf-menu>li.sfHover>a em, ul.sf-menu>li>a:hover em{}
#first-li{padding-top:159px;}
#first-li img{
	position:absolute;
	top:0;
	left:0;
	}
.sf-menu>li>ul{
	position:relative !important;
	left:0;
	top:0;
	width:  201px;
	padding:11px 0 11px 19px; 
	z-index:99;
	background:#dbd7a9 ; 
	box-shadow:none;
	}
	.sf-menu>li>ul:after, .sf-menu>li>ula:after{display:none;}
.sf-menu>li>ul>li {
	 display:block;
	 width:181px;
	 font-size: 12px;  
	 background: url(../images/bg-li-transparent.png) 0 0 no-repeat;
	 border-radius: 4px;
     }
.sf-menu>li>ul>li:first-child{}
							
.sf-menu>li>ul>li>a {
	display: block;
	text-align:center;
	color:#fff ;
	padding:5px 0;
	}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{background:#393432;}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {}

