@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
 
/*body*/
body {
	margin: 0;
	     /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
        background-image: url("https://image.deliveryonline.it/cafferoma/cafferoma-pattern.png");
        background-size:300px!important;
} 
/* LINK*/
a {
	color: #007bff;
}
a:hover {
	text-decoration: underline;
}
/* Colore TESTO & LINK menu superiore */
.sfondo_menusuperiore{
	background-color: #060303!important;
}
.menu_superiore {
	background-color: transparent;
	color: white;
}
.menu_superiore_link  {
	color: white;
}
.menu_superiore_link:hover  {
	color: inherit;
}
/* Pulsanti & BOTTONI menu superiore */
.btn-info {
	color: #fff;
	background-color: #402021!important;
	border-color: #402021!important;
}
.btn-info:hover {
	color: white;
	background-color: #1e0e0f!important;
	border-color: #1e0e0f!important;
}
.btn-success {
	color: #fff;
	background-color: #402021!important;
	border-color: #402021!important;
}
.btn-success:hover {
	color: #fff;
	background-color: #1e0e0f!important;
	border-color: #1e0e0f!important;
}
.bottone_esci{
	color: gray;
}
.bottone_esci:hover{
	color: red;
}
.immaginesocial{
	filter: brightness(91%) contrast(93%) grayscale(100%) hue-rotate(343deg) invert(0%) saturate(200%) sepia(100%);
	width: 30px;
	height: 30px;
}
.vocimenu, .nav-link {
	font-size: 16px !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.0 !important;
	color: #a65a2a !important;
	text-align: left;
	text-transform:uppercase!important;
	transition: all 0.5s ease;
}
.vocimenu:hover,.nav-link:hover {
	font-size: 16px !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.0 !important;
	color: white !important;
	text-align: left;
	text-transform:uppercase!important;
	transition: all 0.5s ease;
}
.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover {
	font-size: 16px !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.0 !important;
	color: white !important;
	text-align: left;
	text-transform:uppercase!important;
}
/* menu a cascata */
.dropdown-item {
	color: black !important;
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
/* barra menu*/
.navigation-clean {
	background: #180b0c !important;
	padding-top: 0;
	padding-bottom: 0;
	color: #333;
	border-radius: 0;
        box-shadow: 0px 5px 5px #ccc;
	border: none;
	margin-bottom: 0;
}
.fotocentralehome {
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	margin-bottom: 27px;
}
.fotocentralehomemobile {
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	margin-bottom: 27px;
}
/*Titolo Centrale*/
.titolo_pagina {
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 600;
	line-height: 20px;
	font-size: 1.8em;
	color: #6e7071;
	margin-top: 32px;
}
.testosocial{
	
	color: dimgray;
}
/* FOOTER */
.footer-dark {
	padding: 35px 0;
	color: #f0f9ff;
	background-color: #180b0c;
}
.footer-dark ul a {
	color: inherit;
	text-decoration: none;
}
.footer-dark h3 {
	color:white;
	margin-top: 0;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 16px;
}
.testofooter{
	color: white!important;
}
.footer-dark .copyright{
	color: #cb9c7d!important;
        padding: 0 40px;
opacity:1!important;

}
.dati_azienda {
	color: gray;
	font-size: 0.7em;
	text-align: center;
}
.versione {
	color: gray;
	font-size: 0.6em;
	text-align: center;
}
.iubenda-black {
	background: #000 url(//cdn.iubenda.com/icon_gray_mini.png) no-repeat;
	color: #999;
	background-size: auto 14px;
	background-position: 7px 3px;
	background-position-x: 6px;
	background-position-y: 2px;
	padding-left: 20px;
	text-decoration: none;
	-webkit-box-shadow: 0 1px 0 #5B5C5C;
	box-shadow: 0 1px 0 #5B5C5C;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.08);
	box-shadow: 0 1px 0 rgba(0,0,0,0.08);
	border-color: transparent;
}
a.iubenda-black {
	display: inline-block;
	padding: 0 8px;
	border: 0px;
	border-style: solid;
	border-radius: 3px;
	font-size: 11px;
	border: 0px solid #D2D3D3;
	line-height: 18px;
	font-weight: bold;
	background: #000;
	color: #333;
}

#notifiche{
	background: #000;
	color: #333;
}

/* presentazione Prodotto */
.blocco_presentazioneprodotto{
	margin: 0;
	margin-bottom: 20px;
	background-color: transparent;
	padding: 10px;
}
.foto_prodotto{
	width: 100%;
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
/*	border-radius: 50%; */
	
}

/* BOTTONE AGGIUNGI AL CARRELLO */
.btn-prodotti {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	background-color: #5c3428;
	border-color: #5c3428;
	text-transform: uppercase;
	transition: all 0.5s ease;
}
.btn-prodotti:hover {
	color: #fff;
	background-color: #180b0c;
	border-color: #180b0c;
	padding-left: 30px;
	padding-right: 30px;
	transition: all 0.5s ease;
}
.nome_prodotto{
	font-family: Oswald, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
        line-height: 22px;
        min-height:45px!important;
        display: inline-block;
        margin-top:10px;
}

.nome_prodotto_nofoto{
	font-family: Oswald, sans-serif;
	font-size: 35px;
	text-transform: uppercase;
}
.descrizione_allergeni {
	font-size: 0.9em;
	border-color: hsla(0,0%,62%,0.50);
	background-color: rgba(255,255,255,0.7);
}
.descrizione_allergeni:hover {
	font-size: 1em;
	border-color:#ccc;
}
.prezzoscheda {
	font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	color: #0f0f11;
        font-weight: 700!important;
}
.sottotitoloprodotti {
	color: #6c757d !important;
}
/*CARRELLO*/
.table {
	color: #212529;
	
}
.table-hover tbody tr:hover {
	color: #212529;
	background-color: rgba(0,0,0,.075);
}
.menuapri{
	
	font-size: 1.0em!important; 
	
}
.menuapri2{
	color:white !important;
	font-size: 1.5em!important; 
	
}
#aprimenuprodotti{
	color: white !important;
}
.menuapri:hover{
	color:green;
}
.quantitaform {
	width: 100%;
	text-align: center;
	height: 44px;
	font-size: 25px;
	font-weight:700;
}
.iltuo {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
}
.coloretestocarrello {
	color: rgb(181,34,2);
}
.cestino {
	margin-left: 5px;
	background-color: #777b80;
	color:white;
}
.cestino:hover {
	margin-left: 5px;
	background-color: red;
	color:white;
}
.consegnagratuita{
	font-size: 14px;
	color: rgb(89,89,89);
}
.gratuita{
	color: green;
}
.testoconsegna {
	font-size: 14px;
	color: rgb(89,89,89);
	padding-top: 5px;
}
.numeroallergeni{
	color: red;
}
.numeroallergeni:hover{
	color: green;
}
.totale{
	font-size: 40px;
	color: rgb(89,89,89);
}
.totalecifre{
	font-size: 45px;
	
}
.bottoneavanti{
	font-size: 29px !important;
	margin-bottom: 27px;
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.bottoneavanti:hover{
	font-size: 29px;
	margin-bottom: 27px;
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.bottoneavanticonsegna{
	font-size: 29px !important;
	margin-bottom: 27px;
	color: #fff;
	background-color: rgb(27, 131, 205);
	border-color: #28a745;
}
.bottoneavanticonsegna:hover{
	font-size: 29px;
	margin-bottom: 27px;
	color: #fff;
	background-color: #3553C7;
	border-color: #1e7e34;
}
.ordineminimo {
	color: red;
	font-weight: bold;
	font-size: 1.2em;
}
.aggiunta {
	color: green;
}
.rimuovere {
	color: red;
}
.datiquantitasotto{
	font-size: 10px;
}
.prezzosopra{
	font-size: 1.3em !important;
	
}
.prezzosopradecimali{
	font-size: 14px;
}
.registrazioneforzata{
	font-size: 29px;
}
/*LOGIN PAGE */
.titolologin{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 18px;
}
.titolologin_nome{
	color: red;
	font-size: 18px;
}
.domanda {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 15px;
	font-weight: bold;
}
.bottoneentra{
	font-size: 25px !important;
	margin-bottom: 27px;
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.bottoneentra:hover{
	font-size: 25px;
	margin-bottom: 27px;
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.coloretesto{
	color: #212529;
}
.coloretestodomanda{
	color: #212529;
	font-size: 25px;
}
.registratisubito{
	color: orangered;
}
.registratisubito:hover{
	color: green;
}
.passworddimenticata{
	color : black;
}
.passworddimenticata:hover{
	color : black;
	text-decoration: underline;
}
.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.coloregoogle{
	color:red;
}
.colorefacebook{
	color:blue;
}
input{
	background-color: white;
}
.bottonedatipersonali{
	font-size: 22px; /*eredita da bottonedati */
}
.bottonedatipersonali:hover{
	font-size: 22px;/*eredita da bottonedati */
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.coloreconsegna{
	text-align: center; 
	color: #1b83cd; 
	font-weight: bolder;
}
.coloreritiro{
	text-align: center; 
	color: #579e11;
	font-weight: bolder;
}
.coloreconsegna{
	text-align: center; 
	color: #1b83cd !important;
	font-weight: bolder;
}
.oggino{
	background-color: yellow;
	color: black;
}
/*ERRORI*/
#servizionondisponibile1{
	color: red; 
	
	font-size: 0.8em;
}
#servizionondisponibileok{
	
	color: green; 
	font-size: 0.8em;
}
#serviziodisponibileok{
	
	color: green; 
	font-size: 0.8em;
}
.testosecondario{
	color: darkgray;
}
#servizionondisponibile{
	color: red; 
	font-size: 1.5em;
}
.coloreore{
	color:yellow;
}
.dovericevere{
	font-size: 1.5em; 
	font-weight: bold; 
	color: #1673E1;
}
#find_btn{
	text-decoration: underline;
	cursor: pointer;
}
.dovericevereblocco {
	background-color: #f7f7f7;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
}
.coloreerrore{
	color:red;
	
}
.sfondosemaforo{
	background-color: #EFEFEF;
}
.semaforotesto{
	color:black;
}
.servizioattivo{
	color: green;
}
.serviziononattivo{
	color: red;
}
.sfondosceltapizze{
	background-color: white;
}
.pizzatitolo{
font-family: Oswald, sans-serif;
	font-size: 35px;
}
.pizzatitolo_desk{
	font-family: Oswald, sans-serif;
	font-size: 35px;
}
.pizzatesto{
color: gray;
	
}
.pizzatesto_desk{
	color: black;
}
.frasespot{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 18px;
	text-transform: uppercase;
}
.domandaaggiunta{
	
	margin-bottom: 12px;
	width: 100%;
	height: 47px; 
	color:red; 
	font-weight: bold;
}
#provacomposizione{
	display: inline;
}
.fotopizza{
height: 70vh;
	background-size: contain !important;
	margin-bottom: 27px;
}
.fotopizzamobile{
 width: 100%;
	background-size: cover !important;
}
.titoliingredienti{
	font-family: Oswald, sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	
}
.sottotitolodomanda{
	font-family: Oswald, sans-serif;
	font-size: 19px;
}
.titolobase{
font-weight: bold;
}
.prezzopizza{
	font-family: Lobster, cursive;
	font-size: 37px;
}
/* VERSIONE SMART */
#infocarrello{
	background-color: #9a0707;
	cursor: pointer; 
	height: 55px;
}
#infocarrellotesto{
	color: white;
	height: 55px;
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: -7px;
	padding-top: 10px;
}
#barra{
	height: 10px;
	width: 100%;
	margin-top: -4px;
	background-color: #9a0707;
}
.nomecategoria{
	font-weight: bold;
	color: rgb(207,6,6);
}
.iconamenu{
	font-size: 34px !important;
	color: rgb(210,4,4);
}
.userside{
	color: white;
	font-size: 0.8em;
}
.userside:hover{
	color: yellow;
	font-size: 0.8em;
	text-decoration: none;
}
.bottone_esci_sidebar{
	color: yellow !important;
}
.bloccocentralesfondo{
	background-color: black;
	background-size: contain;
	background-position: center;
	
	 height:80vh;
	
	background-repeat: no-repeat;
}
.btn{
	font-size:1.0em ;
}
/* FINE VERSIONE SMART */		  							  





/* HIROMI CAKE ADDED */

/* TEST CONTENT
.textcustom-consegna::before {
        content: "testo"!important;
} */

/* GENERALE */

.sfondo_menusuperiore .btn-success a {
        font-size:16px!important;
}

a {
        transition: all 0.5s ease;
}

a:hover {
        transition: all 0.5s ease;
        text-decoration: none!important;
}

.bottone_esci::before {
        content: " | "!important;
        color: white!important;
}

.bottone_esci::after {
        content: " "!important;
}

.aggingiapp {
margin-top:-10px!important;}

.bottone_esci {
        color:#180b0c!important;
}

.bottone_esci:hover {
        color:white!important;
}

.sharethis-inline-share-buttons {
        display:none!important;}

.rivediordini {
        color: white!important;
}

.rivediordini:hover, .menu_superiore_link:hover {
        color: #a65a2a!important;
}

.btn span, .btn-success span a:hover {
        text-decoration: none!important;
}

/* Dropdown mobile menu*/
li.d-md-none.d-lg-none {
	border-top: 1px solid #99e2ee;
	padding-top: 15px!important;
	padding-bottom: 15px!important;
}						  							  
.navigation-clean .navbar-toggler {
	border-color:#a55a26!important;
	color:#fff!important;
}						  							  					  							  

/* SUB-MENU */
.navigation-clean .navbar-nav > li > .dropdown-menu {
text-transform: uppercase!important;
}

/* MODAL BOX */
.modal-header {
	background-color:#a65a29!important;
}

.modal-title{
	color:#fff!important;
	font-weight:700!important;
padding: 0 20px;
line-height: 20px;
text-align: left;
}

.modal-header .close {
    margin:0!important;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 0 #fff; */
    opacity: 1.0!important;
    border: 4px solid #fff!important;
    width: 50px;
    height: 50px;
    padding: 0;
    transition: all 0.5s ease;
}

.modal-header .close:hover {
    margin:0!important;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #5c3428;
    text-shadow: 0 0 0 #fff; */
    opacity: 1.0!important;
    border: 4px solid #5c3428!important;
    width: 50px;
    height: 50px;
    padding: 0;
    transition: all 0.5s ease;
}

.modal-dialog .close {
    opacity: 1.0!important;
}

.modal-footer .btn-outline-secondary {
    background-color:#5c3428!important;
    border:0px;
    text-transform:uppercase;
    color:#fff;
    font-size:16px;
    font-weight:700;
padding:5px 10px;
}

.modal-footer .btn-outline-secondary:hover {
    background-color:#180b0c!important;
    border:0px;
    text-transform:uppercase;
    color:#fff;
}


/* ICONA AGGIUNGI */

.aggingiapp {
background:#060303;
}

/* SCELTA ASPORTO/CONSEGNA */
.form-row {
        margin-top:40px!important;
}

/* PULSANTI SCELTA DELIVERY • TAKEAWAY • CARTA DI CREDITO • CONTANTI ALLA CONSEGNA */
.btn-choose{
        font-weight:700;
        color:white;
        width:100%!important;
        padding:30px 100px!important;
        font-size: 24px !important;
	margin-top:26px;
	background-color: #5c3428;
	text-transform:uppercase;
        transition: all 0.5s ease; 
        border-radius:10px!important;
	border-color: #5c3428;
	border: none!important;
        line-height:22px;
        min-height:110px!important;
}

.btn-choose:hover{
        transition: all 0.5s ease; 
}

.btn-delivery-icon {
        background-image: url(https://www.hiromicake.it/wp-content/uploads/2020/05/Delivery_white.svg);
        background-size:60px;
        background-repeat:no-repeat;
        background-position: 30px center;
}

.btn-takeaway-icon {
        background-image: url(https://www.hiromicake.it/wp-content/uploads/2020/05/Takeaway_white.svg);
        background-size:60px;
        background-repeat:no-repeat;
        background-position: 30px center;
}

.btn-contanti-icon {
        background-image: url(https://www.hiromicake.it/wp-content/uploads/2020/05/WL_icone_Contanti_white.svg);
        background-size:60px;
        background-repeat:no-repeat;
        background-position: 30px center;
}

.btn-cartacredito-icon {
        background-image: url(https://www.hiromicake.it/wp-content/uploads/2020/05/WL_icone_Carta_credito.svg);
        background-size:60px;
        background-repeat:no-repeat;
        background-position: 30px center;
}

.btn-cartacredito-circuiti {
        width:50%!important;
        margin: 10px auto 0 auto!important;
}

.btn-blue{
	background-color: #f8e702;
        color:#0067a7!important;
}

.btn-blue:hover {
	background-color: #171717;
}

.btn-cerulean {
	background-color: #180b0c;
}

.btn-cerulean:hover {
	background-color: #171717;
}

.btn-redwood {
	background-color: #5c3428;
}

.btn-redwood:hover {
	background-color:  #171717;
}


/* FOOTER */
.footer-dark .row {
        display:none!important;
}

.footer-dark {
    background-color:#180b0c!important;
    color:#3d4043!important;
}

.versione {
        display:none!important;
}

.dati_azienda {
        color:#cb9c7d!important;
}

.logo-footer {
    padding-top:0px!important;
}

.logo-footer img {
        width:20%!important;
}


@media only screen and (max-width: 767px) {
.logo-footer img {
        width:40%!important;}
}


/* DETTAGLIO CARRELLO */
.prezzosopra, .prezzosopradecimali {
	font-size:20px!important;
	font-weight:700!important;
	line-height:20px;
}						  							  							  

.prezzosopra {
       padding-right:0px!important;
       padding-left:0px!important;
}

.datiquantitasotto, .testodecimalecarrello {
	font-size:20px!important;
}

.iltuo, .iltuo span, .titolologin, .titolologin_nome  {
	margin-top: 40px!important;
        color:#5c3428;
	font-family: inherit;
	font-size:26px;
	font-weight:700!important;
	letter-spacing:-1px;
        text-transform: uppercase!important;
	line-height:24px;
}

.totale {
	margin-top:130px!important;
	font-weight:300!important;
	color:#5c3428!important;
}

.totalecifre {
	font-weight:700!important;
	color:#a65a29!important;
	line-height: 20px;
}					  

.numeroallergeni {
        color:#180b0c!important;
}

.numeroallergeni:hover {
        color:#5c3428!important;
}

.table-hover tbody tr:hover {
        background-color: transparent!important;
}

.fa-plus {
        background-color:#5c3428!important;
        color: white!important;
        padding:10px 12px!important;
        margin-left:9px;
        border-radius:3px!important;
}

.fa-minus {
        background-color:#5c3428!important;
        color: white!important;
        padding:10px 12px!important;
        border-radius:3px!important;
}

.fa-plus:hover, .fa-minus:hover {
        background-color:#180b0c!important;
        transition: all 0.5s ease;
}

.cestino {
        margin-left: 5px;
        background-color: #29384a;
        color: white;
        border: 0px!important;
}

.cestino:hover {
        margin-left: 5px;
        background-color: #a20000;
        color: white;
        border: 0px!important;
}

.menuapri {
        color:#180b0c;
        transition: all 0.5s ease;
}

.menuapri:hover {
        color:#5c3428;
        transition: all 0.5s ease;
}

.bloccoprodotto span {
        font-size:18px!important;
}

.bloccoprodotto strong {
        font-size:20px!important;
        text-transform: uppercase!important;
        display: inline-block;
        line-height:20px!important;
        margin-top:10px!important;
}

.bloccoprodotto img {
        min-width:350px!important;
        min-height: 219px!important;
}

.totalecifre br {
        height:5px!important;
}

/* VETRINA */
.prezzoscheda {
        color:#a65a29!important;
        font-size: 26px!important;
}

/* ACCESSO/REGISTRAZIONE */
.registratisubito {
        color: #fff !important;
        background: #5c3428 !important;
        padding: 10px 20px;
        display: inline-block;
        margin-top: 20px;
        text-transform: uppercase;
        font-weight: 700;
        border-radius: .25rem;
        transition: all 0.5s ease;
}						  							  

.registratisubito:hover {
        background: #180b0c !important;
        transition: all 0.5s ease;
}	

.bottoneentra {
        font-size: 20px !important;
	margin-top:24px;
	background-color: #5c3428;
	border-color: #5c3428;
	text-transform:uppercase;
        transition: all 0.5s ease;
}						  							  
	
.bottoneentra:hover {
	background-color: #180b0c;
	border-color: #180b0c;
	padding-left:30px;
	padding-right:30px;
        transition: all 0.5s ease;
}							  							  

.bottoneavanti, .bottonedatipersonali, .btn-success, bottoneavanticonsegna, #serviziodisponibile, bottoneavanticonsegna {
        font-size: 20px !important;
	margin-top:24px;
	background-color: #402021;
	border-color: #402021;
	text-transform:uppercase;
        transition: all 0.5s ease;
}	

.bottoneavanti:hover, .bottonedatipersonali:hover, .btn-success:hover, bottoneavanticonsegna:hover, #serviziodisponibile:hover, bottoneavanticonsegna:hover {
        font-size: 20px !important;
	margin-top:24px;
	background-color: #1e0e0f
	border-color: #1e0e0f;
	text-transform:uppercase;
        transition: all 0.5s ease;
}	

.coloretesto {
	margin-top:30px;
}						  							  
	
.alert-danger {
        color:#fff;
	background-color: #180b0c;
	border-color: #180b0c;
}						  							  

.alert-danger a {
        color:#5c3428;
	font-weight:700!important;
}							  							  


/* CARRELLO PULSANTE */

.btn-success a{
        color: white!important;
}

/* QUANDO CONSEGNA */
.coloreconsegna {
        color:#5c3428!important;
}

.clockpicker-button {
        background-color:#180b0c!important;
        color:white!important;
}

#clickme {
        color:#171717!important;
}

/* FATTURAZIONE - SPEDIZIONE CONSEGNA */
.dovericevere {
        color:#5c3428!important;
}

/* HOME PAGE */

.bloccosemaforo {
display:none;}

.hp-space {
        margin-top:40px!important;
        margin-bottom:40px!important;
}

.hp-block-text {
        padding:0 80px!important;
        line-height:1em;
        text-transform:uppercase;
        font-size:1.6em;
        color:#5c3428;
        font-weight:700;
        letter-space:-1px;
        min-height:90px;
        text-align: center;
}

.hp-block-text span{
        font-weight:300;
}

#blocchi-hp .img-fluid {
        max-width:80%!important;
}

/* BANNER BASSO HP */ 
.hp-banner-bottom{
        background-color:#180b0c!important;
        margin-bottom: -6px!important;
}

.hp-banner-bottom img{
        width:140px!important;
        position: relative;
        z-index: 9999999;
        right: -50px;
        top:10px!important;
}

.hp-banner-bottom-txt {
        font-family:inherit;
        font-weight:900;
        color:#fff;
        padding:16px 40px!important;
        background-color:#5c3428!important;
        display:inline-block!important;
        text-transform:uppercase;
        margin-top: 50px !important;
        margin-bottom: 50px !important;
        text-align:center!important;
}

/* MOBILE DEVICE BREAKPOINT */

/*  Smartphones in landscape mode */

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

}

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

.hp-banner-bottom img{
        width:160px!important;}
}

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

.hp-banner-bottom img{
        width:160px!important;
        right: -60px;}

}

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

.hp-banner-bottom img{
        width:100%!important;
        right: 0px;}

.hp-banner-bottom-txt {
        margin-top: 20px !important;}
}

@media only screen and (min-width: 421px) and (max-width: 767px) {
        h1 { font-size: 24px; }
}

/*  Smartphones in portrait mode  */

@media only screen and (max-width: 420px) {
.bloccoprodotto strong {
        margin-top:10px!important;
        font-size:18px!important;
        line-height: 16px!important;
        text-transform: uppercase!important;} 

.bloccoprodotto img {
        min-width:138px!important;
        min-height:auto!important;} 

.btn-success {
        border:0px!important;
        position:relative;
        padding:20px!important;}

.bottonedatipersonali, .bottoneavanticonsegna {
        margin-top:50px!important;}

.hp-block-butss{
        margin-top:20px!important;}

        .hp-block-text { font-size:1.6em;}

.btn-sotto {
        bottom:30px!important;}

/* BOX AGG ICONA HP */
.ath-container {
     color:#fff!important;
     background-color:#180b0c!important;
     font-family:inherit!important;
     box-shadow: 0 0 20px #000!important;
     border-radius:5px!important;}

.ath-container p {
     text-shadow: 0 0 0 #fff!important;}

.ath-container.ath-icon:before {
top:10px!important;
right:10px!important;}

.ath-ios.ath-phone:after {
background:#180b0c!important;
box-shadow: 0 0 0!important;}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3), inset 0 0.07em 0 rgba(255,255,255,0.5);
    margin: 0 auto 0.4em auto;
    background-color: #fff;
    padding: 5px;}

}


/* PULSANTI SCELTA DELIVERY • TAKEAWAY • CARTA DI CREDITO • CONTANTI ALLA CONSEGNA */
.btn-choose{
        font-weight:700;
        color:white;
        width:100%!important;
        padding:30px 100px!important;
        font-size: 20px !important;
	margin-top:24px;
	background-color: #579e11;
	text-transform:uppercase;
        transition: all 0.5s ease; 
        border-radius:10px!important;
	border-color: #5c3428;
	border: none!important;
        line-height:22px;
        min-height:110px!important;
}

.btn-choose:hover{
        transition: all 0.5s ease; 
}

.btn-carrello-icon {
        background-image:url("https://image.deliveryonline.it/default/cestino_bianco.svg");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.textcustom-carrello::before {
	content: "Conferma Ordine e vai alla Cassa";
}

.btn-carrello {
	background-color: #5c3428;
}

.btn-carrello:hover {
	background-color: #180b0c;
}

.btn-accedi-icon {
        background-image:url("https://image.deliveryonline.it/default/accedi_bianco.svg");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.textcustom-accedi::before {
	content: "Accedi / Registrati e Conferma ordine";
}

.btn-accedi {
	background-color: #5c3428
}

.btn-accedi:hover {
	background-color: #180b0c;
}

.btn-registrazioneforzata-icon {
            background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"   width="500" height="500"><path  d="M633.8 458.1L362.3 248.3C412.1 230.7 448 183.8 448 128 448 57.3 390.7 0 320 0c-67.1 0-121.5 51.8-126.9 117.4L45.5 3.4C38.5-2 28.5-.8 23 6.2L3.4 31.4c-5.4 7-4.2 17 2.8 22.4l588.4 454.7c7 5.4 17 4.2 22.5-2.8l19.6-25.3c5.4-6.8 4.1-16.9-2.9-22.3zM96 422.4V464c0 26.5 21.5 48 48 48h350.2L207.4 290.3C144.2 301.3 96 356 96 422.4z" style="fill:yellow;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.textcustom-registrazioneforzata::before {
	content: "Effettuare Login/Registrazione per continuare";
}

.btn-prosegui {
	background-color: firebrick;
}

.btn-prosegui:hover {
	background-color: #579e11;
}

.btn-prosegui-icon {
            background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cart-arrow-down" class="svg-inline--fa fa-cart-arrow-down fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M504.717 320H211.572l6.545 32h268.418c15.401 0 26.816 14.301 23.403 29.319l-5.517 24.276C523.112 414.668 536 433.828 536 456c0 31.202-25.519 56.444-56.824 55.994-29.823-.429-54.35-24.631-55.155-54.447-.44-16.287 6.085-31.049 16.803-41.548H231.176C241.553 426.165 248 440.326 248 456c0 31.813-26.528 57.431-58.67 55.938-28.54-1.325-51.751-24.385-53.251-52.917-1.158-22.034 10.436-41.455 28.051-51.586L93.883 64H24C10.745 64 0 53.255 0 40V24C0 10.745 10.745 0 24 0h102.529c11.401 0 21.228 8.021 23.513 19.19L159.208 64H551.99c15.401 0 26.816 14.301 23.403 29.319l-47.273 208C525.637 312.246 515.923 320 504.717 320zM403.029 192H360v-60c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v60h-43.029c-10.691 0-16.045 12.926-8.485 20.485l67.029 67.029c4.686 4.686 12.284 4.686 16.971 0l67.029-67.029c7.559-7.559 2.205-20.485-8.486-20.485z"  style="fill:white;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.textcustom-prosegui::before {
	content: "Prosegui e vai al Carrello";
}

.btn-prosegui {
	background-color: #579e11;
}

.btn-prosegui:hover {
	background-color: darkgreen;
}

.btn-proseguihome-icon {
            background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" class="svg-inline--fa fa-home fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"  style="fill:white;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.textcustom-proseguihome::before {
	content: "Prosegui e vai alla Homepage";
}

.btn-proseguihome {
	background-color: #17a2b8;
}

.btn-proseguihome:hover {
	background-color: #315FAF;
}

.btn-proseguiprodotti-icon {
            background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" class="svg-inline--fa fa-home fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"  style="fill:white;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.textcustom-proseguiprodotti::before {
	content: "Prosegui e vai ai prodotti";
        color:white!important;
}

.btn-proseguiprodotti {
	background-color: #17a2b8;
}

.btn-proseguiprodotti:hover {
	background-color: #315FAF;
}

.btn-confermadati-icon {
        background-image:url("https://image.deliveryonline.it/default/check_bianco.svg");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: 30px center;

}


.btn-confermadati {
	background-color: #5c3428
}

.btn-confermadati:hover {
	background-color: #180b0c;
}



.btn-ritiro-icon {
        background-image:url("https://image.deliveryonline.it/default/takeaway_bianco.svg");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: 30px center;

}



.btn-ritiro {
	background-color: #579e11;
}

.btn-ritiro:hover {
	background-color: darkgreen;
}
#orabottone{
    color:yellow;
}
#databottone{
    color:yellow;
}
.orabottone{
    color:yellow;
}
.databottone{
    color:yellow;
}

.btn-consegna-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 463 463' style='enable-background:new 0 0 463 463;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFF200;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M383.5,313c-8,0-14.5,6.5-14.5,14.5s6.5,14.5,14.5,14.5s14.5-6.5,14.5-14.5S391.5,313,383.5,313z'/%3E%3Cpath class='st0' d='M95.5,313c-8,0-14.5,6.5-14.5,14.5S87.5,342,95.5,342s14.5-6.5,14.5-14.5S103.5,313,95.5,313z'/%3E%3Cpath class='st0' d='M444.3,218.3l-55.2-24.5l-40.4-87.5C343.6,95.2,332.4,88,320.1,88H23.5C10.5,88,0,98.5,0,111.5v200 c0,13,10.5,23.5,23.5,23.5h25.1c3.6,22.6,23.3,40,46.9,40s43.3-17.4,46.9-40h194.2c3.6,22.6,23.3,40,46.9,40s43.3-17.4,46.9-40 h9.1c13,0,23.5-10.5,23.5-23.5v-64.4C463,234.7,455.7,223.4,444.3,218.3z M349.2,143l22.6,49H303v-49H349.2z M95.5,360 C77.6,360,63,345.4,63,327.5c0-17.9,14.6-32.5,32.5-32.5s32.5,14.6,32.5,32.5C128,345.4,113.4,360,95.5,360z M383.5,360 c-17.9,0-32.5-14.6-32.5-32.5s14.6-32.5,32.5-32.5s32.5,14.6,32.5,32.5C416,345.4,401.4,360,383.5,360z M448,288h-8.5 c-4.1,0-7.5,3.4-7.5,7.5s3.4,7.5,7.5,7.5h8.5v8.5c0,4.7-3.8,8.5-8.5,8.5h-9.1c-3.6-22.6-23.3-40-46.9-40s-43.3,17.4-46.9,40 H142.4c-3.6-22.6-23.3-40-46.9-40s-43.3,17.4-46.9,40H23.5c-4.7,0-8.5-3.8-8.5-8.5V303h24.5c4.1,0,7.5-3.4,7.5-7.5 s-3.4-7.5-7.5-7.5H15V111.5c0-4.7,3.8-8.5,8.5-8.5h296.6c6.4,0,12.3,3.8,15,9.6l7.1,15.4h-70.7c-8.5,0-15.5,7-15.5,15.5v32 c0,17.4,14.1,31.5,31.5,31.5h94.4l46.6,20.7l-1.2,0.7c-7,4.2-11.3,11.9-11.3,20.1v15c0,4.1,3.4,7.5,7.5,7.5H448V288z M288,143v49 h-0.5c-9.1,0-16.5-7.4-16.5-16.5v-32c0-0.3,0.2-0.5,0.5-0.5H288z M448,256h-17v-7.5c0-2.9,1.6-5.7,4.1-7.3l8.6-5.2 c2.7,3,4.3,6.9,4.3,11.1V256z'/%3E%3Cpath class='st0' d='M327.5,288h-176c-4.1,0-7.5,3.4-7.5,7.5s3.4,7.5,7.5,7.5h176c4.1,0,7.5-3.4,7.5-7.5S331.6,288,327.5,288z'/%3E%3Cpath class='st1' d='M119.5,120c-4.1,0-7.5,3.4-7.5,7.5V160h-9v-32.5c0-4.1-3.4-7.5-7.5-7.5s-7.5,3.4-7.5,7.5V160h-9v-32.5 c0-4.1-3.4-7.5-7.5-7.5s-7.5,3.4-7.5,7.5v48c0,13,10.5,23.5,23.5,23.5H88v64.5c0,4.1,3.4,7.5,7.5,7.5s7.5-3.4,7.5-7.5V199h0.5 c13,0,23.5-10.5,23.5-23.5v-48C127,123.4,123.6,120,119.5,120z M112,175.5c0,4.7-3.8,8.5-8.5,8.5h-16c-4.7,0-8.5-3.8-8.5-8.5V175 h33V175.5z'/%3E%3Cpath class='st1' d='M151.5,271c4.1,0,7.5-3.4,7.5-7.5V231h15.1c4.6,0,8.9-2,11.8-5.5c3-3.5,4.2-8.1,3.5-12.6l-13.2-79.5 c-1.3-7.8-8-13.5-16-13.5c-8.9,0-16.1,7.2-16.1,16.1v127.4C144,267.6,147.4,271,151.5,271z M159,136.1c0-0.6,0.5-1.1,1.2-1.1 c0.6,0,1,0.4,1.1,1l13.2,79.5c0,0.1,0,0.2-0.1,0.4c-0.2,0.2-0.3,0.2-0.4,0.2H159V136.1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.btn-consegna {
	background-color: #0072FB;
}

.btn-consegna:hover {
	background-color: #315FAF;
}



.btn-noteritiro-icon {
        background-image:url("https://image.deliveryonline.it/default/check_bianco.svg");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.textcustom-noteritiro::before {
	content: "Conferma Ritiro e seleziona il metodo di pagamento ";
}

.btn-noteritiro {
	background-color: #5c3428!important;
}

.btn-noteritiro:hover {
	background-color: #180b0c!important;
}


.btn-noteconsegna-icon {
    background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-circle-right" class="svg-inline--fa fa-arrow-circle-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z" style="color:white;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}

.textcustom-noteconsegna::before {
	content: "Conferma Consegna e vai ai metodi di pagamento ";
}

.btn-noteconsegna {
	background-color:#0072FB;
}

.btn-noteconsegna:hover {
	background-color: #315FAF;
}


.btn-confermaconsegna-icon {
    background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-circle-right" class="svg-inline--fa fa-arrow-circle-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z" style="color:white;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}
.textcustom-confermaconsegna::before {
	content: "Confermo il mio indirizzo di consegna ";
}


.btn-confermaconsegna {
	background-color: #0072FB;
}

.btn-confermaconsegna:hover {
	background-color: #315FAF;
}



.btn-confermaspedizione-icon {
    background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-circle-right" class="svg-inline--fa fa-arrow-circle-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z" style="color: gray;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}
.textcustom-confermaspedizione::before {
	content: "Confermo il mio indirizzo di consegna ";
}


.btn-confermaspedizione {
	background-color: orange;
    color: #2F2F2F;
}

.btn-confermaspedizione:hover {
	background-color:  darkorange!important;
      color: white;
}

.btn-confermaspedizionenote-icon {
    background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-circle-right" class="svg-inline--fa fa-arrow-circle-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z" style="color: gray;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}
.textcustom-confermaspedizionenote::before {
	content: "Confermo le note e proseguo ";
}


.btn-confermaspedizionenote {
	background-color: orange;
    color: #2F2F2F;
}

.btn-confermaspedizionenote:hover {
	background-color: darkorange!important;
      color: white;
}



.btn-controllospedizione-icon {
    background-image:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-circle-right" class="svg-inline--fa fa-arrow-circle-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z" style="color:white;"></path></svg>');
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 30px center;

}
.textcustom-controllospedizione::before {
	content: "Conferma indirizzo e vai avanti";
}


.btn-controllospedizione {
	background-color: #0072FB;
}

.btn-controllospedizione:hover {
	background-color: #315FAF;
}




.btn-sceltaritiro-icon {
        background-image:url("https://image.deliveryonline.it/okasan/takeaway_white.svg");
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.textcustom-sceltaritiro::before {
	content: "Ritiro / Asporto";
}


.btn-sceltaritiro {
	background-color: #5c3428;
}

.btn-sceltaritiro:hover {
	background-color: #171717;
}




.btn-sceltaconsegna-icon {
        background-image: url("https://image.deliveryonline.it/okasan/delivery_white.svg");
	background-size: 75px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.textcustom-sceltaconsegna::before {
	content: "Consegna a domicilio";
}

.btn-sceltaconsegna {
	background-color: #180b0c;
}

.btn-sceltaconsegna:hover {
	background-color: #171717;
}

.btn-contanti-icon {
 background-image: url("https://image.deliveryonline.it/okasan/contanti.svg");
	background-size: 75px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.textcustom-contanti::before {
	content: "Paga in contanti al ritiro";
}

.btn-contanti {
	background-color: #5c3428;
}

.btn-contanti:hover {
	background-color: #180b0c;
}

.btn-paypal-icon {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 66 65' fill='%23fff' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse xlink:href='%23A' x='.5' y='.5'/%3E%3Csymbol id='A' overflow='visible'%3E%3Cg stroke='none' fill-rule='nonzero'%3E%3Cpath d='M63.397 22.5c0 6.716-2.792 12.14-8.364 16.26s-13.358 6.175-23.37 6.175h-5.535l-4.244 18.4H7.257L20.763 6.9h19.804c3.7 0 6.9.258 9.656.763 2.743.504 5.117 1.378 7.1 2.62 1.968 1.242 3.48 2.854 4.514 4.834 1.033 1.968 1.55 4.44 1.55 7.393z' fill='%23009cde'/%3E%3Cpath d='M22.375 63.94H6.495l13.8-57.653h20.27c3.702 0 6.987.258 9.754.763 2.805.517 5.265 1.427 7.32 2.694 2.054 1.292 3.653 3 4.736 5.068S64 19.47 64 22.5c0 6.888-2.9 12.534-8.6 16.753-5.658 4.182-13.64 6.298-23.74 6.298h-5.056zM8.032 62.734h13.37l4.244-18.4h6.015c9.828 0 17.578-2.042 23.014-6.064 2.694-1.993 4.748-4.33 6.1-6.938s2.017-5.584 2.017-8.832c0-2.84-.504-5.24-1.488-7.134-.984-1.882-2.423-3.42-4.293-4.6-1.92-1.193-4.244-2.042-6.9-2.534-2.694-.492-5.904-.75-9.545-.75H21.243z'/%3E%3Cpath d='M56.903 16.225c0 6.716-2.792 12.14-8.364 16.26S35.18 38.66 25.17 38.66h-5.535L15.4 57.05H.763L13.8.603h20.284c3.7 0 6.9.258 9.656.763 2.743.504 5.117 1.378 7.1 2.62 1.968 1.242 3.48 2.854 4.514 4.834 1.033 1.968 1.55 4.44 1.55 7.405z' fill='%230f3572'/%3E%3Cpath d='M15.868 57.654H0L13.297 0h20.776c3.702 0 6.987.258 9.754.763 2.805.517 5.265 1.427 7.32 2.694 2.054 1.292 3.653 3 4.736 5.068s1.624 4.65 1.624 7.688c0 6.888-2.9 12.534-8.6 16.753-5.658 4.182-13.64 6.298-23.74 6.298H20.1zM1.525 56.436h13.383l4.244-18.4h6.015c9.828 0 17.578-2.042 23.014-6.064 2.694-1.993 4.748-4.33 6.1-6.938s2.017-5.584 2.017-8.832c0-2.84-.504-5.24-1.488-7.134-.984-1.882-2.423-3.42-4.293-4.6-1.92-1.193-4.244-2.042-6.9-2.534-2.694-.492-5.904-.75-9.545-.75H14.256zM41.87 18.23c-.1 1.722-.455 3-1.513 4.453-1.046 1.464-2.276 2.4-3.924 3.198a10.67 10.67 0 0 1-3.112.923c-1.082.148-2.374.234-3.887.234h-7.27l4.07-14.6h6.605c1.685 0 3.038.025 4.06.258 1.02.22 1.857.53 2.485.9.873.517 1.574 1.144 1.98 1.943.504.935.566 1.538.504 2.67z'/%3E%3C/g%3E%3C/symbol%3E%3C/svg%3E");
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: 30px center;

}
.textcustom-paypal::before {
	content: "Paga con Paypal";
}

.btn-paypal {
	background-color: #0855a2;
}

.btn-paypal:hover {
    color:#0855a2;
	background-color: #dee1e5;
}

.btn-comnpay-icon {
    background-image: url("https://image.deliveryonline.it/okasan/carta_credito_over.svg");
    background-size: 75px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.btn-comnpay-icon:hover {
    background-image: url("https://image.deliveryonline.it/okasan/carta_credito.svg");
    background-size: 75px;
	background-repeat: no-repeat;
	background-position: 30px center;
}

.textcustom-comnpay::before {
	content: "Pagamento con Carta di credito ";
}

.btn-comnpay {
    color: #0067a9;
	background-color: #f9e700;
}

.btn-comnpay:hover {
	background-color: #0067a9;
    color: #f9e700;
}
/* FINE PERSONALIZZAZIONE PULSANTI */	

/* HP CUSTOM NEW */
#hp-colonne .col-sm {
     flex-basis: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 33%;
}
@media only screen and (max-width: 767px) {


#hp-colonne .col-sm {
     flex-basis: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 50%;}

.descrizione_allergeni {
    margin-top: 0px !important;
    margin-bottom: 5px!important;}

.nome_prodotto {
    min-height: auto!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;}

.prezzoscheda {
    font-size: 34px!important;
    letter-spacing: -1px!important;}

.btn-prodotti {
    font-size:20px!important;}

div#listaprodottoimmagine-modal {
    height: 240px!important;}

.modal-title {
    width: 80%;
    line-height: 23px;}

.col-md-12.search-table-col {
    margin-bottom: -30px;}


/* COUPON */

.bottonecouponscontocarrelloalto {
    border: 3px dotted #333!important;
    font-weight: bold!important;
    display: grid;
    width: 100%;
    background-color: #f3c210;
    color: #000;
    text-transform: uppercase;
    line-height: 19px;
    letter-spacing: -1px;
    z-index:9999999!important;
    margin-top:50px!important;}

.prezzosopra {
    padding-bottom:30px!important;}

/* COUPON END */

button.btn.btn-success.bottoneavanti.bottoneavanti2.col-md-6.col-12.btn-choose.btn-accedi-icon.btn-accedi.textcustom-accedi {
    margin-top:-10px!important;}

.coloretesto .modificadatipersonali {
    margin-bottom: 20px;
    position: relative!important;
    top: 300px!important;
    width: 100%!important;
    text-align: center!important;}

#risultatiricerca .justify-content-center {
margin-bottom:-30px!important;}

.okasan-hp-block {
margin:20px 0!important;}

.okasan-hp-block img {
        max-width:300px;
        width:100%!important;
        margin-top:0px!important;}
}
/* END HP CUSTOM NEW */		

/* BANNER HP */	
.banner-novita {
    background-image: url("https://image.deliveryonline.it/hiromicake/bg-panettoni-new.jpg");
    width:100%!important;
    border-radius:10px;
    -webkit-box-shadow: inset 0px 0px 15px 5px rgba(186,174,171,0.6); 
    box-shadow: inset 0px 0px 15px 5px rgba(186,174,171,0.6);
    background-color:#fefefe;
    background-position: center bottom!important;
    background-size: contain;
    background-repeat: repeat-x;
    margin: 0 30px;
    padding:10px;
}		

.hc-right {
text-align:right!important;}

.hc-left {
text-align:left!important;}

.banner-novita img {
width:80%;
position:relative;
display:inline-block!important;}

.col-banner {
width:50%!important;
float:left;
padding:0px;
}  	

.col-banner-new {
width:33.3%!important;
float:left;
padding:0px;
}  	

.banner-hp img {
        max-width:100%;
width:100%
        cursor:pointer;
}


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

.col-banner, .col-banner-new {
width:100%!important;
clear:both;
padding:20px 10px 10px 10px!important;
} 

.banner-novita img {
width:90%!important;
margin-top:-40px!important;}

.banner-novita {
padding:20px;}

.hc-right {
text-align:center!important;}

.hc-left {
text-align:center!important;}
					  
}
/* BANNER HP END */	

/* APPLE GESTURE */
.bottonegesturesapple {
    width: 80%!important;
    background-color: rgba(255,255,255,0.1)!important;
    border: none;
    color: white!important;
}

.gesturestotale{
    color: white!important;
    width: 100%!important;
    margin: auto!important;
}

.fa-apple {
    font-size:3em!important;
}

.scopricomegestures {
    margin: 8px;
    background-color: #000;
    /* display: inline; */
    padding: 10px 40px;
    border-radius: 4px;
    font-size: 1.2em;
    text-transform: uppercase;
}

.img-gesture {
    padding:10px 20px!important;
}

.img-gesture span {
    font-size:20px!important;
    font-weight:900!important;
}

.img-gesture img {
    width:60%!important;
    margin:auto!important;
    text-align: center !important;
}

.gesture-container {
width:100%!important;
}


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

.img-gesture img {
    width:100%!important;
}

.gesture-container {
width:100%!important;
}

}
/* APPLE GESTURE END */

/* HOME BUTTON */
.hp-block-but {
        transition: all 0.5s ease; 
        display: inline-block;
        border: 1px solid #c79779!important;
        border-radius: 5px!important;
        margin:4px!important;
        font-size:22px!important;
        font-weight:700;
        text-transform:uppercase!important;
        padding:5px 25px;
        color:white;
        letter-spacing:-1px;
}

.hp-block-but:hover {
        transition: all 0.5s ease; 
        display: inline-block;
        border: 1px solid #c79779!important;
        border-radius: 5px!important;
        margin:4px!important;
        font-size:22px!important;
        font-weight:700;
        text-transform:uppercase!important;
        padding:5px 25px;
}

.hp-block-but-ext {
        transition: all 0.5s ease; 
        display: inline-block;
        background-color:#a65a2a!important;
        border-radius: 8px!important;
}

.hp-block-but-ext:hover {
        transition: all 0.5s ease; 
        display: inline-block;
        background-color:#8f491c!important;
        border-radius: 8px!important;
}

@media only screen and (max-width: 767px) {
.hp-block-but {
        font-size: 16px !important;
        padding: 2px 10px;}
}

/* HOME BUTTON END */


/* BOX DESCRIZIONE PRODOTTO */

.descrizionebox {
        text-align:left!important;
        padding:10px;
}

/* BOX DESCRIZIONE PRODOTTO END */

/* CARRELLO */
.menuapri i {
        display:none!important;   
}

.menuapri {
        font-size:0!important;
        color:#5b3427;
        border: 1px solid #5b3427!important;
        padding: 5px 10px!important;
        border-radius:3px!important;
}

/* CARRELLO END*/

/* COUPON */

.bottonecouponscontocarrelloalto {
    border: 3px dotted #333!important;
    font-weight: bold!important;
    display: grid;
    width: 100%;
    background-color: #f3c210;
    color: #000;
    text-transform: uppercase;
    line-height: 19px;
    letter-spacing: -1px;
    z-index:9999999!important;
    margin-top:50px!important;}

.prezzosopra {
    padding-bottom:30px!important;}

/* COUPON END */

/* PAGINE INTERNE */

#cr-pagine-interne {
   color:#3f2021;
}

#cr-pagine-interne span {
    font-size:26px!important;
    line-height:26px;
}

.cr-titolo {
    font-size:36px!important;
    color:#a65a29!important;
    font-weight:900;
    line-height:34px;
}

.cr-numeri-tel {
font-size: 34px !important;
color: #3f2021 !important;
font-weight: 900;
line-height: 30px;
border: 4px solid;
display: inline-block;
padding: 8px 18px;
border-radius: 10px;
}

.cr-block-but {
        transition: all 0.5s ease; 
        border: 1px solid #c79779!important;
        border-radius: 5px!important;
        margin:4px!important;
        font-size:22px!important;
        font-weight:700;
        text-transform:uppercase!important;
        padding:5px 80px 5px 80px;
        color:white;
        letter-spacing:-1px;
        line-height:22px;
        text-align:center;
}

.cr-block-but-ext {
        transition: all 0.5s ease; 
        display: inline-flex;
        background-color:#a65a2a!important;
        border-radius: 8px!important;
}

.cr-block-but-ext-wa {
        transition: all 0.5s ease; 
        display: inline-flex;
        background-color:#43aa52!important;
        border-radius: 8px!important;
}

.cr-block-but-ext:hover {
        transition: all 0.5s ease; 
        background-color:#8f491c!important;
        border-radius: 8px!important;
}

.cr-block-but-ext-wa:hover {
        transition: all 0.5s ease; 
        background-color:#0d8900!important;
        border-radius: 8px!important;
}

.cr-but-col-dx {
    padding: 0 0 0 10px;
    text-align:left;
}

.cr-but-col-sx {
    padding: 0 10px 0 0;
    text-align:right;
}

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

.cr-block-but-ext-wa, .cr-block-but-ext {
    display: flow-root;}

.cr-block-but-ext {
        font-size: 16px !important;}

.cr-but-col-sx, .cr-but-col-dx {
    padding: 6px 30px;}

.cr-block-but {
    padding: 5px 0;
    text-align:center;}

}

.cr-titolo {
    margin:0 10px 10px 10px!important;
    font-size:36px!important;
    color:#a65a29!important;
    font-weight:900;
    line-height:34px
}

.cr-whatsapp {
    background-image: url("https://image.deliveryonline.it/cafferoma/whatsapp.svg");
    background-size: 46px;
    background-repeat: no-repeat;
    background-position: 15px 5px;
}

.cr-whatsapp, .cr-whatsapp:hover {
      border: 1px solid #9fcfa5!important;
}

.cr-image-big {
    margin-bottom:20px; 
}

.cr-image-big img {
    max-width:100%;
}

/* PAGINE INTERNE END */

/* MENU HAMBURGER BIANCO */

.navbar-light .navbar-toggler-icon {
    background-image: url("https://www.deliveryonline.it/wp-content/uploads/2020/07/mobile_menu_thin_white.svg") !important;
}

/* MENU HAMBURGER BIANCO END */

/* PULSANTE FANTASMA */
.textcustom-proseguiprodotti::before {
	content: "Prosegui e vai ai prodotti"!important;
        color:#fff!important;
        font-size: 20px !important;
        padding: 24px 100px !important;
        display:block!important;
}

.btn-proseguiprodotti {
	background-color: #402021!important;
	border-color: #402021!important;
        color:white!important;
        border-radius: 10px !important;
}

.btn-proseguiprodotti:hover {
	background-color: #171717!important;
}

/* PULSANTE FANTASMA END */

/* BOX APPLE SHARE */
    .ath-container, .ath-ios.ath-phone:after {
    background-color:#fff!important;
    color:#171717!important;
}

.ath-ios.ath-phone:after {
    box-shadow: none!important;
}

/* BOX APPLE SHARE END */

/* CONSEGNA GRA */

.hc-gra{
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    background-color: #a65b2b;
    padding: 5px 20px 5px 60px;
    border-radius: 5px; 
    margin: auto;
    color: white;
    background-image: url("https://image.deliveryonline.it/okasan/delivery_white.svg");
    background-position: 10px center;
    background-repeat:no-repeat;
}

.hc-gra span {
        font-weight: 300!important;
}

@media only screen and (max-width: 767px) {
.hc-gra{ 
   font-size: 16px;
    padding: 10px 20px 10px 60px;
    margin:0 20px!important;
    background-size:15%;
    line-height:18px;}
}

/* CONSEGNA GRA END */