.sf-contener {float:left;clear:both;width:100%;}

.sf-menu li.home-button {float: left;font-weight:bold;text-transform:uppercase;}

.sf-menu li.home-button a {font-weight:bold;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.sf-menu li.home-button a:hover {border-color:#8BC34A;background:#8BC34A;color:#fff;}

.sf-menu li.home-button a:hover:after {position:absolute;z-index:998;width:100%;height:1px;top:-1px;left:0;display:block;background:#8BC34A;content:".";text-indent:-9999px;}



#top-bar-wrap {margin:20px 0 0 0;float:left;width:100%;clear:both;background:#fff; border-top: 1px solid #ddd;color:#333;border-bottom:2px solid #333;;}

#top-bar-wrap .inside {float:none;width:100%;max-width:1200px;margin:0 auto;}



.sf-menu {padding:0;float:left;width:100%;}

.sf-menu, .sf-menu * {margin:0;padding:	0;list-style:none;}

.sf-menu a {padding: 14px 22px 13px 22px;display:block;position:relative;color:#333;border-left:1px solid #fff;border-right:1px solid #fff;text-decoration:none;font-size:13px;font-weight: normal; cursor:pointer;-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}

.sf-menu>li.sfHover:first-child>ul, .sf-menu>li:hover:first-child>ul {left:1px;}

.sf-menu>li:not(.home-button).sfHover>a, .sf-menu>li:not(.home-button).sfHover>a:hover {background:#fff;color:#000;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.sf-menu>li:not(.home-button).sfHover>a:after, .sf-menu>li:not(.home-button).sfHover>a:hover:after {position:absolute;z-index:998;width:100%;height:2px;bottom:-2px;left:0;display:block;background:#a8232d;content:".";text-indent:-9999px;}

.sf-menu>li:not(.home-button).sfHover>a:before, .sf-menu>li:not(.home-button).sfHover>a:hover:before {position:absolute;z-index:999;width:1px;height:2px;bottom:-2px;right:-1px;display:block;background:#8BC34A;content:".";text-indent:-9999px;}



.sf-menu .fa-arrow-right {float: left; color: #ccc; margin-right: 4px; font-size: 10px; margin-top: 1px;}

.sf-menu a:hover>.fa-arrow-right, .sf-menu li.sfHover>a>.fa-arrow-right {color:#444;}



.sf-menu ul {display:none;}

.sf-menu ul li {width:100%;white-space:nowrap;}

.sf-menu ul li span {float:left;width:auto;}

.sf-menu ul li.category-thumbnail {float:left;width:100%;clear:both;margin:1px 0;}

.sf-menu ul li.category-thumbnail img {float:left;width:100%;clear:both;height:auto;}

.sf-menu li {float:left;position:relative;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px;top:43px;width:260px;z-index:99;position:absolute;padding:10px 0;background:#fff;}

.sf-menu>li:hover>ul, .sf-menu>li.sfHover>ul {border-top:2px solid #8BC34A;}



.sf-menu .sfHover ul li a {float:left;width:100%;background-color:#fff;color:#333;border:none;margin:0;padding: 8px 12px;clear: both;}

.sf-menu .sfHover ul li a:hover {background:#f9f9f9;}

.sf-menu .sfHover ul li a.sf-with-ul, .sf-menu a.sf-with-ul {padding-right:22px;}



.sf-menu>li>a>.sf-sub-indicator {color:#111;position:absolute;font-size:12px;display:block;right:5px;top:17px;overflow:hidden;width: 12px;height: 12px;float: left;margin:0;-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;-ms-transition:0.2s linear all;-o-transition:0.2s linear all;transition:0.2s linear all;}

.sf-menu>li.sfHover>a>.sf-sub-indicator, .sf-menu>li>a:hover>.sf-sub-indicator {color:#333;}

.sf-menu li.sfHover ul li .sf-sub-indicator {position:absolute;top:9px;right:3px;width:15px;height:15px;}

.sf-menu li.sfHover ul li .sf-sub-indicator.fa.fa-angle-down:before {content:"\f105";}



.sf-menu .top-tip {position: absolute; padding: 2px 4px; font-size: 11px;background:#a8232d;font-weight: bold; color: #fff;z-index: 999; right:0;top: -12px; margin-right: 22px;}

.sf-menu .top-tip:before {position: absolute;content:".";text-indent:-9999px;bottom: -4px;left: 10px;width:0;height:0;display:block;border:2px solid #a8232d;border-color:#a8232d transparent transparent #a8232d;}

.sf-menu .order2 {background:#a8232d;}

.sf-menu .order2:before {border-color: #a8232d transparent transparent #a8232d;}

.sf-menu .order1 {background:#13a6f5;}

.sf-menu .order1:before {border-color: #13a6f5 transparent transparent #13a6f5;}

.sf-menu .order3 {background:#6ab316;}

.sf-menu .order3:before {border-color: #6ab316 transparent transparent #6ab316;}

.sf-menu .order4 {background:#00C4CC;}

.sf-menu .order4:before {border-color: #00C4CC transparent transparent #00C4CC;}

.sf-menu .order5 {background:#F8A62A;}

.sf-menu .order5:before {border-color: #F8A62A transparent transparent #F8A62A;}



!.sf-menu .top-icon {z-index:9;position:absolute;top:0px;float:none;margin:0 auto;background:transparent;width:100%;height:1px;-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;-ms-transition:0.2s linear all;-o-transition:0.2s linear all;transition:0.2s linear all;}

!.sf-menu li:hover .top-icon, .sf-menu .sfHover .top-icon {background:#238D39;}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:258px; top:-1px;}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:258px;top:-1px;padding:0;}

ul.sf-menu li#category-thumbnail {padding:0;float:left;width:100%;clear:both;margin:0 0 1px 0;}

ul.sf-menu li#category-thumbnail img {float:left;clear:both;width:100%;height:auto;}



.sf-shadow ul {border:1px solid #bbb;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);}

.sf-shadow ul.sf-shadow-off {background: transparent;}

li.sf-search { background: inherit; float: right; line-height: 25px;}

li.sf-search input { -moz-border-radius: 0 5px 5px 0; padding: 3px 0; padding-left: 20px; margin: 6px 6px 0 0; background: #fff url('../img/search.gif') no-repeat left center; border:1px solid #777}



.sf-menu .blue-button {float:left; color: #fff; text-decoration:none; border:none;display:block; background-position: 0 0;border:1px solid #4181cd;background-color: #4181cd; background-repeat: repeat-x;background-image: -webkit-linear-gradient(top, #6daef9, #4181cd); background-image: -moz-linear-gradient(top, #6daef9, #4181cd); background-image: -o-linear-gradient(top, #6daef9, #4181cd); background-image: linear-gradient(to bottom, #6daef9, #4181cd); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6daef9', endColorstr='#4181cd', GradientType=0); outline:none;}

.sf-menu .button {padding:0;font-weight: bold;height:auto;text-align:center;cursor:pointer;float:left;outline:none;-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset;box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset;-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset;-webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;}

.sf-menu .button:hover {background-position:0 -10px;text-decoration:none;color:#fff;outline:none;}

.sf-menu .button:hover a {text-decoration:none;color:#fff}

.sf-menu .button:active {outline:none;background-position:0 -13px;}

.sf-menu .button:focus {outline:none;}



@media screen and (max-width: 1200px) {

  .sf-menu {border-left:1px solid #ddd;border-right:1px solid #ddd;}

  .sf-menu a {border-bottom:1px solid #ddd;}

  .sf-menu li.home-button a {border-left-color:transparent;}

}



@media screen and (max-width: 690px) {

  #top-bar-wrap {display:none!important;}

}