*{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: auto;overflow:hidden;min-height:90px;} 
.header .logo{float:left;}
.header .logo img{ width:220px; height:auto;margin-top: 7px}
.header ul {margin:0;padding: 0;list-style: none;overflow: hidden;background-color: #fff;}
.header li a.blu-azioni {display: block;background-color: #f7f7f7;padding: 20px 10px;border-right: 0px solid #f4f4f4;color:#333333; text-decoration:none; font:16px NunitoSansRegular,"Nunito Sans Regular";border-radius: 5px;}
.header li a.blu-azioni:hover,
.header .menu-btn:hover {background-color: #f4f4f4;}
.header li a.blu-azioni{border-top:#dddddd 1px solid; margin-top:20px;border-bottom:#dddddd 1px solid;}
.header li a.accedi{display: block; padding: 20px 20px;background:#ba9954; color:#ffffff !important; text-align:center; text-decoration:none;font:16px NunitoSansRegular,"Nunito Sans Regular";border-radius: 5px;}
.header li a.accedi:hover{background:#b58738}
.header .accedi-ai-corsi {margin-top:40px;margin-bottom:40px}
.header .menu2 {clear: both;max-height: 0;transition: max-height .2s ease-out;margin-top:18px;}


/* Menu Mobile */

.header .menu-icon {cursor:pointer;display:inline-block;float: right;padding: 20px 20px;position: relative;user-select: none;margin-top:24px;border: 1px solid #333333;border-radius: 5px;}
.header .menu-icon .navicon {background: #333333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {background: #333333;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: 340px;}
.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: 680px) {
.header .logo img{width:260px;height:auto;margin: 0}
.header li {float: left;}
.header li a.blu-azioni {padding: 16px 20px;background-color: #f7f7f7;border-top:#dddddd 0px solid;border-bottom:#dddddd 0px solid;margin-top:4px}
.header li a.accedi{color:#fff7ff; text-decoration:none; background:#ba9954;border-radius: 5px; margin-left:20px;margin-top:4px;padding: 16px 20px;}
.header li a.accedi:hover{background:#b58738}
.header .menu2 {clear: none;float: right;max-height: none;}
.header .menu-icon {display: none;}
.header .accedi-ai-corsi {margin-top:0px; margin-bottom:0px}
}



/* h1 e h2 Homepage */

.guida-completa{
  background-image: url("images/home-background.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(0, 0, 0, 0.8);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(0, 0, 0, 0.7); border-radius: 10px; border: 1px solid #b58738;}
.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:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.4; padding-bottom:10px}
.guida-completa .evidenziato{color:#ba9954 !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:#efe7d7; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.benefici-guida-completa .fa-check{color:#ba9954;}
.contenuto-dx-guida-completa{background-color:#b58738; 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:#f8e3a2; 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:#efe7d7; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.contenuto-dx-guida-completa{background-color:#f8e3a2; 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:#f8e3a2; 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:#efe7d7; text-shadow:1px 1px #083a75;line-height:2.0;letter-spacing:1px;}
.contenuto-dx-guida-completa{background-color:#f8e3a2; 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:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.contenuto-dx-guida-completa{background-color:#f8e3a2; 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;border: 0px solid #b58738;}
.benefici-guida-completa{flex-wrap:wrap;display:flex;max-width:100%;background-color:#f7f7f7; 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:#333333; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 25px;background-color:#f8e3a2;width:350px;margin:10px; text-align:left}
.benefici-guida-completa .fa-check{color:#333333;}
}
@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:#f8e3a2; text-shadow:1px 1px #083a75; line-height:1.5; padding-bottom:10px}
.contenuto-dx-guida-completa{background-color:#f8e3a2; 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%;border: 0px solid #b58738;}
.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:#f8e3a2; 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:#f7f7f7; 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:#333333; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 25px;background-color:#f8e3a2;width:350px;margin:10px; text-align:left}
.benefici-guida-completa .fa-check{color:#333333;}
.contenuto-dx-guida-completa{background-color:#f8e3a2; 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%;border: 0px solid #b58738;}
.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:#f8e3a2; 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:#f7f7f7; 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:#333333; text-shadow:0px 0px #fff;line-height:2.0;letter-spacing:0px; padding:10px 15px;background-color:#f8e3a2;width:350px;margin:10px; text-align:left}
.benefici-guida-completa .fa-check{color:#333333;}
.contenuto-dx-guida-completa{background-color:#f8e3a2; 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;}
}




/* 6 Capitoli Homepage */

.prima-parte-maiorca{
    width:100%;
	color:#000000;
	background-color:#f7f7f7;
	padding:70px 0 70px 0;
}
.titolo-articoli {
  overflow: hidden;
  text-align: left;
  font-family: NunitoSansExtrabold,"Nunito Sans Extrabold";
  letter-spacing:1.5px;
  font-weight:normal;
  color:#333333;
  font-size:32px;
  margin-bottom:46px;
}
.titolo-articoli:after {background-color: #ba9954;content: "";display: block;height: 3px;width: 50px;position: relative;bottom: 0;left: 0; margin-top:10px}


.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(300px, 1fr));
  gap: 4rem 2rem;
}
.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 .platja-home{text-decoration:none; font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#333333; margin-bottom:16px; margin-top:10px; padding:20px 30px 0 30px;line-height:1.3}

.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:16px NunitoSansLight,"Nunito Sans Light"; /* font-size: 1rem; */
  line-height: 1.5;
  padding: 0 30px;
  color: #666666;
  clear:both;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
}


@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;}
.articoli-home > ul {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.articoli-home > ul > li > p { -webkit-line-clamp:4;}
}



/* h1 Cookie */

.sfondo-cookie{width:100%;border-bottom: 10px solid #b58738;background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)), url("images/home-background.jpg");}
.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:#f8e3a2;letter-spacing:2px;line-height:1.4;padding:20px 0 0 0;}
.box-cookie p{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#000000;}
.box-cookie i{border:solid 0px #f8e3a2;border-radius: 50%; padding:20px;background-color:#f8e3a2;}

/* Informativa Cookie */

.informativa{width:100%;background-color:#f7f7f7;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:#000000; margin-bottom:16px; margin-top:57px; line-height:1.3}
.informativa p {font:20px NunitoSansLight,"Nunito Sans Light";color:#333333; 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:#f7f7f7;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(0,0,0,.9);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:#a2a2a2;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:#a2a2a2}.eupopup-buttons{padding:16px 0 8px}.eupopup-button_1{outline:0;cursor:pointer;text-align:center;font-size:13px;font-weight:bolder;color:#0d0d0d;padding:8px 10px;background:#faf4b0;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{background:#ebe668;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);}.eupopup-button_1:active{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{font-size:12px;padding:10px;}.eupopup-button_2{padding:10px 0px}
}



/* Footer */

footer{width: 100%; padding:50px 20px 40px 20px; color:#dedddd; background-color:#000000;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 #b58738;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 #b58738;font:18px NunitoSansLight,"Nunito Sans Light";color:#f8e3a2;}
footer .footer-testo-trova{ padding-top:25px;line-height:1.4;}
footer .pulsante-ricerca:hover{background:#8da7c8}
footer .footer-link{ padding-top:20px;line-height:2.2;}

footer a:link{color:#dedddd; text-decoration:none}
footer a:visited{color:#dedddd; 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:#dedddd; text-decoration:underline}
footer .sinistra-footer a:hover, a:active {color:#ffffff; text-decoration:underline}

footer .spiagge-footer{float:right; width:220px;}
footer .fa-cookie, footer .fa-shield-halved, footer .fa-file-lines, footer .fa-rotate-left{ 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 #b58738; text-align:center;width:100%}
footer .footer-immagine{ border-bottom: 1px solid #b58738; text-align:center; margin-bottom:10px;}
footer .spiagge-footer, footer .pianifica-trova-footer{ display:none}
}


/* h1 Contact */

.sfondo-contact{width:100%;background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)), url("images/home-background.jpg");} /* border-bottom: 6px */
.box-contact{width: 90%; margin: 0 auto;max-width:1400px;padding:12px 10px 12px 10px;text-align:center;}
.box-contact h1{font:24px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.5;padding:20px 0 20px 0;}

@media (max-width: 1040px) {
.box-contact{padding:5px 10px 5px 10px;}
.box-contact h1{font:22px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
}
@media (max-width: 525px) {
.sfondo-contact{border-bottom: 3px solid #b58738;}
}


.support{width:100%;background-color:#f8e3a2;padding:0px;}
.support .box-support{width: 90%;padding:70px 5% 70px 5%;max-width:1400px;margin:0 auto;background-color:#f7f7f7;}

@media (max-width: 709px) {
.support{background-color:#f7f7f7;padding:20px 0 60px 0;}
.support .box-support{width: 100%;padding:0px 5% 0px 5%;background-color:#f7f7f7;}
}

.motivo-assistenza input {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%; border: 1px solid #ccc; background: #FFF; margin: 0px; padding: 15px; color:#666;outline:none}

/* Honeypot anti-bot */
.support #website{display:none;}



/* h1 e h2 Canvas Wall Art */

.sfondo-canvas{width:100%;background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)), url("images/home-background.jpg");}
.sfondo-canvas .box-canvas{width: 90%; margin: 0 auto;max-width:1400px;padding:60px 10px 60px 10px;text-align:center;}
.sfondo-canvas .box-canvas h1{font:30px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.5;padding:0px;}
.sfondo-canvas .box-canvas h2{ font:20px NunitoSansLight,"Nunito Sans Light"; color:#cec093;letter-spacing:1px;line-height:1.5;padding-top:16px;}

.sfondo-canvas .box-breadcrumb {width:100%;background-color:#cec093;border-bottom: 2px solid #000000}
.sfondo-canvas .box-breadcrumb nav {width: 90%; margin: 0 auto;max-width:1400px;padding:5px 0px;}
.sfondo-canvas .breadcrumb {list-style: none;display: flex;flex-wrap: wrap;font: 14px NunitoSansRegular, "Nunito Sans Regular";color:#333333;}
.sfondo-canvas .breadcrumb li + li::before {
    text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\f105";font-size:10px;
    padding: 0 6px;
    color: #333333;
  }
.sfondo-canvas .breadcrumb a:link {color:#333333;text-decoration-thickness: 1px;}
.sfondo-canvas .breadcrumb a:visited {color:#333333;text-decoration-thickness: 1px;}
.sfondo-canvas .breadcrumb a:hover {color:#000000;text-decoration-thickness: 1px;}
.sfondo-canvas .breadcrumb a:active {color:#000000;text-decoration-thickness: 1px;}

@media (max-width: 640px) {
.sfondo-canvas .box-canvas h1{font:26px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.sfondo-canvas .box-canvas h2{ font:16px NunitoSansLight,"Nunito Sans Light"; line-height:1.4;}
}



/* Lista Canvas Wall Art */

.sfondo-lista-canvas{
    width:100%;
	color:#000000;
	background-color:#f7f7f7;
	padding:90px 0 70px 0;
}
.lista-canvas {
  width: 90%;
	text-decoration:none;
	max-width:1400px;
	margin: 0 auto;

}
.lista-canvas > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 3rem 2rem;
}
.lista-canvas > ul > li {
  overflow: hidden;
}
.lista-canvas > ul > li > h3{text-decoration:none; font:20px NunitoSansSemibold,"Nunito Sans Semibold";color:#000; margin-top:10px;}
.lista-canvas > ul > li > p {
  font:16px NunitoSansRegular, "Nunito Sans Regular"; /* font-size: 1rem; */
  padding-top:5px;
  color: #666666;
}
.lista-canvas > ul > li > figure {
  max-height: 674px; /* modificato max-height: 220px; */
  overflow: hidden;
  position: relative;
}
.lista-canvas > ul > li > figure > a > img {width: 100%; height:auto; transition: transform 0.4s ease; transform-origin: 50% 50%;}
.lista-canvas > ul > li > figure > a > img:hover {transform: scale(1.05); width: 100%;}


@media screen and (max-width: 640px) {
.sfondo-lista-canvas{width:100%;padding:60px 0 40px 0;}
.lista-canvas > ul > li > figure > a > img:hover {transform: scale(1.00);}
}
@media screen and (max-width: 519px) {
.lista-canvas > ul {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem 2rem;}
}




/* h1 Prodotti */

.sfondo-prodotti{width:100%;background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)), url("images/home-background.jpg");} /* border-bottom: 6px */
.box-prodotti{width: 90%; margin: 0 auto;max-width:1400px;padding:12px 10px 12px 10px;text-align:center;}
.box-prodotti h1{font:24px NunitoSansExtrabold,"Nunito Sans Extrabold"; color:#f8e3a2;letter-spacing:2px;line-height:1.5;padding:20px 0 20px 0;}
.sfondo-down-arrow-prodotti { background-color:#f7f7f7;}
.down-arrow-prodotti {border-top: 20px solid #f7f7f7;}

.sfondo-prodotti .box-breadcrumb {width:100%;background-color:#cec093;border-bottom: 2px solid #000000}
.sfondo-prodotti .box-breadcrumb nav {width: 90%; margin: 0 auto;max-width:1400px;padding:5px 0px;}
.sfondo-prodotti .breadcrumb {list-style: none;display: flex;flex-wrap: wrap;font: 14px NunitoSansRegular, "Nunito Sans Regular";color:#333333;}
.sfondo-prodotti .breadcrumb li + li::before {text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\f105";font-size:10px;padding: 0 6px;color: #333333;}
.sfondo-prodotti .breadcrumb a:link {color:#333333;text-decoration-thickness: 1px;}
.sfondo-prodotti .breadcrumb a:visited {color:#333333;text-decoration-thickness: 1px;}
.sfondo-prodotti .breadcrumb a:hover {color:#000000;text-decoration-thickness: 1px;}
.sfondo-prodotti .breadcrumb a:active {color:#000000;text-decoration-thickness: 1px;}

@media (max-width: 1040px) {
.sfondo-prodotti{border-bottom: 10px solid #000000;}
.box-prodotti{padding:40px 10px 40px 10px;}
.box-prodotti h1{font:26px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.sfondo-down-arrow-prodotti { background-color:#f7f7f7;}
.down-arrow-prodotti {width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 20px solid #000000;margin:0 auto;}
}
@media (max-width: 525px) {
.sfondo-prodotti{border-bottom: 0px solid #f7f7f7;}
.box-prodotti{padding:5px 10px 5px 10px;}
.box-prodotti h1{font:22px NunitoSansExtrabold,"Nunito Sans Extrabold";line-height:1.4;}
.down-arrow-prodotti {border-left: 0px solid transparent;border-right: 0px solid transparent;border-top: 0px solid #000000;}
}



/* Mockup, Selezione e Acquista */

.msa{width:100%;background-color:#f7f7f7;padding:10px 0 30px 0;}
.msa .box-msa{width: 90%;max-width:1400px;margin:0 auto; overflow:hidden; position:relative}

.msa .mockup-prodotto {width:560px; height:auto; float:left; z-index:100; position:relative;}
.msa .selezione-prodotto { padding:20px 30px 51px 430px;background-color:#ebebeb; max-width:700px; display:inline-block; margin-left:-400px; z-index:10;border-radius: 10px;}
.msa .acquista-prodotto { border: 2px solid #ebebeb;padding:10px 30px 20px 30px; border-radius: 10px; width:398px; float:right }

.mockup-prodotto img {width: 100%; height:auto;display:block;border-top: 7px solid #f7f7f7;border-right: 7px solid #f7f7f7; margin-top:20px;}

.selezione-prodotto .opzioni select {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%;min-width:220px;border: 1px solid #ebebeb;background: #FFF;margin:0;padding: 15px; color:#333333; outline:none;cursor:pointer;}
.selezione-prodotto .opzioni select:hover{border: 1px solid #cfcfcf;}
.selezione-prodotto .opzioni p,
.selezione-prodotto .casella p{font:18px NunitoSansRegular, "Nunito Sans Regular";padding: 20px 0 5px 0;color:#333333;}
.selezione-prodotto .casella{font: 16px NunitoSansLight,"Nunito Sans Light";line-height:1.4;color: #333333; margin-top:30px}
.selezione-prodotto .casella label{cursor:pointer;}
.selezione-prodotto .casella label::before {content: 'Check this box to also receive our Home Decor Guide — a beautifully designed PDF filled with inspiring tips and practical ideas to elevate your home\'s style.';}
/*  Check this box to receive our exclusive home decor guide. It\'s a downloadable PDF file, full of tips and ideas to help you elevate the look of your home.  */
.selezione-prodotto .casella input[type="checkbox"] {margin-right:8px;margin-left:3px;margin-top:10px;-ms-transform: scale(1.4);/* IE */-moz-transform: scale(1.4);/* FF */-webkit-transform: scale(1.4);/* Safari and Chrome */-o-transform: scale(1.4);/* Opera */transform: scale(1.4);outline:none;cursor:pointer;}

.acquista-prodotto .tag-prodotto{font:14px NunitoSansSemibold,"Nunito Sans Semibold";color:#000000;padding: 13px 0px 30px 0px;letter-spacing:1px;}
.acquista-prodotto .tag-prodotto .fa-check{ padding-right: 5px}

.acquista-prodotto h2{font:24px NunitoSansSemibold,"Nunito Sans Semibold";color:#333333; line-height:1.2;padding-bottom:10px}
.acquista-prodotto #price{font:30px NunitoSansExtrabold,"Nunito Sans Extrabold";color:#333333; line-height:1.4; padding-bottom:30px}

.acquista-prodotto #price::before {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\24";font-size:14px;line-height:33px;vertical-align: top; margin-right:5px;}

.acquista-prodotto .paesi p{font:18px NunitoSansRegular, "Nunito Sans Regular";padding: 20px 0 5px 0;color:#333333;}
.acquista-prodotto .paesi .fa-earth-europe{ margin-right: 10px}
.acquista-prodotto .paesi select {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%;border: 1px solid #ebebeb;background: #FFF;margin:0;padding: 15px; color:#333333; outline:none;cursor:pointer;}
.acquista-prodotto .paesi select:hover{border: 1px solid #cfcfcf;}
.acquista-prodotto .bullet{ padding-bottom:20px}
.acquista-prodotto .bullet p{font:16px NunitoSansLight,"Nunito Sans Light";color: #333333;line-height:1.5;}

.acquista-prodotto button#pulsante-acquista{padding: 16px 30px;background-color: #222222; color:#fff7ff; text-align:center; text-decoration:none;font:18px NunitoSansRegular, "Nunito Sans Regular";border-radius: 5px; border:none;margin-bottom:5px; width:100%;cursor: pointer;}
.acquista-prodotto button#pulsante-acquista:hover{background-color: #000000;}
<!-- Splendido pulsante "Aggiungi al carrello" con sfondo sfumato arancio:  background-color: #f6a143;background-image: linear-gradient(#f6a143, #e67900);  -->
<!-- Splendido pulsante "Aggiungi al carrello" con sfondo sfumato arancio:hover  background-color: #f39833;background-image: linear-gradient(#f39833, #cf720a);  -->

@media (max-width: 1480px) {.msa .acquista-prodotto { border: 0px solid #ebebeb;padding:0px 0px 20px 30px;width:368px; }}
@media (max-width: 1440px) {
.msa .mockup-prodotto {width:600px;} 
.msa .selezione-prodotto {padding:60px 30px 100px 30px; display:block; margin-left:0px; margin-top:570px; max-width:100%; border-radius: 0px;}
.msa .acquista-prodotto { border: 0px solid #ebebeb;padding:10px 0px 20px 30px;position:absolute; top:0; right:0;width:468px; }
.mockup-prodotto img {border-top: 0px solid #f7f7f7;border-right: 10px solid #f7f7f7; border-bottom: 10px solid #f7f7f7;}
.selezione-prodotto .opzioni  {display:inline-block; margin-right:30px; margin-top:10px}
.selezione-prodotto .opzioni select { min-width:250px;}
.selezione-prodotto .casella  { float:right; max-width:408px;margin-top:-40px}

}
@media (max-width: 1240px) {
.msa .selezione-prodotto {padding:60px 30px 55px 30px;}
.msa .acquista-prodotto {width:368px; }
.selezione-prodotto .casella  { max-width:308px;margin-top:-32px}
.selezione-prodotto .casella label span{ display:none}
}
@media (max-width: 1120px) {
.msa .mockup-prodotto {width:540px;}
.msa .selezione-prodotto {padding:60px 30px 90px 30px;}
.selezione-prodotto .opzioni  {margin-top:-42px}
.selezione-prodotto .opzioni select { min-width:220px;}
.selezione-prodotto .casella  { margin-top:-42px}
}
@media (max-width: 1040px) {
.msa .box-msa{width: 100%;}
.msa .mockup-prodotto {width:70%;max-width:900px;margin-left:15%; margin-right:15%}
.mockup-prodotto img {border-top: 0px;border-right: 10px solid #f7f7f7; border-bottom: 10px solid #f7f7f7;border-left: 10px solid #f7f7f7;}
.msa .selezione-prodotto {width: 100%;margin-left:0px;float:left;padding:100px 15% 48px 15%; margin-bottom:0px;margin-top:-50px;border-radius: 0px;}
.selezione-prodotto .casella  { float:left; max-width:100%;margin-top:14px}
.selezione-prodotto .opzioni {margin-right:0px;}
.selezione-prodotto .opzioni:nth-of-type(1)  {width:48%; float:left}
.selezione-prodotto .opzioni:nth-of-type(2)  {width:48%; float:right}
.msa .acquista-prodotto {width:70%;padding:60px 0px 30px 0px; float:left; position:relative; margin-left:15%; margin-right:15%; border: 0px solid #ebebeb;}
.acquista-prodotto .tag-prodotto{ display:none}
.acquista-prodotto h2{display:none}
.acquista-prodotto #price{padding-bottom:20px}
.acquista-prodotto button#pulsante-acquista{padding: 20px 30px;}
}
@media (max-width: 670px) {
.msa .box-msa{width: 90%;}
.msa .mockup-prodotto {width:100%; margin:0}
.mockup-prodotto img {border-top: 0px;border-right: 0px solid #f7f7f7; border-bottom: 0px solid #f7f7f7;border-left: 0px solid #f7f7f7;margin-top:30px; margin-bottom:60px}
.msa .selezione-prodotto {width: 100%; padding:0 0 48px 0;margin:0px;background-color:#f7f7f7;border-bottom: 1px solid #ccc;}
.msa .acquista-prodotto {width:100%;margin:0; padding:50px 0px 30px 0px;}
}
@media (max-width: 525px) {
.msa{padding:0;}
.msa .box-msa{width: 100%;}
.mockup-prodotto img {margin-top:0px; margin-bottom:20px; }
.msa .selezione-prodotto {margin:0px 5% 90px 5%;border-bottom: 0px solid #ccc;width: 90%;padding:0 0 28px 0;}
.selezione-prodotto .opzioni  {margin-top:0px;}
.selezione-prodotto .opzioni:nth-of-type(1)  {width:100%; float:left; margin-bottom:5px; }
.selezione-prodotto .opzioni:nth-of-type(2)  {width:100%; float:left}
.selezione-prodotto .opzioni p,
.selezione-prodotto .casella p{ display:none}
.msa .acquista-prodotto {background-color:#ebebeb;width: 100%;border-radius: 0px;padding:30px 0px 30px 0px;}
.acquista-prodotto #price{width: 90%;margin:-120px 5% 60px 5%;border-bottom: 1px solid #cfcfcf;padding-top:5px;padding-bottom:5px; }
.acquista-prodotto .paesi{width: 90%;margin:0px 5% 20px 5%;}
.acquista-prodotto .bullet{ width: 90%;margin:0px 5% 0px 5%;}
.selezione-prodotto .casella label::before {content: '+ Home Decor Guide (Free PDF)';}
.acquista-prodotto .paesi p{padding: 30px 0 10px 0;}
.acquista-prodotto button#pulsante-acquista{width: 90%;margin:0px 5% 12px 5%;}
.selezione-prodotto .opzioni select {border: 1px solid #cfcfcf;}
.acquista-prodotto .paesi select {border: 1px solid #cfcfcf;}
}


/* Descrizione, FAQ e Dettagli */

.dfa{width:100%;border-bottom: 50px solid transparent;background-color:#f7f7f7;}
.dfa .box-dfa{width: 90%;padding:50px 5% 30px 5%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-radius: 10px}
.tabss {display: flex;flex-wrap: wrap;margin: 10px 0;}
.tabss label {order: 1;display: block;padding: 16px 0px;margin-right:46px;cursor: pointer;user-select: none;transition: background ease 0.2s;color: #999;font:16px NunitoSansExtrabold,"Nunito Sans Extrabold";letter-spacing: 1px;text-transform: uppercase;}
.tabss label .fa-solid {margin-right:6px}
.tabss label:hover {color: #555;}
.tabss .tab {order: 99;flex-grow: 1;width: 100%;display: none;padding: 30px 0px;background-color: #fff;border-top: 1px solid #ccc;}
.tabss .tab p{font:18px NunitoSansLight,"Nunito Sans Light";color:#1e1e1e; line-height:1.6;}
.tabss .tab h3{ display:none}
.tabss input[type="radio"] {display: none;}
.tabss input[type="radio"]:checked + label {border-bottom: 2px solid #b58738;color: #555;}
.tabss input[type="radio"]:checked + label + .tab {display: block;}

.tabss .faq-list {list-style: none;counter-reset: item;}
.tabss .faq-list li {  border-bottom: 1px solid #ebebeb;}
.tabss details { cursor: pointer;}
.tabss summary {font:18px NunitoSansLight,"Nunito Sans Light";color:#1e1e1e;list-style: none;user-select: none;position: relative; padding: 19px 34px 19px 0px;font-weight: bold;counter-increment: item;margin-left: 44px;}
.tabss summary:before {margin-right: 10px;content: counter(item);background: #cec093;border-radius: 50%;color: white;width: 28px; height:22px;text-align: center;display: inline-block;padding-top:6px; position:absolute; left:-44px; top:14px}
.tabss summary:after {
  text-rendering: auto;-webkit-font-smoothing: antialiased;font: var(--fa-font-solid);content: "\2b";
  position: absolute;
  top: 22px;
  right: 0;
}
.tabss details[open] summary:after { content: "\f068";}
.tabss details p { margin-bottom: 18px; padding:10px 0 20px 0;cursor: auto;}

.txt-tabella{font:18px NunitoSansLight,"Nunito Sans Light";color:#333333;line-height:1.6; margin-top:25px;border:1px solid #ccc;}
table#tabella-prodotti{width:100%;border-collapse:collapse;}
table#tabella-prodotti tr:nth-of-type(odd){background:#ebebeb;}
table#tabella-prodotti tr:nth-of-type(even){background:#f7f7f7;}
table#tabella-prodotti td, th{padding:8px 20px;}

@media (max-width: 1040px) {
.dfa{background-color:#ffffff;border-bottom: 35px solid transparent;}
.dfa .box-dfa{border-radius: 0px;width:100%; padding:0}
.tabss {width:70%;margin-left:15%; margin-right:15%; margin-top:55px; margin-bottom:0px}
.tabss label {display: none;}
.tabss .tab {display: block;border-top: 0px solid #ccc;padding: 30px 0px}
.tabss .tab .fa-solid {margin-right:10px}
.tabss .tab p{font:16px NunitoSansLight,"Nunito Sans Light";line-height:1.5;}  /* era font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.6; */
.tabss .tab h3{ display:block;font:18px NunitoSansExtrabold,"Nunito Sans Extrabold";letter-spacing: 1px;text-transform: uppercase;color: #555;padding-bottom: 25px;}
.tabss input[type="radio"]:checked + label {border-bottom: 0px solid #b58738;color: #999;}
.tabss summary {font:16px NunitoSansLight,"Nunito Sans Light";margin-left: 0px;font-weight: bold;line-height:1.3;}
.tabss summary:before {display:none}
.tabss summary::after {top: 21px;}
.txt-tabella{font:16px NunitoSansLight,"Nunito Sans Light";border:1px solid #555;line-height:1.3;}
table#tabella-prodotti td, th{padding:10px 10px;}
}
@media (max-width: 670px) {
.dfa .box-dfa{width: 90%;}
.tabss {width:100%; margin-left:0; margin-right:0; margin-top:35px; margin-bottom:0px}
.tabss .tab {padding: 30px 0px 15px 0px}
.tabss .tab p{padding:12px 0;}
.tabss .tab h3{padding-bottom: 18px;}
}



/* Modulo di Assistenza */
.box-assistenza{color:#666;margin-top:0px; padding:40px; background-color:#f0f3f3;border:1px solid #ccc;overflow:hidden} /* era margin-top:22px */

.header-assistenza{border:1px solid #d4d4d4; overflow:hidden; max-width:700px; margin-bottom:40px}
.foto-assistenza{background-color: transparent; float:left;width:300px; height:140px;}
.foto-assistenza img{display:block;}
.motivo-assistenza{font-size:17px;line-height:1.6;color:#666;float:right; margin-top:20px; margin-right:30px;width: 350px;}
.motivo-assistenza select {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:100%; border: 1px solid #ccc; background: #FFF; margin: 0px; padding: 15px; color:#666;outline:none;cursor:pointer;}
.motivo-assistenza select:hover{border: 1px solid #aaa;}

#otherType, #otherType2 {margin:0; padding:0; font: 16px NunitoSansRegular, "Nunito Sans Regular";line-height:1.6;}

.riga-sx{float:left; width:100%;clear: both;}
.riga-nome-email-sx{float:left; overflow:hidden; margin-top:20px;width:48%;}
.riga-nome-email-dx{float:right; overflow:hidden; margin-top:20px;width:48%;}
.icon {margin:0; padding: 19px 2px 19px 2px; text-align: center;background: #888; color: white; float:left;display: inline-block; width:10%}

.riga-sx input[type="text"] {  font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:48%; float:left;display: inline-block;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0px;
  padding: 15px;
  color:#666;}
.riga-nome-email-sx input[type="text"], .riga-nome-email-dx input[type="text"] {  font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:90%; float:left;display: inline-block;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0px;
  padding: 15px;
  color:#666;}
#assistenza button[type="submit"], #assistenza2 button[type="submit"] {width: 260px;}
#assistenza input[type="email"], #assistenza2 input[type="email"] {font: 16px NunitoSansRegular, "Nunito Sans Regular"; width:90%; float:left;display: inline-block;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0px;
  padding: 15px;
  color:#666;}
#assistenza textarea, #assistenza2 textarea {font: 16px NunitoSansRegular, "Nunito Sans Regular";line-height:1.6;resize: vertical; width:100%; min-height:200px;
  border: 1px solid #ccc;
  background: #FFF;
  margin:0;
  padding: 20px;
  color:#666;}

#assistenza input:focus, #assistenza2 input:focus {outline: 0;border: 1px solid #aaa;}
#assistenza .riga-sx input:focus, #assistenza2 .riga-sx input:focus {outline: 0;border: 1px solid #aaa;}
#assistenza textarea:focus, #assistenza2 textarea:focus {outline: 0;border: 1px solid #aaa;}

.riga-messaggio{float:left; overflow:hidden; margin-top:20px;width:100%}

.riga-privacy-sx {float:left;font: 15px NunitoSansRegular, "Nunito Sans Regular";line-height:1.6;background-color:#f0f3f3; color: #666; margin-top:10px;}
.riga-privacy-sx input[type="checkbox"] {margin-right:8px;margin-left:3px;-ms-transform: scale(1.4);/* IE */-moz-transform: scale(1.4);/* FF */-webkit-transform: scale(1.4);/* Safari and Chrome */-o-transform: scale(1.4);/* Opera */transform: scale(1.4);outline:none;cursor:pointer; }
.riga-privacy-sx label {display: inline;padding: 0px;margin-right:0px;cursor: pointer;transition: none;color: #666;font: 15px NunitoSansRegular, "Nunito Sans Regular";letter-spacing: normal;text-transform: none;line-height:1.6;}
.riga-privacy-sx a:link{color:#0000FF}
.riga-privacy-sx a:visited{color:#0000FF}
.riga-privacy-sx a:hover{color:#FF0000}
.riga-privacy-sx a:active{color:#0000FF}

.riga-invio-sx {float:left;font: 16px NunitoSansRegular, "Nunito Sans Regular";background-color:#f0f3f3; color: #666; margin-top:22px; width:320px}
#pulsante-invio, #pulsante-invio2 { outline:none;cursor:pointer;text-align:center;text-decoration:none;display:block; padding: 16px 0px;margin:0px 0px 10px 1px;font:17px NunitoSansSemibold,"Nunito Sans SemiBold";background-color: #fdf3ae;color:#1e2e45;border-radius:5px;border:solid 1px #bfaea1;} /* era giallo molto chiaro: fdf6c9 */
#pulsante-invio:hover, #pulsante-invio2:hover{background-color: #fff194;}
.fa-paper-plane{margin-left:16px;float:left;}
.riga-esito-invio {font: 16px NunitoSansRegular, "Nunito Sans Regular";background-color:#f0f3f3; color: #666; margin-top:22px; padding:2px 0px; line-height:1.5;display:inline-block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float:left}

@media (max-width: 1040px) {
.foto-assistenza{margin-left:4px}
.motivo-assistenza{float:left;margin-top:10px;margin-left:15px;margin-bottom:20px;}
.icon { display:none}
.riga-sx input[type="text"] {width:100%;}
.riga-nome-email-sx input[type="text"], .riga-nome-email-dx input[type="text"] {width:100%;}
#assistenza input[type="email"], #assistenza2 input[type="email"] {width:100%;}
}
@media (max-width: 670px) {
.box-assistenza{margin-top:18px; padding:20px;}
.header-assistenza{border:0px solid #d4d4d4;max-width:100%;margin-bottom:10px}
.foto-assistenza{margin-left:-9px}
.foto-assistenza img{border: none;max-width:80%; height:auto;}
.motivo-assistenza{width: 100%;margin-right:0px;border:0px solid #d4d4d4; margin-left:0px;margin-top:0px;line-height:1.2;}

.riga-nome-email-sx{float:left; width:100%;margin-top:10px;}
.riga-nome-email-dx{float:left; width:100%;margin-top:10px;}
.riga-messaggio{margin-top:10px;}

#otherType, #otherType2 {display: inline-block;}
.riga-invio-sx {margin:20px 0px 20px 0px;width:100%}
#assistenza button[type="submit"], #assistenza2 button[type="submit"] {width:100%;}
#pulsante-invio, #pulsante-invio2 {padding: 18px 0px;margin:0px; }
.riga-esito-invio {padding:5px 0px; display:block;width:100%;text-align:center;}
}


/* Descrizione */
.box-descrizione{display: grid;grid-template-columns: repeat(2, minmax(320px, 1fr));column-gap: 40px;row-gap: 50px; margin-top:50px;}
.box-descrizione .caratteristiche { padding:50px 40px 40px 40px; background-color:#f7f7f7;position:relative;border: 0px solid #888}
.box-descrizione .caratteristiche .icona-c{width:50px;height:50px;font:20px NunitoSansLight,"Nunito Sans Light";color:#ffffff;display:table;border: 0px solid #ffffff;position:absolute;top:-10px;left:40px;}
.box-descrizione .caratteristiche .arancio{background:#fecb3c;}
.box-descrizione .caratteristiche .rosso{background:#00af43;}
.box-descrizione .caratteristiche .azzurro{background:#96b8ff;}
.box-descrizione .caratteristiche .blu{background:#be9ee7;}

.box-descrizione .caratteristiche .icona-c .fa-solid,
.box-descrizione .caratteristiche .icona-c .fa-regular{display:table-cell;vertical-align:middle;text-align:center;}


.box-descrizione .caratteristiche p{color:#666;}
.box-descrizione .titolo-c {font:20px NunitoSansSemibold,"Nunito Sans SemiBold";color:#666; line-height:1.6;border-bottom: 0px solid #888; margin-bottom:10px;}


/* Indice e Guida */

.ig{width:100%;background-color:#ebebeb;padding:70px 0 70px 0;}
.ig .box-ig{width: 90%;max-width:1400px;margin: 0 auto;display: flex;align-items: flex-start;}
.ig .indice { padding:10px 20px 20px 20px; border-radius: 10px 0 0 10px;width:298px;background-color:#f7f7f7;position: sticky;top: 10px;}
.ig .guida { padding: 30px 50px 30px 50px; border-radius: 0 10px 10px 0; flex: 1;background-color:#ffffff;}

.indice .stileindice {font:20px NunitoSansSemibold,"Nunito Sans Semibold";margin: 20px 0px 40px 2px;color: #1e1e1e;border-bottom: 1px solid #cfcfcf; padding-bottom:5px;letter-spacing:1px;}
.indice ol {list-style: none;counter-reset: item;}
.indice li {margin-bottom: 15px;counter-increment: item;font:18px NunitoSansLight,"Nunito Sans Light";line-height:1.5; position:relative;margin-left: 44px;}
.indice li:before {margin-right: 10px;content: counter(item);background: #cec093;border-radius: 50%;color: white;width: 1.7em;text-align: center;display: inline-block;padding-top:3px; position:absolute; left:-44px; top:-2px}

.indice li a {display: inline-block;}
.indice li a:link{color:#1e1e1e;}
.indice li a:visited{color:#1e1e1e}
.indice li a:hover{color:#000000;}
.indice li a:active{color:#1e1e1e}

.guida .caption-sx-guida{width:50%;min-width:400px;max-width:640px;float:left; margin:22px 46px 28px 0px;}
.guida .caption-dx-guida{width:50%;min-width:400px;max-width:640px;float:right; margin:22px 0px 28px 46px;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{ display:block;width:100%;height:auto;}
.guida .clear {clear: both;}
.guida p{font:18px NunitoSansLight,"Nunito Sans Light";color:#1e1e1e; line-height:1.6;}

.guida h2 {font:28px NunitoSansSemibold,"Nunito Sans Semibold";color:#000000;margin:40px 0 26px 70px;position: relative;counter-increment: capitolih2;padding-top:20px;background-image: linear-gradient(to right, #cec093 40%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 10px 3px;background-repeat: repeat-x;padding-bottom:12px}
.guida h2:before {position: absolute;width: 50px;height: 36px;border-radius:50%;font:22px NunitoSansSemibold,"Nunito Sans Semibold";color:#ffffff;background-color:#cec093;text-align: center;top: 10px;left: -70px;content: counter(capitolih2); padding-top:14px}



@media (max-width: 1240px) {
.ig{background-color:#f7f7f7;padding:50px 0 50px 0;}
.ig .indice {border-radius: 0px;padding:10px 20px 20px 0px;width:278px; margin-right:20px}
.ig .guida { border-radius: 10px;}

.guida .caption-sx-guida, .guida .caption-dx-guida{ width:100%;max-width:900px;margin:22px 0px 38px 0px; position:relative;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:450px;position:relative;z-index: 2;border-right: 10px solid #ffffff;}

.guida .caption-sx-guida::after, .guida .caption-dx-guida::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  border-bottom: 4px solid #f8e3a2;
  border-right: 4px solid #f8e3a2;
  z-index: 0;
}
.guida .caption-sx-guida::before, .guida .caption-dx-guida::before {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 20px;
  width: 300px;
  height: 30%;
  background-image: radial-gradient(#000000 1px, transparent 1px);
  background-size: 12px 12px;
  z-index: 1;
}

.guida h2 {font:24px NunitoSansSemibold,"Nunito Sans Semibold";margin:40px 0 26px 62px;padding-top:16px;}
.guida h2:before {width: 46px;height: 33px;font:22px NunitoSansSemibold,"Nunito Sans Semibold";top: 10px;left: -62px; padding-top:12px}
}

@media (max-width: 1040px) {
.ig{background-color:#ffffff; padding:0}
.ig .box-ig{width:100%; display:block}
.ig .indice { width:100%; position:relative;top: 0px;margin-right:0px; padding:20px 5% 40px 5%;border-bottom: 2px solid #ebebeb; }
.ig .guida { width:90%;margin-left:5%; margin-right:5%;padding: 30px 0px 50px 0px}

.indice ol { max-width:500px;z-index: 2;position:relative; background-color:#f7f7f7;padding-right:20px}

.guida .caption-sx-guida{width:50%;min-width:350px;max-width:640px;float:left; margin:18px 42px 28px 0px;}
.guida .caption-dx-guida{width:50%;min-width:350px;max-width:640px;float:right; margin:18px 0px 28px 42px;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:900px;border-right: 0px solid #ffffff;}

.guida .caption-sx-guida::after, .guida .caption-dx-guida::after, .guida .caption-sx-guida::before, .guida .caption-dx-guida::before { display:none}

.ig .indice::after{
  content: "";
  position: absolute;
  bottom: 55px;
  right: 5%;
  width: 40px;
  height: 40px;
  border-bottom: 4px solid #f8e3a2;
  border-right: 4px solid #f8e3a2;
  z-index: 0;
}
.ig .indice::before {
  content: "";
  position: absolute;
  bottom: 72px;
  right: calc(5% + 20px);
  width: 300px;
  height: 30%;
  background-image: radial-gradient(#000000 1px, transparent 1px);
  background-size: 12px 12px;
  z-index: 1;
}

.guida p{font:16px NunitoSansLight,"Nunito Sans Light";line-height:1.5;padding:12px 0;}
}


@media (max-width: 680px) {

.indice ol {max-width:100%;padding-right:0px;}
.ig .indice::after, .ig .indice::before{display:none}

.guida .caption-sx-guida, .guida .caption-dx-guida{ width:100%;max-width:900px;margin:18px 0px 34px 0px; position:relative;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:400px;position:relative;z-index: 2;border-right: 10px solid #ffffff;}
.guida .caption-sx-guida::after, .guida .caption-dx-guida::after, .guida .caption-sx-guida::before, .guida .caption-dx-guida::before { display:block}
}

@media (max-width: 540px) {
.ig .indice {padding:20px 5% 30px 5%}
.indice .stileindice {margin: 20px 0px 30px 0px;letter-spacing: normal;border-bottom: 1px solid #cfcfcf;}

.guida .caption-sx-guida, .guida .caption-dx-guida{min-width:100px;}
.guida .caption-sx-guida img, .guida .caption-dx-guida img{max-width:900px;border-right: 0px solid #ffffff;}
.guida .caption-sx-guida::after, .guida .caption-dx-guida::after, .guida .caption-sx-guida::before, .guida .caption-dx-guida::before { display:none}

.guida h2 {line-height:1.2;margin:40px 0 26px 56px;}
.guida h2:before {width: 40px;height: 30px;left: -56px; padding-top:9px}
}





























/* h1 Spiagge più belle */

.ricerca-spiagge{
  background-image: url("images/home-background.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:#f8e3a2 !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:#f8e3a2; 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:#f8e3a2; 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:#f8e3a2; 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:#f8e3a2; 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:#f8e3a2; 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}
}



/* 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";}
}




/* 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 #ebebeb;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 #f8e3a2;}

.box-accedi #pulsante-accedi, .box-accedi #pulsante-invia{cursor:pointer;padding: 19px 20px;background:#ba9954; 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:#b58738}
.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 #ebebeb;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}
}










/* Nunito Sans Font */
@font-face {
    font-family: 'NunitoSansLight';
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-light-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.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.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-regular-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.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.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-semibold-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.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.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.eot');
    src: url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.woff2') format('woff2'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.woff') format('woff'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.ttf') format('truetype'),
         url('https://www.stilosodesign.com/fonts/nunito/nunitosans-extrabold-webfont.svg#nunito_sansextrabold') format('svg');
    font-weight: bold;
    font-style: normal;
}