/** BLOCK - CAROSELLO OFFERTE **/

.fascia_offerte {
    width: 100%; margin: 0 auto 80px; box-sizing: border-box;
}
.fascia_offerte .icona { display: none; margin: 0 0 5px; }
.fascia_offerte h3 {
    font-family: 'Palanquin Dark', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 135%;
    color: #333;
    margin: 0 auto 15px;
    max-width:960px;
}
.fascia_offerte .intro { max-width:960px; margin: 0 auto 30px; }
.fascia_offerte .intro p  { display: inline; font-size: 16px; line-height: 22px; font-weight: 300; padding: 0; }
.fascia_offerte a.pulsante {
    display: inline-block; padding: 5px 12px; background: #F5CF08; font-family: 'Palanquin Dark', sans-serif;
    font-size: 15px; line-height: 25px; color: #333; text-decoration: none; font-weight: 600; margin:30px 0 0;
}
.fascia_offerte a.pulsante:hover, .fascia_offerte a.pulsante:active, .fascia_offerte a.pulsante:focus { background: #333; color: #F5CF08; text-decoration: none; }
.fascia_offerte a.pulsante svg { margin: 0 0 -2px 12px; }
.fascia_offerte a.pulsante:hover path { stroke: #F5CF08; }
.fascia_offerte .pulsante_container { width:auto; max-width:960px; margin:0 auto; }
@media screen and (max-width:1060px) {
    .fascia_offerte { overflow:hidden; margin:0 auto 60px; width:auto; max-width:none; }
}
@media screen and (max-width:1000px) {
    .fascia_offerte { margin:0 0 60px 0; }
    .fascia_offerte h2 { padding:0 20px 6px 0; }
    .fascia_offerte p { padding:0 20px 0 0; }
}
@media screen and (max-width:767px) {
    .fascia_offerte .icona { display: inline-block; }
    .fascia_offerte h2 { font-size: 24px; line-height: 32px; padding:0 20px 5px 0; background-size: 30px; margin: 0 0 17px; }
    .fascia_offerte p { font-size: 15px; line-height: 20px; margin: 0 0 20px; }
}
.offerte_container { width:auto; max-width:960px; margin:0 auto; }
.offerte_carosello { width: auto; margin: 0 -7.5px; position: relative; overflow: visible; }
.offerte_carosello.owl-carousel:not(.owl-loaded) { display: flex; gap: 5px; flex-wrap: wrap; }
.offerte_container .offerta { width: 310px; height:auto; padding:0; box-sizing: border-box; float:left; margin:0 15px; }
.offerte_carosello .offerta { padding: 0; width: 100%; box-sizing: border-box; margin:0; }
.offerte_carosello.owl-carousel:not(.owl-loaded) .offerta { width: 280px; }
.offerte_carosello.owl-carousel:not(.owl-loaded) .offerta a { width: 280px; }
.offerte_carosello.owl-carousel:not(.owl-loaded) .offerta:nth-child(n + 7) { display: none; }
.offerte_container .offerta a, .offerte_carosello .offerta a { display: block; width: 100%; height: auto; margin: 0 auto; text-decoration: none; }
.offerte_container .offerta a { min-height: 353px; }
.offerte_carosello .offerta a { width: 310px; }
.offerte_container .offerta a:hover, .offerte_container .offerta a:active, .offerte_container .offerta a:focus,
.offerte_carosello .offerta a:hover, .offerte_carosello .offerta a:active, .offerte_carosello .offerta a:focus { text-decoration: none; }
.offerte_container .offerta .immagine, .offerte_carosello .offerta .immagine {
    width: 100%; height: 200px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;
}
.offerte_container .offerta .immagine .hover, .offerte_carosello .offerta .immagine .hover {
    display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;
    background: #F5CF08; opacity: 0.8;
}
.offerte_container .offerta a:hover .immagine .hover, .offerte_container .offerta a:active .immagine .hover,
.offerte_container .offerta a:focus .immagine .hover, .offerte_carosello .offerta a:hover .immagine .hover,
.offerte_carosello .offerta a:active .immagine .hover, .offerte_carosello .offerta a:focus .immagine .hover { display: block; }
.offerte_container .offerta .prezzo, .offerte_carosello .offerta .prezzo {
    display:block; position:absolute; top:10px; bottom:10px; left:10px; right:10px; z-index:1;
    border: 2px solid #FFFFFF; box-sizing: border-box;
}
.offerte_container .offerta .prezzo table, .offerte_carosello .offerta .prezzo table { width:100%; height:100%; border:none; }
.offerte_container .offerta .prezzo td, .offerte_carosello .offerta .prezzo td { width:100%; height:100%; text-align:center; vertical-align:middle; }
.offerte_container .offerta .prezzo p, .offerte_carosello .offerta .prezzo p {
    width:auto; height:auto; display:inline-block; box-sizing:border-box; padding:10px 8px; max-width:60%;
    background: #FFFFFF; opacity: 0.9; font-size:13px; line-height:16px; color:#333; font-weight:300; margin:0;
}
.offerte_container .offerta .prezzo p .euro, .offerte_carosello .offerta .prezzo p .euro { display:block; font-size:20px; line-height:26px; font-weight:700; }
.offerte_container .offerta .prezzo p .desc, .offerte_carosello .offerta .prezzo p .desc { font-size:12px; line-height:14px; }
.offerte_container .offerta .hotel, .offerte_carosello .offerta .hotel {
    display: block; font-size: 14px; line-height:18px; font-weight:300; color:#333; margin:5px 0 10px; padding:0 2px;
}
.offerte_container .offerta .hotel svg, .offerte_carosello .offerta .hotel svg { margin:0 1px 0 0; }
.offerte_container .offerta .titolo, .offerte_carosello .offerta .titolo {
    display: block; height:44px; box-sizing: border-box; font-size: 16px; line-height: 22px; font-weight: 700;
    color:#333; margin:0; padding:0 2px; text-transform:uppercase;
}
.offerte_container .offerta .validita, .offerte_carosello .offerta .validita {
    display: block; font-size:13px; line-height:16px; font-weight:300; color:#333; margin:10px 0 0; padding:0 2px;
}
.offerte_container .offerta .validita svg, .offerte_carosello .offerta .validita svg { margin:0 3px -2px 0; }
.offerte_container .offerta .pulsante, .offerte_carosello .offerta .pulsante {
    display: inline-block; padding: 4px 12px 6px; background: #333; font-family: 'Palanquin Dark', sans-serif;
    font-size: 15px; line-height: 25px; color: #FFF; font-weight: 600; margin:15px 0 0 2px;
}
.offerte_container .offerta a:hover .pulsante, .offerte_container .offerta a:active .pulsante,
.offerte_container .offerta a:focus .pulsante, .offerte_carosello .offerta a:hover .pulsante,
.offerte_carosello .offerta a:active .pulsante, .offerte_carosello .offerta a:focus .pulsante { background: #F5CF08; }
.offerte_container .offerta .pulsante svg, .offerte_carosello .offerta .pulsante svg { margin: 0 0 -3px 12px; }
.offerte_carosello .owl-prev, .offerte_carosello .owl-next {
    display:block; width:35px; height:35px; position:absolute; top:50%; margin-top:-17.5px; transition: all 0.3s linear;
}
.offerte_carosello .owl-prev { left:-70px; }
.offerte_carosello .owl-next { right:-70px; }
.offerte_carosello .owl-prev:hover rect, .offerte_carosello .owl-next:hover rect { fill:#333; }
.offerte_carosello .owl-prev:hover path, .offerte_carosello .owl-next:hover path { stroke:#F5CF08; }
@media screen and (max-width:1140px) {
    .offerte_carosello .owl-prev { left:-40px; }
    .offerte_carosello .owl-next { right:-40px; }
}
@media screen and (max-width:1080px) {
    .fascia_offerte {
        overflow: hidden;
        width: calc(100% + 40px);
        position: relative;
        left: -20px;
        padding: 0 0 0 20px;
    }
}
@media screen and (max-width:1060px) {
    .offerte_carosello { width:1260px; position:static; margin: 0; }
    .offerte_carosello.only3 { width:945px; }
    .offerte_carosello .offerta a { width: 300px; }
    .offerte_carosello .owl-controls, .offerte_carosello .owl-prev, .offerte_carosello .owl-next { display:none; visibility:hidden; }
}
@media screen and (max-width:1000px) {
    .offerte_container { width:650px; }
    .offerte_carosello { margin:0 0 0 -7.5px; }
}
@media screen and (max-width:670px) {
    .offerte_container { width:auto; margin:0 20px 30px; }
    .offerte_container .offerta { float:none; width:100%; margin:20px 0 0; padding:0 0 20px; border-bottom:1px solid rgba(51,51,51,0.2); }
    .offerte_carosello { width:880px; margin:0 0 0 -10px; }
    .offerte_carosello.only3 { width:660px; }
    .offerte_carosello .offerta { margin:0 10px; }
    .offerte_carosello .offerta a { width:200px; margin:0; }
    .offerte_container .offerta a { min-height: 0; }
    .offerte_container .offerta .immagine, .offerte_carosello .offerta .immagine { height:150px; }
    .offerte_container .offerta .prezzo, .offerte_carosello .offerta .prezzo { top:0; bottom:0; left:0; right:0; border: none; }
    .offerte_container .offerta .prezzo p { max-width:50%; font-size:11px; line-height:15px; }
    .offerte_carosello .offerta .prezzo p { max-width:70%; font-size:11px; line-height:15px; }
    .offerte_container .offerta .prezzo p .euro, .offerte_carosello .offerta .prezzo p .euro { font-size:18px; line-height:26px; }
    .offerte_container .offerta .prezzo p .desc { font-size:11px; line-height:15px; }
    .offerte_carosello .offerta .prezzo p .desc { font-size:10px; line-height:14px; }
    .offerte_container .offerta .hotel, .offerte_carosello .offerta .hotel { font-size:12px; line-height:16px; padding:0; }
    .offerte_container .offerta .titolo, .offerte_carosello .offerta .titolo { height:auto; font-size: 15px; line-height: 20px; padding:0; }
    .offerte_carosello .offerta .titolo { height:60px; }
    .offerte_container .offerta .validita, .offerte_carosello .offerta .validita { font-size:12px; line-height:15px; padding:0; }
    .offerte_container .offerta .validita svg, .offerte_carosello .offerta .validita svg { width:9px; height:auto; margin:0 2px 0 0; }
    .offerte_container .offerta .pulsante { background: #F5CF08; color: #333; margin:20px 0 0; }
    .offerte_container .offerta a:hover .pulsante, .offerte_container .offerta a:active .pulsante,
    .offerte_container .offerta a:focus .pulsante { background: #333; color: #F5CF08; }
    .offerte_carosello .offerta .pulsante { background: #FFF; color: #333; border:1px solid #333; margin:20px 0 0; }
    .offerte_carosello .offerta a:hover .pulsante,
    .offerte_carosello .offerta a:active .pulsante, .offerte_carosello .offerta a:focus .pulsante { background: #333; color: #FFF; }
    .offerte_container .offerta .pulsante path, .offerte_carosello .offerta .pulsante path { stroke: #333; }
    .offerte_container .offerta a:hover .pulsante path, .offerte_container .offerta a:active .pulsante path,
    .offerte_container .offerta a:focus .pulsante path { stroke: #F5CF08; }
    .offerte_carosello .offerta a:hover .pulsante path, .offerte_carosello .offerta a:active .pulsante path,
    .offerte_carosello .offerta a:focus .pulsante path { stroke: #FFF; }
}