body{
	color: #fff;
    background-color: #030304;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    background: url(../../images/servizio/sf-main.png) repeat center center;
    background-size: 60%;
}

a,
a:hover,
a:focus,
a:active{
    color: #1d1d1b;
    text-decoration: none;
}
.link-sub{
    border-bottom: 1px dashed #fff;
}
.testata{
	background-color: #fff;
    background-position: center;
    background-repeat: no-repeat; 
}
.current{
    font-weight: bold;
}

header a{
    color: #fff;
}
header h1{
    text-transform: uppercase;
	font-size: 320%;
	color: #c50000;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1;
}
@media (min-width: 768px) {
    header h1{
        padding-bottom: 25px;
    }
}
h2{
	font-size: 350%;
    font-family: 'Imbue', serif;
    text-transform: uppercase;
    font-weight: 600;
    color: #c50000;
    margin-bottom: 20px; 
    margin-top: 40px;
    text-align: center;
    padding-bottom: 10px;
}


h3{
	font-size: 20px;	
    font-weight: bold;
    padding:0;
    margin: 0;
    padding-bottom: 15px;
}
hr{
    border-top: 1px solid #ca8100!important;
}
.logo{
    position: relative;    
    margin-top: 0;
    margin-bottom: 15px;
    width: 60%;
}
.sp-carrello .logo{
    margin-left: 35px;    
}


.alert-rosso{
    background-color: #d00707;
    color: #fff;
    padding: 5px;
    width: 100%;
    font-weight: bold;
    display: block;
    border-radius: 2px;
}
.alert-rosso .fas{
    color: #fff!important;
    margin-right: 5px;
}

.piatto{
    margin-bottom: 10px;
}

.piatto .img-prodotto{
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10px;
}
.piatto .nome{
    display: block;
    font-size: 160%;
    margin-bottom: 0;
    text-transform: uppercase;
}
.piatto .descrizione{
    display: block;
    overflow: hidden;
    font-size: 95%;
    line-height: 1.1;
    margin-bottom: 5px;
}
.piatto .descrizione .lista-allergeni{
    margin-top: 5px;
}
.piatto .descrizione .lista-allergeni li{
    margin-right: 2px;
}
.piatto .prezzo small{
    font-size: 50%;
}

.bloccopulsante .btnAddAction{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    padding: 7px 15px 7px 15px;
    text-transform: uppercase;
    height: 36px;
}
.bloccopulsante .btnAddAction:hover{
    background-color: #ca8100;
    color: #fff;
    text-decoration: none;
}
.bloccopulsante .inputAddAction{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    height: 36px;  
    padding-left: 5px;
    padding-right: 5px;
    width: 50px;  
}

#carrello{
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 70px;
    bottom: 0;
    right: 0;
    background-color: #ca8100;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    transition: all 0.5s ease;
    background-attachment: scroll;
}
#carrello h3,
.riepilogo-h3{
    font-family: 'Quando', serif;    
    padding-top: 25px;
    z-index: 20000;
    font-size: 170%;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;    
}
.sp-carrello .riepilogo-h3{
    font-size: 220%;
    color: #ca8100;
}
#carrello #subtotaletitolo{
    position: relative;
    float: right;
    background: url(../../images/servizio/ico-bag.png) no-repeat center center;
    margin-top: 5px;
    margin-right: 7px;
    line-height: 88px;
    width: 64px;
    height: 64px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 95%;
}
#carrello #frecciaapri{
    position: absolute;
    background-color: #000;
    width: 50px;
    height: 25px;
    left: 50%;
    margin-left: -25px;
    top: -25px;
}
#carrello .table,
.hp #carrello-articoli .table{
    color: #fff;
}
.sp-carrello #carrello-articoli .table{
    color: #fff;
}
#carrello .table,
#carrello-articoli .table{
    color: #fff;
}
#carrello .table td, #carrello .table th{
    border-bottom: 1px solid #fff;
    border-top: none;
}
#carrello-articoli .table td, #carrello-articoli .table th{
    border-bottom: 1px solid #fff;
    border-top: none;
}
#carrello .fas,
.hp #carrello-articoli .fas{
    color: #fff;
    cursor: pointer;
}
.sp-carrello #carrello-articoli .fas{
    color: #000;
    cursor: pointer;
}
#carrello .quantitacarrello,
#carrello-articoli .quantitacarrello{
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
}
.totale{
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    padding-left: 12px;
    margin-bottom: 15px;
}
.sp-carrello .totale{
    color: #000;
}
.but-conferma{
    display: block;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 150%;    
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
    font-weight: bold;
    padding: 7px 15px 7px 15px;
    text-transform: uppercase;
    cursor: pointer;
}
.but-conferma:hover{
    background-color: rgba(255,255,255,0.2);
    text-decoration: none;
}
.sp-carrello .but-conferma{
    border: 2px solid #ca8100;
    color: #ca8100;
}
.sp-carrello .but-conferma:hover{
    background-color: rgba(166,167,39,0.2);
    text-decoration: none;
}
#carrello .but-svuota{
    font-size: 90%;
    color: #fff;
}

@media (min-width: 768px) {
    #carrello{
        position: fixed;
        z-index: 10000;
        overflow-y: scroll;
        width: 35%;
        height: 100vh;
        min-height: 100%;
        top: 0;
        bottom: auto;
        right: 0;
        padding: 15px;
        transition: background 0.5s ease;
    }
    #carrello #subtotaletitolo{
        display: none;
    }
    #carrello #fracciaapri{
        display: none;
    }
    #carrello #icona-freccia-carrello{
        display: none;
    }
}
@media (min-width: 992px) {
    #carrello{
        width: 25%;
    }
}
@media (max-width: 767.98px) {
    .aperto{
        height: 80vh!important;
        transition: height 2s;
        overflow-y: scroll;
    }
}

.carrello-aggiunta{
    transition: background 0.5s ease;
    background: #647a31!important;
}
/* titoli */

.titolo h2{ 
    font-size: 48px;    
    font-weight: 400;
    text-transform: uppercase;
    padding:0;
    margin:0;
    padding-top: 4px;
    padding-bottom: -4px;
}

.titolo{
    padding:0;
    margin-bottom: 6px;
}

/* prodotti */

.prodotti{
    background-color: #fff;
    margin-bottom: 6px;
    color: #000;
}

.prodotti .colonna{
    min-height: 150px;
}

/* carrello */

#carrello-pulsante{
    position: absolute;
    top:375px;
    right: 30px;     
    width:232px;
    height: 50px; 
    border: 3px solid #b6262b;
    text-align: center;
    font-size:19px;
    background-color: #000;
}

#carrello-pulsante:hover{
    border: 3px solid #fff;	
}

#carrello-pulsante a{
    display: inline-block;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
#carrello-pulsante:hover a{ 
    text-decoration: none; 
}

#carrello-interno{
    font-size: 12px;
    color: #fff;
    display: none;
    position: absolute;
    z-index: 1000;
    top:46px;
    left: -3px;
    width:232px;
    min-height: 250px;
    padding: 10px;
    background-color: #000;
    border: 1px solid #fff;
    text-align: left;
}

#carrello-interno a{
    padding:0;
}


.colonna h4{
    font-size: 19px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.colonna{
    font-size: 12px; 
}

.colonna .riga_descrizione{
    position: relative;
    width: 100%;
    height: 25px;
}
.colonna .riga_prezzo{
    padding-top: 5px;
    margin-top:20px;
    border-top: 1px solid #6c6c6c;
    font-size: 18px;
    color: #626262;
}

.colonna img{
    position: relative;
    float: left;
    padding-top: 20px;
    padding-right: 10px;
}


#titolo-sp{
    border-bottom: 1px solid #b7262b;
    margin-bottom: 25px;  
    padding-bottom: 25px;
}

.prodotti-carrello{
    background-color: #fff;
    margin-bottom: 6px;
    color: #000;
}

.prodotti-carrello .colonna{
    height: 50px;
}

.colonna-carrello img{
    position: relative;
    float: left;
    padding-right: 10px;
}

.colonna-carrello .evidente{
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.prodotti-carrello .riga_prezzo{
    padding-top: 15px;
    font-size: 18px;
    color: #626262;
}

.cassa-spedizione{
    background-color: #747474;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 6px;
}

.cassa-totale{
    background-color: #b7262b;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}


#dati-anagrafici{
    font-size:120%;
    line-height: 30px;
}

#dati-anagrafici select{
    color: #000;
}
#dati-anagrafici input{
    color: #000;
}
#dati-anagrafici .testo{
    width: 300px;
    margin-bottom: 15px;
}

#dati-anagrafici small{
    font-size:75%;
    font-style: italic;
    line-height: 10px;
}

#pulsante{
	margin-top:20px;
	position:relative;
	width:90%;
	margin:0 auto;
	border:solid 1px #b7262b;
	text-align:center;
	background-color:#fff;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#pulsante:hover{
	background-color:#b7262b;
}

#pulsante a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	color:#b6262b;
}

#pulsante a:hover{
	color:#fff;
}

.titoletto{
    display: block;
    font-size: 130%;
    margin-bottom: 15px;
}

.lista-mod{
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.lista-mod li{
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 35px;
}

.lista-mod li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.lista-mod li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 130%;
  padding-left: 35px;
  margin: 0;
  height: 20px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.lista-mod li:hover label{
    color: #ca8100;
}

.lista-mod li .check{
  display: block;
  position: absolute;
  border: 4px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 0;
  left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.lista-mod  li:hover .check {
  border: 5px solid #ca8100;
}

.lista-mod  li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 100%;
  height: 13px;
  width: 13px;
  top: 2px;
    left: 2px;
  margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.lista-mod input[type=radio]:checked ~ .check {
  border: 4px solid #ca8100;
}

.lista-mod input[type=radio]:checked ~ .check::before{
  background: #ca8100;
}

.lista-mod input[type=radio]:checked ~ label{
  color: #ca8100;
}



.form-normale input[type=text],
.form-normale input[type=password]{
    border: 1px solid #ca8100;
    color: #ca8100;
    background-color: transparent;
    font-size: 110%;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.form-normale select,
#fasciaoraria{
    border: 1px solid #ca8100;
    color: #fff;
    background-color: transparent;
    font-size: 110%;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.form-normale select option,
#fasciaoraria option,
#fasciaoraria optgroup{
    background-color: #fff;
}
.textarea{
    width: 100%;
    height: 100px;
    border: 1px solid #ca8100;
    color: #ca8100;
    background-color: transparent;
    font-size: 110%;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
}