*{margin:0;padding:0;box-sizing:border-box;}
body{font-family: NunitoSansLight,"Nunito Sans Light";counter-reset: capitolih2;}
html {scroll-behavior: smooth;}
p{font:20px NunitoSansLight,"Nunito Sans Light"; padding:16px 0;line-height:1.6;}
p a:link {color:#0000FF;text-decoration-thickness: 1px;}
p a:visited {color:#551A8B;text-decoration-thickness: 1px;}
p a:hover, p a:active {color:#FF0000;text-decoration-thickness: 1px;}
.link-amazon::after {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-brands);content: "\f270";font-size:11px;line-height:19px;vertical-align: top; margin-right:3px; margin-left:5px; opacity:0.5;}
.link-booking::after {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\42";font-size:9px;line-height:17px;vertical-align: top; margin-right:3px; margin-left:5px; opacity:0.6;}
.link-esterno::after {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\f35d";font-size:9px;line-height:17px;vertical-align: top; margin-right:3px; margin-left:5px; opacity:0.5;}


/* Back to top button */

#tornasu {display: inline-block;background-color: #ADD8E6;width: 40px;height: 40px;text-align: center;text-decoration:none;border-radius: 5px 0px 0px 5px;position: fixed;bottom: 30px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#tornasu::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 1.4em;line-height: 40px;color: #fff;}
#tornasu:hover {cursor: pointer;background-color: #86C5D8;}
#tornasu:active {background-color: #86C5D8;} /* era #00AEE6 */
#tornasu.show {opacity: 1;visibility: visible;}


/* Header e Menu */

.header{width: 90%;max-width:1400px;margin: 0 auto;min-height:93px;text-align: center;}
.header .logo-mobile{display:none}

.header .trova-spiaggia{float: right;margin-top:24px;}
.header a.accedi2{display: block; padding: 13px 22px;background:#f6a143; color:#ffffff !important; text-align:center; text-decoration:none;font:16px NunitoSansRegular,"Nunito Sans Regular";border-radius: 5px;}
.header a.accedi2:hover{background:#f39833}
.header ul {margin:0;padding: 0;list-style: none;overflow: hidden;background-color: #fff;}
.header li a.blu-ne,
.header li a.blu-se,
.header li a.blu-so,
.header li a.blu-no {display: block;background-color: #f7f7f7;padding: 20px 15px;border-right: 0px solid #f4f4f4;color:#0e2e5c; text-decoration:none; font:16px NunitoSansRegular,"Nunito Sans Regular";text-align: left;}
.header li a.blu-ne:hover,
.header li a.blu-se:hover,
.header li a.blu-so:hover,
.header li a.blu-no:hover,
.header .menu-btn:hover {background-color: #f4f4f4;}
.header li a.blu-ne{border-top:#dddddd 1px solid; margin-top:20px}
.header li a.blu-se,
.header li a.blu-so{border-top:#dddddd 1px solid;}
.header li a.blu-no {border-top:#dddddd 1px solid;  border-bottom:#dddddd 1px solid;}
.header li a.accedi{display: block; padding: 20px 20px;background:#f6a143; color:#ffffff !important; text-align:center; text-decoration:none;font:16px NunitoSansRegular,"Nunito Sans Regular";border-radius: 5px;}
.header li a.accedi:hover{background:#f39833}
.header .accedi-ai-corsi {margin-top:40px;margin-bottom:40px}
.header .menu2 {clear: both;max-height: 0;transition: max-height .2s ease-out;}
.header .menu2 .fa-umbrella-beach, .header .menu2 .fa-hotel, .header .menu2 .fa-book, .header .menu2 .fa-cart-shopping{display:inline-block;margin-right:10px} /* Per visualizzare le icone ombrelloni sostituire display:none; con display:inline-block;  */
.header .menu2 .fa-user{display:none}


/* Menu Mobile */

.header .menu-icon {cursor:pointer;float: left;padding: 20px 20px;position: relative;user-select: none;margin-top:24px;border: 1px solid #0e2e5c;border-radius: 5px;}
.header .menu-icon .navicon {background: #0e2e5c;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {background: #0e2e5c;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.header .menu-icon .navicon:before {top: 5px;}
.header .menu-icon .navicon:after {top: -5px;}
.header .menu-btn {display: none;}
.header .menu-btn:checked ~ .menu2 {max-height: 440px;}
.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}


/* Menu Hi-Res Laptops */

@media (min-width: 1290px) {
.header .logo{float:left;}
.header .logo img{display:block;margin-bottom:3px}
.header .logo-mobile{display:none}
.header .trova-spiaggia{display:none}
.header li {float: left;}
.header li a.blu-ne,
.header li a.blu-se,
.header li a.blu-so,
.header li a.blu-no {padding: 15px 20px;background-color: #ffffff;border-top:#dddddd 0px solid;border-bottom:#dddddd 0px solid;margin-top:4px;font:18px NunitoSansRegular,"Nunito Sans Regular";}
.header li a.accedi{color:#fff7ff; text-decoration:none; background:#f6a143;border-radius: 5px; margin-left:40px;margin-top:4px;padding: 16px 20px;}
.header li a.accedi:hover{background:#f39833}
.header .menu2 {clear: none;float: right;max-height: none;margin-top:18px;}
.header .menu2 .fa-umbrella-beach, .header .menu2 .fa-hotel, .header .menu2 .fa-book, .header .menu2 .fa-cart-shopping{display:none;}
.header .menu2 .fa-user{display:block}
.header .menu2 span {display:none}
.header .menu-icon {display: none;}
.header .accedi-ai-corsi {margin-top:0px; margin-bottom:0px}
}
@media (min-width: 641px) and (max-width: 1279px) {
.header .logo{ margin:0 auto !important;display: inline;}
.header .logo img{width:290px;height:auto;margin: 0;image-rendering: pixelated;}
}
@media (max-width: 640px) {
.header .logo{display:none}
.header .logo-mobile{  margin:0 auto !important;display: inline;}
.header .logo-mobile img{width:120px; height:auto;margin-top:12px;}
}


/* h1 Guide */

.sfondo-guide{
  background-image: url("immagini/spiaggia.jpg");
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat:no-repeat;
  min-height:240px;
  position: relative;
  background-position: center center;
  color: #ffffff;
  border-bottom: 10px solid #3fabf4;
}
.layer-guide {background-color: rgba(8, 58, 117, 0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.titolo-guide{width: 90%; padding:0;margin:0 auto;max-width:1400px; text-align:center}
.titolo-guide h1{font:34px NunitoSansExtrabold,"Nunito Sans Extrabold";letter-spacing:2px;text-shadow:1px 1px #0e2e5c;margin-top:15px;}
.titolo-guide p{ font:22px NunitoSansLight,"Nunito Sans Light"; letter-spacing:1px;line-height:1.5;text-shadow:1px 1px #0e2e5c;margin-top:5px;}
.sfondo-down-arrow { background-color:#f2f4fa;}
.down-arrow {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 20px solid #3fabf4;margin:0 auto;}
@media (max-width: 709px) {
.titolo-guide h1{font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";padding:0 20px;line-height:1.5;margin-top:0px;}
.titolo-guide p{ font:18px NunitoSansLight,"Nunito Sans Light";margin-top:20px;line-height:1.4;padding:0 5px}
}


/* Mostra info aggiuntive alle icone cerchio e quadrato dopo hover o tapping  */ 

.scheda-spiaggia .tooltip {position: relative;display: inline-flex;justify-content: center;}
.scheda-spiaggia .tooltip .tooltiptext {position: absolute;bottom: 128%;left: 0;color: #fff;background-color: #0e2e5c;border-radius: 5px;width: fit-content;visibility: hidden; padding: 7px 10px 6px 10px;z-index:1;font:14px NunitoSansLight,"Nunito Sans Light";line-height:1.2;}
.scheda-spiaggia .tooltip .tooltiptext:after {content: "";position: absolute;top: 100%;left: 0;margin-left: 15px;border-width: 5px;border-style: solid;border-color: #0e2e5c transparent transparent transparent;}
.scheda-spiaggia .tooltip:hover .tooltiptext {visibility: visible;}
.scheda-spiaggia .tooltip .special {background-color: #70c146;}
.scheda-spiaggia .tooltip .special:after {border-color: #70c146 transparent transparent transparent;}



/* Scheda, Mappa e Indice */

.smi{width:100%;background-color:#f2f4fa;padding:50px 0 70px 0;}
.smi .box-smi{width: 90%;max-width:1400px;margin:0 auto;display:flex;flex-direction: row;}

.smi .scheda-spiaggia { order: 1; border: 2px solid #dee3f0; padding:10px 20px 20px 20px; flex: 30%;border-radius: 10px}
.smi .spiaggia-sulla-mappa { order: 2;flex: 40%; margin:0px 20px; padding-top:32px;background-color: rgba(173, 216, 246, 0.8);border-radius: 10px;position:relative;} /* background-color: rgba(173, 216, 246, 0.6); */
.smi .indice-guida { order: 3; border: 2px solid #dee3f0;padding:10px 20px 20px 20px; flex: 30%;border-radius: 10px}

.scheda-spiaggia p{font:16px NunitoSansLight,"Nunito Sans Light";line-height: 1.5;padding: 20px 0 10px 0;color: #0e2e5c;clear:both;}
.scheda-spiaggia .quattro-tipi-spiagge {margin: 0 auto;display: grid;gap: 0.5rem;grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));padding-bottom:20px; margin-top:3px}
.scheda-spiaggia .tipo-spiaggia{color:#fff;padding-top: 6px;padding-bottom: 0px;text-align:center;cursor:default;}
.scheda-spiaggia .relax {background-color:#f1a80d;}
.scheda-spiaggia .famiglie {background-color:#41ad3a;}
.scheda-spiaggia .party {background-color:#fd4439;}
.scheda-spiaggia .sport {background-color:#067fb4;}
.scheda-spiaggia .tipo-spiaggia-descrizione{alignment-adjust:middle; text-align:center; font-size:14px; padding-bottom:6px;line-height:1;}
.scheda-spiaggia .cerchio {font:20px NunitoSansLight,"Nunito Sans Light";border:solid 1px #0e2e5c;border-radius: 50%; padding:8px;background-color:#FFF; color:#0e2e5c; margin-right:10px; float:left; margin-bottom:10px; text-align:center;cursor:default}
.scheda-spiaggia .cerchio-special {font:20px NunitoSansLight,"Nunito Sans Light";border:solid 1px #70c146;border-radius: 50%; padding:8px;background-color:#70c146; color:#FFF; margin-right:0px; float:left; margin-bottom:10px; text-align:center;cursor:default}
.scheda-spiaggia .cerchio .fa-utensils { padding-right:2px}
.scheda-spiaggia .quadrato {font:20px NunitoSansLight,"Nunito Sans Light";border:solid 1px #0e2e5c;border-radius: 3px; padding:8px 6px;background-color:#FFF; color:#0e2e5c; margin-right:10px; float:left; margin-bottom:10px; text-align:center;cursor:default}
.scheda-spiaggia .disabled {opacity: 0.2;cursor: not-allowed;}

.spiaggia-sulla-mappa img {width: 100%; height:auto;}
.spiaggia-sulla-mappa .box-pulsante-voli{width:160px;position:absolute;bottom:32px;left:0;}
.spiaggia-sulla-mappa .box-pulsante-voli a:link{text-decoration:none}
.spiaggia-sulla-mappa .pulsante-voli{outline:none;cursor:pointer;text-align:center;color:#ffffff;padding:12px 14px 12px 12px;margin:20px 30px 0px 30px;background:#3fabf4;border-radius:5px;font:15px NunitoSansRegular,"Nunito Sans Regular"; display:block}
.spiaggia-sulla-mappa .pulsante-voli:hover{background:#2c9eeb}
.spiaggia-sulla-mappa .scritta-voli{ display:none}

.indice-guida p {font:20px NunitoSansSemibold,"Nunito Sans Semibold";padding: 20px 0 25px 0;color: #0e2e5c;}
.indice-guida ol {list-style: none;counter-reset: item;}
.indice-guida li {margin-bottom: 15px;counter-increment: item;font:18px NunitoSansRegular,"Nunito Sans Regular";line-height:1.5; position:relative;margin-left: 44px;}
.indice-guida li:before {margin-right: 10px;content: counter(item);background: lightblue;border-radius: 50%;color: white;width: 1.7em;text-align: center;display: inline-block;padding-top:2px; position:absolute; left:-44px; top:-2px}

.indice-guida li a:link{color:#0000FF}
.indice-guida li a:visited{color:#0000FF}
.indice-guida li a:hover{color:#FF0000}
.indice-guida li a:active{color:#0000FF}

@media (min-width: 961px) and (max-width: 1199px) {
.spiaggia-sulla-mappa .box-pulsante-voli{width:100%;}
.spiaggia-sulla-mappa .pulsante-voli{padding:20px 12px;}
.spiaggia-sulla-mappa .scritta-voli{ display: inline-block}
}
@media (max-width: 960px) {
.sfondo-down-arrow { background-color:#badef8;}
.smi{background: linear-gradient(#badef8, #f2f4fa);}
.smi .box-smi{flex-direction: column;}
.smi .spiaggia-sulla-mappa { order: 1;margin:0px 0px;padding-top:0px;background-color:transparent;}
.smi .scheda-spiaggia { order: 2;border: 0px solid #dee3f0; padding:0px 20px 30px 20px; margin-bottom:40px}
.smi .indice-guida { order: 3; border: 2px solid #ADD8E6;}
.scheda-spiaggia p{padding: 30px 0 10px 0;}
.scheda-spiaggia .quattro-tipi-spiagge {padding-bottom:10px;}

.scheda-spiaggia .cerchio {padding:12px;margin-right:12px;  margin-bottom:12px;}
.scheda-spiaggia .cerchio-special {padding:12px; margin-bottom:12px;}
.scheda-spiaggia .quadrato {padding:12px 10px;margin-right:12px;margin-bottom:12px;}
.scheda-spiaggia .tooltip .tooltiptext:after {margin-left: 19px;}

.scheda-spiaggia .disabled {display: inline-block;position: relative;}
.scheda-spiaggia .disabled:before {content: '';position: absolute;left: 0.2em;right: 0.2em;top: 0.58em;bottom: 0.58em;background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);pointer-events: none; opacity:0.5 }

.spiaggia-sulla-mappa .pulsante-voli{ display:none}
.indice-guida li a:hover{color:#0000FF}
}





/* Title Tag delle icone cerchio e quadrato dopo il tapping ....
@media (pointer: coarse), (hover: none) {
.scheda-spiaggia .mostra-title [title] {position: relative;display: inline-flex;justify-content: center;}
.scheda-spiaggia .mostra-title [title]:hover::after {content: attr(title);position: absolute;top: 100%;left:0;color: #0e2e5c;background-color: #fff;border: 1px solid #0e2e5c;width: fit-content;padding: 4px 6px 3px 6px;z-index:1;font:14px NunitoSansLight,"Nunito Sans Light"; line-height:1.2;}
}
*/


/* h2 h3 Capitoli Guide */

.capitoli{width:100%;border-bottom: 50px solid transparent;background-color:#f2f4fa}
.capitoli .box-capitoli{width: 90%;padding:50px 5% 70px 5%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-radius: 10px}

.capitoli h2 {font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";color:#0e2e5c;margin:30px 0 50px 74px;position: relative;counter-increment: capitolih2;padding-top:20px}
.capitoli h2:before {position: absolute;width: 50px;height: 36px;border-radius:50%;font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#ffffff;background-color:#3fabf4;text-align: center;top: 10px;left: -74px;content: counter(capitolih2); padding-top:14px}
.capitoli h3 {font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#0e2e5c; margin-bottom:16px; margin-top:57px; line-height:1.3}
.capitoli p {font:20px NunitoSansLight,"Nunito Sans Light";color:#001621; line-height:1.6;text-align:left;}

.capitoli .caption-sx-guida{width:50%;max-width:640px;float:left; margin:24px 46px 30px 0px;}
.capitoli .caption-dx-guida{width:50%;max-width:640px;float:right; margin:24px 0px 30px 46px;}
.capitoli .caption-sx-guida img, .capitoli .caption-dx-guida img{ display:block;border-radius: 10px;width:100%;height:auto;}

.capitoli .highcharts-figure{min-width: 300px;max-width: 100%;}
.capitoli #container-clima {height: 400px;padding:30px 0 20px 0;}

@media (max-width: 960px) {
.capitoli{border-bottom: 20px solid transparent;}
.capitoli .box-capitoli{width: 100%;border-radius: 0px;padding:50px 5% 60px 5%;}
.capitoli .caption-sx-guida, .capitoli .caption-dx-guida{ width:100%; max-width:900px;height:auto; margin:24px 0px 38px 0px;}
}
@media (max-width: 709px) {
.capitoli h2 {font:26px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.3;margin:10px 0 40px 60px;padding-top:16px;  background-image: linear-gradient(to right, #3fabf4 40%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 10px 3px;background-repeat: repeat-x;padding-bottom:12px}
.capitoli h2:before {width: 44px;height: 30px;font:20px NunitoSansSemibold,"Nunito Sans Semibold";left: -60px;top: 8px;}
.capitoli p {font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6;}
.capitoli .caption-sx-guida img, .capitoli .caption-dx-guida img{border-radius: 3px;}
}


/* Numero accanto a h2 con heading che va a capo su mobile ....
.titolo-capitolo{flex-wrap:wrap;display:flex;max-width:100%;justify-content: left;align-items: center;margin:40px 0;}
.numero-capitolo{width:50px;height:50px;border-radius: 50%; font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#ffffff;background-color:#3fabf4;display:table; margin-right:24px;}
.numero-capitolo .centrato {display:table-cell;vertical-align:middle;text-align:center;}

<div class="numero-capitolo"><span class="centrato">1</span></div>
*/



/* h1 e h2 Homepage */

.guida-completa{
  background-image: url("immagini/spiaggia.jpg");
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat:no-repeat;
  height:595px;
  position: relative;
  background-position: center center;
}
.layer-spiagge {background-color: rgba(8, 58, 117, 0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;
padding:70px 0 0 0; /* Non va il padding */
}
.box-contenuto-guida-completa{width: 90%;padding:0;margin:0 auto;max-width:1400px;
	overflow:hidden; /* Da togliere? */
	text-align: left; /* Da togliere? */
}
.contenuto-sx-guida-completa{float: left; padding:0;background-color: rgba(8, 58, 117, 0.7); border-radius: 10px;}
.titolo-guida-completa{flex-wrap:wrap;display:flex;max-width:514px;padding:40px 46px 18px 46px;}
.titolo-guida-completa h1{ font:40px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.guida-completa .evidenziato{color:#fdfc36 !important;}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:514px;padding:18px 36px 40px 46px;}
.benefici-guida-completa h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#FFF; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.benefici-guida-completa .fa-check{color:#fe0405;}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width: calc(100% - 578px); height:454px;float: right;padding:10px; border-radius: 10px;}
.immagine-guida{width:100%; height:434px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.immagine-guida img{ display:block;}
.flex-guida{width:auto;height:434px;float:right;overflow:hidden;}

@media (min-width: 1201px) and (max-width: 1400px) {
.guida-completa{height:575px;}
.titolo-guida-completa{flex-wrap:wrap;display:flex;max-width:464px;padding:40px 36px 18px 46px;}
.titolo-guida-completa h1{ font:36px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:464px;padding:18px 36px 40px 46px;}
.benefici-guida-completa h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#FFF; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width: calc(100% - 528px); height:435px;float: right;padding:10px; border-radius: 10px;}
.immagine-guida{width:100%; height:415px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.flex-guida{width:auto;height:415px;float:right;overflow:hidden;}
}
@media (min-width: 1100px) and (max-width: 1200px) {
.guida-completa{height:575px;}
.titolo-guida-completa{flex-wrap:wrap;display:flex;max-width:464px;padding:40px 36px 18px 46px;}
.titolo-guida-completa h1{ font:36px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:464px;padding:18px 36px 40px 46px;}
.benefici-guida-completa h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#FFF; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width: calc(100% - 528px); height:435px;float: right;padding:10px; border-radius: 10px;}
.immagine-guida{width:100%; height:415px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.flex-guida{width:auto;height:415px;float:right;overflow:hidden;}
}
@media (min-width: 875px) and (max-width: 1099px) {
.guida-completa{height:1200px;}
.titolo-guida-completa{display: table-cell;max-width:100%;height: 202px;background-color:transparent; border-radius: 30px; padding:36px 66px 26px 66px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.titolo-guida-completa h1{ font:42px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width:100%;height:535px;float: right;padding:10px; border-radius: 10px;margin-top:39px}
.immagine-guida{width:100%; height:515px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.flex-guida{width:auto;height:515px;float:right;overflow:hidden;}
}
@media (min-width: 688px) and (max-width: 1099px) {
.contenuto-sx-guida-completa{background-color: transparent}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f2f4fa; padding:24px 16px 24px 16px; margin-top:20px; text-align:center;justify-content: center;align-items: center;border-radius: 10px;}
.benefici-guida-completa h2{ font:21px NunitoSansLight,"Nunito Sans Light"; color:#083a75; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 25px;background-color:#c0d4f5;width:350px;margin:10px; text-align:left}
.benefici-guida-completa .fa-check{color:#083a75;}
}
@media (min-width: 688px) and (max-width: 874px) {
.guida-completa{height:1280px;}
.titolo-guida-completa{display: table-cell;max-width:100%;height: 172px;background-color:transparent; border-radius: 30px; padding:36px 66px 26px 66px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.titolo-guida-completa h1{ font:38px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width:100%;height:465px;float: right;padding:10px; border-radius: 10px;margin-top:39px}
.immagine-guida{width:100%; height:445px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.flex-guida{width:auto;height:445px;float:right;overflow:hidden;}
}
@media (min-width: 520px) and (max-width: 687px) {
.guida-completa{height:1240px;}
.contenuto-sx-guida-completa{background-color: transparent;width:100%}
.titolo-guida-completa{display: table-cell;max-width:100%;height: 172px;background-color:transparent; border-radius: 30px; padding:36px 26px 26px 26px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.titolo-guida-completa h1{ font:36px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f2f4fa; padding:24px 16px 24px 16px; margin-top:20px; text-align:center;justify-content: center;align-items: center;border-radius: 10px;}
.benefici-guida-completa h2{ font:18px NunitoSansLight,"Nunito Sans Light"; color:#083a75; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 25px;background-color:#c0d4f5;width:350px;margin:10px; text-align:left}
.benefici-guida-completa .fa-check{color:#083a75;}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width:100%;height:455px;float: right;padding:10px; border-radius: 10px;margin-top:39px}
.immagine-guida{width:100%; height:435px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.flex-guida{width:auto;height:435px;float:right;overflow:hidden;}
}
@media screen and (max-width: 519px) {
.guida-completa{height:1044px;}
.contenuto-sx-guida-completa{background-color: transparent;width:100%}
.titolo-guida-completa{display: table-cell;max-width:100%;height: 172px;background-color:transparent; border-radius: 30px; padding:16px 26px 16px 26px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.titolo-guida-completa h1{ font:32px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:2px;color:#FFF; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f2f4fa; padding:24px 10px 24px 10px; margin-top:20px; text-align:center;justify-content: center;align-items: center;border-radius: 10px;}
.benefici-guida-completa h2{ font:16px NunitoSansLight,"Nunito Sans Light"; color:#083a75; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 15px;background-color:#c0d4f5;width:350px;margin:10px; text-align:left}
.benefici-guida-completa .fa-check{color:#083a75;}
.contenuto-dx-guida-completa{background-color:#c0d4f5; width:100%;height:285px;float: right;padding:10px; border-radius: 10px;margin-top:49px}
.immagine-guida{width:100%; height:265px;padding: 0px;overflow:hidden;float:right; border-radius: 10px;}
.flex-guida{width:auto;height:265px;float:right;overflow:hidden;}
}



/* Sezione Hotel Homepage */

.sezione-hotel{width:100%;background-color:#dee3f0;padding:120px 0 0 0;}
.box-sezione-hotel {width: 90%;max-width:1400px;margin: 0 auto;overflow:hidden;}
.titolo-sezione-hotel {
  overflow: hidden;
  text-align: center;
  font-family: NunitoSansExtrabold,"Nunito Sans Extrabold";
  letter-spacing:2px;
  font-weight:normal;
  color:#083a75;
  font-size:34px;
  margin-bottom:66px;
}
.titolo-sezione-hotel:before,
.titolo-sezione-hotel:after {background-color: #3fabf4;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;margin-bottom:4px}
.titolo-sezione-hotel:before {right: 1.5em;margin-left: -50%;}
.titolo-sezione-hotel:after {left: 1.5em;margin-right: -50%;}

.sezione-hotel .caption-hotelhome{width:50%;max-width:560px; min-width:480px;float:left; margin:24px 54px 130px 0px;}
.sezione-hotel .caption-hotelhome img{ display:block;border-radius: 7px;width:100%;height:auto; border-top: 7px solid #dee3f0;border-right: 7px solid #dee3f0;border-bottom: 7px solid #dee3f0;}
.sezione-hotel .rubrica{background-color:#083a75;padding:28px 24px 24px 0px; margin-left:50px; margin-bottom:54px;border-radius: 10px; font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#f2f4fa;border-bottom: 5px solid #3fabf4;line-height:1.6;}
.sezione-hotel .evidenziato{color:#fdfc36 !important;}
.sezione-hotel .fa-hotel{ margin-right:14px;}

.sezione-hotel .aggiornamento-hotel{ font:20px NunitoSansLight,"Nunito Sans Light";font-weight:bold;line-height:1.6;text-align:left; margin-bottom:15px;}
.sezione-hotel .fa-bell{ margin-right:10px}
.sezione-hotel .aggiornamento-hotel .ultimo{display:inline-block; margin-right:14px; letter-spacing:1px;color:#fe0405; margin-bottom:2px}
.sezione-hotel .aggiornamento-hotel .playa{display:inline-block;text-transform: uppercase;color:#083a75;}
.sezione-hotel p {font:20px NunitoSansLight,"Nunito Sans Light";color:#083a75; line-height:1.6;text-align:left;margin-bottom:80px;}

@media (max-width: 1030px) {
.sezione-hotel .caption-hotelhome{ width:100%; max-width:420px;min-width:0px;height:auto;float:right; margin:24px 0px 34px 34px;}
.sezione-hotel .caption-hotelhome img{ height:auto;margin:0 auto !important;border-right: 0px solid #dee3f0;border-left: 7px solid #dee3f0;}
.sezione-hotel .rubrica{padding:28px 0px 24px 34px;margin-left:0px; margin-right:40px; border-radius: 10px;line-height:1.6;}
.sezione-hotel .fa-hotel{ display:none}
}
@media (max-width: 830px) {
.sezione-hotel .caption-hotelhome{ width:100%;max-width:900px;min-width:0px; height:auto;margin:0px 0px 0px 0px;}
.sezione-hotel .caption-hotelhome img{ border-radius: 0px;border-left: 0px solid #dee3f0;border-bottom: 0px solid #dee3f0;border-top: 0px solid #dee3f0;}
.sezione-hotel .rubrica{padding:24px 24px 24px 24px;width: 100%;float:left;margin-right:0px;border-radius: 0px;font:20px NunitoSansSemibold,"Nunito Sans Semibold";line-height:1.5;}
}
@media screen and (max-width: 519px) {
.titolo-sezione-hotel {font-size:28px;margin-bottom:56px;}
.titolo-sezione-hotel:before {right: 1em;margin-left: -50%;}
.titolo-sezione-hotel:after {left: 1em;margin-right: -50%;}
}



/* 6 Capitoli Homepage */

.prima-parte-maiorca{
    width:100%;
	color:#001621;
	background-color:#f2f4fa;
	padding:120px 0 110px 0;
}
.titolo-articoli {
  overflow: hidden;
  text-align: center;
  font-family: NunitoSansExtrabold,"Nunito Sans Extrabold";
  letter-spacing:2px;
  font-weight:normal;
  color:#083a75;
  font-size:34px;
  margin-bottom:66px;
}
.titolo-articoli:before,
.titolo-articoli:after {background-color: #3fabf4;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;margin-bottom:4px}
.titolo-articoli:before {right: 1.5em;margin-left: -50%;}
.titolo-articoli:after {left: 1.5em;margin-right: -50%;}

.articoli-home {
  width: 90%;
	text-decoration:none;
	max-width:1400px;
	margin: 0 auto;
	overflow:hidden;
}
.articoli-home > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 4rem 3rem;
}
.articoli-home > ul > li {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  background-color:#FFF;
  padding-bottom:40px; /* mettere come bottom 60px dopo aver nascosto i pulsanti */
  overflow: hidden;
}
.articoli-home > ul > li > h2 {text-decoration:none; font:20px NunitoSansSemibold,"Nunito Sans Semibold";color:#083a75;}
.articoli-home .platja-home{text-decoration:none; font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#083a75; margin-bottom:16px; margin-top:27px; padding:20px 30px 0 30px;line-height:1.3}
.articoli-home .location-home{text-decoration:none; font:16px NunitoSansLight,"Nunito Sans Light";color:#083a75; margin-bottom:10px; margin-top:23px; padding:0 26px 0 30px}
.articoli-home .location-home .fa-location-dot{color:#fe0405; margin-right:5px}
.articoli-home .distanza-aeroporto{text-decoration:none; font:16px NunitoSansLight,"Nunito Sans Light";color:#083a75; margin-bottom:40px; margin-top:10px; padding:0 30px}
.articoli-home .distanza-aeroporto .fa-plane-up{color:#fe0405; margin-right:5px}
.articoli-home > ul > li > figure {
  max-height: 353px; /* modificato max-height: 220px; */
  overflow: hidden;
  position: relative;
}
.articoli-home > ul > li > figure > a > img {width: 100%; height:auto; }
.articoli-home > ul > li > figure > img { width: 100%; height:auto; }
.articoli-home > ul > li > p {
  font:18px NunitoSansLight,"Nunito Sans Light"; /* font-size: 1rem; */
  line-height: 1.5;
  padding: 0 30px;
  color: #083a75;
  clear:both;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
}
.articoli-home .box-pulsante-spiagge-home{width:100%; padding-top:30px;text-align:center;clear:both}
.articoli-home .pulsante-vai-alla-spiaggia-home{outline:none;cursor:pointer;text-align:center;text-decoration:none;color:#fff7ff;padding:20px 12px;display:block;margin:20px 30px 0px 30px;background:#2c84c0;border-radius:5px;}
.articoli-home .pulsante-vai-alla-spiaggia-home:hover{background:#247ab5;}
.articoli-home .pulsante-vai-alla-spiaggia-home:active{position:relative;top:1px;}

@media screen and (max-width: 640px) {
.prima-parte-maiorca{width:100%;padding:90px 0 80px 0;}
}
@media screen and (max-width: 519px) {
.titolo-articoli {font-size:28px;margin-bottom:56px;}
.titolo-articoli:before {right: 1em;margin-left: -50%;}
.titolo-articoli:after {left: 1em;margin-right: -50%;}
.articoli-home > ul {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.articoli-home > ul > li > p { -webkit-line-clamp:4;}
}



/* h1 Spiagge più belle */

.ricerca-spiagge{
  background-image: url("immagini/spiaggia.jpg");
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat:no-repeat;
  height:630px;
  position: relative;
  background-position: center center;
}
.layer3 {
    background-color: rgba(8, 58, 117, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding:70px 0 0 0; /* Non va il padding */
}
.box-contenuto-spiagge{
    width: 90%;
	padding: 0; /* Aggiunto per replicare ms-calc #chart */
	max-width:1400px;
	margin: 0 auto;
	overflow:hidden;
	text-align: center;	
}
.contenuto-sx{float: left; padding:0;background-color: rgba(173, 216, 246, 0.5); border-radius: 10px;}
.titolo-costa{flex-wrap:wrap;display:flex;max-width:514px;padding:36px 36px 16px 36px;}
.titolo-costa h1{ font:40px NunitoSansExtrabold,"Nunito Sans Extrabold"; letter-spacing:1px;color:#FFF;text-shadow:1px 1px #083a75;line-height:1.3; padding:5px 14px 5px 14px}
.ricerca-spiagge .evidenziato{color:#fdfc36 !important;}

.stile-hr-spiagge {
  overflow: hidden;
  text-align: center;
  font-family: NunitoSansLight,"Nunito Sans Light";
  letter-spacing:2px;
  font-weight:normal;
  color:#FFF;
  font-size:16px;
  margin-bottom:10px;
  margin-top: 29px;
  width:100%;
}
.stile-hr-spiagge:before,
.stile-hr-spiagge:after {background-color: #FFF;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;margin-bottom:4px}
.stile-hr-spiagge:before {right: 1.5em;margin-left: -50%;}
.stile-hr-spiagge:after {left: 1.5em;margin-right: -50%;}

.filtro-spiagge{flex-wrap:wrap;display:flex;max-width:514px;padding:10px 10px 18px 10px; margin-top:0px;} /* background: #add8f6;  */
.filtro-spiagge button{outline:none;cursor:pointer;text-align:left;padding:16px 14px;text-decoration:none;width:210px;height:58px; margin:0 0 19px 0;font:15px NunitoSansLight,"Nunito Sans Light";-moz-appearance:none;-webkit-appearance:none;appearance:none;border:solid 1px #fff7ff;border-radius:4px;line-height:25px;}
/* rimettere cursor:pointer; dopo outline:none    --   tolto transition-duration: 0.4s; */
.filtro-spiagge button:hover{border:solid 1px #fff7ff} /* tolto background-color:#faf2d0 !important; */
/* .filtro-spiagge button:active{position:relative;top:1px;} */
.filtro-spiagge .material-icons{display: inline-flex;vertical-align: top;}
#brelax, #bfamiglie, #bdivertimento, #bsport{color:#787775;background-color:#fbf7e6;}

/*
#brelax:hover {color:#ffffff !important;background-color:#f1a80d !important;}
#bfamiglie:hover  {color:#ffffff !important;background-color:#41ad3a !important;}
#bdivertimento:hover  {color:#ffffff !important;background-color:#fd4439 !important;}
#bsport:hover  {color:#ffffff !important;background-color:#067fb4 !important;}
*/

.filtro-spiagge p{flex:0 auto; padding:0 0 0 24px;} /* 24px = 1.5rem */

.contenuto-dx{background-color:#c0d4f5; width: calc(100% - 578px); height:454px;float: right;padding:0px;border-radius: 10px; } /* width:700px; */
#mappanordest{background-image: url("immagini/costa-nord-est/mappa-nord-est.png");background-position: right;width:100%; height:454px;overflow:hidden;border-radius: 10px;position: relative; }
#mappasudest{background-image: url("immagini/costa-sud-est/mappa-sud-est.png");background-position: right;width:100%; height:454px;overflow:hidden;border-radius: 10px;position: relative; }
#mappasudovest{background-image: url("immagini/costa-sud-ovest/mappa-sud-ovest.png");background-position: left;width:100%; height:454px;overflow:hidden;border-radius: 10px;position: relative; }
#mappanordovest{background-image: url("immagini/costa-nord-ovest/mappa-nord-ovest.png");background-position: left;width:100%; height:454px;overflow:hidden;border-radius: 10px;position: relative; }

#numerospiaggerelax{
	font:18px NunitoSansRegular,"Nunito Sans Regular";
	padding: 10px;
	margin-left: 90px;
	background-color: #f1a80d;
	color:#FFF;
	width:180px;
	transform: translateX(-200%);
	opacity: 0;
	user-select: none;
	margin-top:10px
}
#numerospiaggefamiglie{
	font:18px NunitoSansRegular,"Nunito Sans Regular";
	padding: 10px;
	margin-left: 90px;
	background-color: #41ad3a;
	color:#FFF;
	width:180px;
	transform: translateX(-200%);
	opacity: 0;
	user-select: none;
	margin-top:10px
}
#numerospiaggeparty{
	font:18px NunitoSansRegular,"Nunito Sans Regular";
	padding: 10px;
	margin-left: 90px;
	background-color: #fd4439;
	color:#FFF;
	width:180px;
	transform: translateX(-200%);
	opacity: 0;
	user-select: none;
	margin-top:10px
}
#numerospiaggesport{
	font:18px NunitoSansRegular,"Nunito Sans Regular";
	padding: 10px;
	margin-left: 90px;
	background-color: #067fb4;
	color:#FFF;
	width:180px;
	transform: translateX(-200%);
	opacity: 0;
	user-select: none;
	margin-top:10px
}
.slideAnim {animation: slide-in-anim 1.0s ease-out forwards;}
@keyframes slide-in-anim {
	20% {opacity: 0;}
	60% {transform: translateX(-45%);}
	75% {transform: translateX(-52%);} /* era -52% */
	100% {opacity: 1;transform: translateX(-50%);}  /* -100% significa fine animazione a sinistra con margine 0 */
}


@media (min-width: 1151px) and (max-width: 1570px) {
.ricerca-spiagge{height:596px;}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.ricerca-spiagge{height:596px;}
.sotto-ne{position: absolute;bottom: 0;left: 0; margin-bottom:10px}
}
@media (min-width: 1100px) and (max-width: 1200px) {
.ricerca-spiagge{height:1077px;}
.titolo-costa{flex-wrap:wrap;display:flex;max-width:100%;background-color: transparent;padding:36px 66px 26px 66px; margin-top:0px; text-align:center;justify-content: center;align-items: center;}
.titolo-costa h1{line-height:1.5; padding:20px 30px 10px 30px}
.filtro-spiagge{flex-wrap:wrap;display:flex;max-width:100%;background-color: transparent; padding:8px 26px 24px 20px; margin-top:0px; text-align:center;justify-content: center;align-items: center;} /* background: #add8f6;  */
.filtro-spiagge button{padding:16px 20px;margin:0 16px 19px 0;width:302px;} /* tolto margin:0 2.2rem 1.2rem 1.1rem  */
.contenuto-dx{background-color:#c0d4f5; width:100%;height:454px;padding:0px; border-radius: 10px;margin-top:29px}
}
@media (min-width: 688px) and (max-width: 1099px) {
.ricerca-spiagge{height:1110px;}
.titolo-costa{display: table-cell;max-width:100%;height: 308px;background-color: transparent; border-radius: 30px; padding:36px 66px 26px 66px;margin-top:0px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.titolo-costa h1{font:38px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4; padding:20px 30px 10px 30px}
.filtro-spiagge{flex-wrap:wrap;display:flex;max-width:100%;background-color: transparent; padding:8px 16px 24px 10px; margin-top:0px; text-align:center;justify-content: center;align-items: center;} /* background: #add8f6;  */
.filtro-spiagge button{padding:16px 20px;margin:0 16px 19px 0;width:228px;}
.contenuto-dx{background-color:#c0d4f5; width:100%;height:454px;padding:0px; border-radius: 10px;margin-top:29px}
}
@media (min-width: 520px) and (max-width: 687px) {
.ricerca-spiagge{height:1282px;}
.titolo-costa{display: table-cell;max-width:100%;height: 290px;background-color: transparent;padding:36px 36px 26px 36px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;}
.titolo-costa h1{font:36px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4; padding:10px 30px 10px 30px}
.filtro-spiagge{flex-wrap:wrap;display:flex;max-width:100%;background-color: transparent; padding:16px 16px 24px 30px; margin-top:0px; text-align:center;justify-content: center;align-items: center;} /* background: #add8f6;  */
.filtro-spiagge p{padding:0 1rem;flex:0 100%;}
.filtro-spiagge button{padding:16px 20px;margin:0 16px 19px 0;width:80%;}
.contenuto-dx{background-color:#c0d4f5; width:100%;height:454px;padding:0px; border-radius: 10px;margin-top:29px}
.sotto-ne{position: absolute;bottom: 0;left: 0; margin-bottom:10px}
}
@media screen and (max-width: 519px) {
.ricerca-spiagge{height:1120px;}
.titolo-costa{display: table-cell;max-width:100%;height: 328px;background-color: transparent;padding:28px 32px; text-align:center;justify-content: center;align-items: center;vertical-align: middle;} 
.titolo-costa h1{font:32px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.3; padding:10px 5px 10px 5px}
.stile-hr-spiagge {margin-bottom:0px}
.filtro-spiagge p{padding:0 1rem;flex:0 100%;}
.filtro-spiagge button{padding:16px 20px;margin:0 16px 19px 0;width:100%;} /* margin:0 1rem .8rem 0 era da .input-box button */
.contenuto-dx{background-color:#c0d4f5; width:100%;height:287px; border-radius: 10px;margin-top:49px} /* era height:454px;padding:0px; */
#mappanordest{background-image: url("immagini/costa-nord-est/mappa-nord-est.png");background-position: right;width:100%; height:287px;overflow:hidden;border-radius: 10px; background-size: cover;}
#mappasudest{background-image: url("immagini/costa-sud-est/mappa-sud-est.png");background-position: right;width:100%; height:287px;overflow:hidden;border-radius: 10px; background-size: cover;}
#mappasudovest{background-image: url("immagini/costa-sud-ovest/mappa-sud-ovest.png");background-position: left;width:100%; height:287px;overflow:hidden;border-radius: 10px; background-size: cover;}
#mappanordovest{background-image: url("immagini/costa-nord-ovest/mappa-nord-ovest.png");background-position: left;width:100%; height:287px;overflow:hidden;border-radius: 10px; background-size: cover;}
.sotto-ne{position: absolute;bottom: 0;left: 0; margin-bottom:10px}
#numerospiaggerelax, #numerospiaggefamiglie, #numerospiaggeparty, #numerospiaggesport{font:12px NunitoSansRegular,"Nunito Sans Regular";margin-left: 60px;width:120px;padding: 5px;}
}



/* Arrow Spiagge più belle */

.outercase { 
  position  : absolute; 
  width     : 100%;  
  height    : auto; 
  text-align: center;
}
.down-arrow-hr-inverso {
  border-left: 100vh solid #3fabf4;
  border-right: 100vh solid #3fabf4;
  border-top: 40px solid transparent;
  position:relative;
  top:-40px;
  margin-bottom:-40px;
  left: 50%;
  transform: translateX(-50%);
}
div.down-arrow-hr-inverso { border-bottom:0px solid #3fabf4;margin-left:-1px;}
.down-arrow-hr-inverso2 {
  border-left: 100vh solid transparent;
  border-right: 100vh solid transparent;
  border-top: 40px solid #3fabf4;
  position:relative;
  top:0px;
  left: 50%;
  transform: translateX(-50%);
}
div.down-arrow-hr-inverso2 { border-bottom:40px solid transparent;margin-left:-1px;}

@media screen and (max-width: 640px) {
.outercase {overflow:hidden}
}
@media (min-width: 641px) and (max-width: 1570px) {
.outercase {overflow:hidden}
}


/* h2 Spiagge più belle */

.prima-parte-maiorca2{
    width:100%;
	color:#001621;
	background-color:#f2f4fa;
	padding:60px 0 80px 0;
	border-top: 60px solid transparent;
}
.box-spiagge {
    width: 90%;
	text-decoration:none;
	max-width:1400px;
	margin: 0 auto;
	overflow:hidden;
}
.box-spiagge > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 3rem;
}
.box-spiagge > ul > li {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  background-color:#FFF;
  padding:40px 30px; /* mettere come bottom 60px dopo aver nascosto i pulsanti */
  overflow: hidden;
}
.box-spiagge > ul > li > h2 {text-decoration:none; font:20px NunitoSansSemibold,"Nunito Sans Semibold";color:#083a75;}
.box-spiagge .platja{text-decoration:none; font:16px NunitoSansRegular,"Nunito Sans Regular";color:#083a75; margin-bottom:22px; margin-top:7px}
.box-spiagge > ul > li > figure {
  max-height: 353px; /* modificato max-height: 220px; */
  overflow: hidden;
  position: relative;
}
.box-spiagge > ul > li > figure > a > img {width: 100%; height:auto; }
.box-spiagge > ul > li > figure > img { width: 100%; height:auto; }
.box-spiagge > ul > li > p {
  font:16px NunitoSansLight,"Nunito Sans Light"; /* font-size: 1rem; */
  line-height: 1.5;
  padding: 20px 0 10px 0;
  color: #083a75;
  clear:both;
}
.box-spiagge .quattro-tipi-spiagge {
  margin: 0 auto;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  padding-bottom:20px; margin-top:3px
}

.tipo-spiaggia-relax .material-icons, .tipo-spiaggia-famiglie .material-icons, .tipo-spiaggia-locali .material-icons, .tipo-spiaggia-sport .material-icons,{font-weight: normal;  font-style: normal;  font-size: 18px;}
.tipo-spiaggia-relax {
  color:#fff;
  background-color:#f1a80d;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:center;
  cursor:default;
}
.tipo-spiaggia-famiglie {
  color:#fff;
  background-color:#41ad3a;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:center;
  cursor:default;
}
.tipo-spiaggia-locali {
  color:#fff;
  background-color:#fd4439;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:center;
  cursor:default;
}
.tipo-spiaggia-sport {
  color:#fff;
  background-color:#067fb4;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:center;
  cursor:default;
}

.box-spiagge .cerchio {font:20px NunitoSansLight,"Nunito Sans Light";cursor:default;border:solid 1px #083a75;border-radius: 50%; padding:8px;background-color:#FFF; color:#083a75; margin-right:10px; float:left; margin-bottom:10px; text-align:center}
.box-spiagge .cerchio .fa-utensils, .box-spiagge .cerchio-disabled .fa-utensils{ padding-right:2px}
.box-spiagge .cerchio-special {font:20px NunitoSansLight,"Nunito Sans Light";cursor:default;border:solid 1px #7cd44e;border-radius: 50%; padding:8px;background-color:#7cd44e; color:#FFF; margin-right:0px; float:left; margin-bottom:10px; text-align:center}

.box-spiagge .quadrato {font:20px NunitoSansLight,"Nunito Sans Light";cursor:default;border:solid 1px #083a75;border-radius: 3px; padding:8px 5px;background-color:#FFF; color:#083a75; margin-right:10px; float:left; margin-bottom:0px; text-align:center}


.box-pulsante-spiagge{width:100%; padding-top:30px;text-align:center;clear:both}
.box-pulsante-spiagge a:link{text-decoration:none}
.box-spiagge .pulsante-vai-alla-spiaggia{outline:none;cursor:pointer;text-align:center;text-decoration:none;color:#fff7ff;padding:14px 12px;display:block;margin-top:18px;background:#5a98cb;border-radius:5px;}
.box-spiagge .pulsante-vai-alla-spiaggia:hover{background:#498bc0;}
.box-spiagge .pulsante-vai-alla-spiaggia:active{position:relative;top:1px;}
.box-spiagge .pulsante-disabled {outline:none;cursor:pointer;text-align:center;text-decoration:none;color:#fff7ff;padding:12px;display:none;margin-top:20px;border:solid 1px #2d6aa0;background:-webkit-gradient(linear, left top, left bottom, from(#5b9ad0), to(#2974b5));background:-webkit-linear-gradient(top, #5b9ad0, #2974b5);background:-moz-linear-gradient(top, #5b9ad0, #2974b5);background:-ms-linear-gradient(top, #5b9ad0, #2974b5);background:-o-linear-gradient(top, #5b9ad0, #2974b5);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
  opacity: 0.5;cursor: not-allowed;}

@media screen and (min-width: 1200px) {
.box-spiagge > ul {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 640px) {
.prima-parte-maiorca2{width:100%;padding:60px 0 80px 0;border-top: 30px solid transparent;}
}
@media screen and (max-width: 519px) {
.box-spiagge {width: 100%; } /* era 90%  */
.box-spiagge > ul {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.box-spiagge > ul > li {border-radius: 0px;padding:40px 22px;}
}


/* Info aggiuntive a icone Tipo di Spiaggia  */ 

.box-spiagge .tooltip-base {position: relative;display: inline-flex;justify-content: center;}
.box-spiagge .tooltip-base:before {position: absolute;bottom: 118%;color: #fff;border-radius: 5px;width: auto;padding: 7px 10px 6px 10px;z-index:1;font:14px NunitoSansLight,"Nunito Sans Light";line-height:1.1;visibility: hidden;}
.box-spiagge .tooltip-base:after {content: " ";position: absolute;bottom: 91%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;visibility: hidden;}  /* freccia */
.box-spiagge .tooltip-base:hover:before, .box-spiagge .tooltip-base:hover:after {visibility: visible;}

.box-spiagge .tooltip-relax:before {content: "Relax e natura";background-color: #f1a80d;}
.box-spiagge .tooltip-relax:after {border-color: #f1a80d transparent transparent transparent;}

.box-spiagge .tooltip-famiglie:before {content: "Famiglie con bambini";background-color: #41ad3a;}
.box-spiagge .tooltip-famiglie:after {border-color: #41ad3a transparent transparent transparent;}

.box-spiagge .tooltip-party:before {content: "Locali e divertimento";background-color: #fd4439;}
.box-spiagge .tooltip-party:after {border-color: #fd4439 transparent transparent transparent;}

.box-spiagge .tooltip-sport:before {content: "Sport acquatici";background-color: #067fb4;}
.box-spiagge .tooltip-sport:after {border-color: #067fb4 transparent transparent transparent;}

.box-spiagge .tooltip-blu {position: relative;display: inline-flex;justify-content: center;}
.box-spiagge .tooltip-blu .tooltiptext2 {position: absolute;bottom: 126%;color: #fff;border-radius: 5px;width: auto;padding: 7px 10px 6px 10px;z-index:1;font:14px NunitoSansLight,"Nunito Sans Light";line-height:1.2;background-color: #0e2e5c;visibility: hidden;}
.box-spiagge .tooltip-blu:after {content: " ";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #0e2e5c transparent transparent transparent;visibility: hidden;}
.box-spiagge .tooltip-blu:hover .tooltiptext2 {visibility: visible;}
.box-spiagge .tooltip-blu:hover:after {visibility: visible;}

.box-spiagge .tooltip-verde {position: relative;display: inline-flex;justify-content: center;}
.box-spiagge .tooltip-verde .tooltiptext2 {position: absolute;bottom: 126%;color: #fff;border-radius: 5px;width: auto;padding: 7px 10px 6px 10px;z-index:1;font:14px NunitoSansLight,"Nunito Sans Light";line-height:1.2;background-color: #7cd44e;visibility: hidden;}
.box-spiagge .tooltip-verde:after {content: " ";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #7cd44e transparent transparent transparent;visibility: hidden;}
.box-spiagge .tooltip-verde:hover .tooltiptext2 {visibility: visible;}
.box-spiagge .tooltip-verde:hover:after {visibility: visible;}

.box-spiagge .disabled {position: relative;display: inline-flex;justify-content: center;opacity: 0.2;cursor: not-allowed;}
.box-spiagge .cerchio-disabled {font:20px NunitoSansLight,"Nunito Sans Light";border:solid 1px #083a75;border-radius: 50%; padding:8px;background-color:#FFF; color:#083a75; margin-right:10px; float:left; margin-bottom:10px; opacity: 0.2;cursor: not-allowed;position: relative;display: inline-flex;justify-content: center;}
.box-spiagge .quadrato-disabled {font:20px NunitoSansLight,"Nunito Sans Light";border:solid 1px #083a75;border-radius: 3px; padding:8px 5px;background-color:#FFF; color:#083a75; margin-right:10px; float:left; margin-bottom:0px; text-align:center; opacity: 0.2;cursor: not-allowed;position: relative;display: inline-flex;justify-content: center;}

@media (max-width: 960px) {
.box-spiagge .disabled:before {content: '';position: absolute;left: 0.2em;right: 0.2em;top: 0.48em;bottom: 0.48em;background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);pointer-events: none; opacity:0.5 }
.box-spiagge .cerchio-disabled:before, .box-spiagge .quadrato-disabled:before {content: '';position: absolute;left: 0.18em;right: 0.18em;top: 0.38em;bottom: 0.38em;background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);pointer-events: none; opacity:0.5 }
}
@media screen and (max-width: 519px) {
.box-spiagge .tooltip-blu .tooltiptext2, .box-spiagge .tooltip-verde .tooltiptext2 {font:12px NunitoSansLight,"Nunito Sans Light";}
}





/* Footer */

footer{width: 100%; padding:50px 20px 40px 20px; color:#d4e0ef; background-color:#083a75;font:14px NunitoSansLight,"Nunito Sans Light";}
footer .box-footer{width: 90%;max-width:1400px;margin:0 auto;overflow:hidden;} 

footer .sinistra-footer{float:left; padding-left:20px;border-left: 3px solid #3fabf4;line-height:1.9; }

footer .pianifica-trova-footer{ float:right;margin-left:60px; width:220px}
footer .footer-titoli{padding-bottom:4px;border-bottom: 1px solid #3fabf4;font:18px NunitoSansLight,"Nunito Sans Light";color:#ffffff;}
footer .footer-testo-trova{ padding-top:25px;line-height:1.4;}
footer .pulsante-ricerca{cursor:pointer;text-align:center;background:#9eb6d3;color:#083a75 !important;padding:4px 4px;margin:7px 0px 0px 0px;border-radius:3px;display:block;width:150px;font:14px NunitoSansSemibold,"Nunito Sans Semibold";transition-duration: 0.4s;}
footer .pulsante-ricerca:hover{background:#8da7c8}
footer .footer-link{ padding-top:20px;line-height:2.2;}

footer a:link{color:#d4e0ef; text-decoration:none}
footer a:visited{color:#d4e0ef; text-decoration:none}
footer a:hover{color:#ffffff; text-decoration:none}
footer a:active{color:#ffffff; text-decoration:none}

footer .sinistra-footer a:link, a:visited{color:#d4e0ef; text-decoration:underline}
footer .sinistra-footer a:hover, a:active {color:#ffffff; text-decoration:underline}

footer .spiagge-footer{float:right; width:220px;}
footer .fa-plane-up, footer .fa-car-side, footer .fa-hotel, footer .fa-ticket{ margin-right:10px}

@media (max-width: 1280px) {
footer .spiagge-footer{ display:none}
}
@media (max-width: 970px) {
footer .sinistra-footer{padding-left:0px;border-left: 0px solid #3fabf4; text-align:center;width:100%}
footer .footer-immagine{ border-bottom: 1px solid #d4e0ef; text-align:center; margin-bottom:10px;}
footer .spiagge-footer, footer .pianifica-trova-footer{ display:none}
}


/* Accedi */

.body-accedi{display:flex;justify-content:center;align-items:center;height:100vh;}
.box-accedi{background-color:#fff;padding:52px 40px;text-align:center;border: 1px solid #dee3f0;border-radius:10px; width:450px;margin: auto;}
.box-accedi h1{font:26px NunitoSansRegular,"Nunito Sans Regular";color:#083a75; margin-bottom:43px; margin-top:8px}
.box-accedi h2{font:24px NunitoSansRegular,"Nunito Sans Regular";color:#083a75; margin-bottom:43px}

.box-accedi input[type="email"], .box-accedi input[type="password"] {font: 18px NunitoSansRegular, "Nunito Sans Regular"; border: 1px solid #ccc;background: #FFF;margin: 10px 0px;padding: 19px 15px 17px 15px;color:#666; border-radius:5px; display:block;width:100%;}
.box-accedi input:focus {outline: 2px solid #3fabf4;}

.box-accedi #pulsante-accedi, .box-accedi #pulsante-invia{cursor:pointer;padding: 19px 20px;background:#f6a143; color:#ffffff; text-align:center;font:18px NunitoSansRegular,"Nunito Sans Regular";border-radius: 5px;border:none;margin-top:5px; margin-bottom:45px; display:block;width:100%;}
.box-accedi #pulsante-accedi:hover, .box-accedi #pulsante-invia:hover{background:#f39833}
.box-accedi #pulsante-accedi:active, .box-accedi #pulsante-invia:active{position:relative;top:1px;}
.box-accedi a.modulo, .box-accedi a.modulo2 {color:#0000FF;text-decoration-thickness: 1px;font:16px NunitoSansLight,"Nunito Sans Light";}
.box-accedi a.modulo:hover, .box-accedi a.modulo2:hover {color:#FF0000;text-decoration-thickness: 1px;}
.box-accedi .riga-recupero-password{ margin-bottom:50px}

.box-accedi a.homepage {color:#083a75;padding:10px 20px;font:12px NunitoSansLight,"Nunito Sans Light"; text-decoration:none;border: 1px solid #dee3f0;margin-bottom:20px;background-color:#f2f4fa}

@media screen and (max-width: 519px) {
.body-accedi{display:block; height:auto;}
.box-accedi{width:100%;border:0px;border-radius:0px;padding:45px 30px;margin: auto;}
.box-accedi a.homepage {margin-bottom:0px}
}


/* h1 Cookie */

.sfondo-cookie{width:100%;background-color:#083a75;border-bottom: 10px solid #3fabf4;}
.box-cookie{width: 90%; margin: 0 auto;max-width:1400px;padding:40px 10px 40px 10px;text-align:center;}
.box-cookie h1{font:32px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f2f4fa;letter-spacing:2px;line-height:1.4;padding:20px 0 0 0;}
.box-cookie p{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#083a75;}
.box-cookie i{border:solid 0px #3fabf4;border-radius: 50%; padding:20px;background-color:#f2f4fa;}
.sfondo-down-arrow-cookie { background-color:#f2f4fa;}
.down-arrow-cookie {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 20px solid #3fabf4;margin:0 auto;}

/* Informativa Cookie */

.informativa{width:100%;background-color:#f2f4fa;padding:70px 0 70px 0;}
.informativa .box-informativa{width: 90%;padding:70px 5% 70px 5%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-radius: 10px}
.informativa h2 {font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#0e2e5c; margin-bottom:16px; margin-top:57px; line-height:1.3}
.informativa p {font:20px NunitoSansLight,"Nunito Sans Light";color:#001621; line-height:1.6;}

@media (max-width: 709px) {
.box-cookie h1{font:28px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.5;}
.box-cookie p{ font:18px NunitoSansLight,"Nunito Sans Light";}
.box-cookie i{padding:18px;}
.informativa{padding:50px 0 60px 0;}
.informativa .box-informativa{width: 100%;padding:0px 5% 0px 5%;background-color:#f2f4fa;border-radius: 0px}
.informativa p {font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6;}
}


/* Consenso Cookie */
.clearfix{clear:both}.eupopup-container{background-color:rgba(9,30,60,.95);color:#efefef;padding:20px 20px;font-family: NunitoSansRegular, "Nunito Sans Regular";font-size:13px;line-height:1.4em;text-align:center;display:none;z-index:9999999}.eupopup-container-fixedtop,.eupopup-container-top{position:absolute;top:0;left:0;right:0}.eupopup-container-fixedtop{position:fixed}.eupopup-container-bottom{position:fixed;bottom:0;left:0;right:0}.eupopup-closebutton{font-size:16px;font-weight:100;line-height:1;color:#9ab1c0;filter:alpha(opacity=20);position:absolute;font-family: NunitoSansRegular, "Nunito Sans Regular";top:0;right:0;padding:5px 10px}.eupopup-closebutton:active,.eupopup-closebutton:hover{color:#fff;text-decoration:none}.eupopup-head{font-size:1.2em;font-weight:700;padding:7px;color:#fff}.eupopup-body{color:#9ab1c0}.eupopup-buttons{padding:16px 0 8px}.eupopup-button_1{outline:0;cursor:pointer;text-align:center;text-decoration:none;font-size:13px;font-weight:bolder;color:#1e2e45;padding:8px 10px;border:1px solid #676767;background:#1e2e45;background:-webkit-gradient(linear,left top,left bottom,from(#faf4b0),to(#f1ed73));background:-webkit-linear-gradient(top,#faf4b0,#f1ed73);background:-moz-linear-gradient(top,#faf4b0,#f1ed73);background:-ms-linear-gradient(top,#faf4b0,#f1ed73);background:-o-linear-gradient(top,#faf4b0,#f1ed73);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.eupopup-button_1:hover{color:#1e2e45;text-decoration:none;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#fdf870),to(#ebe668));background:-webkit-linear-gradient(top,#fdf870,#ebe668);background:-moz-linear-gradient(top,#fdf870,#ebe668);background:-ms-linear-gradient(top,#fdf870,#ebe668);background:-o-linear-gradient(top,#fdf870,#ebe668);background:linear-gradient(top,#fdf870,#ebe668);border:1px solid #906d11}.eupopup-button_1:active{text-decoration:none;position:relative;top:1px}.eupopup-button_2{color:#f6a21d !important;font-weight:400;font-size:12px;padding:5px 10px}.eupopup-button_2:hover{color:#d99220 !important;}.eupopup-button{margin:0 10px}.eupopup-button:focus{text-decoration:underline;color:#f6a21d}.eupopup-button:hover{text-decoration:underline;color:#d99220}

@media screen and (max-width: 519px) {
.eupopup-buttons{padding:18px 0 9px}.eupopup-button_1{outline:0;cursor:pointer;text-align:center;text-decoration:none;font-size:12px;font-weight:bolder;color:#1e2e45;padding:10px;border:1px solid #676767;background:#1e2e45;background:-webkit-gradient(linear,left top,left bottom,from(#faf4b0),to(#f1ed73));background:-webkit-linear-gradient(top,#faf4b0,#f1ed73);background:-moz-linear-gradient(top,#faf4b0,#f1ed73);background:-ms-linear-gradient(top,#faf4b0,#f1ed73);background:-o-linear-gradient(top,#faf4b0,#f1ed73);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.eupopup-button_2{color:#f6a21d;font-weight:400;font-size:12px;padding:10px 0px}
}




/* h1 Hotel */

.sfondo-hotel{width:100%;background-color:#083a75;border-bottom: 10px solid #3fabf4;}
.box-hotel{width: 90%; margin: 0 auto;max-width:1400px;padding:60px 10px 60px 10px;text-align:center;}
.box-hotel h1{font:34px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f2f4fa;letter-spacing:2px;line-height:1.4;padding:20px 0 0 0;}
.box-hotel p{ font:22px NunitoSansLight,"Nunito Sans Light"; color:#f2f4fa;padding:20px;letter-spacing:1px;line-height:1.5; margin-top:0px;}
.box-hotel .evidenziato{color:#fdfc36 !important;}
.sfondo-down-arrow-hotel { background-color:#f2f4fa;}
.down-arrow-hotel {border-top: 20px solid #f2f4fa;}

@media (max-width: 960px) {
.box-hotel{padding:40px 10px 40px 10px;}
.box-hotel h1{font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.box-hotel p{ font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.5;margin-top:10px}
}



/* Introduzione e Indice */

.intind{width:100%;background-color:#f2f4fa;padding:50px 0 70px 0;}
.intind .box-intind{width: 90%;max-width:1400px;margin:0 auto;display:flex;flex-direction: row;}

.intind .intro-lista { border: 0px solid #dee3f0; padding:10px 20px 20px 0px; flex: 70%;border-radius: 10px;margin-right:30px;}
.intind .indice-lista { border: 2px solid #dee3f0;padding:10px 20px 20px 20px; flex: 30%;border-radius: 10px}

.intro-lista .opener-intro{font:26px NunitoSansSemibold,"Nunito Sans Semibold";color:#083a75;line-height:1.3;padding: 18px 0 30px 0;}
.intro-lista p {font:20px NunitoSansLight,"Nunito Sans Light";color:#083a75; line-height:1.6;text-align:left;}
/* .intro-lista .onda{ width: 98%; height: 60px; background-image: url("immagini/onda-mare.png"); background-size: 100% 100%; margin-top:50px} */

.indice-lista p {font:20px NunitoSansSemibold,"Nunito Sans Semibold";padding: 20px 0 35px 0;color: #0e2e5c;}
.indice-lista ol {list-style: none;counter-reset: item;}
.indice-lista li {margin-bottom: 15px;counter-increment: item;font:18px NunitoSansRegular,"Nunito Sans Regular";line-height:1.5; position:relative;margin-left: 44px;}
.indice-lista li:before {margin-right: 10px;content: counter(item);background: lightblue;border-radius: 50%;color: white;width: 1.7em;text-align: center;display: inline-block;padding-top:2px; position:absolute; left:-44px; top:-2px}

.indice-lista li a:link{color:#0000FF}
.indice-lista li a:visited{color:#0000FF}
.indice-lista li a:hover{color:#FF0000}
.indice-lista li a:active{color:#0000FF}

@media (max-width: 960px) {
.sfondo-down-arrow-hotel { background-color:#badef8;}
.down-arrow-hotel {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 20px solid #3fabf4;margin:0 auto;}
.intind{background: linear-gradient(#badef8, #f2f4fa);}
.intind .box-intind{flex-direction: column;}
.intind .intro-lista { border: 0px solid #dee3f0; padding:0px 0px 30px 0px; margin-bottom:40px;margin-right:0px;}
.intind .indice-lista { border: 2px solid #ADD8E6;}

.intro-lista .opener-intro{line-height:1.4;text-align:center;}
.intro-lista p{padding: 30px 0 10px 0;text-align:center;}
/* .intro-lista .onda{ width: 100%; display:none}  */

.indice-lista li a:hover{color:#0000FF}
}



/* h2 Liste Hotel */

.liste{width:100%;border-bottom: 50px solid transparent;background-color:#f2f4fa}
.liste .box-liste{width: 90%;padding:50px 5% 70px 5%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-radius: 10px}

.liste h2 {font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";color:#0e2e5c;margin:30px 0 50px 74px;position: relative;counter-increment: capitolih2;padding-top:20px}
.liste h2:before {position: absolute;width: 50px;height: 36px;border-radius:50%;font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#ffffff;background-color:#3fabf4;text-align: center;top: 10px;left: -74px;content: counter(capitolih2); padding-top:14px}
.liste p {font:20px NunitoSansLight,"Nunito Sans Light";color:#001621; line-height:1.6;text-align:left;}

.liste .caption-sx-hotel{width:50%;max-width:640px; min-width:540px;float:left; margin:24px 46px 30px 0px;}
.liste .caption-sx-hotel img{ display:block;border-radius: 7px;width:100%;height:auto; border-top: 7px solid #ffffff;border-right: 8px solid #ffffff;border-bottom: 7px solid #ffffff;}

.liste .recensioni{background-color:#dee3f0;padding:28px 24px 28px 0px; margin-left:50px; margin-bottom:24px;border-radius: 10px;}
.liste .tre-siti-recensioni {margin: 0 auto;display: grid;gap: 0.8rem;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
.liste .box-sito{padding-top: 6px;padding-bottom: 0px;text-align:center;cursor:default;}
.liste .booking {background-color:#003b95;}
.liste .expedia {background-color:#fbde2b;}
.liste .tripadvisor {background-color:#2ade9f;}

.liste .titolo{font:18px NunitoSansSemibold,"Nunito Sans Semibold";padding: 10px 0px 5px 0px;}
.liste .punteggio{font:24px NunitoSansSemibold,"Nunito Sans Semibold";padding: 10px 10px 6px 10px;margin:10px;border-radius: 10px;}
.liste .recensioni-sito{font:16px NunitoSansLight,"Nunito Sans Light";padding: 5px 0px 10px 0px;}

.liste .titolo-booking{color: #ffffff;}
.liste .punteggio-booking{color: #ffffff;background-color:#2c60af;}
.liste .booking a:link{color:#d4e0ef;}
.liste .booking a:visited{color:#d4e0ef;}
.liste .booking a:hover{color:#ffffff;}
.liste .booking a:active{color:#ffffff;}

.liste .titolo-expedia{color: #0a1f4e;}
.liste .punteggio-expedia{color: #0a1f4e;background-color:#f9eb91;}
.liste .expedia a:link{color:#4e4e4e;}
.liste .expedia a:visited{color:#4e4e4e;}
.liste .expedia a:hover{color:#000000;}
.liste .expedia a:active{color:#000000;}

.liste .titolo-tripadvisor{color: #000000;}
.liste .punteggio-tripadvisor{color: #000000;background-color:#67e9bc;}
.liste .tripadvisor a:link{color:#4e4e4e;}
.liste .tripadvisor a:visited{color:#4e4e4e;}
.liste .tripadvisor a:hover{color:#000000;}
.liste .tripadvisor a:active{color:#000000;}

.liste input.leggi-state, 
.liste input.leggi-state2,
.liste input.leggi-state3,
.liste input.leggi-state4,
.liste input.leggi-state5 {display: none;}
.liste p.leggi-target, 
.liste p.leggi-target2,
.liste p.leggi-target3,
.liste p.leggi-target4,
.liste p.leggi-target5 {opacity: 0;font-size: 0;max-height: 0;transition: .15s ease;padding: 0;}
.liste p.fade, 
.liste p.fade2,
.liste p.fade3,
.liste p.fade4,
.liste p.fade5 {position: relative;}
.liste p.fade:after, 
.liste p.fade2:after,
.liste p.fade3:after,
.liste p.fade4:after,
.liste p.fade5:after {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;pointer-events: none;background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);width: 100%;height: 120px;}
.liste input.leggi-state:checked ~ div.leggi-wrap p.fade:after,
.liste input.leggi-state2:checked ~ div.leggi-wrap2 p.fade2:after,
.liste input.leggi-state3:checked ~ div.leggi-wrap3 p.fade3:after,
.liste input.leggi-state4:checked ~ div.leggi-wrap4 p.fade4:after,
.liste input.leggi-state5:checked ~ div.leggi-wrap5 p.fade5:after{background-image: none;}
.liste input.leggi-state:checked ~ div.leggi-wrap p.leggi-target,
.liste input.leggi-state2:checked ~ div.leggi-wrap2 p.leggi-target2,
.liste input.leggi-state3:checked ~ div.leggi-wrap3 p.leggi-target3,
.liste input.leggi-state4:checked ~ div.leggi-wrap4 p.leggi-target4,
.liste input.leggi-state5:checked ~ div.leggi-wrap5 p.leggi-target5 {font-size: 20px;max-height: 999em;opacity: 1;padding:16px 0;}
.liste input.leggi-state ~ label.leggi-trigger:before,
.liste input.leggi-state2 ~ label.leggi-trigger2:before,
.liste input.leggi-state3 ~ label.leggi-trigger3:before,
.liste input.leggi-state4 ~ label.leggi-trigger4:before,
.liste input.leggi-state5 ~ label.leggi-trigger5:before {content: "\f078 \2002 Leggi tutto";}
.liste input.leggi-state:checked ~ label.leggi-trigger:before,
.liste input.leggi-state2:checked ~ label.leggi-trigger2:before,
.liste input.leggi-state3:checked ~ label.leggi-trigger3:before,
.liste input.leggi-state4:checked ~ label.leggi-trigger4:before,
.liste input.leggi-state5:checked ~ label.leggi-trigger5:before {content: "\f077 \2002 Leggi meno";}
.liste label.leggi-trigger,
.liste label.leggi-trigger2,
.liste label.leggi-trigger3,
.liste label.leggi-trigger4,
.liste label.leggi-trigger5 {
  font-family: FontAwesome;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  letter-spacing:1px;
  color: #58859b;
  border: 1px solid #58859b;
  border-radius: 5px;
  padding:12px;
  cursor: pointer;
  display: inline-block;
  margin-top:30px;	
}
.liste label.leggi-trigger:hover,
.liste label.leggi-trigger2:hover,
.liste label.leggi-trigger3:hover,
.liste label.leggi-trigger4:hover,
.liste label.leggi-trigger5:hover {
  color: #001621;
  border: 1px solid #001621;
}


/* pronto per essere sbloccato all'occorrenza */
/* .liste .box-pulsante-hotel{width:300px;}
.liste .box-pulsante-hotel a:link{text-decoration:none}
.liste .pulsante-hotel{outline:none;cursor:pointer;text-align:center;color:#ffffff;padding:16px 18px 16px 16px; margin-top:24px;background:#3fabf4;border-radius:5px;font:18px NunitoSansSemibold,"Nunito Sans Semibold"; display:block}
.liste .pulsante-hotel:hover{background:#2c9eeb}
.liste .pulsante-hotel:active{position:relative;top:1px;} */

@media (max-width: 960px) {
.liste{border-bottom: 20px solid transparent;}
.liste .box-liste{width: 100%;border-radius: 0px;padding:50px 5% 60px 5%;}
.liste .caption-sx-hotel{width:100%;max-width:900px;min-width:0px;height:auto; margin:24px 0px 30px 0px;} /* era margin:24px 0px 38px 0px; */
.liste .caption-sx-hotel img{ border-top:0px; border-right:0px; border-bottom:0px;border-radius: 0px}
.liste .recensioni{width: 100%;margin-left:0px;float:left;padding:28px 24px 28px 24px; margin-bottom:38px;border-radius: 0px; margin-top:20px}
}
@media (max-width: 709px) {
.liste h2 {font:26px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.3;margin:10px 0px 24px 60px;padding-top:16px;  background-image: linear-gradient(to right, #3fabf4 40%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 10px 3px;background-repeat: repeat-x;padding-bottom:12px}
.liste h2:before {width: 44px;height: 30px;font:20px NunitoSansSemibold,"Nunito Sans Semibold";left: -60px;top: 8px;}
.liste p {font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6;}
.liste input.leggi-state:checked ~ div.leggi-wrap p.leggi-target,
.liste input.leggi-state2:checked ~ div.leggi-wrap2 p.leggi-target2,
.liste input.leggi-state3:checked ~ div.leggi-wrap3 p.leggi-target3,
.liste input.leggi-state4:checked ~ div.leggi-wrap4 p.leggi-target4,
.liste input.leggi-state5:checked ~ div.leggi-wrap5 p.leggi-target5 {font-size: 18px;}
}
@media (max-width: 565px) {
.box-hotel p{margin-top:10px}
.liste .recensioni{padding:20px 0px 20px 10px;border-left: 4px solid #dee3f0;background-color:#f2f4fa;}
.liste .tre-siti-recensioni {grid-template-columns: repeat(1, minmax(140px, 1fr));}
.liste .box-sito{padding:10px; width:100%}
.liste .titolo{ float:left;font:16px NunitoSansSemibold,"Nunito Sans Semibold";padding: 0px 0px 5px 0px;}
.liste .punteggio{ float:left;font:20px NunitoSansSemibold,"Nunito Sans Semibold";padding: 6px 10px 2px 10px;margin:0px; clear:left}
.liste .recensioni-sito{ float:right; padding: 0px 14px 0px 0px;}
/* .liste .box-pulsante-hotel{width:100%;} pronto per essere sbloccato all'occorrenza */
/* .liste .pulsante-hotel{padding:22px 16px;}	pronto per essere sbloccato all'occorrenza */
}




/* h1 Pagine Menu */

.sfondo-paginemenu{width:100%;background-color:#083a75;border-bottom: 10px solid #3fabf4;}
.box-paginemenu{width: 90%; margin: 0 auto;max-width:1400px;padding:60px 10px 60px 10px;text-align:center;}
.box-paginemenu h1{font:34px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f2f4fa;letter-spacing:2px;line-height:1.4;padding:20px 0 0 0;}
.box-paginemenu p{ font:22px NunitoSansLight,"Nunito Sans Light"; color:#f2f4fa;padding:20px;letter-spacing:1px;line-height:1.5; margin-top:0px;}
.sfondo-down-arrow-paginemenu { background-color:#f2f4fa;}
.down-arrow-paginemenu {border-top: 20px solid #f2f4fa;}

@media (max-width: 960px) {
.box-paginemenu{padding:40px 10px 40px 10px;}
.box-paginemenu h1{font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.box-paginemenu p{ font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.5;margin-top:10px}
.sfondo-down-arrow-paginemenu { background-color:#f2f4fa;}
.down-arrow-paginemenu {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 20px solid #3fabf4;margin:0 auto;}
}



/* Intro agli Argomenti Menu */

.intarg{width:100%;background-color:#f2f4fa;padding:50px 0 50px 0;}
.intarg .box-intarg{width: 90%;max-width:1400px;margin:0 auto;}

.intarg .caption-sx-intarg {width:50%;max-width:560px;float:left; margin:24px 46px 30px 0px;}
.intarg .caption-sx-intarg img {display:block;width:100%;height:auto;}
.intarg h2{font:26px NunitoSansSemibold,"Nunito Sans Semibold";color:#083a75;line-height:1.3;padding: 20px 0 30px 0;}
.intarg p {font:20px NunitoSansLight,"Nunito Sans Light";color:#083a75; line-height:1.6;}

@media (max-width: 960px) {
.intarg{padding:40px 0 40px 0;}
.intarg .caption-sx-intarg{ width:100%; max-width:900px;height:auto; margin:0px 0px 50px 0px;}
.intarg p {font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6;}
}



/* h1 Prodotti */










/* Nunito Sans Font */
@font-face {
    font-family: 'NunitoSansLight';
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-light-webfont.eot');
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-light-webfont.woff2') format('woff2'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-light-webfont.woff') format('woff'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-light-webfont.ttf') format('truetype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-light-webfont.svg#nunito_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSansRegular';
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-regular-webfont.eot');
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-regular-webfont.woff2') format('woff2'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-regular-webfont.woff') format('woff'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-regular-webfont.ttf') format('truetype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-regular-webfont.svg#nunito_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSansSemibold';
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-semibold-webfont.eot');
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-semibold-webfont.woff2') format('woff2'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-semibold-webfont.woff') format('woff'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-semibold-webfont.ttf') format('truetype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-semibold-webfont.svg#nunito_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSansExtrabold';
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-extrabold-webfont.eot');
    src: url('https://www.playasmallorca.com/fonts/nunito/nunitosans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-extrabold-webfont.woff2') format('woff2'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-extrabold-webfont.woff') format('woff'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-extrabold-webfont.ttf') format('truetype'),
         url('https://www.playasmallorca.com/fonts/nunito/nunitosans-extrabold-webfont.svg#nunito_sansextrabold') format('svg');
    font-weight: bold;
    font-style: normal;
}