.aside-filter__rang-wrap{
  padding-top: 20px;
}
    .aside-filter__rang-wrap .row{
      display: flex;
      justify-content: space-between;
    }
          .aside-filter__rang-wrap .row .col-auto{
            width: 100px;
          }
    /* .aside-filter__rang-wrap .row .col-auto{ */
      .irs--modern .irs-bar,
    .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {    
        background: #ffd820;
        color: #000000;
    }

    .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
      
      border-top-color: #ffd820;
  }
  .c_body.product-card-list{
    position: relative;
  }
  .dot-loader-wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0,0, .5);
    z-index: -1;
    opacity: 0;
  }
  .dot-loader-wrap.active{
    z-index: 200;
    opacity: 1;
    }
  .dots-inner{
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
  }
  .dot-loader {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #ffd820;
    /* position: absolute; */
    position: relative;
    -webkit-animation: 1.2s grow ease-in-out infinite;
    animation: 1.2s grow ease-in-out infinite;
  }
  
  .dot-loader--2 {
    -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
    animation: 1.2s grow ease-in-out infinite 0.15555s;
    margin: 0 20px;
  }
  .dot-loader--3 {
    -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
    animation: 1.2s grow ease-in-out infinite 0.3s;
  }

 
  @-webkit-keyframes grow {
    0%, 40%, 100% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes grow {
    0%, 40%, 100% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .toggle-category {
    position: relative;
  }
  .toggle-category span{
    position: relative;
    display: block;
    padding: 15px 7px;
    background-color: #f7f7f7;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    transition: background-color .1s;
  }
  .toggle-category{
    
  }
  
  .toggle-category + .am_tabs{
    display: none;
  }
        .toggle-categorya:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 9px;
          border-top: 6px solid;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
      }

      .toggle-category:before{
        border-bottom: 4px solid #fff22d;
        z-index: 2;
        transition: right .3s;
        left: 4%;
        right: 96%;
        top: 38px;
    }
    .toggle-category.active:before{
        right: 7px;
    }
    .toggle-category:after{
      border-bottom: 1px solid #e3e3e3;
        right: 7px;
        left: 7px;
        bottom: 0;
       
    }
    .toggle-category:last-child:after{
      display: none;
    }

    .toggle-category > span:hover{
      text-decoration: none;
      background-color: #e1e1e1;
  }
  .toggle-category:before,
  .toggle-category:after{
      content: "";
      position: absolute;
  }
    .toggle-category > span:before,
    .toggle-category > span:after{
      content: "";
      position: absolute;
      top: 50%;
      right: 9px;
      border-top: 6px solid;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
    }
    .toggle-category > span:before{
      border-top-color: #000;
      margin-top: -3px;
    }
    .toggle-category > span:after{
      border-top-color: #f7f7f7;
      margin-top: -5px;
    }
    .toggle-category > span:hover:after{
        border-top-color: #e1e1e1;
    }
    .toggle-category.active > span:before,
    .toggle-category.active > span:after{
      border-top: none;
      border-bottom: 6px solid;
    }
    .toggle-category.active > span:before{
      border-bottom-color: #000;
      margin-top: -5px;
    }
    .toggle-category.active > span:after{
      border-bottom-color: #f7f7f7;
      margin-top: -3px;
    }
    .toggle-category.active > span:hover:after{
        border-bottom-color: #e1e1e1;
    }

    .homeBanners .owl-nav .owl-prev,
    .homeBanners .owl-nav .owl-next{
      background: none;
    }

    .hc_commit_city p {
        font-size: 18px;
      }
      .but_link{
        box-shadow: none !important;
        background: none !important;
        border: none ;
        border-bottom: 1px solid currentColor;
        font-size: 18px;
        color: #009fd7;
        transition: all .36s;
        padding: 0;
        margin-left: 10px;
        border-radius: 0;
        text-transform: none;
      }
                  .but_link:hover{
                    border-color: transparent;
                  }

.cardTooltip, .cardTooltip--left {
  position: relative;
  cursor: pointer;
  color: #70c588;
  transition: all 0.5s;
  font-weight: 700;

}
.cardTooltip::before, .cardTooltip--left::before {
  content: attr(data-helperAttr);
  background-color: #fff;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  padding: 8px;
  position: absolute;
  top: 120%;
  z-index: 50;
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s;
  color: #000;
  box-sizing: border-box;
  cursor: auto;
  overflow: auto;
  width: 200px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .37);
  transform: scale(0);
  font-weight: normal;
}
.cardTooltip::before {
  right: -200%;
}
.cardTooltip--left::before {
  left: -200%;
}
@media screen and (min-width: 1101px){
  .cardTooltip::before, .cardTooltip--left::before {
    width: 300px;
    font-size: 1.2rem;
  }
}
.cardTooltip::after, .cardTooltip--left::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  transform: rotate(45deg);
  opacity: 0;
  border-left: solid 1px #e3e3e3;
  border-top: solid 1px #e3e3e3;
  transition: all 0.5s;
  top: 90%;
  right: 0px;
  z-index: 51;
  box-sizing: border-box;
} 
.cardTooltip--left::after {
  right: 0;
  left: 0px;
}
.cardTooltip:hover::before, .cardTooltip:hover::after, .cardTooltip:focus::before, .cardTooltip:focus::after, .cardTooltip:active::after, .cardTooltip:active::before{
   opacity: 1;
}
.cardTooltip:hover::before, .cardTooltip:focus::before, .cardTooltip:active::before {
  opacity: 1;
  transform: scale(1);
}
.cardTooltip--left:hover::before, .cardTooltip--left:hover::after, .cardTooltip--left:focus::before, .cardTooltip--left:focus::after, .cardTooltip--left:active::after, .cardTooltip--left:active::before{
  opacity: 1;
}
.cardTooltip--left:hover::before, .cardTooltip--left:focus::before, .cardTooltip--left:active::before {
 opacity: 1;
 transform: scale(1);
}

.demoWrap {
  display: flex;
  justify-content: space-between;
}