body{
    overflow-x: hidden;
}
#overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    background-color: rgba(0,0,0,.75);
    backdrop-filter: blur(8px);
}

.ringer {
    color: white;
    font-size: 32px;
    position: absolute;
    top: 45%;
    left: 50%;
}

/*.btnadd {
    background-color: #1c5d50 !important;
}*/
.invalid-feedback {
    display: block;
    color: gray;
}

.bootbox-body {
    color: #184842;
    font-size: 20px;
}

.thumb_prod{
    width: 100%;
}
    .thumb_prod:after{
        content: "";
        display: block;
        padding-bottom: 100%;
    }

/*MENU*/
.container-fluid.customPadding {
    padding: 15px 20px;
}

.custom-color-text-menu {
    color: #fff;
}

.custom-color-cart-menu {
    background: #fff !important;
}

.author__notification_area {
    float: none;
    position: relative;
}

.author-area {
    padding-right: 10px;
}

.customPadding h3 {
    margin-left: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.menu_icon {
    background: none !important;
    color: #fff !important;
}

.top-menu-area .logo {
    width: 100%;
}

.logo.logo-desktop a {
    width: 85px;
    height: 85px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 15px -5px rgba(97,97,97,1);
    -moz-box-shadow: 0px 2px 15px -5px rgba(97,97,97,1);
    box-shadow: 0px 2px 15px -5px rgba(97,97,97,1);
}

.mobile-logo {
    display: block;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 15px -5px rgba(97,97,97,1);
    -moz-box-shadow: 0px 2px 15px -5px rgba(97,97,97,1);
    box-shadow: 0px 2px 15px -5px rgba(97,97,97,1);
}

@media screen and (max-width: 767px) {

    .author__notification_area {
        height: 50px;
        right: 40px;
    }

    .mobile_content .menu_icon {
        position: absolute;
        right: 0;
    }
}
/*Open mobile cartegories*/
.categories-icon {
    width: 35px;
    height: 35px;
    background-image: url('/images/icons/sort-black-48dp.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*Header Mobile*/
.nome-vendedor-mobile h3 {
    color: #fff;
}

/*BANNER HOME*/
.banner-home {
    width: 100%;
    height: 600px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-home.mobile{
    width: 100%;
    height: 400px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}


/*OFFERS HOME*/
.offers-title {
    padding: 10px 0px;
}

    .offers-title h2 {
        color: #fff;
    }
#add-offers .row{
    padding: 20px 0px;
}
.offers-imgs.thumb_prod {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#offersCarousel .fa {
    font-size: 20px;
    color: #16a085ff;
}
.carousel-item {
    padding: 0px 30px;
}
.carousel-item h5 {
    font-size: 16px;
}
.items-slide .item-in-slide {
    border-right: 1px solid rgba(108, 111, 115, 0.3);
}

.items-slide .item-in-slide:last-of-type {
    border-right: none;
}

.carousel-control-next, .carousel-control-prev {
width: 8%;
}
.carousel-indicators{
    bottom: 0;
}
.carousel-indicators .active {
    background-color: #16a085;
}
.carousel-indicators li {
    background-color: #16a08555;
}

.offer-desc p {
    max-height: 100px;
    text-overflow: ellipsis;
}

.offer-desc h4{
    font-size: 18px;
    height: 50px;
    text-overflow: ellipsis;
}

.offers-de {
    font-size: 16px;
}
.offers-de span{
    text-decoration:line-through;
}
.offers-por {
    font-weight: 700;
    font-size: 20px;
}


/*Filters*/
.preco Input, .numPag Input {
    display: none;
}

.preco label svg, .numPag label svg{
    width: 25px;
    height: 25px;
}

.preco label.active svg path, .numPag label.active svg path{
    fill: #fff;
}

.filter-area-bg {
    box-shadow: none;
}

/*CEP icon*/
.magnifier-cep {
    border-radius: 2px;
    color: #fff;
    background-color: #16a085;
    cursor: pointer;

}

.magnifier-cep:hover {
    color: #16a085;
    background-color: #dedede;
}

.product__thumbnail:hover {
    opacity: 0.5 !important;
}

/*Order, Filters, Sidebar*/
.preco label, 
.numPag label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 5px;
    cursor: pointer;
}

.sidebar li.active {
    font-weight: 600;
}

#mobile-sidebar ul::-webkit-scrollbar {
    width: 8px;
}
.close_menu{
    cursor:pointer;
}