html,body{height: 100%;min-height: 100vh}
body{background:#f0e9dd}

/* Loader styles */
 #page-loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #f0e9dd;
   z-index: 9999;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   transition: opacity 0.5s ease-out;
 }

 #page-loader.fade-out {
   opacity: 0;
   pointer-events: none;
 }

 .loader-logo {
   width: 250px;
   height: 250px;
   animation: pulse 1.5s ease-in-out infinite;
 }

 @keyframes pulse {
   0%, 100% { opacity: 1; transform: scale(1); }
   50% { opacity: 0.6; transform: scale(0.95); }
 }


/*animazione menu*/
.animate{
  -webkit-transition: all 0.8s ease-out;
          transition: all 0.8s ease-out;
}


/*HEADER*/
.header{position:fixed;z-index: 10;width: 100%;padding: 10px 6%;background: #f0e9dd } /*colore background della pagina background: linear-gradient(60deg,#fff 0%,#e6e6e6 100%);*/
.img__container img{transition: .8s;display: table-cell;float: left;height: 100px;}
.header__menu{float: right;margin: 0px;padding: 0px;}
.header__menu__item{transition: height .8s;text-decoration:none;font-size: 18px;font-weight: 300;height: 100px;vertical-align: middle;display: table-cell;margin: 0;padding: 0 30px;}
.header__menu__item a{margin: 0;text-transform: none;color: #474747;text-decoration: none;}
.header__menu__item a:hover{;color: #fff;} /*effetto colorato al passaggio del mouse*/


.header__icon-bar{display: block;float: right;padding: 20px;display: none;} /*display serve a definire come e se visualizzare gli oggetti definiti*/
.header__icon-bar span{display:block;margin-top: 3px;height: 3px;width: 25px;background: #474747;margin-bottom: 5px;}

.header.scrolled{opacity: 0.8;background: #f0e9dd;}
.header__menu.scrolled{padding:0;margin-top: 0;margin-left: 0;margin-bottom: 0}
.img__container.scrolled img{height:60px;transition:  .8s;}
.header__menu__item.scrolled{height: 60px;transition: .8s;}



/*COVER*/
.cover{height: 100%;background-size: cover; /*adatta immagine a larghezza finestra,sintassi successive sono per altri browser*/
   /*immagine centrata orizz e vertic*/
  position: relative;}  /*la cover filter realizza un filtro opaco per la leggibilità delle scritte*/

.slide1 {position: absolute;width: 100%;height: 100%;display: table; color: #fff;
  text-align: center;background: url('img/slide_1.webp')no-repeat center;
  background-size: cover;animation:fade 12s ;-webkit-animation:fade 12s infinite;}

.slide2 {position: absolute;width: 100%;height: 100%;display: table; color: #fff;
  text-align: center;background: url('img/slide_2.webp')no-repeat center;
  background-size: cover;animation:fade2 12s ;-webkit-animation:fade2 12s infinite;}

.slide3 {position: absolute;width: 100%;height: 100%;display: table; color: #fff;
  text-align: center;background: url('img/slide_3.webp')no-repeat center;
  background-size: cover;animation:fade3 12s ;-webkit-animation:fade3 12s infinite;}

@keyframes fade{0%   {opacity:1}  33.333% { opacity: 0}  66.666% { opacity: 0}  100% { opacity: 1}}
@keyframes fade2{0%   {opacity:0} 33.333% { opacity: 1}  66.666% { opacity: 0}  100% { opacity: 0}}
@keyframes fade3{0%   {opacity:0} 33.333% { opacity: 0}  66.666% { opacity: 1}  100% { opacity: 0}}

.cover__caption__filter{background: #fff;width: 100%;height: 100%;position: absolute; opacity: 0.5;}


.cover__caption__copy{width: 100%;height: 100%;display: table-cell;padding: 250px 7%;padding-right: 4%}
/*le due seguenti cover realizzano le scritte centrate*/
.cover__caption__copy__align{position: relative;vertical-align: middle;text-align: left;display: table-cell;float: left;height: 100%;width: 65%}
.cover__caption__copy__align a{vertical-align: middle;background-color: #C4AB66;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);transition: .8s;font-size: 13px;font-weight: bold;color: #ffffff;padding: 10px;}
.cover__caption__copy__align a:hover{background-color: #404040}

.cover__caption__copy__align h1{font-size: 60px;font-weight: 400;letter-spacing: inherit;color: #474747}
.cover__caption__copy__align h2{margin-bottom: 20px;font-size: 20px;font-weight:300;color: #474747;margin-right: 150px}
.img_totalona{position: relative;display:table-cell;vertical-align: middle;float: right;width: 35%;margin-top: 20px}
.cover__image{width: 100%;}

.camere{height: 300px;}
.camere__copy{width: 100%;height: 100%;display: table;background-color: #f0e9dd; box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2) inset,
    0 -15px 15px -15px rgba(0,0,0,0.2) inset;padding: 0 5%;}
.camere__copy__text{vertical-align: middle;text-align: center;display: table-cell;}
.camere__copy__text h2{color: #474747;font-size: 60px;font-weight: 400;line-height: 65px}
.camere__copy__text p{color: #474747;font-size: 18px;font-weight: 300;}


.transition {transition: all 350ms ease-in-out;}

.slideshow{width: 100%;position: relative;padding-bottom:20px;background: #f0e9dd;}
.frame{height: 100%;position: relative;display: table;vertical-align: top;padding:50px 6%;background: white}
.gallery-container {float: right;width: 48%;display:block; align-items: flex-start;margin: 0}
.r-3-2 {width: 100%;padding-bottom: 66.667%;}
.image-holder {width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;margin: 0;display: block}

/* Main Styles */
.gallery-wrapper {position: relative;overflow: hidden;}
.gallery {position: relative;font-size: 0;width: 100%;margin-top: 5px}
.item-wrapper {cursor: pointer;display: inline-block;width: 25%;vertical-align: top;box-sizing: border-box;font-size: 16px}
.gallery-item { opacity: 0.6;}
.gallery-item.active { opacity: 1; }

.gallery2-wrapper {position: relative;overflow: hidden;}
.gallery2 {position: relative;font-size: 0;width: 100%;margin-top: 5px}
.item-wrapper2 {cursor: pointer;display: inline-block;width: 25%;vertical-align: top;box-sizing: border-box;font-size: 16px}
.gallery2-item { opacity: 0.6;}
.gallery2-item.active { opacity: 1; }

.gallery3-wrapper {position: relative;overflow: hidden;}
.gallery3 {position: relative;font-size: 0;width: 100%;margin-top: 5px}
.item-wrapper3 {cursor: pointer;display: inline-block;width: 25%;vertical-align: top;box-sizing: border-box;font-size: 16px}
.gallery3-item { opacity: 0.6;}
.gallery3-item.active { opacity: 1; }

.gallery4-wrapper {position: relative;overflow: hidden;}
.gallery4 {position: relative;font-size: 0;width: 100%;margin-top: 5px;}
.item-wrapper4{cursor: pointer;display: inline-block;width: 25%;vertical-align: top;box-sizing: border-box;font-size: 16px}
.gallery4-item { opacity: 0.6;}
.gallery4-item.active { opacity: 1; }

section.slideshow:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.banner__copy{float: left;width: 50%;max-height: 100vh;display: flex;align-items: flex-start;justify-content: flex-start;transition: all .8s ;transition-timing-function: ease-in-out;}
.frame:hover  .banner__copy__text1 p{border-left: 2px solid #A06356;padding-left: 20px;opacity: 1;}
.frame:hover  .banner__copy__text1 h1{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text1 h2{padding-left: 24px;opacity: 1;}
.banner__copy__text1{overflow: hidden;display:block;position: relative;top:0;background-color: #fff;margin: 10px;height: 100%;box-sizing: border-box;}
.banner__copy__text1 h3{font-size: 50px;letter-spacing: 0px;color:#A06356;font-weight: 300;margin-bottom: 0px;margin-top: 0}
.banner__copy__text1 h4{font-size: 25px;color: #474747;font-weight: 400;margin-top: 0px;letter-spacing: 0px}
.banner__copy__text1 p{font-size: 18px;font-weight: 400;color: #474747;margin: 0 0 25px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text1 h1{font-size: 16px;font-weight: 300;font-style: italic;color: #4747474;margin: 0 0 10px 0; opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text1 h2{font-size: 18px;font-weight: 700;color: #474747;margin: 0 0 10px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}

.banner__copy2{float: left;width: 50%;max-height: 100vh;display: flex;align-items: flex-start;justify-content: flex-start;transition: all .8s ;transition-timing-function: ease-in-out;}
.frame:hover  .banner__copy__text2 p{border-left: 2px solid #3A8280;padding-left: 20px;opacity: 1;}
.frame:hover  .banner__copy__text2 h1{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text2 h2{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text2 h5{padding-left: 24px;opacity: 1;}
.banner__copy__text2{overflow: hidden;display:block;position: relative;top:0;background-color: #fff;margin: 10px;height: 100%;box-sizing: border-box;}
.banner__copy__text2 h3{font-size: 50px;letter-spacing: 0px;color:#3A8280;font-weight: 300;margin-bottom: 0px;margin-top: 0}
.banner__copy__text2 h4{font-size: 25px;color: #474747;font-weight: 400;margin-top: 0px;letter-spacing: 0px}
.banner__copy__text2 p{font-size: 18px;font-weight: 400;color: #474747;margin: 0 0 25px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text2 h1{font-size: 16px;font-weight: 300;font-style: italic;color: #4747474;margin: 0 0 10px 0; opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text2 h2{font-size: 18px;font-weight: 700;color: #474747;margin: 0 0 10px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}

.banner__copy3{position: relative;width: 45%;float:left;max-height: 100vh;display: table;text-align:left;transition: all .8s ;transition-timing-function: ease-in-out;}
.frame:hover   .banner__copy__text3 p{border-left: 2px solid #C29288;padding-left: 20px;opacity: 1;}
.frame:hover  .banner__copy__text3 h1{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text3 h2{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text3 h5{padding-left: 24px;opacity: 1;}
.banner__copy__text3{overflow: hidden;display:block;position: relative;top:0;background-color: #fff;margin: 10px;height: 100%;box-sizing: border-box;}
.banner__copy__text3 h3{font-size: 50px;letter-spacing: 0px;color:#C29288;font-weight: 300;margin-bottom: 0px;margin-top: 0}
.banner__copy__text3 h4{font-size: 25px;color: #474747;font-weight: 400;margin-top: 0px;letter-spacing: 0px}
.banner__copy__text3 p{font-size: 18px;font-weight: 400;color: #474747;margin: 0 0 25px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text3 h1{font-size: 16px;font-weight: 300;font-style: italic;color: #4747474;margin: 0 0 10px 0; opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text3 h2{font-size: 18px;font-weight: 700;color: #474747;margin: 0 0 10px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}

.banner__copy4{position: relative;width: 45%;float:left;max-height: 100vh;display: table;text-align:left;transition: all .8s ;transition-timing-function: ease-in-out;}
.frame:hover  .banner__copy__text4 p{border-left: 2px solid #d3cc92;padding-left: 20px;opacity: 1;}
.frame:hover  .banner__copy__text4 h1{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text4 h2{padding-left: 24px;opacity: 1;}
.frame:hover  .banner__copy__text4 h5{padding-left: 24px;opacity: 1;}
.banner__copy__text4{overflow: hidden;display:block;position: relative;top:0;background-color: #fff;margin: 10px;height: 100%;box-sizing: border-box;}
.banner__copy__text4 h3{font-size: 50px;letter-spacing: 0px;color:#d3cc92;font-weight: 300;margin-bottom: 0px;margin-top: 0}
.banner__copy__text4 h4{font-size: 25px;color: #474747;font-weight: 400;margin-top: 0px;letter-spacing: 0px}
.banner__copy__text4 p{font-size: 18px;font-weight: 400;color: #474747;margin: 0 0 25px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text4 h1{font-size: 16px;font-weight: 300;font-style: italic;color: #4747474;margin: 0 0 10px 0; opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}
.banner__copy__text4 h2{font-size: 18px;font-weight: 700;color: #474747;margin: 0 0 10px 0;opacity:0;transition: all .8s ;transition-timing-function: ease-in-out;}

.gradiente1{height: 50px;width: 100%;background:linear-gradient(#EFE2D5,#fff)}
.gradiente2{height: 50px;width: 100%;background:linear-gradient(#fff,#EFE2D5);}
.gradiente3{height: 40px;width: 100%;background:linear-gradient(#dcf4fc,#e8f9fd);}
.gradiente4{height: 40px;width: 100%;background:#e8f9fd}
.gradiente5{height: 40px;width: 100%;background:linear-gradient(#e8f9fd,#dcf4fc);}
.line{border: 1px solid white}


/*BANNER*/
.banner{height: 382px;background: #e8f9fd;} /*voglio che l'altezza del banner sia il 50% della pagina*/


.banner__icon1{width: 3%;float: left;background: #e8f9fd;height: 100%;text-align: center;color:#e6ac00;display: table;margin-right: 6%}
.banner__icon2{width: 3%;float: left;background: #e8f9fd;height: 100%;text-align: center;color:#009999;display: table;margin-right: 6%}
.icon1__banner{display:table-cell;vertical-align: middle;}
.icon1__banner i{padding: 4px 5px;margin:10px 20px;border-radius: 50%;}



/*CONTATTI*/
.contacts{background-image: linear-gradient( 117.4deg,  rgba(207,217,223,1) -20%, rgba(245,238,222,1) 125.6% );min-height: 80vh;}
.contacts__copy{;display: table;vertical-align: middle;text-align: center;width: 100%;height: 100%;padding:200px 5%;}
.contacts__copy__text{display: table;position: relative;width: 100%;height: 100%;}
.contacts__copy__filter{background: #fff;position: absolute;opacity: 0.3;width: 100%;height: 100%;}

.contacts__copy__container{position: relative;display: table-cell;vertical-align: middle;text-align: center;}
.contacts__copy__container h3{color: #474747;font-size: 60px;font-weight: 500;margin-top: 30px }
.contacts__copy__container  h2{color: #808080;font-size: 18px;font-weight: 300;margin: 10px;}
.contacts__copy__container p{color: #404040;font-size: 20px;letter-spacing: 1px;font-weight: 400;}
.contacts__copy__text__interline{margin:auto 40%;margin-top: 20px}
.contacts__copy__container  h5{border-top: 1px solid #fff;color: #fff;}
.contacts__copy__container  h4{color: #808080;font-size: 18px;font-weight: 300;margin: 10px;}

/* ICONE SOCIAL MEDIA (Facebook e Instagram) */
#icon1, #icon2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 100;
  font-size: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #C4AB66;
  text-decoration: none;
  color: #fff;
  margin: 40px 5px;
  transition: all 0.3s ease;
}

#icon1:hover, #icon2:hover {
  background-color: #404040;
  transform: scale(1.1);
}


.contacts_policy__copy{;display: table;vertical-align: middle;text-align: center;width: 100%;padding:10% 5%;}
.contacts_policy__copy__text{display: table;position: relative;width: 100%}
.contacts_policy__copy__container{position: relative;display: table-cell;vertical-align: middle;text-align: center;margin: 4%}
.contacts_policy__copy__container h4{font-size: 17px;font-weight: 500;margin-top: 20px}
.contacts_policy__copy__container h3{font-size: 30px;font-weight: 500;margin-top: 30px ;padding-top: 30px}
.contacts_policy__copy__container h2{font-size: 20px;font-weight: 500;margin-top: 40px }
.contacts_policy__copy__container h1{font-size: 15px;font-weight: 500;margin-top: 20px }
.contacts_policy__copy__container p{font-size: 15px;font-weight: 300;margin-top: 20px }



/*COME RAGGIUNGERCI TOP*/
.reach__us{height: 350px;}
.reach__us__copy{width: 100%;height: 100%;display: table;padding: 0 5%;}
.reach__us__copy__text{text-align: center;padding-top: 220px;}
.reach__us__copy__text h1{color: #474747;font-size: 60px;font-weight:300;margin: auto 0px;line-height: 65px}
.reach__us__copy__text h2{color: #474747;font-size: 18px;font-weight: 300;margin: 15px auto;line-height: 30px}


/*CARDS*/
.cards{max-width: 1200px; margin: 80px auto;}
.card{width: 30%; margin:0 1.65%;float:left;text-align: center;background-color: #EFE2D5;
   box-shadow: 0 15px 15px -15px rgba(0,0,0,0.9) }
.card__top{position: relative;}
.card__filter{width: 100%;height: 100%;background: #fff;opacity: 0.3;position: absolute;}
.card__image{width:100%; height: auto;opacity: 1}

.card__copy{padding:20px;text-align: left;background-color: #fff}
.card__copy h3{margin-top: 10px;color: #474747;font-size: 20px;font-family: 'Lato';font-weight: 700;}
.card__copy p{margin-top: 20px;font-family: 'Lato';font-weight: 300;font-size: 15px;color: #474747;}



/*COME RAGGIUNGERCI BOTTOM*/
.reach__us2{background-color: #fff;height: 200px; box-shadow: 0px -11px 8px -10px rgba(0,0,0,0.2) }
.reach__us2__copy{width: 100%;height: 100%;display: table;text-align: center;padding:0px 5%;}
.reach__us2__copy__text{display: table-cell;vertical-align: middle;text-align: center;}
.reach__us2__copy__text h1{color: #474747;font-size: 60px;font-weight:300;margin-top: 50px}
.reach__us2__copy__text p{color: #474747;font-size: 18px;font-weight: 300;margin-top: -40px}

.reach__us2__copy__text__1 {float: left;color: #474747;font-size: 17px;font-weight: 300;margin-left: 4%}
.reach__us2__copy__text__1 h2{font-size: 20px;margin-top: 20px}
.reach__us2__copy__text__1 i{border-radius: 50%;color: #fff;background: #DF8876;padding-top:12px;padding-right: 2px;height: 60px;width: 60px}
.reach__us2__copy__text__1 i:hover{background-color:#474747}
.reach__us2__copy__text__2 {float: right;color: #474747;font-size: 17px;font-weight: 300;margin-right: 4%}
.reach__us2__copy__text__2 h3{font-size: 20px;margin-top: 20px;}
.reach__us2__copy__text__2 i{border-radius: 50%;color: #fff;background: #DF8876;padding-top:15px;padding-right: 2px;height: 60px;width: 60px}
.reach__us2__copy__text__2 i:hover{background-color:#474747;}



.map{background-color: #fff;height: 200px;width: 100%;padding: 3%;display: table;position: relative;}
.map_copy{display: table-cell;vertical-align: middle;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)}

/*STANZE*/
.stanze{}
.stanze__copy{max-width: 800px;margin: 40px 0;margin:0 35%;}

/*MODULO_CONTATTI*/
.modulo_contatti{margin:auto 3%;background: #eee;}
.modulo_contatti_copy p{margin: 40px 0;margin:0 35%;float: left;}


/*FOOTER*/
.footer{background:  #f0e9dd;width:100%;height:80px;position: relative;margin-top: 0px;padding:0 3%;clear: both;flex-shrink: 0;overflow: hidden;}
.accept_btn{height: 30px}

.footer p{font-size: 12px;margin:3px;display: table-cell;vertical-align: middle;position: relative;}


#return-to-top {z-index: 100;position: fixed;bottom: 20px;right: 20px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;
    text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; display: flex;
  align-items: center;
  justify-content: center;}

#return-to-top i {color: #f1f3eb ;margin: 0;position: relative;left: 0;top: 0;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#return-to-top:hover {background: #000;}
#return-to-top:hover i {color: #fff;top: -8px;}

.cookie-message {
  border-radius: 5px;
  background: #404040;
  color: #fff;
  padding: 1em 1em .5em;
  position: fixed;
  left: 5px;
  bottom: 110px;
  text-align: left;
  max-width: 400px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  z-index: 1000;
}

.cookie-message p {
  font: normal 1em/1.5em 'Lato', Helvetica, Sans-serif;
  margin: 0 0 .5em 5px;
}

.cookie-message .cookie-header {
  font-size: 1.2em;
  cursor: pointer;
  font-weight: bold;
}

.cookie-message .cookie-content {
  display: none;
  max-width: 20em;
}

.cookie-message button {
  color: #404040;
  background: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 3px;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}

.cookie-message button:hover {
  background: #C4AB66;
  color: #fff;
}

.cookie-message a {
  color: #fff;
  text-decoration: underline;
}

.cookie-message a:hover {
  color: #C4AB66;
}

/*visualizzo il logo solo per smartphone e tablet, per schermi più grandi rimane nascosto*/


/*MEDIA QUERY PER SMARTPHONE*/
@media (max-width: 600px){

  .loader-logo {
     width: 180px;
     height: 180px;
   }

  .form__copy{margin:auto 10%}
  .camere__copy__text h2{font-size: 45px;}
  .camere__copy__text p{font-size: 15px}

  .banner__copy__text1 h3{font-size: 50px}
  .banner__copy__text1 h4{font-size: 20px}
  .banner__copy__text1 p{font-size: 16px}
  .banner__copy__text1 h1{font-size: 15px}
  .banner__copy__text1 h2{font-size: 15px}
  .banner__copy__text1 h5{font-size: 15px}

  .banner__copy__text2 h3{font-size: 50px}
  .banner__copy__text2 h4{font-size: 20px}
  .banner__copy__text2 p{font-size: 16px}
  .banner__copy__text2 h1{font-size: 15px}
  .banner__copy__text2 h2{font-size: 15px}
  .banner__copy__text2 h5{font-size: 15px}


  .banner__copy__text3 h3{font-size: 50px}
  .banner__copy__text3 h4{font-size: 20px}
  .banner__copy__text3 p{font-size: 16px}
  .banner__copy__text3 h1{font-size: 15px}
  .banner__copy__text3 h2{font-size: 15px}
  .banner__copy__text3 h5{font-size: 15px}


  .banner__copy__text4 h3{font-size: 50px}
  .banner__copy__text4 h4{font-size: 20px}
  .banner__copy__text4 p{font-size: 16px}
  .banner__copy__text4 h1{font-size: 15px}
  .banner__copy__text4 h2{font-size: 15px}
  .banner__copy__text4 h5{font-size: 15px}


  .contacts__copy__container h3{font-size: 45px;}
  .contacts__copy__container h2{font-size: 15px}
  .contacts__copy__container p{font-size: 15px}
  .contacts__copy__container h4{font-size: 15px}

  .reach__us__copy__text h1{font-size: 45px}
  .reach__us__copy__text h2{font-size: 15px}

  .reach__us2__copy__text h1{font-size: 45px;margin-top: 20px}
  .reach__us2__copy__text p{font-size: 15px;margin-top: -30px}

  .reach__us2__copy__text__1 h2{font-size: 17px;}
  .reach__us2__copy__text__2 h3{font-size: 17px}

  .card__copy{padding: 15px}
  .card__copy h3{font-size: 20px}
  .card__copy p{font-size: 13px}
}

/*MEDIA QUERY PER SMARTPHONE */


@media (max-width: 998px){  /* rimettere a 767px se qualcosa va storto e ripristinare la sezione commentata sopra x tablet*/

  .header__icon-bar{display: block;}
  .header{position:fixed; z-index: 1000;width: 100%;}
  .img__container img{height: 60px;margin-left: 15px;transition:height 0s}
  .header__menu{width: 100%;height: 0px ;overflow: hidden;padding: 0;margin: 0;}
  .header__menu__item{display:block;height: 50px;padding-top: 14px;font-size: 22px }
  .is-open{height: 210px;overflow: auto;background-color: #f0e9dd;opacity: 0.8;width: 100%;}
  .header.scrolled{position:fixed; z-index: 1000;width: 100%;}
  .img__container.scrolled img{height: 60px;}
  .header__icon-bar.scrolled{display: block;}
  .header__menu.scrolled{width: 100%;overflow: hidden;padding: 0;margin: 0}
  .header__menu__item.scrolled{height:50px;vertical-align: middle;}
  .is-open.scrolled{overflow: auto;background-color: #f0e9dd;opacity: 0.8;width: 100%;padding: 0;margin: 0}


.cover__image{display: none}
.img_totalona{display: none;}
.cover__caption__copy{padding-right: 7%}
.cover__caption__copy__align{float: none;align-items: center;text-align: center;}
.cover__caption__copy__align h2{margin-right: 0}

  .reach__us{height: 100%;background: #fff}
  .reach__us__copy{padding-top: 0px;}
  .reach__us__copy__text{display: table-cell;vertical-align: middle;padding-top:0 }
  .reach__us3{height: 350px;padding-top:20px }
  .reach__us2__copy__text__1{width: 90%;margin:20px 5%;}
  .reach__us2__copy__text__2{width: 90%;margin:20px 5%;}
  .cards{margin-bottom: 55px;margin-top: 55px}
	.card{width: 70%; margin:20px 15%;}
  .form__copy{margin:auto 5%}
  .map{padding:40px 5%}
  .gallery-container{width: 100%;display: flex;flex-direction: column;align-items:center;justify-content: center;margin: 0 auto}

  .feature,.featured-item,.featured2-item,.featured3-item,.featured4-item {width: 100%;max-width: 500px;margin: 0 auto;background-position: center center;background-size: cover}


  .gallery-wrapper, .gallery2-wrapper, .gallery3-wrapper, .gallery4-wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  /* Assicurati che tutte le gallery siano centrate */
  .gallery, .gallery2, .gallery3, .gallery4 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 5px;
  }

  /* Item wrapper per tutte le camere */
  .item-wrapper, .item-wrapper2, .item-wrapper3, .item-wrapper4 {
    width: 25%;
    min-width: 60px;
  }


  .banner__copy{height: 30%;width: 100%;display: block;padding: 7%;margin-top: -50px}
  .banner__copy__text1{display: table-cell;vertical-align:top;text-align: center;padding: 2%;margin: 0;}
  .frame:hover  .banner__copy__text1 p{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text1 h2{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text1 h1{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text1 h5{opacity: 1;padding: 0;border-left: 0;}
  .banner__copy__text1 h3{padding-top: 25px;}
  .banner__copy__text1 h4{margin-top: 20px}
  .banner__copy__text1 p{margin-top: 25px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text1 h2{margin-bottom: 10px;margin-top: 30px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text1 h1{padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text1 h5{margin-bottom: 20px;padding: 0;border-left: 0;opacity: 1}

  .banner__copy2{height: 30%;width: 100%;display: block;padding: 7%;margin-top: -50px}
  .banner__copy__text2{vertical-align:top;text-align: center;padding: 2%;margin: 0}
  .frame:hover  .banner__copy__text2 p{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text2 h2{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text2 h1{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text2 h5{opacity: 1;padding: 0;border-left: 0;}
  .banner__copy__text2 h3{padding-top: 25px;}
  .banner__copy__text2 h4{margin-top: 20px}
  .banner__copy__text2 p{margin-top: 25px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text2 h2{margin-bottom: 10px;margin-top: 30px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text2 h1{padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text2 h5{margin-bottom: 20px;padding: 0;border-left: 0;opacity: 1}

  .banner__copy3{height: 30%;width: 100%;display: block;padding: 7%;margin-top: -50px}
  .banner__copy__text3{vertical-align:top;text-align: center;padding: 2%;margin: 0}
  .frame:hover  .banner__copy__text3 p{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text3 h2{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text3 h1{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text3 h5{opacity: 1;padding: 0;border-left: 0;}
  .banner__copy__text3 h3{padding-top: 25px;}
  .banner__copy__text3 h4{margin-top: 20px}
  .banner__copy__text3 p{margin-top: 25px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text3 h2{margin-bottom: 10px;margin-top: 30px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text3 h1{padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text3 h5{margin-bottom: 20px;padding: 0;border-left: 0;opacity: 1}

  .banner__copy4{height: 30%;width: 100%;display: block;padding: 7%;margin-top: -50px}
  .banner__copy__text4{vertical-align:top;text-align: center;padding: 2%;margin: 0}
  .frame:hover  .banner__copy__text4 p{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text4 h2{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text4 h1{opacity: 1;padding: 0;border-left: 0;}
  .frame:hover  .banner__copy__text4 h5{opacity: 1;padding: 0;border-left: 0;}
  .banner__copy__text4 h3{padding-top: 25px;}
  .banner__copy__text4 h4{margin-top: 20px}
  .banner__copy__text4 p{margin-top: 25px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text4 h2{margin-bottom: 10px;margin-top: 30px;padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text4 h1{padding: 0;border-left: 0;opacity: 1}
  .banner__copy__text4 h5{margin-bottom: 20px;padding: 0;border-left: 0;opacity: 1}


}


.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}