nav{position:relative;z-index:11;text-align:center;margin-top:0px;margin-right:6px;background:url(../images/bg-1.png) 0 0 repeat-x;float:left;}
.sf-menu{display:inline-block;height:98px;}
.sf-menu > li > span{display:block;position:relative;}
.sf-menu ul{position:absolute;top:-999px;display:none;}
.sf-menu li{padding-left:0px;position:relative;background:none;}
.sf-menu a{display:block;text-decoration:none;font-family:'Open Sans', sans-serif;}
.sf-menu a:hover{text-decoration:none;}
.sf-menu li:hover span{color:#1b1b1b;}
li.sfHover{position:relative;}
.sf-menu > li > a{position:relative;display:block;padding:38px 0px 33px;width:138px;margin-left:6px;text-align:center;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;z-index:100;color:#fff;font-size:20px;line-height:22px;}
.sf-menu > li:first-child > a{margin-left:0;}
.sf-menu > li{display:block;position:relative;float:left;}
.bord-top{position:absolute;width:100%;height:5px;top:0;left:0;}
.sf-menu > li:first-child > a > .bord-top{background:#1ceee5;}
.sf-menu > li:first-child + li > a > .bord-top{background:#96fb65;}
.sf-menu > li:first-child + li + li > a > .bord-top{background:#fff200;}
.sf-menu > li:first-child + li + li + li > a > .bord-top{background:#ff68ca;}
.sf-menu > li:first-child + li + li + li + li > a > .bord-top{background:#8f5ac1;}
.sf-menu > li:hover > a > .bord-top,
.sf-menu > li.current > a > .bord-top,
.sf-menu > li.sfHover > a > .bord-top{height:100%;z-index:-1;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.sf-menu > li.current > a,
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a{-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#464646;}
.sf-menu li span{position:absolute;}
.sf-menu > li > a > .sf-sub-indicator{display:block;height:0px;width:0px;border:6px solid;border-color:#fff transparent transparent transparent;left:50%;margin-left:-6px;top:63px;-moz-transition:top 0.3s ease-out;-o-transition:top 0.3s ease-out;-webkit-transition:top 0.3s ease-out;text-indent:-1000px;overflow:hidden;}
.sf-menu > li.current > a > .sf-sub-indicator,
.sf-menu > li:hover > a > .sf-sub-indicator,
.sf-menu > li.sfHover > a > .sf-sub-indicator{top:75px;border-color:#373737 transparent transparent transparent;}
.sf-menu > li > ul,
.sf-menu > li.sfHover > ul{top:98px;width:96%;z-index:99;text-align:center;padding-top:24px;padding-bottom:22px;background:#bd68ff;left:6px;}
.sf-menu > li > ul:after{position:absolute;content:"";display:block;top:-12px;left:50%;margin-left:-6px;width:0;height:0;border:6px solid;border-color:transparent transparent #bd68ff transparent;}
.sf-menu > li > ul > li{display:block;height:auto;border:none;margin:0;padding:7px 0 7px;text-align:center;}
.sf-menu > li > ul > li > a{display:inline;color:#ffffff;font-size:16px;line-height:16px;font-weight:700;}
.sf-menu li li a:hover,
.sf-menu li.sfHover li.sfHover > a,
.sf-menu li.sfHover li.sfHover span{color:#bffdcd;}
.sf-menu li li.sfHover{background:inherit;}
.sf-menu > li > ul .sf-sub-indicator{color:#fff;line-height:2px;margin-right:10px;}
.sf-menu li li ul{left:137px;top:-18px;width:80px;padding-left:23px;z-index:99;position:absolute;text-align:left;padding-top:18px;padding-bottom:23px;background:#4c7d5f;}
.sf-menu li li ul:after{position:absolute;content:"";display:block;top:28px;left:-12px;width:0;height:0;border:6px solid;border-color:transparent #4c7d5f transparent transparent;}
.sf-menu li li li{display:block;height:auto;border:none;margin:0;padding:7px 0 6px;text-align:left;}
.sf-menu li li li a{display:inline;color:#ffffff;font-size:15px;line-height:16px;font-weight:700;}
.sf-menu li li li:first-child > a{border:none;}
.sf-menu li li li a:hover{color:#9cd6a3;}
.sf-menu > li > li.sfHover > span{color:#9cd6a3;}
.sf-menu > li > ul > li > a > span{top:14px;right:6px;}
@media only screen and (max-width:995px){nav{margin-bottom:0px;}
.sf-menu > li > a{width:88px;}
.sf-menu li li ul{left:91px;}
}
@media only screen and (max-width:795px){}
@media only screen and (max-width:767px){.sf-menu{display:none !important;}
nav{height:auto;margin-top:40px;float:none;margin-right:0;}
nav select{height:35px;border:1px solid #373737;font-family:Trebuchet MS;font-size:14px;line-height:20px;color:#494848;background-color:#fff;width:100%;outline:none;padding:5px;font-weight:normal;}
nav select option:first-child{color:#ffffff;}
}
@media only screen and (max-width:479px){nav{margin-bottom:0px;}
}