.nav-content{background-color: var(--lightgray);display: flex;position: relative;overflow: hidden;padding-bottom: 10px;}
.nav-content-l{width: 150px;background-color: #fff;margin-top: .5em;font-size: .95em;padding-bottom: 9999em;margin-bottom: -9999em;}
.nav-content-l .has{padding: 20px 0 10px;color: #9c9c9c;}
.nav-content-r{width: calc(100% - 150px);padding-bottom: 9999px;margin-bottom: -9999px;}
.products_row .product-txt-con{text-align: left;}
.product-image-con,.product-txt-con{width: 100%;}
.product-txt-con{padding: 1em;padding-bottom: 22px;position: relative;}
.product-txt-con{display: flex;
    flex-direction: column;
    /*height: 100%;*/
    width: 100%;}
.products .price_wrap{display: flex;
    flex-direction: row;
    height: 100%;
}
.c_floor{padding: 0 0 20px;}

.filter_btn .type,.accordion-menu ul {
  display: none;
}
.accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion-menu input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.accordion-menu label, .accordion-menu a {
  position: relative;
  display: block;
  padding: 10px 10px 10px 15px;
}

.filter_btn,.has-children{cursor: pointer;color: #212121;}
.accordion-menu .filter_btn{transition: all .2s;}
.accordion-menu.has-child .filter_btn{padding-left: 25px;}
.accordion-menu .filter_btn.filter_all{padding-left: 16px;}
.accordion-menu .filter_btn.cur,.accordion-menu label.cur{background: #f4f4f6;font-weight: bold;color: var(--color);}
.accordion-menu.has-child .filter_btn.cur{background: none;}
.accordion-menu.has-child .filter_btn.cur:before{content: "";display: block;position: absolute;top: 50%;margin-top: -6px;margin-left: -17px;width: 12px;height: 12px;background: var(--check_c);}
.filter_btn span{line-height: 1.2;display: inline-block;}
.accordion-menu label{cursor: pointer;text-transform:uppercase;margin: 0;}
.accordion-menu label:before {
  /* arrow icon */
  content: '';
  display: inline-block;
  width: 8px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 18px;
  background-image: var(--tri);
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.accordion-menu input[type=checkbox]:checked + label::before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
}
.accordion-menu input[type=checkbox]:checked + label + ul,
.accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  display: block;
}

.accordion-menu.animated label::before {
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}

@media screen and (max-width: 640px){
  .nav-content.ctl .nav-content-l{position: absolute;left: -100%;}
  .nav-content.ctl .nav-content-r{width: 100%;}
  /*#trl_l{position: fixed;bottom: 20px;left: 0;z-index: 2;}*/
}

@media screen and (min-width: 768px){
  .nav-content-l{width: 190px;font-size: 1em;}
  .nav-content-r{width: calc(100% - 190px);}
  .accordion-menu label, .accordion-menu a,.accordion-menu .filter_btn.filter_all{padding-left: 26px;}
  .accordion-menu.has-child .filter_btn{padding-left: 40px;}
  .accordion-menu .filter_btn:hover{color: var(--color);padding-left: 31px;}
  .accordion-menu.has-child .filter_btn:hover{padding-left: 45px;}
}

@media screen and (min-width: 1401px){
  .nav-content-l{width: 315px;}
  .nav-content-r{width: calc(100% - 315px);}
  .filter_btn .type{display: block;position: absolute;right: 30px;top: 50%;color: #777;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
}
