/*Filtre*/
.filters-padding {
    padding: 0px 250px;
}

.filters-title {
    text-align: center;
    font-family: 'HKGrotesk-Regular', sans-serif;
    color: #000;
    font-size: 25px;
    line-height: 24px;
    margin-top: 10px;
}

.border-separator {
    width: 50%;
    background: #e5e6e8;
    height: 1px;
    margin: 20px auto;
}

.criteriu-background {
    background: #fff;
    padding: 0px 0px;
    margin-bottom: 40px;
}

.criteriu-title a {
    font-size: 16px;
    color: #000;
    font-family: 'HKGrotesk-SemiBold', sans-serif;
    display: block;
    padding: 0px;
    background: none;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.interval-selectat {
    font-size: 16px;
    color: #8c8c8c;
    font-family: 'HKGrotesk-Light', sans-serif;
    margin-top: 10px;
}
.reset-filters {
    background-color: #fff;
    border: 1px solid #e5e6e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 43px;
    outline: none;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-family: 'HKGrotesk-Regular', sans-serif;
    /*width: 50px;*/
    color: #000;
    margin-top: 16px;

}

.reset-filters:hover, .reset-filters:focus {
    background: #fff;
    color: #000;
}
.reset-filters-mobile {
    background-color: #fff;
    border: 1px solid #e5e6e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 43px;
    outline: none;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-family: 'HKGrotesk-Regular', sans-serif;
    /*width: 50px;*/
    color: #000;
    margin-top: 16px;

}

.reset-filters-mobile:hover, .reset-filters:focus {
    background: #fff;
    color: #000;
}
.sep-line-input {
    font-size: 16px;
    color: #000;
    font-family: 'HKGrotesk-Light', sans-serif;
    text-align: center;
    padding: 5px 0px;
}

.price-slide {
    margin-top: 15px;
}

.content {
    padding: 0px;
}

.select-price {
    padding: 0px;
}

.select-price .form-control {
    border: 1px solid #bbbbbb;
    border-radius: 0px;
    height: 35px;
}

.scroll-bar {
    height: 500px;
}

.gray-val {
    color: #a4a5a5;
}

.checkbox {
    font-size: 14px;
    color: #000;
    font-family: 'HKGrotesk-Regular', sans-serif;
}

/*filtre left subcategorie*/
.checkbox-subcat {
    margin-left: 20px;

}

.checkbox-cat {
    font-weight: bold !important;
    margin-bottom: 15px;
}

/* filtre culori */
.culoare-cod {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.red {
    background: #cd0000;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.black {
    background: #000;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.green {
    background: #a3af07;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.blue {
    background: #75aadb;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.white {
    background: #fff;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.orange {
    background: #dd5900;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e4;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pattern-color {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.selected {
    color: #fff;
    background: #000;
}

.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 15px;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel-group .panel + .panel {
    margin-top: 20px;
}

/* RESPONSIVE STYLES
---------------------------------------------------------------*/
/* 1440 */
@media (min-width: 1370px) and (max-width: 1440px) {
    .filters-padding {
        padding: 0px 100px;
    }
}

/* 1366 */
@media (min-width: 1279px) and (max-width: 1366px) {
    .filters-padding {
        padding: 0px 100px;
    }

    .scroll-bar {
        height: 140px;
    }
}

/* 1280 */
@media (min-width: 1260px) and (max-width: 1280px) {
    .filters-padding {
        padding: 0px 100px;
    }
}

/* desktop normal */

@media (min-width: 1200px) {

}

/* 1024 */
@media (min-width: 992px) and (max-width: 1199px) {
    .reset-filters {
        line-height: 38px;
        height: 37px;
    }
    .filters-padding {
        padding: 0px 50px;
    }

    .checkbox {
        font-size: 13px;
    }

    .scroll-bar {
        height: 450px;
    }
}

/* 768 tableta*/
@media (min-width: 768px) and (max-width: 991px) {
    .reset-filters {
        line-height: 38px;
        height: 37px;
    }
    .filter-button {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        font-size: 14px;
        font-family: 'HKGrotesk-Bold', sans-serif;
        padding: 4px 10px;
        width: 100%;
        display: block;
    }

    .filter-button:hover, .filter-button:focus {
        background: #f3353a;
        border: 1px solid #f3353a;
        color: #fff;
    }

    .select-price {
        padding-top: 10px;
    }

    .fa-angle-down {
        margin-top: 5px;
    }

    .fa-filter {
        font-size: 16px;
        padding-top: 5px;
    }

    .criteriu-background {
        padding: 5px 10px;
        margin-bottom: 0px;
    }

    .criteriu-title a {
        font-size: 14px;
        padding: 3px 0px;
        background: none;
        color: #000;
        border-bottom: 1px solid #000;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .see-results {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        font-size: 14px;
        font-family: 'HKGrotesk-Medium', sans-serif;
        padding: 5px 10px;
        width: 100%;
        display: block;
    }

    .activate-filters {
        margin-top: 10px;
    }

    .filtre-mobil-bg {
        background: #fff;
        margin-bottom: 0px;
    }

    .fixed-filters {
        position: fixed;
        top: 70px !important;
        right: 0;
        left: 0;
        z-index: 99;
        padding: 10px;
    }

    .filters-padding {
        padding: 0px;
    }

    .culoare-cod {
        margin-top: 10px;
    }
}

/* 640 - telefon mare (iphone 6, 7 plus) */
@media (max-width: 767px) {
    .select-filter{
        width: 200px;
    }
    .filters-title {
        font-size: 22px;
        text-align: left;
        color: #000;
        font-family: 'HKGrotesk-Regular', sans-serif;
    }

    .filters-title a {
        color: #000;
    }

    .filters-title a:hover, filters-title a:focus {
        text-decoration: none;
    }

    .filter-button {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        font-size: 14px;
        font-family: 'HKGrotesk-Bold', sans-serif;
        padding: 4px 10px;
        width: 100%;
        display: block;
    }

    .filter-button:hover, .filter-button:focus {
        background: #000;
        border: 1px solid #000;
        color: #fff;
    }

    .fa-angle-down {
        margin-top: 5px;
    }

    .fa-filter {
        font-size: 16px;
        padding-top: 5px;
    }

    .criteriu-background {
        padding: 5px 10px;
        margin-bottom: 0px;
    }

    .select-price {
        padding-top: 10px;
    }

    .culoare-cod {
        margin-top: 10px;
    }

    .criteriu-title a {
        font-size: 14px;
        padding: 3px 0px;
        background: none;
        color: #000;
        border-bottom: 1px solid #000;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .see-results {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        font-size: 14px;
        font-family: 'HKGrotesk-Medium', sans-serif;
        padding: 5px 10px;
        width: 100%;
        display: block;
    }

    .activate-filters {
        margin-top: 10px;
    }

    .filtre-mobil-bg {
        background: #fff;
        margin-bottom: 20px;
    }

    .fixed-filters {
        position: fixed;
        top: 70px !important;
        right: 0;
        left: 0;
        z-index: 99;
        padding: 10px;
    }
}

/* 375 - telefon mediu (iphone 6, 7) */
@media (min-width: 330px) and (max-width: 480px) {

}

/* 320- telefon mic (iphone 5) */
@media (min-width: 300px) and (max-width: 325px) {

}