/*
Theme Name: Associazione Balneari Follonica
Author: Tree Agency
Author URI: http://www.treeagency.it/
Description: Tema Wordpress di Associazione Balneari Follonica
Version: 1.1
License: GNU General Public License v2 or later
*/
/*Wordpress editor styles start*/
* {
  margin: 0;
  padding: 0;
  text-align: left;
}
.entry-content img {
  margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
/*Wordpress editor styles end*/

:root {
  --color1: #172F55;
  --color2: #ffffff;
  --color3: rgb(10 60 93 / 55%);
  --color4: rgb(10 60 93 / 20%);
  --color5: rgb(10 60 93 / 85%);
  --color6: rgb(10 60 93 / 0%);
  --color7: rgb(10 60 93 / 75%);
  --color8: rgb(255 255 255 / 0.12);
  --color8b: rgb(255 255 255 / 0.2);
  --color9: #d3def5;
  --color10: #F2A563;
  --color11: rgb(242 165 99 / 60%);
  --color12: rgb(23 47 85 / 60%);
  --color13: #B1532D;
  --color14: #0060AF;
  /* --color15: #616839; */
  /* --color16: #8e9862; */
  --font1: "Lexend Exa", sans-serif;
  --font2: "Poppins", sans-serif;
}
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
body {
  color: var(--color1);
  background-color: var(--color2);
  position: relative;
  font-family: var(--font2);
  font-size: 18px;
  font-weight: 300;
  /* letter-spacing: .6px; */
  line-height: 1;
  text-rendering: optimizeLegibility;
  /* -webkit-transition: top .4s cubic-bezier(.25,.46,.45,.94); */
  /* -moz-transition: top .4s cubic-bezier(.25, .46, .45, .94); */
  /* transition: top .4s cubic-bezier(.25,.46,.45,.94); */
  /* background-repeat: repeat; */
}
body.logged-in .main-navbar {
  top: 32px;
}
a {
  color: var(--color1);
}
a:hover {
   color: var(--color10);
}
.wrapper {
  position: relative;
  margin: 0 5%;
}
.wrapper2 {
  position: relative;
  margin: 0 10%;
}
.text-right, .text-right * {
  text-align: right !important;
}
.text-center, .text-center * {
  text-align: center !important;
}
.abs {
  position: absolute !important;
}
.z1 {
  z-index: 1;
  position: relative;
}
.z2 {
  z-index: 2;
  position: relative;
}
.z3 {
  z-index: 3;
  position: relative;
}
.z4 {
  z-index: 4;
  position: relative;
}
.z5 {
  z-index: 5;
  position: relative;
}
ul{list-style:none;padding:0;margin:0;}
.blocco-testo ul{
  margin-bottom:2vh;
}
h1 {
  position: relative;
  font-size: 82px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color1);
  font-family: var(--font1);
  text-transform: uppercase;
}

h2, h3 {
    font-size: 52px;
    line-height: 1.2;
    text-transform: initial;
    font-family: var(--font2);
    font-weight: 400;
    color: var(--color1);
    letter-spacing: 3px;
    text-transform: uppercase;
    /* margin-bottom: 4vh; */
  }
h3{
  font-size: 28px;
}
h2.underline, h3.underline{
  border-bottom:1px solid var(--color10) !important;
  margin-bottom:3vh;
}
h1:has(+ p), h1:has(+ h2), h1:has(+ h3), h2:has(+ p), h2:has(+ h4), h3:has(+ p), h3:has(+ h4) {
  margin-bottom: 2.5vh;
}

h4 {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2vh;
  line-height: 1.6;
  color: var(--color1);
  letter-spacing: 3px;
}
.container-fluid {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.posRel {
  position: relative;
}

.show-p .div-show-p {
  opacity:1;
  transform: translate(-50%, 10%) scale(1);
}
.the-arrow {
  width: 35px;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 50%;
  left: 23px;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: var(--color2);
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: var(--color2);
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: 0;
  /* position: relative; */
}
.the-arrow.-right > .shaft {
  width: 35px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 6px;
  transition-delay: 0.3s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: var(--color2);
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: var(--color2);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  color: var(--color2);
  font-size: 16px;
  padding: 13px 30px;
  border-radius: 50px;
  margin-top: 2vh;
  background: var(--color10);
  /* text-transform: uppercase; */
  overflow: hidden;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: var(--color2) !important;
  background-color: var(--color1) !important;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 35px;
  transition-delay: 0.1s;
  background-color: var(--color2);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 6px;
  transition-delay: 0.1s;
  background-color: var(--color2);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  transform: translateX(50px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}

.btn {
  border-radius: 0;
  padding: 0;
  margin: 10px 0 0 0;
  position: relative;
  border: 0;
}
.btn span {
  color:var(--color2);
  background: var(--color10);
  padding: 13px 30px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  box-shadow: 6px 6px var(--color1);
  transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.btn:hover span{
  margin-top: 6px !important;
  margin-left: 6px;
  box-shadow: -6px -6px var(--color1);
  background: var(--color13);
}

.btn.btn-mini {
  font-size: 13px;
  /* padding: 6px 20px; */
}
.btn.btn-mini2 {
  font-size: 15px;
  padding: 6px 20px;
}
.leaflet-container a {
    color: var(--color1);
}
.leaflet-container .btn {
    color: var(--color2);
}
.inverted .btn, .inverted.btn {
  /* border: 1px solid var(--color2); */
  /* background: none; */
}

.main-navbar {
  height: 120px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  pointer-events: none;
  /* display: none; */
}
.main-navbar:before {
  content:'';
position:absolute;
  width:100%;
  bottom:0;
  height:1px;
  left:0;
  background-color: var(--color2);
  z-index:2;
	display:none;
}
.no-topslide .main-navbar {
  height: 10vh;
}
.main-navbar::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 140%;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 1;
    background: linear-gradient(to bottom, var(--color5) 0%, var(--color6) 100%);
    transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 1;
}
@media (max-width: 991px){
  .main-navbar::after {
    height: 100%;
}
  body {
    font-size:16px;
  }
}
.main-navbar .logo-div, .main-navbar .rif {
  pointer-events:initial;
}
.main-navbar .logo {
  background-repeat: no-repeat !important;
  width: 280px;
  height: 77px;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 3;
  position: absolute;
  background-size: contain !important;
  background-position: center !important;
}
.no-topslide .main-navbar .logo {
  margin-top:10px;
}
.main-navbar .hamburger {
  position: absolute;
  top: 25px;
  left: 10px;
  width: 100px;
  height: 60px;
  z-index: 20;
  cursor: pointer;
  pointer-events: initial;
}
.main-navbar .hamburger svg {
  position: relative;
  top: 0;
  left: 0;
  width: 100px;
  height: 60px;
}
.main-navbar .hamburger svg line {
  stroke: var(--color2);
}
.main-navbar .hamburger svg line.line-three {
  /* width: 100%; */
  /* display: none; */
}

.booknow{display:inline-block;margin-right: 10px;position: relative;/* top:-80px; *//* right:-30px; */float:right;text-align:center;z-index:3;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.main-navbar .language:before{content:'';height:30px;width:1px;background: var(--color2);position:absolute;left:-5px;top:50%;display: none;transform:translate(0, -63%);}
.sticky.main-navbar .language:before{height:20px;}
.booknow .btn{/* border: 1px solid var(--color2); */margin: 0;/* padding: 15px 40px; *//* border-radius: 50px; *//* background: none; *//* width:100%; *//* height:100%; *//* left:0; *//* top:0; *//* bottom:0; */}
.booknow .btn:hover{/* border: 1px solid var(--color1); */}

.booknow a .testo{/* width:80%; *//* left: 0; *//* top: 0; */font-size: 16px;font-family:var(--font1);text-align:center;color: var(--color2);line-height:1;text-transform:uppercase;z-index:2;}
.sticky .booknow a .testo{/* top:50%; *//* left:5%; *//* font-size:18px; */}
.sticky.main-navbar .language a{/* font-size:18px; */}
.booknow .bg{background-color:var(--color9);z-index:1;border-radius:50%;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.booknow a:hover .bg{background-color:var(--color1);transform:scale(1.15);}
.sticky  .booknow a:hover span{/* color:var(--color3); */}
.sticky .booknow:hover{background:transparent;}
.main-navbar .rif{position:absolute;top:75px;left:80px;z-index:3;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.main-navbar .rif.right{position:absolute;top: 25px;left:initial!important;right: 20px!important;}
.sticky.main-navbar .rif.right{/* top:18px!important; */}
.sticky.main-navbar .rif{top:25px;left:30px;}
@media all and (max-width: 480px){
.booknow{width:100px;text-align:center;}
.booknow a:before{height:21px;top:25px;}
}
.main-navbar .language .language-options li:hover{background: var(--color2);}
.main-navbar .language .language-options li:hover a{color:var(--color1);}
.main-navbar .language{position:relative;float:right;display: block;text-align:center;/* margin: 10px 0 0 0; */min-width: 80px;font-family:var(--font1);text-transform:uppercase;z-index:3;padding: 2px 10px 0 10px;}
@media (max-width:1440px){
.main-navbar .language{/* z-index:3; *//* padding:1px 10px 0 10px; */}
.main-navbar .language  a{/* font-size:20px!important; *//* height:40px!important; *//* line-height:1!important; */}
.sticky.main-navbar .language  a{/* font-size:18px!important; */}
}
.main-navbar .language a{display: block;width: 100%;height: 100%;line-height:1;padding: 17px 0;color: var(--color2);text-align:center;font-size: 16px;letter-spacing:1px;text-decoration: none;}
.main-navbar .language a .fa{font-size:15px;}
.main-navbar .language:hover ul{/* display:block; */transform: scaleY(1);}
.main-navbar .language ul a{/* height:25px; */line-height: 1;margin: 0;/* padding: 0; */}
.main-navbar .language .language-options{display: block;position: relative;top: 100%;left:0;width: 99.9%;padding:0;/* height: 0; */transform: scaleY(0);/* overflow: hidden; */transform-origin: top left;-webkit-transition: transform 0.4s cubic-bezier(.4, 0, 0, 1) !important;transition: transform 0.4s cubic-bezier(.4, 0, 0, 1) !important;}
.main-navbar .language .language-options li{width:100%;height: 100%;position: relative;display: block;}
.main-navbar .language .language-options:before{content:'';position:absolute;top:-1px;width:100%;height:1px;background:var(--color1);z-index:2;}
.main-navbar .language .language-options{background:var(--color1);}
.main-navbar .language ul a{color: var(--color2);}
@media only screen and (max-width: 1439px){
.booknow{top:-80px;right:-30px;}
.booknow a .testo{/* width:80%; *//* left:8%; *//* top:53%; *//* font-size:20px; */}
.sticky .booknow a .testo{/* top:50%; *//* left:5%; */}
}
@media only screen and (max-width: 1180px){
.booknow{/* top:-80px; *//* right:-30px; */}
.booknow a .testo{/* width:80%; *//* left:8%; *//* top:53%; */}
.sticky .booknow a .testo{/* top:55%; *//* left:5%; *//* font-size:18px; */}
}
@media only screen and (max-width: 991px){
.booknow{display:none;}
  .main-navbar .hamburger {
  top: 15px;
}
.main-navbar .language{/* display:none; */min-width: 60px;}
.main-navbar .language a,.booknow a,.booknow a span{font-size:12px;}
.main-navbar .language .language-options{/* display:none; *//* position:absolute; *//* left:0; */}
.main-navbar .language .language-options:before{content:'';position:absolute;top:0;width:100%;height:1px;background:var(--color3);z-index:2;}
}


.menuOffCanvas {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 0;
  z-index: 997;
  overflow: hidden;
  background: var(--color2);
  -webkit-transition: height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.menuOffCanvas-cont {
  overflow-y: scroll;
  z-index: 2;
  position: absolute;
  margin: auto;
  left: 50%;
  top: 50%;
  width: 85%;
  transform: translate(-50%, calc(-50% - -40px));
}
.menuOffCanvas-cont::-webkit-scrollbar {
  display: none;
}
.menuOffCanvas-cont {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.menuOffCanvas .img-cover{
  height:100%;
}
.menuOffCanvas-cont ul {
  width: 100%;
  position: relative;
  /* display: inline-block; */
  margin: 0;
  padding: 0;
  /* column-count: 2; */
}
.menuOffCanvas-cont ul li {
  text-align: center;
  padding: 1vh 0;
  /* color: var(--color3); */
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  /* width: 50%; */
  /* display: inline-block; */
  /*-webkit-animation: fade-out .4s forwards;
  -moz-animation: fade-out .4s forwards;
  -ms-animation: fade-out .4s forwards;
  animation: fade-out .4s forwards;*/
}
.is-open .menuOffCanvas-cont ul li {
  opacity: 1;
  /*-webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  transform: translateY(-40%);
  -webkit-animation: slideDown .4s forwards;
  -moz-animation: slideDown .4s forwards;
  -ms-animation: slideDown .4s forwards;
  animation: slideDown .4s forwards;*/
}
/*
.menuOffCanvas-cont ul li {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(1) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -ms-animation-delay: .4s;
  animation-delay: .4s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(2) {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -ms-animation-delay: .6s;
  animation-delay: .6s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(3) {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -ms-animation-delay: .8s;
  animation-delay: .8s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(4) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(5) {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(6) {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -ms-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(7) {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(8) {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(9) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(10) {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -ms-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(11) {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -ms-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.is-open .menuOffCanvas-cont ul li:nth-child(12) {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -ms-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
*/
.menuOffCanvas-cont ul li a {
  color: var(--color2);
  font-weight: 500;
  position: relative;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: var(--font1);
  font-size: 35px;
  line-height: 1;
  text-decoration: none;
}
.menuOffCanvas-cont ul li span {
  height: 10px;
  width: 0;
  position: absolute;
  left: -10%;
  bottom: 8%;
  display: none;
  /* transform: translate(0, -50%); */
  z-index: 1;
  background-color: var(--color10);
  /* margin-top: 2px; */
  -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menuOffCanvas-cont ul li.current-menu-item span {
  /* width: 120%; */
}
.menuOffCanvas-cont ul li:hover a span, .menuOffCanvas-cont ul li.active a span {
  width: 120%;
}
body {
  height: 100vh;
  display: grid;
  place-items: center;
  /* font-family: sans-serif; */
}

.menuOffCanvas-cont .menu-item a {
  color: transparent;
  margin: 0;
  perspective: 800px;
  position: relative;
  transform-style: preserve-3d;
}

.menuOffCanvas-cont .menu-item a::before,
.menuOffCanvas-cont .menu-item a::after {
  content: attr(data-label);
  position: absolute;
  width: 100%;
  inset: 0;
  z-index: 2;
  transition: 1.2s cubic-bezier(.47,1.64,.41,.8);
}

.menuOffCanvas-cont .menu-item a::before {
  color: var(--color2);
  opacity: 1;
  transform: translateZ(10px);
}

.menuOffCanvas-cont .menu-item a::after {
 color: var(--color2);
 opacity: 0;
 transform: rotateX(90deg) translateZ(30px);
}

.menuOffCanvas-cont .menu-item:hover a::before {
  opacity: 0;
  transform: translateY(24px) rotateX(-90deg);
}

.menuOffCanvas-cont .menu-item:hover a::after {
  opacity: 1;
  transform: translateZ(10px);
}



.menuOffCanvas .divBg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.menuOffCanvas .divBg img {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 0;
}
.menuOffCanvas .divBg img.active {
  z-index: 2;
  opacity: 1;
}
.menuOffCanvas .divBg:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(55 53 54 / 45%);
  mix-blend-mode: multiply;
  opacity: 0.85;
  z-index: 2;
}
.menuOffCanvas.is-open {
  height: 100vh;
}
@media only screen and (max-width: 1440px) {
  .menuOffCanvas-cont ul li a {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {

  .menuOffCanvas-cont ul {
    column-count: 1;
    margin: 0;
    padding: 0;
  }
  .menuOffCanvas-cont {
    z-index: 2;
    margin: initial;
    padding: 23vh 7vw 9vh 7vw;
    left: 0;
    top: initial;
    width: 100%;
    transform: initial;
    height: 100vh;
  }
  .menuOffCanvas-cont ul li, .menuOffCanvas-cont ul li * {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .menuOffCanvas-cont ul li a {
    font-size: 20px;
    color: var(--color2) !important;
  }
  .menuOffCanvas-cont ul li a:before, .menuOffCanvas-cont ul li a:after {
    display:none !important;
  }
  .menuOffCanvas-cont ul li {
    padding: 2vh 0;
}
}

@-webkit-keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes slideDown {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes slideDown {
  100% {
    opacity: 1;
    -moz-transform: translateY(0%);
  }
}
@keyframes slideDown {
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.top-slide {
  overflow: hidden;
}
.top-slide, .big-carousel, .big-carousel .slick-slide {
  height: 100vh;
  z-index: 1;
  margin: 0 !important;
  position: relative;
}
.big-carousel .testo-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom:0;
  right:0;
  z-index: 3;
}
.big-carousel .testo-container img {
  position: relative;
  max-width:270px;
}
.big-carousel .testo-container:not(.noBg) {
  /* background: var(--color4); */
}
.big-carousel .testo {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.big-carousel .testo-container.noBg .testo {
  top: initial;
  bottom: 23%;
  transform: translate(-50%, 0%);
}
.big-carousel .testo-container h1, .big-carousel .testo-container h2, .big-carousel .testo-container h3, .big-carousel .testo-container h4, .big-carousel .testo-container h5, .big-carousel .testo-container p {
  text-align: left;
  color: var(--color2);
  white-space: normal;
  word-wrap: break-word;
  overflow: visible;
  display: block;
  /* margin-bottom: 0vh; */
}
.big-carousel .testo-container h2{
  font-weight: 200;
}
@media (min-width:992px){
.big-carousel .testo-container h2 {
  font-size: 70px;
}
.big-carousel .testo-container h1 {
  font-size: 100px;
}
}
.big-carousel .slick-slide .img-container:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  mix-blend-mode: hard-light;
  background: var(--color4);
}
.big-carousel .img-container {
    height: 105%;
}
.big-carousel .slick-slide img {
  position: relative;
  z-index: 1;
  transition: all 1200ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1.1, 1.1);
}
.big-carousel .slick-slide.slick-active img {
  transform: scale(1, 1);
}
.slick-nav {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background: var(--color10);
  /* box-shadow: 3px 3px var(--color1); */
  transform: translate(0,-50%);
}
.slick-nav.prev-arrow {
  left: 5%;
  transform: translate(0,-50%) scaleX(-1);
  z-index: 999;
}
.slick-disabled {background: var(--color8b);pointer-events:none;opacity: .5;}

.slick-disabled.slick-nav i:before, .slick-disabled.slick-nav i:after {
    background: var(--color2);
}

.slick-nav.next-arrow {
  left: auto;
  right: 5%;
}
.slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.slick-nav i:before, .slick-nav i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--color3);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
.slick-nav i:before {
  transform: rotate(-40deg);
}
.slick-nav i:after {
  transform: rotate(40deg);
}
.slick-nav:before, .slick-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid var(--color2);
}
.slick-nav.inverted:before, .slick-nav.inverted:after {
  /* border: 2px solid var(--color2); */
}
.slick-nav.inverted i:before, .slick-nav.inverted i:after {
    background: var(--color2);
}
.slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 4;
  color: var(--color2);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}

.dots-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  gap: 20px; /* distanza fra frecce e dots */
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 7vh;
}

.dots-wrapper .prev-arrow,
.dots-wrapper .next-arrow, .dots-wrapper .slick-dots {
  cursor: pointer;
  position:relative;
  right: initial;
  left: initial;
  top: initial;
  bottom: initial;
}
.dots-wrapper .slick-dots {
  width:initial;
  bottom: 22px;
  /* display: none; */
}


.related-carousel .slick-nav, .products-carousel .slick-nav {
   top:50%;
}
.related-carousel .slick-nav.prev-arrow{
  left: -5%;
}
.related-carousel .slick-nav.next-arrow {
  right: -5%;
}
.products-carousel .slick-nav.prev-arrow{
  left: -4%;
}
.products-carousel .slick-nav.next-arrow {
  right: -4%;
}
.related-carousel .slick-nav svg, .products-carousel .slick-nav svg {
  /* color: var(--color1); */
}
.related-carousel .slick-nav i:before, .related-carousel .slick-nav i:after,.products-carousel .slick-nav i:before, .products-carousel .slick-nav i:after {
  /* background: var(--color1); */
}
.related-carousel .slick-nav:before, .related-carousel .slick-nav:after, .products-carousel .slick-nav:before, .products-carousel .slick-nav:after {
  /* border: 2px solid var(--color4); */
}
.related-carousel img{
  aspect-ratio:4/3;
}

.slick-nav.animate svg {
  -webkit-animation: stroke 1s ease forwards 0.3s;
  animation: stroke 1s ease forwards 0.3s;
}
.slick-nav.animate i {
  -webkit-animation: arrow 1.6s ease forwards;
  animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
  -webkit-animation: arrowUp 1.6s ease forwards;
  animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
  -webkit-animation: arrowDown 1.6s ease forwards;
  animation: arrowDown 1.6s ease forwards;
}
@-webkit-keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.reveal img, .reveal:before {
  transform-origin: left;
}
.slick-dots {
  position: absolute;
  bottom: 7vh;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.slick-dots > li:only-child {
    display: none;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li {
  height: 23px;
  width: 50px;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li button {
  position: relative;
  opacity: 0.35;
  width: 50px;
  height: 100%;
  padding: 10px 0;
}
.slick-dots li button:after {
  content:'';
  position: absolute;
  background-color: var(--color2);
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 50px;
  height: 3px;
  /* padding: 10px 0; */
}
.slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.slick-dots li.slick-active button {
  color: var(--color2);
  opacity: 1;
}
.slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}
#scroll-wrapper {
  position: absolute;
  /* display: table; */
  z-index: 2;
  bottom: 50px;
  right: 0;
  /* width:100%; */
  /* height:100%; */
}
#scroll-wrapper-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#scroll-down {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center;
}
#scroll-title {
  /* display: block; */
  text-transform: uppercase;
  position: relative;
  color: var(--color2);
  font-size: 14px;
  letter-spacing: 0.4em;
  text-align: center;
  transform: rotate(90deg);
  margin-bottom: 75px;
}
#scroll-down::before {
  -webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* Safari 4+ */
  -moz-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* Fx 5+ */
  -o-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* Opera 12+ */
  animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* IE 10+, Fx 29+ */
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 90px;
  background: var(--color2);
  content: ' ';
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
.layout-1 img {
  aspect-ratio:1;
}
.layout-5 .img1 img {
  aspect-ratio:3/4;
}
.layout-1 .left .testo{
  padding: 10vh 7vw 10vh 0;
}
.layout-1 .right .testo{
  padding: 10vh 0 0 7vw;
}
.element.ombrellone {
  background:url('img/ombrellone.svg');
  width: 100%;
  height: 40vw;
  position:absolute;
  top: 0;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.element.sabbia {
  background:url('img/sabbia.png');
  width: 100%;
  height: 70vh;
  position:absolute;
  top: 45%;
  background-size: cover !important;
  background-repeat:no-repeat !important;
  background-position: top center !important;
}
.wrapper3{position:relative;margin:0 15%;}

@media (max-width:991px){
  .layout-1 img {
    aspect-ratio: 4/3;
}
.wrapper3{position:relative;margin:0 7%;}
  .element.ombrellone{
    position:relative;
  }
}

.blocco-quad{
  position:relative;
  margin: calc(var(--bs-gutter-x) * .5) 0;
}
.blocco-quad.slick-slide{
  /* position:relative; */
  margin: 0 calc(var(--bs-gutter-x) * .5);
}
.blocco-quad .testo-container {
  position:absolute;
  z-index:2;
  bottom:0;
  width: 100%;
  padding: 2vh 3vw;
  text-align:center;
}
.blocco-quad .testo-container:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to top, var(--color5) 0%, var(--color6) 100%);
    transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 1;
}
.blocco-quad .testo-container *{
  text-align:center;
  color:var(--color2);
  position: relative;
  z-index: 2;
}
.blocco-quad .testo-container h1{
  font-size:40px;
}
.blocco-quad .img-container {
  position:relative;
  z-index:1;
}
.blocco-quad .img-container img {
  aspect-ratio:1;
}

.slider-stabilimenti .prev-arrow {
  left: -1%;
}
.slider-stabilimenti .next-arrow {
  right: -1%;
}

.bg1 {
  background: var(--color11);
}


.layout-5 .img2 img{
  aspect-ratio:1;
}
.layout-5 .img2{
  position:absolute;
  width: 70%;
  top: 65%;
}
.layout-5 .left .img2{
  right: -35%;
}
.layout-5 .right .img2{
  left:-25%;
}
.layout-6 {
  background: var(--color14);
  overflow:hidden;
}
.layout-6 *{
  color:var(--color2);
}
.layout-6 .testo {
  padding: 15vh 6vw;
}
#slick-offerte.layout-6 .testo {
  padding: 15vh 6vw;
}
.layout-6 img {
  aspect-ratio:1;
}
.form-container .element.salvagente {
  background:url('img/salvagente.svg');
  width: 12vw;
  height: 12vw;
  position:absolute;
  top: 15%;
  left: 3vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.materassino {
  background:url('img/materassino.svg');
  width: 23vw;
  height: 30vw;
  position:absolute;
  top: 35%;
  left: -7vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.surf {
  background:url('img/surf.svg');
  width: 23vw;
  height: 30vw;
  position:absolute;
  top: -5%;
  right: -2vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.palla {
  background:url('img/palla.svg');
  width: 10vw;
  height: 10vw;
  position:absolute;
  top: 42%;
  right: 2vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.ciabatte {
  background:url('img/ciabatte.svg');
  width: 9vw;
  height: 9vw;
  position:absolute;
  top: 72%;
  right: 5vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}.form-container .element.salvagente {
  background:url('img/salvagente.svg');
  width: 12vw;
  height: 12vw;
  position:absolute;
  top: 15%;
  left: 3vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.materassino {
  background:url('img/materassino.svg');
  width: 23vw;
  height: 30vw;
  position:absolute;
  top: 35%;
  left: -7vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.surf {
  background:url('img/surf.svg');
  width: 23vw;
  height: 30vw;
  position:absolute;
  top: -5%;
  right: -2vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.palla {
  background:url('img/palla.svg');
  width: 10vw;
  height: 10vw;
  position:absolute;
  top: 42%;
  right: 2vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.form-container .element.ciabatte {
  background:url('img/ciabatte.svg');
  width: 9vw;
  height: 9vw;
  position:absolute;
  top: 72%;
  right: 5vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
}
.layout-10 .testo-container {
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 25%;
    transform: translate(-50%, 0);
    z-index: 3;
    text-align: center;
}
.layout-10 .testo-container *{
    color: var(--color2) !important;
    text-align: center;
    /* font-size: 28px; */
    /* font-weight: 600; */
    /* font-family: var(--font2); */
    /* text-transform: uppercase; */
}
.layout-10 img{
    aspect-ratio:3/4;
}

.layout-10 .slick-slide {
  position:relative;
  padding: 0 .7vw;
}

.layout-10 .next-arrow, .layout-10 .prev-arrow {
  top: initial;
  bottom: 0;
}
.layout-10 .right .next-arrow {
  left: -10px;
}
.layout-10 .right .prev-arrow {
  left: -65px;
}
.layout-10 .left .next-arrow {
  right: -65px;
}
.layout-10 .left .prev-arrow {
  left: initial;
  right: -10px;
}

.slider-layout11 {
  margin:5vh 0;
  padding: 0 1vw;
}
.slider-layout11 .slick-slide{
  padding: 0 1vw;
}
.slider-layout11 img{
  aspect-ratio: 16/9;
}
.slider-layout11 .slick-dots{
  position: relative;
  bottom:0;
  margin-top: 1vh;
}
.slider-layout11 .slick-dots li button:after {
    background-color: var(--color3);
}

.anim-testo p, .anim-testo .split-line {
  position: relative;
  overflow: hidden;
  line-height: 1.8;
  /* letter-spacing: .34px; */
}
.grid-images {
  display: inline-block;
  position: relative;
}
.grid-images .image {
  display: inline-block;
  float: left;
  width: 50%;
  /* padding-bottom: 30%; */
  height: 40vh;
  padding-right: 1vw;
  padding-bottom: 1vw;
}
.plyr__video-wrapper.plyr__video-embed {
  height: 100%;
  padding: 0;
  margin: 0;
}
.plyr--video {
  height: 100%;
}
.video-section .plyr--video {
  height: 90%;
}
.plyr__video-embed iframe {
  width: 300% !important;
  margin-left: -100%;
}
.layout-video {
  margin: 10vw 0;
}
.layout-video .video {
  /* height: 80vh; */
  padding: 0 10vw;
}
.blocco-testo li {
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
    text-align: left !important;
}
li .custom-marker {
  margin-right: 9px
}
.layout-4, .layout-5 {
  /* margin: 10vh 0; */
  overflow: hidden;
}
.layout-5 .blocco-testo {
  mix-blend-mode: plus-lighter;
  left: 0;
}
.layout-5.alloggi .posRel {
  margin-bottom:5vh;
}
.layout-5.alloggi .blocco-btn {
  right: 0;
  width: 100%;
  /* float: right; */
}
.layout-5 .left .testo{
  padding: 15vh 15vw 10vh 0;
}
.layout-5 .right .testo{
  padding: 15vh 0 10vh 15vw;
}
.layout-5.alloggi .blocco-testo .testo {
  padding: 3vh 0 !important;
  }
.layout-5.alloggi .blocco-testo {
  top: 3vh !important;
  position: relative !important;
  width: 100%;
}
.layout-5 .blocco-btn {
  bottom: 6vh;
}
.layout-5 .blocco-btn > div {
  padding-right: 4vw;
}
.layout-5.alloggi .blocco-btn > div {
  padding-right: 1vw;
}
.layout-5 .blocco-testo .testo * {
  /* color: var(--color10); */
  /* font-weight: 400; */
}
.layout-5 .reveal:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  mix-blend-mode: hard-light;
  background: var(--color4);
}
.layout-5 .logo {
  height: 36vh;
  width: 15vw;
  position: absolute;
  right: 6vw;
  bottom: 13vh;
  mix-blend-mode: multiply;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
}
.zoom-foto {
  overflow: hidden;
  position: relative;
}
.zoom-foto img {
  aspect-ratio: 4/3;
}
.layout-10 {
  /* margin: 25vh 0; */
}
.anim-testoOriz {
  padding-bottom: 0;
  /* margin: 25vh 0; */
}
.anim-testoOriz h1 {
  padding-bottom: 0;
  margin-bottom: 0;
  transform: scale(1.5);
  /* font-weight: 400; */
}
.anim-testoOriz .split-line:nth-child(even) {
  color: var(--color10);
}
.layout-11 {
  /* margin-top: 20vh; */
  /* margin-bottom: 20vh; */
}
.layout-11 .row1 .blocco-testo {
  mix-blend-mode: plus-lighter;
}
.layout-11 .row1 .blocco-testo h1 {
  transform: scale(1.25);
  color: var(--color10);
}
.layout-11 .row2 {
  margin-top: -5vh;
}
.layout-11 .row2 .anim-testo {
  padding-top: 6vh;
}
.layout-11 .row3 {
  margin-top: -5vh;
}
.layout-11 .row4 {
  margin-top: -5vh;
}
.layout-11 .row5 {
  margin-top: -5vh;
}
.layout-11 .logo {
  height: 30vh;
  width: 13vw;
  position: absolute;
  left: 14vw;
  bottom: 21vh;
  display: none;
  mix-blend-mode: multiply;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
}
.layout-13 {
  margin: 15vh 0;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pad-4w {
  padding: 4vw !important;
}
.pad-5w {
  padding: 5vw !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mt-3per {
  margin-top: 3%;
}
.mt-5per {
  margin-top: 5%;
}
.mt-7per {
  margin-top: 7%;
}
.mt-10per {
  margin-top: 10%;
}
.mb-3per {
  margin-bottom: 3% !important;
}
.mb-5per {
  margin-bottom: 5% !important;
}
.mb-7per {
  margin-bottom: 7% !important;
}
.mb-10per {
  margin-bottom: 10% !important;
}
.pt-5per {
  padding-top: 5% !important;
}
.pt-7per {
  padding-top: 7% !important;
}
.pt-10per {
  padding-top: 10% !important;
}
.pb-5per {
  padding-bottom: 5% !important;
}
.pb-7per {
  padding-bottom: 7% !important;
}
.pb-10per {
  padding-bottom: 10% !important;
}
.pb-15per {
  padding-bottom: 15% !important;
}
@media (max-width: 991px) {
  footer {
    padding-bottom: 68px !important;
  }
.form-container .element.salvagente {
  left: -5vw;
}
.form-container .element.materassino {
  left: -16vw;
}
.form-container .element.surf {
  right: -13vw;
}
.form-container .element.palla {
  right: -6vw;
}
.form-container .element.ciabatte {
  right: -3vw;
}
}
@media (min-width: 992px) {
  .row-md-flex-center {
    display: flex;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: row;
  }
}
footer .footer-copyright {
  /* border-top: 1px solid var(--color9); */
}
@media (max-width:768px) {
  .footer-social-links, .footer-social-links * {
    text-align: center !important;
  }
}
footer {
  /* background: var(--color9); */
  /* margin-top: 10vh; */
}
footer * {
  /* color: var(--color2) !important; */
}
footer a {
  text-decoration: none;
}
footer .line-container .line {
  /* background-color: var(--color2); */
}
footer a:hover {
  color: var(--color1);
  text-decoration: underline;
}
footer .footer-social-links a:hover {
  color: var(--color3);
  text-decoration: underline;
}
footer .footer-social-links a:hover i {
  border-color: var(--color15);
  background: var(--color15);
}
footer .footer-social-links a:hover i:before {
  color: var(--color14) !important;
}
footer .copyright a:hover {
  color: var(--color1);
  text-decoration: underline;
}
footer .logo {
  margin: 0 auto 2vh;
  opacity: 1;
  width: 80% !important;
  max-width: 200px;
  height: 20vh !important;
  position: relative;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
@media (max-width: 768px) {
  .xs-text-center, .xs-text-center * {
    text-align: center !important;
  }
  footer .logo {
    background-position: center center !important;
  }
  footer [class*="col-"]:first-child {
    margin-top: 0px;
  }
  .footer-social-links, .footer-social-links * {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .sm-text-center, .sm-text-center * {
    text-align: center !important;
  }
}
.copyright {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}
.footer-social-links {
  width: 100%;
  display: inline-block;
}
.footer-social-links a {
  margin: 0 5px 5px 0;
  display: inline-block;
}
.footer-social-links i {
  font-size: 25px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 47px;
  border-radius: 50px;
  color: var(--color2);
  border: 1px solid var(--color2);
  text-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (min-width: 992px) {
  .row-md-flex-center > [class^="col-"], .row-md-flex-center > [class*=" col-"] {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .row-md-flex-center.top-align > [class^="col-"], .row-md-flex-center.top-align > [class*=" col-"] {
    display: flex;
    align-items: initial;
    flex-direction: row;
  }
  .row-md-flex-center > [class^="col-"] > div, .row-md-flex-center > [class*=" col-"] > div {
    flex-grow: 1;
    width: 100%;
  }
}
footer .row-md-flex-center > div {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  footer .logo {
    width: 100% !important;
    /* margin: 0; */
    margin-bottom: 4vh;
    left: 0;
    height: 10vh !important;
  }
  footer [class*="col-"]:first-child {
    margin-top: 0px;
  }
  .footer-social-links {
    text-align: center;
  }
  footer .bordered {
    border-right: none !important;
    border-bottom: 1px solid var(--color1);
    margin-bottom: 30px;
  }
}
footer, footer p {
  font-size: 15px;
  line-height: 1.6;
}
footer .bordered {
  border: 0;
  border-right: 1px solid var(--color1);
}
.footer-riferimenti {
  padding-top: 7vh;
  padding-bottom: 7vh;
  /* border-top: 1px solid var(--color1); */
}
.row-md-flex-center {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .row-md-flex-center {
    width: 100%;
  }
  .row-md-flex-center > [class^="col-"] > div {
    width: 100%;
  }
}
.logo {
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain !important;
  background-position: center !important;
}

#map{
  height:60vh;
}
.home #map{
  height:80vh;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-touch .leaflet-bar {
  box-shadow: 0 3px 14px var(--color4);
  border-radius: 0;
  /* background:var(--color14); */
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-touch .leaflet-bar {
  border: 1px solid var(--color1);
}
.leaflet-touch .leaflet-bar a {
  background:var(--color14);
  border-bottom: 1px solid var(--color15);
}
.leaflet-touch .leaflet-bar a:last-of-type {
  border-bottom: none;
}

.leaflet-container a.leaflet-popup-close-button {
    width: 30px;
    height: 40px;
    color: var(--color1);
}
.leaflet-container a.leaflet-popup-close-button span {
    font-size: 30px;
    font-weight: 100;
}
.leaflet-bottom.leaflet-right{
  display:none !important;
}

.map-contatti .blocco-testo .testo{
  /* padding: 15vh 5vw 0 1vw; */
  vw; */
}
.map-contatti .blocco-testo.titolo .testo{
  padding:0;
}
.map-contatti .blocco-testo.titolo{
  top: 5vh;
  pointer-events: none;
  transform:scale(1.5);
  padding:0;
  width: 100%;
  transform-origin: center;
}
.map-contatti .blocco-testo.titolo h1{
  margin-bottom:.5vh;
}


.logo-partner{margin:0 auto;width:110px;height:125px;position:relative;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;}
@media (max-width: 480px){
.logo-partner{width:80px;height:80px;}
}
@media (min-width: 768px){
.logo-partner{left:0;}
}
@media (max-width: 768px){
.partners{padding: 1vh 0 3vh !important;}
.partners ul{width:initial!important;float:initial!important;margin:0 auto;}
.partners li{padding:0 7px!important;}
.xs-text-center,.xs-text-center *{text-align:center!important;}
}
.partners ul{width:100%;}
.partners li{display:inline-block;padding:0 0 8px 13px;}
.partners li:first-child{padding:0 0 8px 0;}
.partners{padding-top:7px;text-align:center;/* position: relative; */}
.partners *{text-align:center;}
.partners img{object-fit: contain;}

.partners-cont {
  /* border-top: 1px solid var(--color1); */
  /* border-bottom: 1px solid var(--color1); */
}

#richiesta-prenotazione {
    /* border-top: 1px solid var(--color1); */
}
.form-container p{font-size:13px;line-height:15px;margin-top:10px;text-align:center!important;}

.form-container button {/* background: var(--color14); */}

.form{background:none;display:inline-block;text-align:center;}
.form-container .form{width:100%;position:relative;z-index:2;}
.form input:not([type="submit"]):not([type="checkbox"]):not([type="button"]):not([type="radio"]),.form select,.form textarea{/* color: var(--color2); *//* font-size:18px; */border:none;background:transparent;border-bottom: 1px solid var(--color1);}
#richiesta-prenotazione input[type="text"],#richiesta-prenotazione input:not([type="submit"]):not([type="checkbox"]):not([type="button"]):not([type="radio"]),#richiesta-prenotazione .form select,#richiesta-prenotazione .form textarea{/* color: var(--color2); *//* font-size:18px; *//* border:none; *//* height: 40px; *//* background:transparent; *//* border-bottom: 1px solid var(--color1); */}
#richiesta-prenotazione .form textarea{border: 1px solid var(--color1);}
.form select{padding:0px 10px;margin:0px;border-radius:0px;outline:none;display:inline-block;-webkit-appearance:none;cursor:pointer;}
.form textarea{min-height:87px;resize:none;}
.gform_wrapper,.gform_wrapper form{display:inline-block;width:100%;}
.ginput_container_date span{display:none;}
.gfield_checkbox label{width:calc(100% - 16px);padding-left:6px;font-size:15px;}
.ginput_container.ginput_container_checkbox{display:inline-block;float:left;width:100%;}
.gfield_html_formatted{display:inline-block!important;font-size:13px;line-height: 1.5;/* color: var(--color2); */}
input[type="checkbox"]{float:left;margin:0px 3px 0px 0px;display:inline-block;position:relative;}
.gsection{clear:both;width:100%;height:5px;margin:0!important;}
.gform_wrapper form{margin-bottom:0px;}
.gform_wrapper .gfield_required{margin-right:2px;}
.ginput_container input:not([type="checkbox"]):not([type="radio"]),.ginput_container select,.ginput_container textarea{width:100%;padding:6px 12px;font-size:14px;color:var(--color1);vertical-align:middle;border:0;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.ginput_container input:focus,.ginput_container select:focus,.ginput_container textarea:focus{outline:0px;/* box-shadow:rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(221, 205, 180, 0.7) 0px 0px 8px; */}
.ginput_container input:focus,.ginput_container select:focus,.ginput_container textarea:focus{outline:0px;box-shadow:none;border-bottom:1px solid var(--color13)!important;}
#richiesta-prenotazione .ginput_container textarea:focus{outline:0px;box-shadow:none;border: 1px solid var(--color13);}
.ginput_container select[disabled]{cursor:not-allowed;background-color:rgb(238, 238, 238);}
.ginput_container textarea{height:93px;}
.gfield,.ginput_container{position:relative;}
.gfield{margin-bottom:20px;}
.gfield--type-honeypot{display:none!important;}
.ginput_container_select::after{content:"";background-image:url(img/down-arrow.svg);right:10px;bottom:7px;width:20px;height:20px;padding:0px 0px 2px;position:absolute;pointer-events:none;z-index:2;}
.ginput_container_select:hover::after{color:var(--color1);}
.ginput_container_date::after{content:"\f073";font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17px;line-height:normal;font-family: "Font Awesome 6 Free";color: var(--color2);right:10px;bottom:7px;padding:0px 0px 2px;position:absolute;pointer-events:none;}
.ginput_container_date:hover::after{cursor:pointer;color:var(--color1);}
.gform_footer.top_label{display:initial;width:100%;position:relative;}
@media (max-width: 991px){
.gform_footer.top_label .btn{margin:0 auto;position:relative;max-width:100%!important;}
.gform_footer.top_label{display:inline-block;}
  #richiesta-prenotazione .form-container {
    padding: 10vh 10vw !important;
}
}
#richiesta-prenotazione .form-container{/* font-weight:500; *//* padding:7vh!important; */background: var(--color9);padding: 10vh 25vw;/* overflow: hidden; */}
.form-container p{font-size:11px;text-align:center!important;}
p.gform_required_legend{display:none;}
#richiesta-prenotazione .form a{/* color: var(--color2); */font-weight: 600;}
#richiesta-prenotazione .form a:hover{/* color:var(--color2); */text-decoration:underline;}
@media (min-width: 1680px){
.form input:not([type='submit']):not([type='checkbox']):not([type='button']){height:40px;font-size:16px;}
}
@media (min-width: 1680px){
.btn{/* font-size:18px!important; *//* line-height:1.5; */}
}
#richiesta-prenotazione .blocco-testo *{z-index:2;position:relative;}
#richiesta-prenotazione .blocco-testo{position:relative;}
@media (max-width: 768px){
#richiesta-prenotazione .blocco-testo:before{transform:translate(0, -30%);}
}
.text-white, .text-white * {
  color:var(--color2);
}
label,.gfield_label{float:left;margin-top:0px;/* font-family:var(--font1); */font-size: 14px;font-weight: 500;letter-spacing: 1px;line-height:1;text-transform:uppercase;padding-bottom:1px;margin-bottom:7px;text-shadow:none;display:inline-block;}
.form-container label{/* color: var(--color2); */}
.gsection{clear:both;width:100%;height:3px;margin:0!important;}
.gform_wrapper form{margin-bottom:0;}
@media (max-width: 768px){
.gform_wrapper form{margin:0 0 10px 0;}
}
.form-container [type="checkbox"]:not(:checked),.form-container [type="checkbox"]:checked{position:absolute!important;left:-9999px;}
.form-container [type="checkbox"] + label{position:relative!important;padding-left:2em!important;cursor:pointer!important;}
.form-container [type="checkbox"] + label:before{content:'';position:absolute;left:0;top:-3px;width:20px;height:20px;border: 1px solid var(--color1);background:transparent;padding:2px;}
.form-container [type="checkbox"] + label:after{content:'';position:absolute;width:12px;height:12px;top:1px;left:4px;font-size:1.3em;line-height:0.8;background-color: var(--color1);transition:all .2s;}
.form-container [type="checkbox"]:not(:checked) + label:after{opacity:0;transform:scale(0);}
.form-container [type="checkbox"]:checked + label:after{opacity:1;transform:scale(1);}
.form-container [type="checkbox"]:disabled:not(:checked) + label:before,[type="checkbox"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd;}
.form-container [type="checkbox"]:disabled:checked + label:after{color:#999;}
.form-container [type="checkbox"]:disabled + label{color:var(--color1);}

.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
  color: #d43a37
}
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
  border-color: #d43a37;
  outline: 0;
}
.gform_validation_errors, .gform_validation_errors *, .validation_message {
  color: #d43a37 !important;
}
.validation_message {
  font-weight: 600;
  font-size: 14px;
}
.validation_error {
  padding: 9px 14px;
  margin: 0 15px;
  margin-bottom: 20px;
  color: #d43a37;
  font-weight: 400;
  text-align: center;
}
.validation_error h4 {
  margin-top: 0;
  color: inherit
}
.validation_error .alert-link {
  font-weight: bold
}
.validation_error > p, .validation_error > ul {
  margin-bottom: 0
}
.validation_error > p + p {
  margin-top: 5px
}
.validation_error hr {
  border-top-color: #e6c1c7
}
.validation_error .alert-link {
  color: #953b39
}

.ui-datepicker-title select{width:100%;padding:6px 12px;font-size:14px;color:var(--color1);vertical-align:middle;border:0;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.ui-widget select{font-size:12px!important;}
.ui-widget select:focus{outline:none;}
.ui-datepicker{height:auto;border:1px solid var(--color1)!important;background:none var(--color1)!important;border-radius:0px!important;z-index:3000!important;}
.ui-datepicker a{text-decoration:none;}
.ui-datepicker table{width:100%;margin:0px;background-color: var(--color2);}
.ui-datepicker-header{border:0px!important;color:rgb(253, 253, 253)!important;background:none!important;}
.ui-datepicker-title select{width:initial;margin:4px 3px;width:80px;}
.ui-datepicker-title{text-align:center;}
.ui-widget-header .ui-icon{color:var(--color1);background:none!important;border:0px!important;display: none;}
.ui-datepicker-prev,.ui-datepicker-next{width:30px;height:30px;text-align:center;cursor:pointer;background-repeat:no-repeat;overflow:hidden;position:relative;margin-top:3px;}
.ui-datepicker-prev::after,.ui-datepicker-next::after{font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:16px;line-height:normal;font-family: "Font Awesome 6 Free";color: var(--color14);right:8px;top:7px;padding:0px 0px 2px;position:absolute;pointer-events:none;}
.ui-datepicker-prev:hover::after,.ui-datepicker-next:hover::after{color:var(--color1);margin:0px;}
.ui-datepicker-prev{float:left;background-position:center -30px;}
.ui-datepicker-prev::after{content:'\f053';}
.ui-datepicker-next{float:right;background-position:center 0px;}
.ui-datepicker-next::after{content:'\f054';}
.ui-datepicker thead{/* background-color:var(--color3); */}
.ui-datepicker th{text-transform:uppercase;font-size:8pt;padding:3px 0px;text-align:center;color:rgb(92, 92, 92);}
.ui-datepicker tbody td{padding:0px;}
.ui-datepicker tbody td:last-child{border-bottom:0px;}
.ui-datepicker tbody tr{border-bottom:1px solid var(--color3);/* background:var(--color3)!important; */}
.ui-datepicker tbody tr:last-child{border-bottom:0px;}
.ui-datepicker td span,.ui-datepicker td a{display:inline-block;font-weight:bold;text-align:center;width:100%;height:30px;line-height:30px;color:var(--color1);margin:0px!important;/* background:none var(--color3)!important; */}
.ui-datepicker td a:hover{border:0px;background-color:var(--color2)!important;}
.ui-datepicker-calendar .ui-state-default{border:0px!important;padding:0px 7px!important;}
.ui-datepicker-calendar .ui-state-hover{background:none!important;}
.ui-datepicker-unselectable .ui-state-default{opacity:.2;}

.modal .sb__dates .sb__form-field{width:100%!important;float:left;}
.modal .sb__form-field.sb__form-field--checkin{margin-bottom:20px!important;}
.modal .close{opacity:1;text-shadow:none;border:0;}
.modal .close:focus,.modal .close:hover{color:var(--color2);text-decoration:none;outline:none;opacity:1;}
.modal-header{padding-bottom:0;border:none;height:0;padding:0;margin:0;}
.modal-header button{border-bottom:0px;position:absolute;top:0;right:-55px;width:37px;height:37px;z-index:2;background-color:transparent;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.modal-header button:after{content:'';position:absolute;background:url(img/close.svg);width:100%;height:100%;top:0;right:0;}
.modal-header button:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.modal-content{border-radius:0px;padding:4vw;word-wrap:break-word;outline:1px solid var(--color1);outline-offset:-2vw;}
.modal{text-align:center;}
@media all and (max-width: 480px){
.modal.booking .modal-dialog{font-size:13px;}
}
.modal.booking .modal-header{height:0;padding:0;margin:0;}
.modal.booking .modal-dialog .modal-content{background:none;box-shadow:none;border:0;padding:0;background:var(--color2);outline: none;outline-offset:-8px;}
.modal.booking .modal-dialog .modal-content:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0px;background:var(--color3);box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);z-index:-1;}
.modal.booking .modal-dialog .modal-content .modal-body{padding:0;z-index:20;position:relative;display:inline-block;width:100%;}
.modal.booking .modal-dialog .modal-content .modal-body .div-mascherina{padding:4vh;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo{background-color: var(--color13);overflow:hidden;}
@media (max-width: 991px){
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo:after{display:none;}
.modal.booking .modal-dialog .modal-content .modal-body .custom{padding-bottom:0;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo{padding:20px!important;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:after,.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{display:none;}
}
@media (min-width: 992px){
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo{border-right:0;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo div{position:relative;}
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{content:" ";height:100%;width:20px;position:absolute;right:50%;top:0;background: var(--color2);z-index:1;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:after{left:auto;right:50%;top:50%;bottom:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color: var(--color2);border-left-color: var(--color13);border-width:100px 0 100px 20px;margin-top:-100px;z-index:2;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo ul li{margin:0;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo{padding:2vw;}
.modal.booking .sb__form-field-input{height:90px!important;border-radius:0!important;padding:16px 16px 16px 16px;width:100%!important;}
.modal.booking span.sb__form-field-date-number{font-size:80px!important;line-height:0.7;height:50px;font-weight:400;}
.modal.booking .sb__btn--verify{text-transform:uppercase;font-size:16px!important;font-weight:600;letter-spacing:1px;height:89px!important;text-align:center;border-radius:0!important;}
.modal.booking .sb__form-field-icon .icon{width:40px;height:100%;}
.modal.booking .sb__footer{display:none;}
.modal.booking .sb-custom-label-color{/* text-shadow:0 0 3px rgba(43, 42, 40, 0.7)!important; */}
.modal.booking .sb__form-field-label{text-shadow:none!important;font-size:18px;font-weight:400;line-height:1;margin-bottom:10px;color:var(--color1)!important;}
.modal.booking .sb__form-field-weekday,.sb__form-field-rooms{font-size:14px;line-height:1;}
.modal.booking .sb__form-field-icon{position:absolute;top:20px;right:20px;height:48px;width:40px;}

@media only screen and (max-width: 767px){
.modal.booking .modal-dialog{margin-top:60px;padding:10px;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{display:none;}
}

.sb__form-field-rooms{font-size:14px;line-height:1;}
@media (min-width: 992px){
.modal-lg{max-width:1440px;width:80vw;}
}

.comfort .anim-child > div {float:left;padding:0;margin: 0 0 1.5vh 0 !important;display:inline-block;margin-bottom:2vh;vertical-align:middle;/* text-align: center; */min-height: 42px;width: 33.333%;}
.comfort .triple li{width:33.3333%!important;}
.comfort .quadruple li{width:25%!important;}
.comfort .quintuple li{width:20%!important;}
@media (max-width: 680px){
.comfort > div {/* width:50%; */}
}
.comfort li span{/* display: block; *//* display: table-cell; *//* position: relative; */color: var(--color1);vertical-align: middle;/* vertical-align:middle; *//* text-align: center; *//* padding:0 10px; */font-size: 15px;/* width: 100%; */line-height: 1;}

.mini-icon{
    width: 30px;
    height: 30px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    }
.mini-icon span{position:absolute;z-index:2;width: 32px!important;height: 42px;top: 8px;left: 14px;padding:0!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;}
.mq{background:url('img/expand.svg');}
.pax{background:url('img/user.svg');}
.mq.white{background:url('img/expand_w.svg');}
.pax.white{background:url('img/user_w.svg');}

.comfort ul{padding:0;display: inline-block;width: 100%;margin: 0 auto;text-align: center;}
@media only screen and (max-width: 1439px){
.mini-icon{width:20px;height:20px;margin-right:10px;}
.comfort li span{font-size:14px;height: 30px;}
}
@media only screen and (max-width: 991px){
.comfort li span{font-size:16px;}
}
@media only screen and (max-width: 991px){
.comfort .triple li{width:50%!important;}
}
@media only screen and (max-width: 1439px){
.mini-icon{width:14px;height:23px;margin-right:6px;}
.comfort .triple li span{font-size:16px;}
}
@media only screen and (max-width: 991px){
.comfort .triple li span{font-size:14px;line-height:1;}
}

.line-container {
      position: relative;
      width: 100%;
      height: 1px;
    }

.line-container .line {
      width: 0;
      height: 100%;
      background-color: var(--color1);
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }

.fixed_mobile{display:none;position:fixed;left:0;bottom:0;z-index:996;width:100%;height: 46px;margin:0;/* border-top:2px solid var(--color2); */background-color:var(--color1);}
.fixed_mobile > div{height:46px;float:left;position:relative;text-align:center;}
.fixed_mobile div{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.fixed_mobile div:after{content:'';height:20px;width: 1px;background-color:var(--color2);position:absolute;right:0;top:11px;display:block;z-index:2;}
.fixed_mobile div:last-child:after,.fixed_mobile .no-border:after{display:none;}
.fixed_mobile div:last-child{border-right:0px;}
.fixed_mobile div a{color:var(--color2)!important;font-size:14px;line-height:1.2;font-weight:600;display:block;width:100%;height:100%;position:absolute;top:50%;transform:translate(0, -50%);text-align:center;text-transform:uppercase;}
.fixed_mobile div a span{position:absolute;top:50%;left:50%;letter-spacing: 1px;font-size: 12px;transform:translate(-50%, -50%);width:90%;text-align:center;}
.fixed_mobile div a:hover{text-decoration:none;}
.fixed_mobile{display:block!important;}
@media (min-width: 992px){
.fixed_mobile{display:none!important;}
}

#hub-messenger-widget {
  /* position:fixed; */
  /* right: 20px; */
  /* bottom: 120px; */
}

#smooth-wrapper.no-topslide #smooth-content > section:first-of-type {
  padding-top: calc(90px - -12vh);
  margin-top: 0 !important;
}

/* custom stle */

body {
  .leaflet-touch .leaflet-bar a {
    background: var(--color2);
}
  footer .footer-social-links a:hover i {
  border-color: var(--color1);
  background: var(--color1);
}
  footer .footer-social-links a:hover i:before {
    color: var(--color2) !important;
}
  .form-container [type="checkbox"] + label:after {
    /* background-color: var(--color2); */
}
  .gform_validation_errors, .gform_validation_errors *, .validation_message {
    color: #d43a37 !important;
}
	footer {
    /* background: initial; */
  }
  footer *:not(h2, .validation_message) {
    /* color: var(--color1) !important; */
  }
  footer .btn:hover span {
    /* color: var(--color9) !important; */
  }
  footer .logo {
    /* background: url('../uploads/logo.svg') !important; */
    /* background-position: center center !important; */
    /* background-repeat: no-repeat !important; */
    /* background-size: contain !important; */
  }
  footer .bordered {
    /* border: 0; */
    /* border-right: 1px solid var(--color2); */
  }
  footer .footer-copyright {
    /* border-top: 1px solid var(--color1); */
  }
}

@media (max-width: 1600px) {
.layout-11 .row3 {
  margin-top: 0;
}
  h1{
    font-size: 60px;
  }
}

@media (max-width: 1199px) {
  .anim-testoOriz h1 {
    transform: scale(1.2);
}
  .layout-11 .row1 .blocco-testo h1 {
    transform: scale(1);
    /* margin-bottom:5vh; */
}
  .layout-11 .row2 {
    margin-top: 3vh;
}
  .layout-11 .row3 {
    margin-top: 2vh;
}
  
.layout-11 .logo {
    height: 30vh;
    width: 13vw;
    left: 5vw;
    bottom: 21vh;
}
  .map-contatti .blocco-testo.titolo {
    top: 4vh;
    transform: scale(1.2);
}
  h1{
    font-size: 50px;
  }
  h2 {
    font-size: 65px;
  }
}

@media (max-width: 991px) {
    .top-slide, .big-carousel, .big-carousel .slick-slide {
        height: 70vh;
    }
  .main-navbar .logo {
    height: 50px;
}
  #scroll-wrapper{
    display:none;
  }
h1, .big-carousel .testo-container h1 {
        font-size: 35px;
        margin-bottom: 2vh;
    }
   h2 {
        font-size: 25px;
    }
  h3 {
        font-size: 20px;
    }
  .sp-mt-10, .sp-my-10 {
    margin-top: 7vh !important;
}
  .layout-1 .testo, .layout-6 .testo {
    padding: 0 3vw !important;
}
  .layout-10 {
    /* margin: 5vh 0; */
}
  .anim-testoOriz h1 {
    transform: scale(1.5);
}
  .blocco-quad .testo-container h1 {
    font-size: 32px;
}
  .layout-video .video {
    padding: 0;
}
  .layout-video .plyr__video-wrapper.plyr__video-embed{
    aspect-ratio:4/3 !important;
  }
  .layout-13 {
    margin: 3vh 0;
}
  .footer-riferimenti {
    padding-top: 5vh;
    padding-bottom: 5vh;
}
  .btn.btn-mini {
    margin:5px;
}
  .map-contatti .blocco-testo.titolo{
    position:relative !important;
    top: 0;
    right: 0;
  }
  .map-contatti .pt-10per{
    padding: 5vh !important;
}
  .line-container {
    margin:3vh 0;
}
  .layout-6 {
    margin: 0 !important;
  }
  .btn, .btn:hover {
    /* font-size: 16px; */
    /* padding: 15px 30px; */
}
  .layout-5.alloggi .posRel {
    margin-bottom: 2vh;
}
    .layout-11 {
    margin-top: 5vh;
}
    .layout-11 .row1 .testo * {
    text-align:center !important;
}
  .layout-11 .row1 .blocco-testo h1 {
    transform: scale(1);
}
  .layout-11 .row2 {
  margin-top: 1vh;
}
  .layout-11 .row3 {
  margin-top: 10vh;
  width: 80%;
}
.layout-11 .row4 {
  margin-top: 1vh;
  width: 80%;
  margin-left: 20%;
}
.layout-11 .row5 {
  margin-top: 0;
}
.layout-11 .logo {
  height: 90px;
  width: 70px;
  left: initial;
  right: 5%;
  top: -70%;
}

.main-navbar .rif.right{/* top: 0 !important; */left:initial!important;right:13px!important;}
.main-navbar .language{padding: 9px 0 !important;display: none;}
  .rif .cart > div:before, .rif .my-account a:before {
    display: none;
}
}

@media (max-width: 480px) {
h1 {
  font-size: 28px;
}
}
.logo-stabilimento img{
  aspect-ratio:initial;
  position: relative;
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 10px;
  object-fit: contain;
}

.bg2{
  background:var(--color9);
}
.servizi{
  padding: 3vh 6vw !important;
}
.servizi-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.servizio-item {
  white-space: nowrap;
}


@media (max-width: 767px) {
.grid-images .image {
    height: initial;
    aspect-ratio:9/16;
}

}

@media (max-width: 480px) {
    .main-navbar .logo {
    height: 54px;
    width: 90px;
}
  .modal-header button {
    top: -55px;
    right: 0;
}
    .anim-testoOriz h1 {
    transform: scale(1);
}
}

#iubenda-cs-banner{
	pointer-events:initial;
	cursor:pointer;
}
#iubenda-cs-banner #iubenda-cs-title {
    font-size: 18px !important;
    font-family: var(--font1);
}

.pattern {
  position:absolute;
  width:100%;
  height: 200%;
  top: -50%;
  left: 0;
  background:url('img/pattern.svg');
  background-size: 30%;
  background-repeat:repeat;
  opacity: .6;
}

.carousel-media-wrapper .slider-main img, .carousel-media-wrapper .slider-thumbs img{
  aspect-ratio:5/3;
}

.carousel-media-wrapper .dots-wrapper {
  bottom:3vh;
}

.carousel-media-wrapper .slider-main {
  margin:0 !important
}
.carousel-media-wrapper .slick-dots li {
  height: 16px;
  vertical-align: bottom;
}
.carousel-media-wrapper .slick-dots li button{
  padding: 6px 0;
}
.carousel-media-wrapper .slick-dots li, .carousel-media-wrapper .slick-dots li button, .carousel-media-wrapper .slick-dots li button:after{
  width: 15px;
}


.slider-thumbs .slick-slide {
  outline: 0 solid var(--color14);
  outline-offset:0;
    -webkit-transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
  transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
}
.slider-thumbs .slick-current {
  outline: 6px solid var(--color14);
  outline-offset:-6px;
}

.no_overflow{overflow:hidden;}
.t_container{transform:translateX(0);height:100%;}
.mask_left{transform:translateX(50%);display:block;}
.mask_left.full{transform:translateX(-100.1%);}
.mask_left .t_container{transform:translateX(-100%);display:block;}
.mask_left.full .t_container{transform:translateX(100.1%);}
.griglia-foto{padding:0 .7vw!important;}
.imageAnim{padding:.7vw;}
.t_container img{transform:scale(1.05);aspect-ratio:4/3;}
.show>.mask_left,.show>.mask_left .t_container,.show>.mask_left .t_container img{transform:none;position:relative;z-index:1;}
.d100{transition-delay:100ms!important;}
.has_transition_1500_inout{-webkit-transition:-webkit-transform 1500ms cubic-bezier(.575,.005,.285,1.005),opacity 1500ms cubic-bezier(.575,.005,.285,1.005);transition:transform 1500ms cubic-bezier(.575,.005,.285,1.005),opacity 1500ms cubic-bezier(.575,.005,.285,1.005);}
.img-container .plus-icon{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-70%);background:url(img/zoom-in.svg)no-repeat;-webkit-mask:url(img/zoom-in.svg)center/contain no-repeat;background:#fff;background-position:50%;z-index:4;opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.img-container:hover .plus-icon{opacity:1;transform:translate(-50%,-50%);}
}

@media (max-width: 991px) {

.slick-dots li, .slick-dots li button, .slick-dots li button:after {
  width: 20px;
}

  .dots-wrapper {
    /* left: initial; */
    /* margin:0 auto; */
    width: 95%;
    bottom: 3vh;
    /* transform: initial; */
}
  
  .layout-5 .img1{
  width: 80%;
  top: 65%;
}
.layout-5 .img2{
  width: 50%;
}
.layout-5 .left .img2{
  right: 0;
}
.layout-5 .right .img2{
  left:0;
}
  .layout-5 .left .testo, .layout-5 .right .testo{
  padding: 13vh 0 2vh 0;
}
  .layout-1 .right .testo, .layout-1 .left .testo{
    padding: 4vh 0 2vh 0;
  }

  .layout-6 .element, .form-container .element {
    width: 50vw;
    height: 50vw;
    top:80%;
    right: -10vw;
}
  .form-container .element {
    top:90%;
    left: -10vw;
    right:initial;
}
    #slick-offerte.layout-6 .element {
    top:50%;
}
  .slider-layout11 img, .layout-6 img {
  aspect-ratio: 4/3;
}
  .slider-layout11 .slick-dots {
    margin-top: 0;
}
  .related-carousel .slick-nav.prev-arrow{
  left: 2%;
}
.related-carousel .slick-nav.next-arrow {
  right: 2%;
}
.products-carousel .slick-nav.prev-arrow{
  left: 2%;
}
.products-carousel .slick-nav.next-arrow {
  right: 2%;
}
  #slick-offerte.layout-6 .testo {
    padding: 4vh 6vw;
}
  #richiesta-prenotazione .form-container {
    padding: 6vw;
}
  #richiesta-prenotazione .blocco-testo {
    padding: 3vh 4vw 0 4vw;
    margin: 0 !important;
}
  .comfort .anim-child > div {
    width: 50%;
}
  .carousel-media-wrapper .slick-dots {
    opacity:0;
    pointer-events:none;
  }
  .main-navbar {
    height: 12vh;
  }
}


.marker-cluster-small {
	background-color: var(--color12);
	}
.marker-cluster-small div {
	background-color: var(--color1);
	}

.marker-cluster-medium {
	background-color: var(--color11);
	}
.marker-cluster-medium div {
	background-color: var(--color10);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	border-radius: 15px;
	font-family:var(--font2);
	font-size: 16px;
	font-weight: 600;
	color: var(--color2);
	}
.marker-cluster span {
	line-height: 30px;
	}

section:has(+ .lista-stabilimenti){
  margin-bottom: 5% !important;
}