@import 'header.css';
@import 'nav.css';
@import 'slider.css';
@import 'product_detail.css';
@import 'login.css';
@import 'user.css';
@import 'register.css';
@import 'valid-errors.css';
@import 'password_reset.css';
@import 'password_reset_done.css';
@import 'password_reset_confirm.css';
@import 'cart__detail.css';
@import 'create.css';
@import 'age-popup.css';
@import 'pagination.css';
@import 'nouislider.min.css';
@import 'header__catalog.css';
@import 'footer.css';
@import 'choose-shop.css';


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    color: rgb(55,55,55);
}
option {
    font-family: 'Roboto', sans-serif;
    font-size:16px;

}
input {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

h1,h2, h3,h4,h5{
    font-weight:500;
}

.content__title{
    margin-top:0;
    margin-bottom:0;
}
@media(max-width:767px) {
    .content__title {
        margin-top: 7px;
        margin-bottom: 0;
    }
}


    select {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
    }

    .noUi-horizontal {
        height: 5px;
    }

    .noUi-handle::after, .noUi-handle::before {
        display: none
    }

    .noUi-horizontal .noUi-handle {
        width: 27px;
        height: 27px;
        border-radius: 27px;
        top: -11px;
    }

    .nav__range_slider {
        width: 70%;
        margin-top: 17px;
        margin-bottom: 17px;
        margin-left: 12px;
    }

    .noUi-connect {
        background-color: darkslateblue;
    }