.sf-contener {
    width: 100%; clear: both; float: left;
}
@media all and (max-width:991px) and (min-width:768px)
{
    .sf-contener {
        width: 94%;
    }
}
.sf-menu {
    list-style: none; margin: 0px; padding: 0px;
}
.sf-menu * {
    list-style: none; margin: 0px; padding: 0px;
}
.sf-menu {
    background: rgb(20, 21, 22); padding: 0px; width: 100%; text-align: center; position: relative;
}
@media all and (max-width:991px)
{
    .sf-menu {
        background: rgb(255, 255, 255); padding: 15px; width: 96%; display: none; position: absolute; box-shadow: 0px 1px 2px #d5d5d5;
    }
}
@media all and (max-width:767px)
{
    .sf-menu {
        width: 100% !important;
    }
}
.sf-menu ul {
    background: white; top: -999em; position: absolute;
}
@media all and (max-width:991px)
{
    .sf-menu ul {
        position: relative;
    }
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu > li {
    float: none !important; display: inline-block; position: relative;
}
@media all and (max-width:991px)
{
    .sf-menu > li {
        width: 100%; text-align: left; border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none; position: relative;
    }
    .sf-menu > li span {
        background: url("/resources/img/sprite.png") no-repeat right -71px; top: 0px; width: 30px; height: 25px; right: -14px; position: absolute; z-index: 2; cursor: pointer;
    }
    .sf-menu > li span.active {
        background-position: right -100px;
    }
}
.sf-menu > li > a {
    font: 700 14px/28px "Roboto", sans-serif; padding: 8px 18px; color: rgb(255, 255, 255); text-transform: uppercase; display: block; font-size-adjust: none; font-stretch: normal;
}
@media all and (max-width:991px)
{
    .sf-menu > li > a {
        font: 14px/28px "Ubuntu", verdana, Helvetica, sans-serif; padding: 0px; color: rgb(133, 135, 137); text-transform: capitalize; display: block; font-size-adjust: none; font-stretch: normal;
    }
}
.sf-menu > li.sfHover > a {
    color: rgb(255, 128, 0);
}
.sf-menu > li > a:hover {
    color: rgb(255, 128, 0);
}
.sf-menu > li.sfHoverForce > a {
    color: rgb(255, 128, 0);
}
.sf-menu > li:last-child {
    border: currentColor; border-image: none;
}
.sf-menu > li a {
    color: rgb(34, 36, 38); line-height: 16px; padding-bottom: 10px; font-size: 13px; display: inline-block; position: relative;
}
@media all and (min-width:992px)
{
    .sf-menu > li a {
        padding: 17px 18px; color: rgb(255, 255, 255); font-size: 15px;
    }
}
.sf-menu > li a:hover {
    color: rgb(255, 113, 5);
}
@media all and (min-width:992px)
{
    .sf-menu li ul li ul li a {
        padding: 5px; color: rgb(68, 68, 68);
    }
}
.sf-menu li ul li ul li a::before {
    padding-right: 0px; font-family: "FontAwesome"; font-size: 12px; display: inline-block; content: "\f105";
}
@media all and (min-width:992px)
{
    .sf-menu li ul li ul li a::before {
        padding-right: 10px;
    }
}
@media all and (max-width:991px)
{
    .sf-menu li ul li ul li a::before {
        content: " " !important;
    }
}
.sf-menu li ul {
    padding: 12px 0px 18px; left: 0px; top: 46px; display: none; z-index: 99; box-shadow: 0px 5px 13px rgba(0,0,0,0.2); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
}
@media all and (max-width:991px)
{
    .sf-menu li ul {
        top: 0px;
    }
}
.sf-menu li li ul {
    background: none; padding: 10px 0px 0px; display: block !important; position: static; opacity: 1 !important; box-shadow: 0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}
@media all and (max-width:991px)
{
    .sf-menu li li ul {
        padding: 10px 0px 0px 20px;
    }
}
.sf-menu li li li ul {
    padding: 0px 0px 0px 20px;
}
.sf-menu li li li ul {
    width: 220px;
}
ul.sf-menu li:hover li ul {
    top: -999em;
}
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul {
    left: 200px; top: 0px;
}
ul.sf-menu li li.sfHover ul {
    left: 200px; top: 0px;
}
ul.sf-menu li li:hover li ul {
    top: -999em;
}
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul {
    left: 200px; top: 0px;
}
ul.sf-menu li li li.sfHover ul {
    left: 200px; top: 0px;
}
.sf-menu > li > ul {
    padding: 15px; width: 622px; text-align: left;
}
@media all and (max-width:991px)
{
    .sf-menu > li > ul {
        padding: 0px 20px; width: 100%; box-shadow: none;
    }
}
.sf-menu > li > ul::before {
    left: 30px; top: -12px; color: rgb(255, 255, 255); font-family: "FontAwesome"; font-size: 18px; position: absolute; content: "\f0d8";
}
.sf-menu > li > ul > li > a {
    font: 700 14px/20px "Roboto", sans-serif; color: rgb(68, 68, 68) !important; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
@media all and (min-width:992px)
{
    .sf-menu > li > ul > li > a {
        padding: 0px;
    }
}
@media all and (max-width:991px)
{
    .sf-menu > li > ul > li > a {
        font: 14px/20px "Roboto", sans-serif; color: rgb(68, 68, 68) !important; text-transform: capitalize; font-size-adjust: none; font-stretch: normal;
    }
}
.sf-menu > li > ul > li > a:hover {
    color: rgb(255, 113, 5);
}
.sf-menu > li > ul > li {
    padding: 0px 15px 15px 0px; width: 32.33%; text-align: left; vertical-align: top; float: none; display: inline-block;
}
@media all and (max-width:991px)
{
    .sf-menu > li > ul > li {
        padding: 5px 0px; width: 100%;
    }
}
@media all and (max-width:479px)
{
    .sf-menu > li > ul > li {
        width: 100%;
    }
}
@media all and (min-width:768px)
{
    .sf-menu > li > ul > li.first-in-line-lg {
        clear: left;
    }
}
@media all and (max-width:767px) and (min-width:480px)
{
    .sf-menu > li > ul > li.first-in-line-xs {
        clear: left;
    }
}
.sf-menu > li > ul > li#category-thumbnail {
    padding: 0px; width: 100% !important; overflow: hidden; clear: both; float: none;
}
.sf-menu > li > ul > li#category-thumbnail > div {
    width: 100%; padding-left: 10px; float: left;
}
@media all and (max-width:479px)
{
    .sf-menu > li > ul > li#category-thumbnail > div {
        width: 100%; text-align: center; padding-top: 10px; padding-left: 0px;
    }
}
.sf-menu > li > ul > li#category-thumbnail > div:first-child {
    padding-left: 0px;
}
.sf-menu > li > ul > li#category-thumbnail > div img {
    display: block; max-width: 100%;
}
.sf-menu > li > ul > li.category-thumbnail {
    padding: 0px; width: 100% !important; overflow: hidden; clear: both; float: none;
}
.sf-menu > li > ul > li.category-thumbnail > div {
    width: 100%; padding-left: 10px; float: left;
}
@media all and (max-width:479px)
{
    .sf-menu > li > ul > li.category-thumbnail > div {
        width: 100%; text-align: center; padding-top: 10px; padding-left: 0px;
    }
}
.sf-menu > li > ul > li.category-thumbnail > div:first-child {
    padding-left: 0px;
}
.sf-menu > li > ul > li.category-thumbnail > div img {
    display: block; max-width: 100%;
}
.cat-title {
    display: none;
}
@media all and (max-width:991px)
{
    .cat-title {
        font: 700 14px/22px "Roboto", sans-serif; padding: 12px 0px; color: rgb(255, 255, 255); text-transform: uppercase; display: block; position: relative; cursor: pointer; font-size-adjust: none; font-stretch: normal;
    }
    .cat-title:hover {
        color: white; border-bottom-color: rgb(102, 102, 102);
    }
    .cat-title::after {
        top: 14px; right: 15px; font-family: "FontAwesome"; font-size: 14px; display: block; position: absolute; content: "\f067";
    }
    .active.cat-title::after {
        content: "\f068";
    }
}
.sf-menu li.sf-search {
    border: currentColor; border-image: none;
}
.sf-menu li.sf-search input {
    background: white; margin: 13px 10px 0px 0px; padding: 0px 13px; border: 1px solid rgb(237, 237, 237); border-image: none; height: 30px; color: rgb(156, 155, 155); line-height: 30px; font-size: 13px; display: inline;
}