/*=======================superfish=========================*/
nav a{
    font-size: 14px;
}
nav{
    display:inline-block;
    margin: 0px 0 0px;
    min-height: 17px;
    float: left;
}
.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: bold 20px/70px "Roboto", Georgia, sans-serif;
  float:left;
  position:relative;
  margin-right: 0;
  border-right: 1px solid #fff;
}

ul.sf-menu>li:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 12px;
    height: 28px;
    right: -31px;
    top: -3px;
    /*background: url(../images/menu_sep_line.png) no-repeat 0 0;*/
}
#last-li:before {background: none;}

#first-li{border-left: 1px solid #fff;}
/*#last-li{border-right:none;}*/


ul.sf-menu>li:first-child{border-left:none;}
ul.sf-menu>li>a{
    position: relative;
    display:block;
    color:#fff;
    font: bold 20px/66px "Roboto", Georgia, sans-serif;
    padding: 0px 20px 4px;
    text-align: center;
    letter-spacing: 0px;
    z-index: 1;
    overflow: hidden;
}
ul.sf-menu>li>a img{margin-top: -2px;}

ul.sf-menu>li>a .menu_txt_small{
    display:block;
    color:#818283;
    font:12px/16px Arial, sans-serif;
    padding: 0 1px;
    text-align: left;
}

ul.sf-menu>li>a strong{
    width: 100%;
    height: 0%;
    position: absolute;
    background: #fbb802;
    border-bottom: 7px solid #fff;
    display: inline-block;
    left: 0;
    top: -7px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    z-index: -1;


}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {}
ul.sf-menu>li.current>a img, ul.sf-menu>li.sfHover>a img, ul.sf-menu>li>a:hover img{margin-top: -32px;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{
    color:#fff;
    /*font-weight: bold;*/
}
ul.sf-menu>li.current>a strong, ul.sf-menu>li.sfHover>a strong, ul.sf-menu>li>a:hover strong{height: 100%; background: #2d2d2d;}
/*submenu1*/
.sf-menu>li>ul{
    left:0px;
    top:76px;
    width: 195px;
    z-index:99;
    background: #323232;
    padding:14px 0px 10px;
}
/*.sf-menu>li>ul:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 9px;
    height: 5px;
    left: 47%;
    top: -5px;
    background: url(../images/submenu1_corner.png) no-repeat 0 0;
}*/

.sf-menu>li>ul>li {
    font-size: 12px;
    font-weight:normal;
    position:relative;
    padding:0;
    padding-top: 1px;
    padding-bottom: 0px;
    /*border-bottom: 1px solid #5b5b5b;*/
}
.sf-menu>li>ul>li:last-child{border: none;}
.sf-menu>li>ul>li:first-child{}

.sf-menu>li>ul>li>a {
    display: block;
    color:#fff;
    font:13px/14px "Roboto", Arial, sans-serif;
    padding: 10px 0;
    text-align: left;
    text-indent: 10px;
}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#fff; background: #fbb802; text-decoration: none; }

/*submenu2*/
.sf-menu li li ul {
     left: 196px !important;
     top:-14px !important;
     display:block;
        width: 159px;
    z-index:99;
    background: #323232;
    padding:14px 0px 10px;
}

/*.sf-menu li li ul:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 5px;
    height: 9px;
    left: -5px;
    top: 40px;
    background: url(../images/submenu2_corner.png) no-repeat 0 0;
}
*/


.sf-menu>li>ul>li>a>span {
    background: url(../images/subindicator.png) 0 0 no-repeat;
    display: block;
    position: absolute;
    width: 5px;
    height: 8px;
    top: 16px;
    right: 8px;
}
.sf-menu>li>ul>li.sfHover>a>span {
    background-position: right 0;
}
.sf-menu li li li {
    float:none;
    font-size: 12px;
    padding:0;
    padding-top: 2px;

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

.sf-menu li li li a {
    display:block;
    color:#fff !important;
    font:13px/14px "Roboto", Arial, sans-serif;
    padding: 10px 0;
    background: none !important;
    text-align: left;
    text-indent: 10px;
    }
.sf-menu li li li:hover {}
.sf-menu li li li a:hover {color:#fff !important; background: #fbb802 !important; text-decoration: none; }


/*==================================RESPONSIVE LAYOUTS===============================================*/


/*@media only screen and (max-width: 995px) {*/
@media (min-width: 980px) and (max-width: 1199px) {
    /*ul.sf-menu>li{margin-left: 0px;}*/
}

@media (min-width: 768px) and (max-width: 979px) {
    ul.sf-menu>li>a {padding: 0px 18px 0px;}
}

@media only screen and (max-width: 767px) {
    .menu_block {
        float: none !important;
        margin: 0 21px !important;
    }
  nav{
        float:none;
        font:12px/15px Arial, Helvetica, sans-serif;
        color:#98628b;
        padding:0px 0px 0px;
        width: 100%;
        margin: 0 auto;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
        /*nav:before{
            content:'Menu:';
            text-align: left;
            display:block;
            margin-bottom:5px;
            color: #474747;

        }*/
    /*.sf-menu{display:none;float: none;}*/
    nav select{
        font:14px/20px Arial, Helvetica, sans-serif;
        color:#101010;
        width:100%;
        left: 0;
        position: relative;
        margin: 0 auto;
        float: none;
    outline: none;
        border:2px solid #419707;
        margin-top: 5px;
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        /*height: 40px !important;*/
        position: relative;
        outline: none !important;
        z-index: 1000;
    }
    nav{min-height: 30px;}

}