#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; }



@media (min-width: 992px) {

  #categories_block_left .block_content {

    display: block !important; } }

#categories_block_left li {

  position: relative;

  padding-left: 5px;

  margin-left: -5px;

  width: 100%; }

  #categories_block_left li a {

    display: inline-block;

    padding: 5px 0;

    position: relative;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase; }

    @media (min-width: 1600px) {

      #categories_block_left li a {

        font-size: 20px; } }

    #categories_block_left li a:before {

      position: absolute;

      content: '';

      left: 0;

      bottom: -4px;

      right: 100.2%;

      height: 4px;

      margin-top: -2px;

      background-color: #dd931c;

      -moz-transition: 0.2s all ease;

      -o-transition: 0.2s all ease;

      -webkit-transition: 0.2s all ease;

      transition: 0.2s all ease; }

  #categories_block_left li span.grower {

    position: absolute;

    right: -15px;

    display: inline-block;

    cursor: pointer;

    margin-left: 16px;

    margin-top: 7px;

    line-height: 1;

    vertical-align: top;

    -moz-transition: 0.3s all ease;

    -o-transition: 0.3s all ease;

    -webkit-transition: 0.3s all ease;

    transition: 0.3s all ease; }

    #categories_block_left li span.grower:hover {

      color: #dd931c; }

    #categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {

      font-family: "Material Icons";

      content: "\e5cf";

      display: inline-block;

      font-weight: normal;

      font-size: 16px;

      display: block;

      vertical-align: middle;

      text-align: center; }

    #categories_block_left li span.grower.OPEN:before {

      content: "\e5ce"; }

  #categories_block_left li > a:hover, #categories_block_left li > a.selected {

    color: #292929; }

    #categories_block_left li > a:hover:before, #categories_block_left li > a.selected:before {

      left: -3px;

      right: -3px; }

  #categories_block_left li ul {

    margin-top: 11px;

    margin-bottom: 20px; }

    #categories_block_left li ul span.grower {

      right: -10px; }

    #categories_block_left li ul li > a {

      font-size: 14px;

      padding: 7px 0 0 0; text-transform: uppercase; letter-spacing:0 ; font-weight:600;}

      #categories_block_left li ul li > a:before {

        height: 2px;

        margin-top: -1px; }

    #categories_block_left li ul li + li {

      margin-top: 1px; }

    #categories_block_left li ul li ul {

      margin-top: 0;

      margin-bottom: 10px;

      padding: 0; }

      #categories_block_left li ul li ul > li > a {

        font-size: 14px; padding:0; padding-left:15px; text-transform:none; font-weight:300 }

  #categories_block_left li + li {

    margin-top: 10px; }



@media (min-width: 1200px) {

  .blockcategories_footer {

    padding-left: 37%; } }