/* html { scroll-behavior: smooth; } */
/* плавный скролл */

.FILTER_BLOCK{ background: #F9F9F9; margin-bottom: 30px; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.FILTER_BLOCK h3{ /*padding: 10px;*/  margin: 0;}
.FILTER_BLOCK .col-title{ padding: 0 15px}
.FILTER_BLOCK .col-title h3{ width: 150px;}

.FILTER_BLOCK .nav-link:first-child{margin-left: 0px}
.FILTER_BLOCK .nav-link{ cursor: pointer; background: none; border: 0; padding: 0; margin: 0 5px; color: #555763;  font-weight: bold;  text-transform: uppercase; }
.FILTER_BLOCK .nav-link span{ border-radius: 10px; padding:.35em 10px; border: 2px solid rgba(0,0,0,0); transition:all .2s ease-out;}

/*.FILTER_BLOCK .nav-link:hover span{ color: #fff; border: 2px solid #3939BC; color:#3939BC}*/
.FILTER_BLOCK .nav-link:active,
.FILTER_BLOCK .nav-link:focus{outline: none;}

/*
.FILTER_BLOCK .nav-link.active span{ background: #606270; color:#FFF }
.FILTER_BLOCK .nav-link.active:hover span{ border-color:#606270;}
*/


.filter_vouchers .nav-link:hover{color:#3939BC;}
.FILTER_BLOCK .nav-link:hover{border-color:#3939BC; }
.FILTER_BLOCK .nav-link.active:hover{ border-color:#606270;}

.FILTER_BLOCK .nav-link.active{ background: #606270; border-color:#606270 !important; }
.FILTER_BLOCK .nav-link.active span{ color:#FFF }


.filter_vouchers{ display: flex;}

.FILTER_BLOCK .nav-link.noactive:hover span,
.FILTER_BLOCK .nav-link.noactive span{ color:#999 !important; border: 2px solid rgba(0,0,0,0) !important; cursor: default;}
.FILTER_BLOCK .nav-link.noactive sup{ color:#999 !important; }




@media (max-width: 768px){
  .FILTER_BLOCK .col-title h3{ width: auto;}
  .FILTER_BLOCK .nav-link span{ padding: 3px 6px; white-space: nowrap;}
}



@media(max-width:576px){
  .FILTER_BLOCK .col-title,
  .FILTER_BLOCK .filter_vouchers{ padding: 0;}
  .FILTER_BLOCK {  margin-top: 20px}
  .FILTER_BLOCK .col-title h3{ position: absolute; margin-top: -40px; left: 5px; font-size: 18px;}
  .FILTER_BLOCK .nav-link{ padding: 10px 0; font-size: 13px; margin: 0 3px }
  /*.FILTER_BLOCK .nav-link:first-child{ margin-left: 0px }*/
}