

/* Start:/local/components/opt/catalog/templates/.default/style.css?179121119011853*/
#catalog .left-block .category-block, #catalog .left-block .filter-block {
  margin-bottom: 10px;
  max-width: 280px; }
  @media screen and (max-width: 600px) {
    #catalog .left-block .category-block, #catalog .left-block .filter-block {
      max-width: none;
      width: 100%; } }

#catalog .left-block .category-block .header, #catalog .left-block .filter-block .header {
  text-transform: uppercase;
  color: #fff;
  padding: 16px 16px 10px 20px;
  font-weight: bold;
  cursor: pointer; }
  #catalog .left-block .category-block .header .title, #catalog .left-block .filter-block .header .title {
    font-family: GothaProBol; }
  #catalog .left-block .category-block .header i, #catalog .left-block .filter-block .header i {
    float: right;
    line-height: 8px; }

.selectboxit-container i {
  margin-right: 5px !important; }

.selectboxit {
  border: 1px solid #efefef !important;
  border-radius: 0 !important;
  width: 190px !important;
  background: #fff none !important; }
  .selectboxit i {
    margin-right: 3px !important;
    margin-left: 5px !important; }

.selectboxit-focus a {
  background: #00b02a none !important; }

.selectboxit-list {
  border-radius: 0 !important;
  width: 192px !important;
  border: 1px solid #00b02a !important; }
  .selectboxit-list li a {
    text-decoration: none; }

.nav {
  display: inline-block;
  font-size: 16px;
  flex-grow: 1;
  line-height: 1.5;
  margin-bottom: 25px; }
  .nav a {
    text-decoration: none;
    white-space: nowrap; }
  .nav a:hover {
    border-bottom: 1px dotted #00b02a; }
  .nav a.active {
    color: #00b02a; }

#catalog {
  display: flex; }
  @media screen and (max-width: 700px) {
    #catalog {
      margin-top: 0; } }
  @media screen and (max-width: 1050px) {
    #catalog {
      flex-direction: column; } }
  #catalog .main-container {
    width: 100%;
    display: flex;
    flex-direction: column; }
    #catalog .main-container .root-category a {
      text-decoration: none; }
    #catalog .main-container .root-category .title {
      cursor: pointer;
      height: 46px;
      line-height: 46px;
      padding: 0 15px;
      color: #fff;
      background: #00b02a;
      font-size: 20px;
      min-width: 300px;
      max-width: 350px;
      font-family: GothaProBol;
      display: flex;
      margin-bottom: 40px; }
      #catalog .main-container .root-category .title i {
        font-size: 30px;
        margin-top: 6px;
        margin-right: 5px; }
      #catalog .main-container .root-category .title span {
        text-transform: uppercase;
        margin-right: 5px; }
    #catalog .main-container .root-category .content-category {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 5px; }
      #catalog .main-container .root-category .content-category .category-2 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 22.9%;
        margin-bottom: 30px;
        padding: 0 10px; }
        @media screen and (max-width: 1200px) {
          #catalog .main-container .root-category .content-category .category-2 {
            flex-basis: 47%; } }
        @media screen and (max-width: 700px) {
          #catalog .main-container .root-category .content-category .category-2 {
            flex-basis: 100%;
            padding: 0; } }
        #catalog .main-container .root-category .content-category .category-2 .category-2-title {
          cursor: pointer;
          font-size: 18px;
          color: #00b02a;
          margin-bottom: 20px;
          text-transform: uppercase;
          display: flex; }
          #catalog .main-container .root-category .content-category .category-2 .category-2-title:hover {
            color: #05dd39; }
          #catalog .main-container .root-category .content-category .category-2 .category-2-title .icon i {
            margin-top: -12px;
            font-size: 36px; }
          #catalog .main-container .root-category .content-category .category-2 .category-2-title .name {
            margin-left: 5px; }
        #catalog .main-container .root-category .content-category .category-2 .content-category-2 {
          padding-left: 10px; }
          #catalog .main-container .root-category .content-category .category-2 .content-category-2 .category-3-title {
            cursor: pointer;
            font-size: 14px;
            display: flex;
            padding: 8px 0; }
            #catalog .main-container .root-category .content-category .category-2 .content-category-2 .category-3-title:hover {
              color: #00b02a; }
            #catalog .main-container .root-category .content-category .category-2 .content-category-2 .category-3-title .icon i {
              margin-top: -5px;
              font-size: 20px; }
            #catalog .main-container .root-category .content-category .category-2 .content-category-2 .category-3-title .name {
              margin-left: 5px; }
  #catalog .left-block {
    flex: 0 0 280px; }
    @media screen and (max-width: 1050px) {
      #catalog .left-block {
        flex: 0 0 auto; } }
    #catalog .left-block .category-block .header {
      background-color: #00b02a; }
    #catalog .left-block .category-block .category-list {
      padding: 5px 0 0 0;
      border: 1px solid #efefef; }
      #catalog .left-block .category-block .category-list :not(:last-child) {
        border-bottom: 1px solid #efefef; }
      #catalog .left-block .category-block .category-list .item-level-1 a {
        text-decoration: none; }
        #catalog .left-block .category-block .category-list .item-level-1 a .name-1 {
          padding: 12px 15px 12px 6px;
          color: #000;
          text-decoration: none;
          cursor: pointer; }
          #catalog .left-block .category-block .category-list .item-level-1 a .name-1 .icon {
            margin-right: 8px; }
          #catalog .left-block .category-block .category-list .item-level-1 a .name-1 .arrow {
            float: right; }
        #catalog .left-block .category-block .category-list .item-level-1 a .name-1:hover {
          color: #00b02a; }
        #catalog .left-block .category-block .category-list .item-level-1 a .name-1.active {
          color: #00b02a; }
      #catalog .left-block .category-block .category-list .item-level-1 .dropdown-1 {
        display: none; }
        #catalog .left-block .category-block .category-list .item-level-1 .dropdown-1 .sub-category-list {
          font-size: 14px; }
          #catalog .left-block .category-block .category-list .item-level-1 .dropdown-1 .sub-category-list a {
            text-decoration: none; }
            #catalog .left-block .category-block .category-list .item-level-1 .dropdown-1 .sub-category-list a :hover {
              background-color: #efefef; }
            #catalog .left-block .category-block .category-list .item-level-1 .dropdown-1 .sub-category-list a .name {
              padding: 9px 0 6px 40px; }
      #catalog .left-block .category-block .category-list .item-level-1 .dropdown-1.active {
        display: block; }
    #catalog .left-block .category-block .category-list.hidden {
      display: none; }
    #catalog .left-block .filter-block .header {
      background-color: #00b02a; }
      @media screen and (max-width: 1050px) {
        #catalog .left-block .filter-block .header .fa-chevron-down {
          transform: rotate(-90deg); } }
      @media screen and (max-width: 1050px) {
        #catalog .left-block .filter-block .header .fa-chevron-right {
          transform: rotate(90deg); } }
    @media screen and (max-width: 1050px) {
      #catalog .left-block .filter-block .filters-content {
        display: none; } }
    #catalog .left-block .banner-block img {
      width: 100%; }
    @media screen and (max-width: 1050px) {
      #catalog .left-block .banner-block {
        display: none; } }
  #catalog .right-block {
    margin: 0 5px 0 15px;
    max-width: 840px;
    flex-grow: 1; }
    @media screen and (max-width: 1050px) {
      #catalog .right-block {
        margin: 0 5px 0 0;
        max-width: 1010px; } }
    #catalog .right-block .nav-sort-container {
      border: 1px solid #efefef;
      padding: 25px 10px;
      justify-content: space-between;
      display: flex;
      align-items: center; }
      @media (max-width: 600px) {
        #catalog .right-block .nav-sort-container {
          flex-direction: column-reverse;
          padding: 15px 10px; }
          #catalog .right-block .nav-sort-container .nav {
            margin-bottom: 10px; } }
      #catalog .right-block .nav-sort-container .sort {
        display: inline-block; }
        @media screen and (max-width: 650px) {
          #catalog .right-block .nav-sort-container .sort {
            display: none; } }
        #catalog .right-block .nav-sort-container .sort select {
          font-size: 14px;
          /* background: #fff;
          width: 250px;
          padding: 5px 5px 5px 5px;
          font-size: 14px;
          border: 1px solid green;
          height: 34px; */
          /* -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; */ }
    #catalog .right-block .subcategory-container {
      margin-top: 10px;
      border: 1px solid #efefef;
      padding: 10px 10px;
      /* min-height: 60px; */
      display: flex;
      flex-wrap: wrap;
      /* align-items: center; */
      align-content: stretch;
      /* justify-content: space-around; */ }
      @media screen and (max-width: 600px) {
        #catalog .right-block .subcategory-container {
          flex-direction: column; } }
      #catalog .right-block .subcategory-container .subcategory {
        margin-right: 60px;
        margin-bottom: 10px; }
        #catalog .right-block .subcategory-container .subcategory:last-of-type {
          margin-bottom: 0; }
        @media screen and (max-width: 600px) {
          #catalog .right-block .subcategory-container .subcategory {
            width: 100%;
            margin-bottom: 8px;
            margin-right: 0; } }
        #catalog .right-block .subcategory-container .subcategory a {
          text-decoration: none; }
          #catalog .right-block .subcategory-container .subcategory a i {
            font-size: 6px;
            vertical-align: middle; }
        #catalog .right-block .subcategory-container .subcategory a:hover {
          border-bottom: 1px dotted #00b02a; }
    #catalog .right-block .categories-container {
      margin-top: 10px;
      border: 1px solid #efefef;
      padding: 20px 10px 20px 20px; }
      #catalog .right-block .categories-container a {
        text-decoration: none; }
      #catalog .right-block .categories-container .category-block:not(:last-child) {
        margin-bottom: 40px; }
      #catalog .right-block .categories-container .category-block .category-name {
        font-size: 16px; }
        #catalog .right-block .categories-container .category-block .category-name a {
          transition: color 0.2s; }
          #catalog .right-block .categories-container .category-block .category-name a:hover {
            color: #00b02a; }
        #catalog .right-block .categories-container .category-block .category-name i {
          color: #00b02a;
          margin-right: 5px;
          font-size: 14px; }
      #catalog .right-block .categories-container .category-block .subcategory-block {
        flex-wrap: wrap;
        display: flex;
        margin-left: 20px; }
        #catalog .right-block .categories-container .category-block .subcategory-block .subcategory-name {
          flex: 1 0 32%;
          margin-top: 10px;
          margin-right: 3px; }
    #catalog .right-block .products-container {
      margin-top: 10px; }
      #catalog .right-block .products-container .no-product {
        text-align: center;
        margin-top: 25px;
        font-weight: bold; }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/components/opt/catalog.filter/templates/.default/style.css?16526932592939*/
#filter{border:1px solid #efefef;padding:15px}#filter input[type="checkbox"]{display:none}#filter input[type="checkbox"]+label{cursor:pointer}#filter input[type="checkbox"]+label::before{content:"";display:inline-block;height:16px;width:18px;margin:0 5px -2px 0;background:url(/local/templates/default/images/checkbox.png) 100% 100% no-repeat;background-size:cover}#filter input[type="checkbox"]+label::before{background-position:-20px 0px}#filter input[type="checkbox"]:checked+label::before{background-position:0px 0px}#filter .slider{border:none;height:5px;background:#b3b3b3}#filter .slider .ui-slider-range{background:#00b02a}#filter .slider .ui-slider-handle{width:18px;height:18px;top:-0.5em;background:#fff;border-radius:12px}#filter .slider .ui-slider-handle:hover{background:#efefef}#filter .slider .ui-slider-handle:focus{outline:none}#filter .slider .ui-state-active{border:1px solid #00b02a}#filter .price .filter-content .inputs{text-align:center;margin-bottom:15px}#filter .price .filter-content .inputs input{width:60px;text-align:center;border:1px solid #efefef;font-size:15px;padding:2px;margin:8px}#filter .vendor{margin-top:40px}#filter .vendor .title{margin-bottom:10px}#filter .vendor .filter-content .brand-list .brand{margin-bottom:5px}#filter .vendor .filter-content .brand-list .brand label{display:inline-block}#filter .vendor .filter-content .brand-list .brand a{text-decoration:none}#filter .vendor .filter-content .brand-list .brand a .name{display:inline-block;margin-left:-5px;font-family:GothaProMed;border-bottom:1px solid #cfcfcf;transition:color 0.1s}#filter .vendor .filter-content .brand-list .brand a .name:hover{color:#00b02a}#filter .vendor .filter-content .brand-list .brand a .name .count{font-family:GothaProReg}#filter .vendor .filter-content .brand-list .hidden{display:none}#filter .vendor .filter-content .brand-list .show-all{margin-top:10px;font-size:14px}#filter .vendor .filter-content .brand-list .show-all span{cursor:pointer;border-bottom:1px dotted #00b02a;margin-left:23px}#filter .available{margin-top:40px}#filter .available .title{margin-bottom:10px}#filter .available .filter-content .available-block{margin-bottom:5px}#filter .available .filter-content .available-block label{transition:color 0.1s}#filter .available .filter-content .available-block label:hover{color:#00b02a}#filter .buttons{text-align:center;margin-top:30px}#filter .buttons .apply{display:inline-block;margin-right:5px;border:1px solid #00b02a;padding:8px 10px 6px 10px;color:#fff;background:#00b02a;cursor:pointer;font-family:GothaProMed;transition:color 0.2s;transition:background 0.2s}#filter .buttons .apply:hover{color:#00b02a;background:#fff}#filter .buttons .clear{display:inline-block;border:1px solid #00b02a;padding:8px 10px 6px 10px;color:#00b02a;cursor:pointer;font-family:GothaProMed;transition:color 0.2s;transition:background 0.2s}#filter .buttons .clear:hover{background:#00b02a;color:#fff}

/* End */
/* /local/components/opt/catalog/templates/.default/style.css?179121119011853 */
/* /local/components/opt/catalog.filter/templates/.default/style.css?16526932592939 */
