/* Header */
.zzhead_bg{
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
}

.zzhead .zzlogo{
    padding: 0;
    width: auto;
}

.before_zzhead{
    background: #212529;
}

.before_zzhead .zzstaticmenu .i{
    height: auto;
}

.zzopt .televendas {
    background-color: #02357d;
}
.zzopt .televendas:hover{
    background-color: #041f46;
}

.zzopt .login {
    background-color: #02357d;
}

.zzopt .login:hover {
    background-color: #041f46;
}

.zzopt .cart {
    background-color: #02357d;
}

.zzopt .cart:hover {
    background-color: #041f46;
}
/* Header */

/*Portifólio de produtos*/
.home-products{

}

.diarios{
    width: 100%;
    display: inline-block;
    float: left;
}

.line-procuts{
    float: left;
    padding: 15px;
    width: 33.3333%;
}

.line-procuts a{
    height: 300px;
}

.line-products-background{
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.dark-span{
    height: 50px;
    width: 100%;
    background-color: #0000006e;
    opacity: 1;
    bottom: -250px;
    position: relative;
    padding: 9px;
}

.dark-span span{
    font-size: 20px;
    color: #fff ;
    text-shadow: 1px 1px 2px #000;
}

.line-products-background:hover .dark-span{
    display: block;
}

#clique-aqui{
    font-size: 12px;
    display: block;
}


.line-procuts-especiais{
    padding: 15px;
}

.line-procuts-especiais-background{
    width: 100%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.line-procuts-especiais-background:hover .dark-span{
    display: block;
}

.eventos{
    width: 100%;
    display: inline-block;
    float: left;
}

.line-procuts-eventos{
    padding: 15px;
    float: left;
    width: 25%;
}

.line-procuts-eventos-background{
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.line-procuts-eventos-background:hover .dark-span{
    display: block;
}
.line-procuts-eventos-background .dark-span{
    bottom: -100px;
}

/*Fim Portifólio de produtos*/


/*Footer*/

/*Fim Footer*/

/* Media Cares */

@media (max-width: 992px) {
    .line-procuts{
        width: 100%;
    }

    .line-procuts-eventos{
        width: 50%;
    }
}

@media (max-width: 540px) {
    .line-procuts-eventos{
        width: 100%;
    }
}

/*Fim Media Cares */


.avaible_dates p{
    margin: 0;
}

/* Estilizando atributos do Produto */

.product-view .product-options dd .input-box{
    width: 84%;
    max-width: 329.86px;
}

.zz_options{
    width: 50%;
    float: left;
}

.product-options dd{
}

.last{
    margin-bottom: 0;
}

.zz-time-label{
    padding-right: 17px;
    width: 100%;
}
.zz-datetime{
    display: block;
}

.product-options dd{
    border: none;
    padding: 0;
}

.avaible_dates {
    width: 100%;
    clear: both;
}
.zz-datetime{
    padding-top: 0px;
}

.product-options ul.options-list li{
    margin: 0;
}

.product-view .add-to-cart{
    float: right;
}

.product-view .add-to-links{
    float: right;
}

.unavaible_dates{
    width: 100%;
    clear: both;
}

.unavaible_dates .table th{
    padding-left: 0;
    font-size: 14px;
    font-weight: normal;
    padding: 0.3rem;
}

.product-view .product-shop .extra-info{
    display: none;
}

.button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus{
    background-color: #041f46;
}


#title-home{
    padding: 0 15px;
}

.zzr_atendimento{
    padding: 30px 15px;
    width: 70%;
}

.mail{
    clear: both;
}

@media (max-width: 620px) {
    .zzr_atendimento{
        width: 60% !important;
    }
}

@media (max-width: 467px) {
    .zzr_atendimento{
        width: 100% !important;
    }
}


@media (max-width: 992px) and (min-width: 360px){
.zzlogo {
    width: 38% !important;
    margin-left: 0px;
}
}


@media (max-width: 992px) and (min-width: 360px){
.zzopt {
    margin-left: 2%;
    width: 60%;
}
}