#categories_block_top {

  clear: both;

  position: relative;

  top: 30px; }

  #categories_block_top .sf-menu {

    position: relative; }

    #categories_block_top .sf-menu > li {

      position: static; }

      #categories_block_top .sf-menu > li > ul {

        width: 100%;

        top: 60px;

        margin: 0 20px; }

        #categories_block_top .sf-menu > li > ul > li {

          display: block;

          float: left;

          width: 20%;

          -webkit-box-sizing: border-box;

          -moz-box-sizing: border-box;

          box-sizing: border-box;

          padding: 0 10px; }

        #categories_block_top .sf-menu > li > ul > .category_thumb {

          display: block;

          clear: both;

          overflow: hidden;

          width: 100%; }

          #categories_block_top .sf-menu > li > ul > .category_thumb img {

            display: inline-block;

            width: 33%; }

      #categories_block_top .sf-menu > li h4 a {

        font-size: 1.1em; }

        #categories_block_top .sf-menu > li h4 a:before {

          display: none; }

      #categories_block_top .sf-menu > li .main-level-submenus {

        position: relative;

        display: block !important;

        visibility: visible !important;

        top: 0;

        background: none;

        box-shadow: none;

        padding: 0;

        left: 0; }

    #categories_block_top .sf-menu .category_thumb {

      display: none; }



#categories_block_left {

  -moz-box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.1);

  box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.1);

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  margin-bottom: 30px;

  /*** ESSENTIAL STYLES ***/ }
@media (max-width: 767px) {
  #categories_block_left {
    margin-bottom: 10px;
  }
}

  #categories_block_left h4 {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px;

    border-radius: 4px 4px 0 0;

    background: #ff8800;

    color: #fff;

    margin: 0; }

    #categories_block_left h4 a {

      color: #fff; }

      #categories_block_left h4 a:hover {

        color: rgba(255, 255, 255, 0.6); }

  #categories_block_left .block_content_menu {

    margin: 0;

    /*background: #f6f6f6;*/
    background: #FDB42A;

    -moz-border-radius: 0 0 4px 4px;

    -webkit-border-radius: 0;

    border-radius: 0 0 4px 4px; }

  #categories_block_left .sf-contener {

    clear: both;

    float: none;

    width: 100%; }

  #categories_block_left .sf-menu,

  #categories_block_left .sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none; }

  #categories_block_left .sf-menu {

    position: relative;

    padding: 0;

    width: 100%; }

    @media (max-width: 767px) {

      #categories_block_left .sf-menu {

        display: none; } }

  #categories_block_left .sf-menu ul {

    position: absolute;

    top: -999em;

    background: white; }

    @media (max-width: 767px) {

      #categories_block_left .sf-menu ul {

        position: relative; } }

  #categories_block_left .sf-menu ul li {

    width: 100%; }

  #categories_block_left .sf-menu li:hover {

    visibility: inherit;

    /* fixes IE7 'sticky bug' */ }

  #categories_block_left .sf-menu > li {

    border-top: 1px solid #dddddd;

    position: relative; }

    #categories_block_left .sf-menu > li:first-child {

      border: none; }

    #categories_block_left .sf-menu > li:last-child a {

      -moz-border-radius: 0 0 4px 4px;

      -webkit-border-radius: 0;

      border-radius: 0 0 4px 4px; }

    @media (max-width: 767px) {

      #categories_block_left .sf-menu > li {

        padding: 0; }

        #categories_block_left .sf-menu > li > a {

          /*padding: 15px 20px 17px !important;*/ }

          #categories_block_left .sf-menu > li > a:after {

            display: none; }

        #categories_block_left .sf-menu > li strong {

          position: absolute;

          right: 6px;

          top: 10px;

          width: 30px;

          height: 30px;

          z-index: 2;

          font-weight: normal; }

          #categories_block_left .sf-menu > li strong:after {

            font-family: "FontAwesome";
            color: #fff;

            content: "\f067";

            font-size: 22px; }

          #categories_block_left .sf-menu > li strong.active:after {

            content: "\f068"; } }

    #categories_block_left .sf-menu > li > a {

      font: normal 16px/22px "Roboto", sans-serif;
      color: #fff;

      display: block;

      padding: 8px 20px 9px;

      position: relative;

      z-index: 1;

      overflow: hidden; }

      @media (min-width: 768px) and (max-width: 991px) {

        #categories_block_left .sf-menu > li > a {

          /*padding: 15px 10px 17px;*/

          font: normal 13px/22px "Roboto", sans-serif; } }

      #categories_block_left .sf-menu > li > a.sf-with-ul:after {

        content: "\f0da";

        font-family: "FontAwesome";

        font-size: 20px;

        line-height: 20px;

        /*color: #d7dbdd;*/

        position: absolute;

        top: 50%;

        right: 20px;

        display: block;

        margin-top: -10px; }

        @media (min-width: 768px) and (max-width: 991px) {

          #categories_block_left .sf-menu > li > a.sf-with-ul:after {

            right: 10px; } }

      #categories_block_left .sf-menu > li > a.sf-with-ul:before {

        content: " ";

        display: block;

        height: 100%;

        width: 0;

        position: absolute;

        left: 0;

        top: 0;

        background: #fcfcfc;

        z-index: -1;

        -moz-transition: all 0.2s ease;

        -o-transition: all 0.2s ease;

        -webkit-transition: all 0.2s ease;

        transition: all 0.2s ease; }

      #categories_block_left .sf-menu > li > a span {

        padding-right: 9px; }

        @media (min-width: 768px) and (max-width: 991px) {

          #categories_block_left .sf-menu > li > a span {

            padding-right: 4px; } }

    #categories_block_left .sf-menu > li.sfHover > a,

    #categories_block_left .sf-menu > li > a:hover, #categories_block_left .sf-menu > li.sfHoverForce > a {

      color: #363f45; }

      #categories_block_left .sf-menu > li.sfHover > a:before,

      #categories_block_left .sf-menu > li > a:hover:before, #categories_block_left .sf-menu > li.sfHoverForce > a:before {

        width: 100%; }

    #categories_block_left .sf-menu > li.sfHover > a:after {

      color: #363f45; }

    @media (min-width: 768px) {

      #categories_block_left .sf-menu > li li {

        border-top: 1px solid #dddddd;

        position: relative; }

        #categories_block_left .sf-menu > li li:first-child {

          border: none; }

          #categories_block_left .sf-menu > li li:first-child a {

            -moz-border-radius: 4px 4px 0 0;

            -webkit-border-radius: 4px;

            border-radius: 4px 4px 0 0; }

        #categories_block_left .sf-menu > li li:last-child a {

          -moz-border-radius: 0 0 4px 4px;

          -webkit-border-radius: 0;

          border-radius: 0 0 4px 4px; }

        #categories_block_left .sf-menu > li li > a {

          font: normal 16px/22px "Roboto", sans-serif;

          display: block;

          padding: 7px 20px 9px;

          position: relative;

          z-index: 1;

          overflow: hidden; }

          #categories_block_left .sf-menu > li li > a.sf-with-ul:after {

            content: "\f0da";

            font-family: "FontAwesome";

            font-size: 20px;

            line-height: 20px;

            color: #d7dbdd;

            position: absolute;

            top: 50%;

            right: 20px;

            display: block;

            margin-top: -10px; }

          #categories_block_left .sf-menu > li li > a.sf-with-ul:before {

            content: " ";

            display: block;

            height: 100%;

            width: 0;

            position: absolute;

            left: 0;

            top: 0;

            background: #fcfcfc;

            z-index: -1;

            -moz-transition: all 0.2s ease;

            -o-transition: all 0.2s ease;

            -webkit-transition: all 0.2s ease;

            transition: all 0.2s ease; }

          #categories_block_left .sf-menu > li li > a span {

            padding-right: 9px; }

        #categories_block_left .sf-menu > li li.sfHover > a,

        #categories_block_left .sf-menu > li li > a:hover, #categories_block_left .sf-menu > li li.sfHoverForce > a {

          color: #363f45; }

          #categories_block_left .sf-menu > li li.sfHover > a:before,

          #categories_block_left .sf-menu > li li > a:hover:before, #categories_block_left .sf-menu > li li.sfHoverForce > a:before {

            width: 100%; }

        #categories_block_left .sf-menu > li li.sfHover > a:after {

          color: #363f45; } }

        @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {

          #categories_block_left .sf-menu > li li > a {

            /*padding: 15px 10px 17px;*/

            font: normal 13px/22px "Roboto", sans-serif; } }

          @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {

            #categories_block_left .sf-menu > li li > a.sf-with-ul:after {

              right: 10px; } }

          @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {

            #categories_block_left .sf-menu > li li > a span {

              padding-right: 4px; } }

  #categories_block_left .sf-menu li ul {

    display: none;

    left: 100%;

    margin-left: 10px;

    top: 0;

    /* match top ul list item height */

    z-index: 99;

    background: #f6f6f6;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.1);

    box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.1);

    width: 100%; }

    #categories_block_left .sf-menu li ul ul {

      margin-left: 5px; }

    @media (max-width: 767px) {

      #categories_block_left .sf-menu li ul {

        left: 0;

        padding: 12px 0 18px 0;

        /*margin: 20px 0 10px;*/
        margin: 0 0 10px;

        background: rgba(255, 255, 255, 0.9); }

        #categories_block_left .sf-menu li ul ul {

          margin-left: 0; } }

  @media (max-width: 767px) {

    #categories_block_left .sf-menu li li ul {

      position: static;

      display: block !important;

      opacity: 1 !important;

      padding: 10px;

      margin-bottom: 30px;

      -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);

      -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);

      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);

      background: #f6f6f6; }

      #categories_block_left .sf-menu li li ul ul {

        position: static;

        display: block !important;

        opacity: 1 !important;

        background: none;

        -moz-box-shadow: transparent 0 0 0;

        -webkit-box-shadow: transparent 0 0 0;

        box-shadow: transparent 0 0 0; }

    #categories_block_left .sf-menu li li li ul {

      padding: 0 0 0 20px; }

    #categories_block_left .sf-menu li li li ul {

      width: 220px; }

    #categories_block_left ul.sf-menu li:hover li ul,

    #categories_block_left ul.sf-menu li.sfHover li ul {

      top: -999em; }

    #categories_block_left ul.sf-menu li li:hover ul,

    #categories_block_left ul.sf-menu li li.sfHover ul {

      left: 200px;

      /* match ul width */

      top: 0; }

    #categories_block_left ul.sf-menu li li:hover li ul,

    #categories_block_left ul.sf-menu li li.sfHover li ul {

      top: -999em; }

    #categories_block_left ul.sf-menu li li li:hover ul,

    #categories_block_left ul.sf-menu li li li.sfHover ul {

      left: 200px;

      /* match ul width */

      top: 0; }

    #categories_block_left .sf-menu > li > ul {

      padding: 26px 20px 31px;

      width: 100%; }

      #categories_block_left .sf-menu > li > ul > li > a {

        font: normal 13px/20px "Roboto", sans-serif;

        display: block;

        padding: 6px 10px;

        background: #00004f;

        color: rgba(255, 255, 255, 0.8);

        -moz-border-radius: 4px;

        -webkit-border-radius: 4px;

        border-radius: 4px;

        -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.13);

        -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.13);

        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.13); }

        #categories_block_left .sf-menu > li > ul > li > a span {

          padding-right: 9px; }

        #categories_block_left .sf-menu > li > ul > li > a:hover {

          color: #fff; }

      #categories_block_left .sf-menu > li > ul > li.sfHoverForce > a {

        color: #fff; }

    #categories_block_left .sf-menu li li li a {

      display: block;

      position: relative;

      font-size: 13px;

      line-height: 16px;

      padding: 5px 10px;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

      border-radius: 4px; }

      #categories_block_left .sf-menu li li li a span {

        padding-right: 9px; }

      #categories_block_left .sf-menu li li li a:hover {

        color: #363f45; }

    #categories_block_left .sf-menu li li li.sfHoverForce > a {

      color: #363f45; } }

  @media (max-width: 767px) {

    #categories_block_left .sf-menu > li > ul > li {

      width: 50%;

      float: left;

      padding-right: 15px; } }

  @media (max-width: 479px) {

    #categories_block_left .sf-menu > li > ul > li {

      width: 100%; } }

  @media (min-width: 768px) {

    #categories_block_left .sf-menu > li > ul > li.first-in-line-lg {

      clear: left; } }

  @media (min-width: 480px) and (max-width: 767px) {

    #categories_block_left .sf-menu > li > ul > li.first-in-line-xs {

      clear: left; } }

  #categories_block_left .sf-menu > li > ul > li.category-thumbnail {

    width: 100% !important;

    float: none;

    clear: both;

    overflow: hidden;

    padding-right: 0;

    display: none; }

    #categories_block_left .sf-menu > li > ul > li.category-thumbnail > div {

      float: left;

      padding-left: 10px;

      width: 33.333%; }

      @media (max-width: 479px) {

        #categories_block_left .sf-menu > li > ul > li.category-thumbnail > div {

          width: 100%;

          padding-left: 0;

          padding-top: 10px;

          text-align: center; } }

      #categories_block_left .sf-menu > li > ul > li.category-thumbnail > div:first-child {

        padding-left: 0; }

      #categories_block_left .sf-menu > li > ul > li.category-thumbnail > div img {

        max-width: 100%;

        display: block; }

  @media (max-width: 767px) {

    #categories_block_left .cat-title {

      display: block;

      position: relative;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

      border-radius: 4px; }

      #categories_block_left .cat-title.active {

        -moz-border-radius: 4px 4px 0 0;

        -webkit-border-radius: 4px;

        border-radius: 4px 4px 0 0; }

      #categories_block_left .cat-title:after {

        display: block;

        font-family: "FontAwesome";

        content: "\f067";

        position: absolute;

        right: 15px;

        top: 10px;

        font-size: 26px; }

      #categories_block_left .cat-title.active:after {

        content: "\f068"; } }

  #categories_block_left .sf-menu li.sf-search {

    display: none;

    border: none; }

    #categories_block_left .sf-menu li.sf-search input {

      display: inline;

      padding: 0 13px;

      height: 30px;

      line-height: 30px;

      background: white;

      margin: 13px 10px 0 0;

      font-size: 13px;

      color: #555555;

      border: 1px solid #cccccc; }