/** HOMEPAGE PUNTI DI FORZA **/
.home #punti_forza { width: 100%; box-sizing: border-box; text-align: center; padding: 30px 0 50px; }
.home #punti_forza .fumetto {
display: inline-block; height: 130px; box-sizing: border-box; background-color: #EE7627; padding: 24px 70px;
font-size: 40px; font-weight: 700; color:#FFF; line-height: 44px;
-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 5 0px; position: relative;
}
.home #punti_forza .fumetto svg {
position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); z-index: 1;
}
.home #punti_forza table { width: 100%; max-width: 960px; border: none; margin: 64px auto 0; }
.home #punti_forza td {
width: 33.333%; box-sizing: border-box; padding: 0 20px; text-align: center; vertical-align: top;
font-size: 18px; font-weight: 400; line-height: 0; color:#333;
}
.home #punti_forza td span { display: block; margin: 20px 0 0; text-align: center; line-height: 1.5; }
.home #punti_forza td span strong { display: block; font-size: 24px; font-weight: 600; }
.home #punti_forza td.mare span strong { color:#39ABDF; }
.home #punti_forza td.famiglia span strong { color:#FD2764; }
.home #punti_forza td.tariffa span strong { color:#F5C507; }
@media screen and (max-width:1060px) {
.home #punti_forza { padding: 30px 30px 50px; }
}
@media screen and (max-width:767px) {
.home #punti_forza {
padding: 20px 0 52px; margin: 0 16px; width: auto; border-bottom: 2px solid #DFDFDF;
}
.home #punti_forza .fumetto {
font-size: 20px; height: auto; width: 100%; padding: 18px 20px; line-height: 30px;
-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}
.home #punti_forza .fumetto br { display: none; }
.home #punti_forza .fumetto svg { bottom: -20px; }
.home #punti_forza table { margin: 40px auto 0; }
.home #punti_forza td {
display: flex; width: 100%; height: auto; text-align: left; font-size: 18px; line-height: 1.5;
flex-direction: row; justify-content: start; align-items: center; margin: 0 0 20px; padding: 0;
}
.home #punti_forza td:last-child { margin: 0; }
.home #punti_forza td svg { width: 88px; height: 88px; }
.home #punti_forza td span {
margin: 0 0 0 30px; text-align: left; font-size: 14px; width: calc( 100% - 118px );
}
.home #punti_forza td span strong { font-size: 22px; }
}
/** HOMEPAGE LISTA HOTELS **/
.home #lista_hotel {
width: 100%; box-sizing: border-box; text-align: center; background-repeat: no-repeat; background-position: center top;
background-size: contain; padding: 160px 0 122px;
}
.home #lista_hotel h2 {
font-size: 50px; line-height: 55px; font-weight: 700; color:#FFF; margin: 0 auto; padding: 0;
}
.home #lista_hotel .container_hotel { width: 1294px; box-sizing: border-box; margin: 65px auto 0; padding: 40px 0 45px 46px; background: #FFF; }
.home #lista_hotel .hotel {
display: block; width: 370px; height:auto; box-sizing: border-box; float:left; transition: all 0.3s ease;
text-align: left; margin: 0 46px 0 0; padding: 0 0 80px; background:#FFF; text-decoration: none;
position: relative; border: 1px solid #BCBCBC; border-radius: 10px; cursor: pointer;
}
.home #lista_hotel .hotel:nth-child(3n + 0) { margin: 0; }
.home #lista_hotel .hotel:hover { text-decoration: none; }
.home #lista_hotel .hotel .immagine {
width: auto; height: 205px; margin: -1px -1px 8px; position:relative; overflow: hidden; border-radius: 10px 10px 0 0;
}
.home #lista_hotel .hotel .photo {
position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; transition: all 0.2s linear;
border-radius: 10px 10px 0 0; object-fit: cover; width: 100%; height: 100%;
}
.home #lista_hotel .hotel:hover .photo { -webkit-transform: scale(1.1); transform: scale(1.1); }
.home #lista_hotel .hotel .offerte {
display: block; box-sizing: border-box; background: #FFF; border: 1px solid #CDCDCD;
border-radius: 4px; position: absolute; left: 12px; bottom: 11px; z-index: 4; color: #333;
font-weight: 500; font-size: 12px; line-height: 22px; padding: 3px 10px 2px 9px;
}
.home #lista_hotel .hotel .offerte svg { margin: 0 10px -4px 0; }
.home #lista_hotel .hotel .apertura_pasquale { position: absolute; top: 10px; right: 10px; z-index: 2; }
.home #lista_hotel .hotel .nome_hotel {
display: block; box-sizing: border-box; font-size: 18px; line-height: 25px; font-weight: 500;
color:#333; margin:0; padding:0 11px; text-align: left; text-decoration: none; border-bottom: none;
}
.home #lista_hotel .hotel .nome_hotel:hover,
.home #lista_hotel .hotel .nome_hotel:active,
.home #lista_hotel .hotel .nome_hotel:focus { text-decoration: none; border-bottom: none; }
.home #lista_hotel .hotel .nome_hotel sup { color: #333; font-size: 13px; line-height: 13px; }
.home #lista_hotel .hotel .nome_hotel svg { margin: 0 1px 2px; }
.home #lista_hotel .hotel .servizi { width: auto; margin: 20px 11px 0; }
.home #lista_hotel .hotel .servizi span {
display: block; font-size: 13px; line-height: 22px; color: #333;
box-sizing: border-box; background-repeat: no-repeat; background-position: 0 2px; padding: 0 0 0 28px;
background-size: 18px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI5IiBjeT0iOSIgcj0iOSIgZmlsbD0iI0Y3QjAwMSIvPjxwYXRoIGQ9Ik00LjczNjgyIDguNTI2MTRMOC4wNTI2MSAxMS44NDE5TDEzLjczNjggNi4xNTc3MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
}
.home #lista_hotel .hotel .info_apertura { width: auto; margin: 15px 0 0; }
.home #lista_hotel .hotel .info_apertura .apertura {
display: block; margin: 0 0 0 11px; font-weight: 400; font-size: 13px; line-height: 17px; color: #333;
}
.home #lista_hotel .hotel .info_apertura .apertura strong { display: block; color: #333; font-weight: 500; }
.home #lista_hotel .hotel .pulsante {
display: block; width: auto; height: 50px; position:absolute; left:10px; right: 10px; bottom:10px; z-index:1;
box-sizing: border-box; padding: 12px 0 0; background: #EE7627; transition: all 0.2s linear;
border-radius: 25px; text-align: center; font-weight: 500; font-size: 16px; line-height: 26px; color: #FFF;
}
.home #lista_hotel .hotel:hover .pulsante { background: #C16224; }
.home #lista_hotel .hotel .pulsante.prezzo { font-size: 14px; line-height: 24px; padding: 10px 0 0; }
.home #lista_hotel .hotel .pulsante.prezzo i { font-size: 32px; line-height: 24px; font-style: normal; font-weight: 400; }
.home #lista_hotel a.pulsante {
display:inline-block; text-align:center; font-size:16px; color:#EE7627; margin: 0 auto;
text-decoration:none; line-height:22px; font-weight:500; border: 2px solid #EE7627; box-sizing:border-box; transition: all 0.2s linear;
-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; padding: 12px 40px;
}
.home #lista_hotel a.pulsante:hover, .home #lista_hotel a.pulsante:active,
.home #lista_hotel a.pulsante:focus { text-decoration:none; background: #EE7627; color:#FFF; }
@media screen and (max-width:1300px) {
.home #lista_hotel .container_hotel { width: 1060px; padding: 30px 0 40px 30px; }
.home #lista_hotel .hotel { margin: 0 30px 0 0; width: 313px; }
.home #lista_hotel .hotel .pulsante.prezzo { font-size: 12px; }
.home #lista_hotel .hotel .pulsante.prezzo i { font-size: 20px; }
}
@media screen and (max-width:1060px) {
.home #lista_hotel { background-size: 1300px auto; }
.home #lista_hotel .container_hotel { width: 960px; }
.home #lista_hotel .hotel { width: 280px; }
}
@media screen and (max-width:960px) {
.home #lista_hotel { padding: 150px 0 100px; }
.home #lista_hotel .container_hotel { width: 740px; padding: 20px 0 40px 20px; }
.home #lista_hotel .hotel { width: 340px; margin: 0 20px 0 0; }
.home #lista_hotel .hotel:nth-child(3n + 0) { margin: 20px 0 0; }
}
@media screen and (max-width:767px) {
.home #lista_hotel { background: none !important; padding: 30px 0 60px; }
.home #lista_hotel h2 { font-size: 30px; color: #EE7627; line-height: 35px; }
.home #lista_hotel .container_hotel { width: auto; padding: 0; margin: 24px 16px 40px; }
.home #lista_hotel .hotel { float: none; width: 100%; margin-bottom: 30px; }
.home #lista_hotel .hotel .pulsante.prezzo { font-size: 14px; }
.home #lista_hotel .hotel .pulsante.prezzo i { font-size: 32px; }
}
/** HOMEPAGE BOX SEZIONI INTERNE
.home #sezioni_interne { width: 100%; box-sizing: border-box; text-align: center; padding: 0 0 96px; }
.home #sezioni_interne .fumetto {
display: inline-block; height: 130px; box-sizing: border-box; background-color: #b1ce2b; padding: 0 70px;
font-size: 62px; font-weight: normal; color:#FFF; line-height: 130px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; margin: -58px auto 66px;
}
.home #sezioni_interne .fumetto span {
display: block; width: 68px; height: 29px; background-repeat: no-repeat;
position: absolute; left: 50%; bottom: -29px; margin-left: -34px; z-index: 1;
}
.home #sezioni_interne .riga3 { width: 100%; max-width: 1196px; margin: 0 auto 10px; }
.home #sezioni_interne a.box {
display: block; width: 291px; height: 392px; float: left; text-decoration: none; margin-right: 10px; background-color: #0B4F8B; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.home #sezioni_interne a.box.last { margin-right: 0; }
.home #sezioni_interne a.box .hover {
position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMGU3MGI3O2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6MC41O2lzb2xhdGlvbjppc29sYXRlO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aG92ZXJfYmx1PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDBIMTBWMTBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48L3N2Zz4=");
}
.home #sezioni_interne a.box:hover .hover { display: block; }
.home #sezioni_interne a.box span {
position: absolute; top: 0; left: 0; color:#FFF; font-size: 20px; font-weight: 400; background: #0B4F8B;
display: block; padding: 10px 24px; z-index: 2;
}
@media screen and (max-width:1220px) {
.home #sezioni_interne .riga3 { max-width: 1060px; }
.home #sezioni_interne a.box { width: 257px; height: 346px; }
}
@media screen and (max-width:1080px) {
.home #sezioni_interne .riga3 { max-width: 960px; }
.home #sezioni_interne a.box { width: 232px; height: 313px; }
}
@media screen and (max-width:960px) {
.home #sezioni_interne { padding: 0 0 40px; }
.home #sezioni_interne .fumetto { height: 90px; line-height: 90px; font-size: 52px; padding: 0 40px; }
.home #sezioni_interne .riga3 { max-width: 740px; }
.home #sezioni_interne a.box { width: 360px; height: 240px; margin: 0 5px 10px; }
.home #sezioni_interne a.box.last { margin: 0 5px 10px; }
}
@media screen and (max-width:767px) {
.home #sezioni_interne { background: none !important; margin: 0 10px; width: auto; border-bottom: 2px solid #E2E2E2; padding: 0; }
.home #sezioni_interne .fumetto { font-size: 36px; height: 80px; width: 100%; padding: 0; line-height: 80px; margin: 0 auto 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.home #sezioni_interne .fumetto span { bottom: -20px; }
.home #sezioni_interne a.box {
float: none; width: 100%; height: 160px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 12px;
}
.home #sezioni_interne a.box.last { margin: 0; }
.home #sezioni_interne a.box .hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.home #sezioni_interne a.box span { top: auto; bottom: 0; -webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; }
}
/** HOMEPAGE LISTA OFFERTE **/
.home #lista_offerte {
width: 100%; box-sizing: border-box; text-align: center; margin: 0 0 100px;
background-repeat: no-repeat; background-position: center top; background-size: contain; padding: 160px 0 0;
}
.home #lista_offerte h2 {
font-size: 50px; line-height: 55px; font-weight: 700; color:#FFF; margin: 0 auto; padding: 0;
}
.home #lista_offerte .container_offerte {
width: 1294px; box-sizing: border-box; margin: 65px auto 0; padding: 40px 0 45px 46px; background: #FFF;
}
.home #lista_offerte .offerta_big {
width: 370px; float: left; margin: 0 46px 0 0; display: block; text-decoration: none; background: #F0F0F0; border-radius: 10px;
}
.home #lista_offerte .offerta_big:nth-child(3n + 0) { margin: 0; }
.home #lista_offerte .offerta_big .relative { background: #EE7627; border-radius: 10px 10px 0 0; }
.home #lista_offerte .offerta_big .etichetta {
position: absolute; left: 0; display: block; background: #0078C2; font-size: 14px; color:#FFF;
font-weight: 400; padding: 6px 14px;
}
.home #lista_offerte .offerta_big .immagine {
width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover;
border-radius: 10px 10px 0 0; transition: all 0.2s linear;
}
.home #lista_offerte .offerta_big:hover .immagine, .home #lista_offerte .offerta_big:active .immagine,
.home #lista_offerte .offerta_big:focus .immagine { opacity: 0.6; }
.home #lista_offerte .offerta_big p.nome {
text-align: left; margin: 24px 0 0; padding: 0 10px; font-size: 18px; font-weight:500; color:#333; line-height: 1.2;
}
.home #lista_offerte .offerta_big p.hotel {
text-align: left; margin: 0; padding: 0 10px; font-size: 16px; font-weight:400; color:#333; line-height: 1.2;
}
.home #lista_offerte .offerta_big p.prezzo {
text-align: left; margin: 0; padding: 0 10px; font-size: 16px; font-weight:400; color:#333; line-height: 1.2;
}
.home #lista_offerte .offerta_big p.prezzo span { font-size: 18px; font-weight: 500; }
.home #lista_offerte .offerta_big p.pulsante {
display: block; width: auto; height: 55px; text-align: center; font-size: 16px;
color: #FFF; line-height: 55px; font-weight: 500; transition: all 0.2s linear;
background-color: #EE7627; margin: 16px 10px 10px; box-sizing: border-box;
-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; padding: 0;
}
.home #lista_offerte .offerta_big:hover, .home #lista_offerte .offerta_big:active,
.home #lista_offerte .offerta_big:focus { text-decoration: none; }
.home #lista_offerte .offerta_big:hover p.pulsante, .home #lista_offerte .offerta_big:active p.pulsante,
.home #lista_offerte .offerta_big:focus p.pulsante { background-color: #CC6522; }
.home #lista_offerte .offerta_big .prezzo {
position: absolute; top: 0; right: 0; background: #1A9B30; font-size: 12px; font-weight: 400; color:#FFF;
text-align: center; box-sizing: border-box; padding: 12px 10px; line-height: 16px; max-width: 100px; border-radius: 0 10px 0 0;
}
.home #lista_offerte .offerta_big .prezzo span.cifra { display: block; font-size: 20px; line-height: 34px; }
.home #lista_offerte .offerta_big .prezzo span.descrizione { font-size: 12px; }
.home #wrapper_offerte_mobile { display: none; }
.home #wrapper_offerte_mobile .offerta {
width: 100%; max-width: 370px; margin: 0 auto; display: inline-block; text-decoration: none; background: #F0F0F0;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.home #wrapper_offerte_mobile .offerta .relative { background: #EE7627; border-radius: 10px 10px 0 0; }
.home #wrapper_offerte_mobile .offerta .etichetta {
position: absolute; left: 0; display: block; background: #0078C2; font-size: 14px; color:#FFF;
font-weight: 400; padding: 6px 14px;
}
.home #wrapper_offerte_mobile .offerta .immagine {
width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 10px 10px 0 0;
}
.home #wrapper_offerte_mobile .offerta:hover .immagine, .home #wrapper_offerte_mobile .offerta:active .immagine,
.home #wrapper_offerte_mobile .offerta:focus .immagine { opacity: 0.6; }
.home #wrapper_offerte_mobile .offerta p.nome {
text-align: left; margin: 24px 0 0; padding: 0 10px; font-size: 18px; font-weight:500; color:#333; line-height: 1.2;
}
.home #wrapper_offerte_mobile .offerta p.prezzo {
text-align: left; margin: 0; padding: 0 10px; font-size: 16px; font-weight:400; color:#333; line-height: 1.2;
}
.home #wrapper_offerte_mobile .offerta p.prezzo span { font-size: 18px; font-weight: 500; }
.home #wrapper_offerte_mobile .offerta p.pulsante {
display: block; width: auto; height: 55px; text-align: center; font-size: 16px;
color: #FFF; line-height: 55px; font-weight: 500; text-transform: uppercase;
background-color: #EE7627; margin: 16px 10px 10px; box-sizing: border-box; transition: all 0.2s linear;
-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; padding: 0;
}
.home #wrapper_offerte_mobile .offerta:hover, .home #wrapper_offerte_mobile .offerta:active,
.home #wrapper_offerte_mobile .offerta:focus { text-decoration: none; }
.home #wrapper_offerte_mobile .offerta:hover p.pulsante, .home #wrapper_offerte_mobile .offerta:active p.pulsante,
.home #wrapper_offerte_mobile .offerta:focus p.pulsante { background-color: #CC6522; }
.home #wrapper_offerte_mobile .offerta .prezzo {
position: absolute; top: 0; right: 0; background: #1A9B30; font-size: 12px; font-weight: 400; color:#FFF;
text-align: center; box-sizing: border-box; padding: 12px 10px; line-height: 16px; max-width: 100px; border-radius: 0 10px 0 0;
}
.home #wrapper_offerte_mobile .offerta .prezzo span.cifra { display: block; font-size: 20px; line-height: 34px }
.home #wrapper_offerte_mobile .offerta .prezzo span.descrizione { font-size: 12px; }
.home #wrapper_offerte_mobile .owl-dots {
text-align: left; position: absolute; width: 100%; height: auto;
left: 0; right: 0; top: -38px; z-index: 1;
}
.home #wrapper_offerte_mobile .owl-dot {
display: inline-block; width: 9px; height: 9px; background: #CDCDCD;
box-sizing: border-box; margin: 0 6px 1px;
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
}
.home #wrapper_offerte_mobile .owl-dot.active { width: 11px; height: 11px; background: #EE7627; margin: 0 4px; }
.home #lista_offerte a.pulsante {
display:inline-block; text-align:center; font-size:16px; color:#EE7627; margin: 0 auto;
text-decoration:none; line-height:22px; font-weight:500; border: 2px solid #EE7627; box-sizing:border-box; transition: all 0.2s linear;
-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; padding: 12px 40px;
}
.home #lista_offerte a.pulsante:hover, .home #lista_offerte a.pulsante:active,
.home #lista_offerte a.pulsante:focus { text-decoration:none; background: #EE7627; color:#FFF; }
@media screen and (max-width:1300px) {
.home #lista_offerte .container_offerte { width: 1060px; padding: 30px 0 40px 30px; }
.home #lista_offerte .offerta_big { margin: 0 30px 0 0; width: 313px; }
}
@media screen and (max-width:1060px) {
.home #lista_offerte { background-size: 1300px auto; }
.home #lista_offerte h2 { font-size: 80px; }
.home #lista_offerte .container_offerte { width: 960px; }
.home #lista_offerte .offerta_big { width: 280px; }
}
@media screen and (max-width:960px) {
.home #lista_offerte { padding: 150px 0 0; }
.home #lista_offerte h2 { font-size: 70px; }
.home #lista_offerte .container_offerte { width: 740px; padding: 20px 0 40px 20px; }
.home #lista_offerte .offerta_big { width: 340px; margin: 0 20px 0 0; }
.home #lista_offerte .offerta_big:nth-child(3n + 0) { margin: 20px 0 0; }
}
@media screen and (max-width:767px) {
.home #lista_offerte { background: none !important; padding: 40px 0 0; margin: 0 0 60px; }
.home #lista_offerte h2 { font-size: 30px; line-height: 35px; color: #EE7627; }
.home #lista_offerte .container_offerte { width: auto; margin: 46px 10px 0; padding: 0 0 40px; }
.home #lista_offerte .wrapper_offerte { display: none; visibility: hidden; }
.home #wrapper_offerte_mobile { display: block; }
}
/** HOME FASCIA ANIMAZIONE **/
.home #fascia_animazione {
width: 100%; box-sizing: border-box; text-align: center; background-repeat: no-repeat; padding: 80px 20px;
background-position: center center; background-size: cover; margin: 0 0 80px; background-image: url("../img/bg_banner_animazione.jpg");
}
.home #fascia_animazione h2 {
display: block; max-width: 700px; font-size: 50px; font-weight: 600;
color:#FFF; margin: 0 auto 30px; padding: 0; line-height: 55px; text-align: center;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}
.home #fascia_animazione p {
display: block; max-width: 900px; font-weight: 500; font-size: 20px; line-height: 26px;
text-align: center; color: #FFFFFF; margin: 0 auto 40px; padding: 0;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}
.home #fascia_animazione a {
display:inline-block; height:55px; text-align:center; font-size:16px; color:#EE7627; margin: 0 auto; transition: all 0.2s linear;
text-decoration:none; line-height:49px; font-weight:500; border: 3px solid #EE7627; box-sizing:border-box; background: #FFF;
-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; padding: 0 40px;
}
.home #fascia_animazione a:hover, .home #fascia_animazione a:active,
.home #fascia_animazione a:focus { text-decoration:none; background: #EE7627; color:#FFF; }
@media screen and (max-width:1060px) {
.home #fascia_animazione h2,
.home #fascia_animazione p { max-width: none; }
}
@media screen and (max-width:767px) {
.home #fascia_animazione { margin: 0 0 50px; padding: 60px 20px; }
.home #fascia_animazione { background-image: url("../img/bg_banner_animazione_mobile.jpg"); }
.home #fascia_animazione h2 { font-size: 30px; line-height: 44px; margin: 0 0 30px; }
}
/** BANNER DOVE SIAMO **/
#dove_siamo {
width: 100%; height: 450px; box-sizing: border-box; padding: 160px 20px 0; position: relative; text-align: center;
}
#dove_siamo img {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover;
}
#dove_siamo img.mobile { display: none; }
#dove_siamo h2 {
display: block; text-align: center; box-sizing: border-box; font-size: 50px; line-height: 50px;
font-weight: 700; color:#FFF; padding: 0; margin: 0 0 40px; position: relative; z-index: 1;
text-shadow: 0 0 10px #00000040;
}
#dove_siamo a {
display:inline-block; text-align:center; font-size:16px; color:#FFF; margin: 0 auto; min-width: 300px;
text-decoration:none; line-height:22px; font-weight:500; background-color:#EE7627; box-sizing:border-box;
transition: all 0.2s linear; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;
padding: 16px 40px; position: relative; z-index: 1;
}
#dove_siamo a:hover, #dove_siamo a:active, #dove_siamo a:focus { text-decoration:none; background-color: #C16224; }
@media screen and (max-width:767px) {
#dove_siamo { height: 368px; padding: 50px 20px 0; }
#dove_siamo img.desktop { display: none; }
#dove_siamo img.mobile { display: block; }
#dove_siamo h2 { font-size: 30px; line-height: 35px; margin: 0; }
#dove_siamo a { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); }
}