.tfilter {
    margin: 42px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tfilter * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tfilter__header {
    background-color: #333;
    color: #fff;
    padding: 40px 30px;
    font-family: Roboto, "Roboto-Regular";
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0px 15px 15px #4f6675;
}

.tfilter__header_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tfilter__stars {
    width: 25%
}

.tfilter__stars_header {
    font-size: 21px;
    padding-bottom: 9px;
}

.tfilter__stars_boxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tfilter__stars_box {
    margin: 5px;
    cursor: pointer;
    position: relative;
    height: 42px;
    width: 20px
}

.tfilter__stars_box_active,
.tfilter__stars_box_inactive {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tfilter__stars_box .active-checkbox {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0
}

.tfilter__stars_box_inactive {
    opacity: 1
}

.tfilter__stars_box_active {
    opacity: 0
}

.tfilter__stars_box.active tfilter__stars_box_inactive,
.tfilter__stars_box:hover tfilter__stars_box_inactive {
    opacity: 0
}

.tfilter__stars_box.active .tfilter__stars_box_active,
.tfilter__stars_box:hover .tfilter__stars_box_active {
    opacity: 1
}

.tfilter__stars_box.active .active-checkbox,
.tfilter__stars_box.active:hover .active-checkbox {
    opacity: 1
}

.tfilter__stars_box:hover .active-checkbox {
    opacity: 0
}

.tfilter__search {
    width: 50%;
    padding: 0 30px;
    position: relative
}

.tfilter__search_header {
    font-size: 21px;
    margin-bottom: 15px
}

.tfilter__search input {
    height: 45px;
    width: 100%;
    padding: 0 15px;
    font-family: Roboto, "Roboto-Regular";
    font-size: 24px;
    border-radius: 25px;
}

.tfilter__search .error {
    opacity: 0;
    color: #ff587a;
    font-size: 14px;
    position: absolute;
    left: 47px;
    top: 100%;
    margin-top: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tfilter__search .error.active {
    opacity: 1
}

.tfilter__submit {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tfilter__submit_btn {
    padding: 10px 30px;
    border-radius: 18px;
    background: #39bafc;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    border: none;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-family: Roboto, "Roboto-Regular";
    letter-spacing: 1px;
}

.tfilter__submit_btn:hover {
    background: #0388cc
}

.tfilter__results {
    background-color: #919191;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    height: 0
}

.tfilter__results_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 10px
}

.tfilter__results .hot-tour-cart {
    display: block;
    width: 30%;
    margin: 20px 1.66%
}

.tfilter__results.active {
    height: 100%;
    opacity: 1
}

.tfilter__results_no {
    color: #fff;
    font-size: 20px;
    padding: 30px
}

@media (max-width:992px) {
    .tfilter__search .error {
        padding-right: 47px;
        font-size: 12px
    }
}

@media (max-width:768px) {
    .tfilter__header_row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tfilter__stars {
        width: 160px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tfilter__stars_header {
        font-size: 18px
    }

    .tfilter__search {
        width: -webkit-calc(100% - 160px);
        width: calc(100% - 160px);
        max-width: 100%;
        padding-right: 0
    }

    .tfilter__submit {
        margin-top: 35px;
        width: 100%
    }

    .tfilter__submit_btn {
        min-width: 200px
    }

    .tfilter__results .hot-tour-cart {
        width: 46%;
        margin: 15px 2%
    }
}

@media (max-width:576px) {
    .tfilter__search {
        padding: 0 15px
    }

    .tfilter__search .error {
        position: static;
        display: block;
        margin-top: 10px
    }

    .tfilter__submit {
        margin-top: 20px
    }

    .tfilter__results .hot-tour-cart {
        width: 100%;
        margin: 15px 0
    }
}

@media (max-width:520px) {
    .tfilter__header_row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tfilter__stars {
        width: auto
    }

    .tfilter__search {
        width: 100%;
        max-width: 400px;
        margin-top: 20px
    }

    .tfilter__search_header {
        text-align: center;
        margin-bottom: 10px
    }
}