/*OFFERTE SPECIALI*/
.offerta{
    float: left;
    min-height: 250px;
    margin-bottom: 15px;
    max-height:500px;
}
.offerta p{
    text-align: left;
    font-size: inherit;
    font-weight: inherit;
    color: #000;
}
.offerta .backgroundcolor{
    background: rgba(255,255,255,0.1);
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.offerta:hover .backgroundcolor{
    background: rgba(255,255,255,0.7);
}
.offerta .leftside{
    float: left;
    display: block;
    background: rgba(255,255,255,0.6);
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100%;
}
.offerta .titolo-offerta, .offerta h3, .offerta h5, .offerta .scopri-offerta, .offerta .prezzo{
    float: left;
    display: block;
    width: 100%; 
}

.offerta .titolo-offerta{
    height: 200px;
    overflow: hidden;
    padding: 0px 10px
}

.offerta h3{
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 2em;
}
.offerta h4{
    font-size: 1em;
    color: #000;
    text-transform: uppercase;
}
.scopri-offerta{display: block;margin-top: 20px;text-align: center;}
.scopri-offerta h4{color: #FFF;text-transform: uppercase;font-weight: 400;font-size: 1.1em;padding-left:  20px;padding-right:  20px;border: 1px solid #FFF;padding-top:  10px;padding-bottom:  8px;display: inline-block;letter-spacing: 0.05em;}
.piu{
    background: #000;
    text-align: center;
    padding: 10px;
    margin-top: 40px;
    display: none;
    float: left;
    margin-right: 10px;
    color: #FFF;
}
.offerta h5{
    color: #000;
    margin-top: 42px;
    text-align: left;
}
.prezzo{
    padding: 0px 10px;
    padding-bottom: 10px;
    display: none;
}
.up{    
    background: #000;
    color: #FFF;
    text-align: center;
    padding: 10px;
    margin-top: 42px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.offerta span{
    color: #000;
    font-size: 1.3em;
}
.offerta h6{
    color: #000;
    margin-top: 42px;
    text-align: left;
}

/*OFFERTA PAGINA SINGOLA*/
#offerta-singola h1{color:#000;border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 10px;}
#offerta-singola h2{color:#000;text-transform: uppercase;font-size: 1.5em;}
#offerta-singola p{color:#000;}
#offerta-singola .bottone{font-size: 1.2em;background: #d2002f;padding-bottom: 10px;float: none;clear: both;}
#offerta-singola .bottone p{color:#FFF;margin: 0;float: left;}
.foto-offerta{padding-left: 0;}
.arrow{width: 24px;float: left;margin-left: 5px;margin-top: 2px;}
#offerta-singola h4{color: #000;text-transform: uppercase;margin-bottom: 10px;font-size: 1.2em;}
.scadenza{padding-left: 0;padding-right: 0;margin-top: 20px;}

/*CAROUSEL offerte*/
#carousel-offerta{margin-top: 0; margin-bottom: 0;}
#carousel-offerta .colonna{padding: 0px;}
#offerte-text{position: absolute;height: 100%;width: calc(100% - 10px);padding: 0;background: rgba(0,0,0,0.3);}

#carousel-offerta .scopri-offerta{top: 25%; display: none}
#carousel-offerta .piu{margin-top: -2px; display: none}
#carousel-offerta .up{margin-top: 0; display: none}
#carousel-offerta .prezzo{margin-top: 0; display: none}

.offertaTitolo p{    
    position: absolute;
    bottom: 0;
    font-weight: 600;
    padding: 10px;
    font-size: 1.3em;
    color: #fff;
}

.offertaSottotitolo p{
    position: absolute;
    top: 10px;
    font-weight: 600;
    font-size: 1.6em;
    right: -10px;
    color: #fff;
}

#carousel-offerte .carousel-control.right{margin-right: -70px;}
#carousel-offerte .carousel-control.left {margin-left: -50px;}

/*CAROUSEL evento*/
#carousel-evento{margin-top: 0; margin-bottom: 0;}
#carousel-evento .colonna{padding: 0px;}
#evento-text{position: absolute; height: 100%; width: 80%}

#carousel-evento .scopri-offerta{top: 25%; display: none}
#carousel-evento .piu{margin-top: -2px; display: none}
#carousel-evento .up{margin-top: 0; display: none}
#carousel-evento .prezzo{margin-top: 0; display: none}

.eventoTitolo p{    
    position: absolute;
    top: 50px;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 1.3em;
    color: #fff;
}

.eventoSottotitolo p{
    position: absolute;
    bottom: 40px;
    padding: 30px;
    text-align: center;
    font-weight: 300;
    font-size: 1em;
    color: #fff;
}

#carousel-evento .carousel-control.right{margin-right: -70px;}
#carousel-evento .carousel-control.left {margin-left: -50px;}
.box-offerta{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}
.offerteslide{padding: 0;}

/************** RESPONSIVE ******************/

@media (max-width: 1600px){ 
	.scopri-offerta h4 {font-size: 1.05em;}
}

@media (max-width: 1400px){
	.scopri-offerta h4 {font-size: 1em;}
}

@media (max-width: 1200px) {
	.scopri-offerta h4 {font-size: 0.95em;}
}