/* -------------------------------------------------------------------------------- */
/* ! Base */
/* -------------------------------------------------------------------------------- */

img.a{fill:none;stroke:#CB8644;stroke-miterlimit:10;}

html, body{height: 100vh;}
body{color:#929292; font-family: 'IHCGinger-Light'; background-color: #f1e8e2;}
a, .button-booking {font-family: 'IHCGinger-Bold'; color: #DCB596;font-size: 14px; line-height: 24px; text-transform: uppercase; text-decoration: none; letter-spacing: 3px; position: relative; border: none; transition-delay: 0;}
a:hover, .button-booking:hover {color: #2C3C4C;}

/* ! Anchor fenicopter */
a.fenic, a.fenic:hover{color: #DCB596;}
 a.fenic:before{
    position: absolute;
    top: -12px;
    left: calc(50% - 18px);
    opacity: 1;
    background-image: url(../img/Massif_Icon_Cta.png);
    background-size: 35px 42px;
    display: inline-block;
    width: 50px;
    height: 50px;
    content: "";
    background-repeat: no-repeat;
    transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
} /*RICS + STE */
a.fenic:hover:before{opacity: 0.3; transform: scale(1.8);}/*RICS*/
a.fenic {margin-top: 20px;}
.panel--images-top  a.fenic {
	margin-bottom:10px;
}
a.fenic span {position: relative; z-index: 2;}

.panel.panel--grey a.fenic:before{
	background-image: url(../img/Massif_Icon_Cta.png);
    background-size: 41px 46px;
    display: inline-block;
    width: 50px;
    height: 50px;
    content: "";
    background-repeat: no-repeat;
	transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
}
/*a.fenic span:hover {color: #00A8D0;}*/

/* ! Button booking fenicopter */
.panel--booking button.fenic, .panel--booking button.fenic:hover{color: #DCB596; }
.panel--booking button.fenic, .panel--booking button.fenic:hover, .panel--bookingmaskoff button.fenic, .panel--bookingmaskoff button.fenic:hover{margin: 80px 0 30px 0; background-color: transparent;}
.panel--booking button.fenic:before, .panel--bookingmaskoff button.fenic:before  {
	content: url(../img/Massif_Icon_Cta.png);
    width: 35px !important;
    height: 34px;
    position: absolute;
    top: -26px;
	left: calc(33% + 5px);
    transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
    opacity: 1;
    z-index: 0;
    cursor: pointer;
}/*RICS + STE */
.panel--booking button.fenic:hover:before, .panel--bookingmaskoff button.fenic:hover:before{
    opacity: 0.3;
    transform: scale(1.2);
}
/*RICS + STE*/


/* ! Transitions */

.transition-fade {  transition: 0.4s;  opacity: 1; transform: translateY(0px); }
html.is-animating .transition-fade { opacity: 0; transform: translateY(250px); }

.preloader{background: #fff url('../img/oval.svg') no-repeat center center; background-size: 200px;  position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999; display: none;}

.scroll-container{overflow:hidden;}
.container{ margin: 0 auto; max-width: 1200px;}
.grid{padding: 0 20px;}

/* ! Background */

.bg-grey {background-color: #eeeeee;}

[data-scroll-section] {display: block; position: relative;}


/* ! Typography */

p{ font-size: 16px;line-height: 26px}
p a{font-size: 16px; line-height: 26px; text-transform: lowercase; color: #CA8139; letter-spacing: normal;}

h1, h2, h3, h4 {font-family: 'IHCBodoni'; font-weight: 100; color: #31261D;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{letter-spacing: normal!important;}

/*.headline{font-size: calc(0.5rem + 5vmin); line-height: normal; font-weight: lighter; margin: 0 0 40px 0; text-align: center; color: #2C3C4C;}*/
h1{font-size: calc(1rem + 2.5vmin);line-height: 40px; font-weight: lighter; margin: 0; }
h2{font-size: calc(0.4rem + 4vmin); line-height: normal; font-weight: lighter; margin: 0 20px 40px 20px; text-align: center;}
h3{font-size: calc(0.28rem + 2.4vmin);/*line-height: 50px;*/ font-weight: lighter; margin: 0; }
.horizontalheadline{position:absolute; /*left: -25%;*/ top:90px; font-size: 100px!important; text-transform: uppercase; white-space: nowrap; letter-spacing: 18px; font-weight: lighter;}

.cover-heading h1, .cover-heading h2, .cover-heading h3, .cover-heading h4, .cover-heading h5, .cover-heading h6{font-size: 60px;line-height: 75px;}
.cover-heading ul.fade-up.is-inview li{ text-align:center !important; }
.panel--grey h1, .panel--grey h2, .panel--grey h3, .panel--grey h4, .panel--grey h5, .panel--grey h6{font-size: 45px; line-height: 55px;}
/*.title{font-size: calc(0.4rem + 4vmin);margin: 0 0 20px 0; }
.subtitle{font-size: calc(0.4rem + 4vmin);margin: 0 0 20px 0; }*/

/* ! Testo nei vari panel */



/* ! Booking calendar */

.mc-calendar{font-family: 'IHCGinger-Light'!important;}
.mc-table__weekday{color:#00a8d0!important; }
.mc-date--active.mc-date--picked{background-color:#00a8d0!important; }
.mc-btn--success, .mc-btn--danger{color:#CA8139!important;}

.panel p {font-size: 18px; line-height: 32px;}
.panel p a{font-size: 18px; line-height: 32px; text-transform: lowercase; color: #CA8139; letter-spacing: normal;}
.panel--grey p, .panel--images-top p, .panel--activity p, .panel--blu p, .panel--slider p{font-size: 16px; line-height: 26px;}

@media (max-width: 768px) {
  .headline,
  .subtitle{/*line-height: 26px;*/}
  h1, h3, h4 {line-height: 26px;}
  h3{font-size: calc(0.6rem + 3vmin);}
  h2{font-size: calc(0.8rem + 4vmin); margin: 0 0 20px 0;}
  .panel p {font-size: 16px; line-height: 26px;}
  a, .button-booking{font-size: 12px;}
  a.fenic:before {display: none;}

  .panel--grey h1, .panel--grey h2, .panel--grey h3, .panel--grey h4, .panel--grey h5, .panel--grey h6{font-size: 30px; line-height: 40px;}
  .cover-heading h1, .cover-heading h2, .cover-heading h3, .cover-heading h4, .cover-heading h5, .cover-heading h6{font-size: 30px;line-height: 40px;}
}

/* ! Helpers */

.margin-top{/*margin-top: 50px!important;*/}
.margin-bottom{margin-bottom: 50px!important;}
.margin-right{margin-right: 50px!important;}
.margin-left{margin-left: 50px!important;}
.margin-top-big{margin-top: 150px!important;}
.margin-bottom-big{/*margin-bottom: 150px!important;*/}
.img-res{width: 100%;}
.padding-all{padding: 20px;}
.padding-laterale {padding: 0 50px;}
.padding-left{padding-left: 50px;}
.padding-right{padding-right: 50px;}
.padding-left-min{padding-left: 20px;}
.padding-right-min{padding-right: 20px;}

.panel--date.margin-bottom-big{margin-bottom: 110px!important;}

.panel--grey .padding-left {padding-left: 100px;}
.panel--grey .padding-right {padding-right: 100px;}
.text-red{color:#FF274F}

body{transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.bg-grey{background: #bababa;}
.bg-red{background: #FF284F;}
.bg-greyplus{background: #858585;}
.bg-green{background: #09F4A5;}
.bg-white{background: #fff;}

.align-center{text-align: center;}
.align-end{align-self: flex-end;}

@media (max-width: 768px) {
  .padding-left{padding-left: 0px!important;}
}





/* ! Animations */

.fade-left{opacity: 0; transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transform: translateX(-30%);transition-delay: 0.5s}
.fade-left.is-inview{opacity: 1;transform: translateX(0px)}

.fade-right{opacity: 0; transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transform: translateX(30%);transition-delay: 0.5s}
.fade-right.is-inview{opacity: 1;transform: translateX(0px)}

.fade-up{opacity: 0; transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transform: translateY(30%);transition-delay: 0.5s}
.fade-up.is-inview{opacity: 1;transform: translateY(0px)}
a.fenic.fade-up.is-inview {
    max-width: 40%;
    margin-right: 10%;
    min-width: 0;
    min-height: 50px;
    float: left;
    margin-top: 20px;
}
.fade-down{opacity: 0; transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transform: translateY(-30%);transition-delay: 0.5s}
.fade-down.is-inview{opacity: 1;transform: translateY(0px)}

.fade{opacity: 0; transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.fade.is-inview{opacity: 1;}

.rotate{opacity: 0;transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transform: rotate(-80deg); transition-delay: 0.3s }
.rotate.is-inview{opacity: 1; transform: rotate(0deg);}

.fade-left-round{opacity: 0; transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transform: translateX(-30%);}
.fade-left-round.is-inview{opacity: 1;transform: translateX(0px)}

.reveal-top{height: 0; overflow: hidden; transition: all 1.5s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.reveal-top.is-inview{height: 100%;}

.reveal-left{width: 0; overflow: hidden; transition: all 1.5s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.reveal-left.is-inview{width: 100%;}

.zoom-in{opacity: 0; transform:scale(1.2); transition: all 1.4s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.zoom-in.is-inview{opacity: 1;transform:scale(1);}

.zoom-out{opacity: 0; transform:scale(0); transition: all 1.4s cubic-bezier(.215, .61, .355, 1);}
.zoom-out.is-inview{opacity: 1;transform:scale(1);}

.zoom-in-pointer{opacity: 0; transform:scale(4); transition: all 1.4s cubic-bezier(.215, .61, .355, 1);}
.zoom-in-pointer.is-inview{opacity: 1;transform:scale(1);}

.zoom-in-pointer-big{opacity: 0; transform:scale(2); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.zoom-in-pointer-big.is-inview{opacity: 1; transform:scale(1);}


.zoom-fade-right{opacity: 0; transform:scale(0.8); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.zoom-fade-right.is-inview{opacity: 1;transform:scale(1);}

.text-reveal{overflow: hidden;display: block;}
.text-reveal b{display: inline-block;will-change: transform; transform: translate3d(0,105%,0); transition: all 1.4s cubic-bezier(.4, .0, .0, 1);}

h1.headline .text-reveal, h2.headline .text-reveal{padding: 0 0 7px 0;}

.text-reveal.is-inview b{transform: none; /*line-height: 50px;*/}
.subheadline .text-reveal.is-inview b{line-height: 30px;}


.marker{position: relative}
.marker:after{position: absolute;height: 9px;background: #FF274F;bottom:2px; left:0; width: 0; content: " "; animation: subliner 5s cubic-bezier(.215, .61, .355, 1) infinite;}

.marker--1:after{animation-delay: 0.5s}
.marker--2:after{animation-delay: 1s; background: #FFCC01;}
.marker--3:after{animation-delay: 1.5s; background: #49EEA5;}

@keyframes subliner {
  0% {width: 0;opacity: 1}
  25% {width: 0;}
  50% {width: 100%;opacity: 1}
  75% {width: 100%;opacity: 1}
  100% {width: 100%;opacity: 0}
}


.delay-1{transition-delay: .1s!important}
.delay-2{transition-delay: .2s!important}
.delay-3{transition-delay: .3s!important}
.delay-4{transition-delay: .4s!important}
.delay-5{transition-delay: .5s!important}
.delay-6{transition-delay: .6s!important}
.delay-7{transition-delay: .7s!important}
.delay-8{transition-delay: .8s!important}
.delay-9{transition-delay: .9s!important}
.delay-10{transition-delay: 1s!important}
.delay-12{transition-delay: 1.2s!important}
.delay-15{transition-delay: 1.5s!important}
.delay-14{transition-delay: 1.4s!important}
.delay-16{transition-delay: 1.6s!important}
.delay-18{transition-delay: 1.8s!important}
.delay-20{transition-delay: 2s!important}


.arrows img{transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.hor-left:hover img {transform: translateX(-10px);}
.hor-right:hover img {transform: translateX(10px);}

.pulse-short {
  animation: pulse-animation-short 4s infinite;
  border-radius: 100px;
}

.pulse-big {
  animation: pulse-animation-big 4s infinite;
  border-radius: 100px;
}

@keyframes pulse-animation-big {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
    border: 1px solid #DCB596;

  }
  25% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
    border: 1px solid #DCB596;
  }
  60% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
    border: 1px solid #DCB596;
  }
  100% {
    box-shadow: 0 0 0 120px rgba(255, 255, 255, 0);
    border: 1px solid #DCB596;
  }
}

/* ! Video Container */

.cover-text .video-container {
   /*position: fixed!important;*/
   top: 0!important;
   left: 0!important;
   width: 100%!important;
   height: 100% !important;
   z-index: -1!important;
   pointer-events:none!important;
   overflow: hidden;
}
.cover-text .video-container iframe {
  width: 100vw!important;
   height: 56.25vw!important;
   min-height: 100vh!important;
   min-width: 177.77vh!important;
   position: absolute!important;
   top: 50%!important;
   left: 50%!important;
   transform: translate(-50%, -50%)!important;
}
.button-on-video{
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(76, 143, 126, 0.7);
    color: white;
    max-height: 64px;
    padding: 20px 30px;
}
.button-on-video:hover{
	background-color: rgba(76, 143, 126, 1);
	color: white !important;
}


/* ! Date */

.date {position: absolute; left:0; margin: 0; padding: 0; z-index: 99;}
.date .li{list-style: none; padding: 10px 0;}
.date .li a{font-family: "IHCBodoni"; font-weight: 100; color: #31261D; font-size: 16px; line-height: 24px; letter-spacing: 3px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); display: block;}
.date .li a:hover, .date .li a:active {font-size: 24px; color: #DCB596; transform: scale(1.5);}

.date .li a:after {content: ""; height: 1px; width: 0px; background-color: #000; color: #000; display: block; transition: all 1s cubic-bezier(.215, .61, .355, 1); margin-top: 4px;}
.date .li a:hover:after, .date .li a:active:after {width: 100%; }


/* ! Rounded values */
.panel-rounded-container {background-color: #f8f8f8;}
.roundedvalues{display: flex; justify-content: center; background-image: url(../img/sf-spajourney.png); background-position: center center; background-repeat: no-repeat; padding: 100px 0!important; width: 100%; background-color: #f8f8f8;}
.roundedvalues .grid{justify-content: center;}
.roundedvalues .roundcontainer{width: 414px; height: 414px; background: #f8f8f8; border: 1px solid #DCB596; border-radius: 500px; position: relative;}
.roundedvalues .roundcontainer .round { font-family: "IHCGinger-Light"; width: 350px; height: 350px; background: #ccc; border-radius: 500px; position: absolute; top: calc(50% - 175px); left: calc(50% - 175px); background-image: url(../img/img-round.jpg); background-size: cover;}
.roundedvalues .roundcontainer .round a {display: block; font-weight: 100; font-family: "IHCGinger-Light";}
.roundedvalues .roundcontainer .round a .contenuto{position: relative; width: 240px;}
.roundedvalues .roundcontainer .round a h4{font-size: 20px; color: #DCB596; /*margin: 0 0 0 10px;*/ transition: all 0.4s cubic-bezier(.215, .61, .355, 1); position: relative; text-transform: none; letter-spacing: normal;}
.roundedvalues .roundcontainer .round a:hover h4 {}
.roundedvalues .roundcontainer .round a p{font-family: "IHCGinger-Light"; font-size: 14px; /*margin: 0 0 0 10px;*/ color: #929292; font-weight: 100; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); letter-spacing: normal; text-transform: none; opacity: 0; position: relative; top: -30px; line-height: 18px;}
.roundedvalues .roundcontainer .round a:hover p {opacity: 1; top: -20px;}
.roundedvalues .roundcontainer .round a{position: absolute; transform:rotate(-20deg); display: block;}

.roundedvalues .roundcontainer .round a:before{content: ""; border: 4px solid #F1E9E2; display: block; width: 18px; height: 18px; background-color: #DCB596; border-radius: 50px; left: -22px; top:calc(50% - 5px); position: absolute; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.roundedvalues .roundcontainer .round a:hover:before {transform: scale(1.8); background-color: #DCB596; }

.roundedvalues .roundcontainer .round a.primo{top: -37px; right: -250px;}
.roundedvalues .roundcontainer .round a.primo .contenuto{top: 15px; left: 20px;}
.roundedvalues .roundcontainer .round a.secondo{top: 120px; right: -269px;}
.roundedvalues .roundcontainer .round a.secondo .contenuto{top: 25px; left: 20px;}
.roundedvalues .roundcontainer .round a.terzo{top: 239px; right: -171px;}
.roundedvalues .roundcontainer .round a.terzo .contenuto{top: 80px; left: -10px;}
.roundedvalues .roundcontainer .round a.quarto{top: 249px; left: 93px;}
.roundedvalues .roundcontainer .round a.quarto .contenuto{top: 65px; left: -130px;}
.roundedvalues .roundcontainer .round a.quinto{top: 158px; left: -4px;}
.roundedvalues .roundcontainer .round a.quinto .contenuto{top: 30px; left: -260px;}
.roundedvalues .roundcontainer .round a.sesto{top: -2px; left: -18px;}
.roundedvalues .roundcontainer .round a.sesto .contenuto{top: 20px; left: -225px; width: 200px;}
.roundedvalues .roundcontainer .round a.settimo{top: -113px; left: 67px;}
.roundedvalues .roundcontainer .round a.settimo .contenuto{top: -50px; left: -200px;}
.roundedvalues .roundcontainer .round a.ottavo{top: -138px; left: 234px;}
.roundedvalues .roundcontainer .round a.ottavo .contenuto{top: -36px; left: 8px;}


/*.roundedvalues .roundcontainer .round a.primo{top: 15px; left: 10px;}
.roundedvalues .roundcontainer .round a.secondo{top: 20px; left: 20px;}
.roundedvalues .roundcontainer .round a.terzo {top: 50px; left: -10px;}*/

.panel-rounded-container-mobile {background-color: #F1E9E2; padding: 30px 0!important;}
.panel-rounded-container-mobile img {width: 236px; height: 236px; border-radius: 500px; object-fit: cover;}
.panel-rounded-container-mobile a h4{color: #DCB596; font-size: 20px!important; line-height: 20px!important; font-family: 'IHCBodoni'; font-weight: 100; text-transform: none; margin: 45px 0 8px 0; padding: 0; letter-spacing: normal;}
.panel-rounded-container-mobile p{color: #929292; font-size: 14px; line-height: 18px; margin: 0 auto; padding: 0; max-width: 200px;}
.panel-rounded-container-mobile .ul {margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: no-wrap; position: relative;}
.panel-rounded-container-mobile .ul:after {content: ""; height: 2px; width: 100%; background-color: #DCB596; position: absolute; top: 264px;}
.panel-rounded-container-mobile .ul .li {margin: 0 20px; padding: 0; list-style: none; text-align: center; position:relative;}
.panel-rounded-container-mobile .ul .li:before { content: ""; width: 34px; height: 34px; background-color: #DCB596; border: 4px solid #F3E9E1; border-radius: 100px; position: absolute; top: 246px; z-index: 99; left: calc(50% - 18px); }


/* ! Header */

.fixed{position: fixed;z-index: 10;width: 100%; transition: all 1s cubic-bezier(.215, .61, .355, 1); overflow: hidden;}

.header{display: flex; justify-content: space-between; align-items: center; top:0; max-width: 1440px; margin: 0 auto; padding: 20px 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.scroll-down .fixed {background:#fff; padding: 0;}
.scroll-down .fixed .header{padding: 0;}

.header__icon{width:110px; position: relative; color:#000; z-index: 999999999999;}

.header__cta {font-family: 'IHCGinger-Bold'; text-transform: uppercase; font-size: 12px; margin-right: 20px; position: relative; /*right: 50px;*/ display: flex;}
.header__cta .buttonbook { margin-right: 12px; position: relative; left:-50px; max-height: 48px; font-family: 'IHCGinger-Bold'; font-size: 14px; letter-spacing: 2px; line-height: 24px; text-transform: uppercase; color: #fff; padding: 12px 30px; background-color: rgba(220, 181, 150, 1); display: block; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); cursor: pointer;}
.header__cta .buttonbook:hover{background-color: rgba(220, 181, 150, 0.7);}
.header__cta img{position: absolute; left: -150px; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); max-width: 115px;}

.header__cta a.second-logo img {transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.scroll-down .header__cta a.second-logo img {top: -450px; }

.header__cta a.second-logo-scroll img {transition: all 0.5s cubic-bezier(.215, .61, .355, 1); transform: scale(0); left: -90px; max-width: 60px;}
.scroll-down .header__cta a.second-logo-scroll img {top: 10px; left: -90px; transform: scale(1);}

.header__cta ul#language-selector { margin: 0 0 0 3px; padding: 0;border: none;color: #fff; height: 48px; overflow: hidden;width: 50px;cursor: pointer;transition: all 0.5s ease; position: relative;}
.header__cta ul#language-selector:after{content:"\003e"; color: #000; position: absolute; right: 9px; top: 18px; transform: rotate(90deg); transition: all 1.4s cubic-bezier(.215, .61, .355, 1);}
.header__cta ul#language-selector.open:after{content:"\003e"; color: #000; position: absolute; right: 5px; top: 18px; transform: rotate(-90deg); transition: all 1.4s cubic-bezier(.215, .61, .355, 1);}
.header__cta ul#language-selector li a {color: #60564e; display: block; font-size: 12px; text-align: center; line-height: 50px; height: 50px; width: 50px; background-color: #E0C6AD; font-weight: bold;}

.header__cta ul#language-selector li.selected a, .header__cta ul#language-selector li.selected a:hover, .header__cta ul#language-selector li a:hover {background-color: #fcf7f2;}

.scroll-down .header__cta ul#language-selector li a, .scroll-down .header__cta ul#language-selector:after {color: #000; }
.header__cta__spa {font-family: 'IHCGinger-Bold'; text-transform: uppercase; font-size: 12px; margin:0 auto; position: absolute; bottom: 30px; display: flex; max-width: 1440px; width: 100%; justify-content: flex-end;}
.header__cta__spa .buttonbook {font-family: 'IHCGinger-Bold'; font-size: 14px; letter-spacing: 2px; line-height: 24px; text-transform: uppercase; color: #fff; padding: 12px 30px; background-color: rgba(220, 181, 150, 0.7); display: block; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); cursor: pointer;}
.header__cta__spa .buttonbook:hover {background-color: rgba(220, 181, 150, 1);}
/*.scroll-down .header__cta .buttonbook{border: none; padding: 0; background-color: transparent;}*/
/* 77agency STE */
.img-on-hero{
	position: absolute;
    display: flex;
    max-width: 1440px;
    padding-left: 50px;
    width: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    z-index: 9999;
}
a.second-link{
    margin-left: 20px;
    background-color: rgba(255,255,255,0.66) !important;
    color: #2C3C4C !important;
}
a.second-link:hover{
	background-color: rgba(255,255,255,1) !important;
}
.header__logo {width: 130px; height: 100px;  margin-top: 0px; position: relative;}
.header__logo.desk .logo img{max-width: 130px;}
.header__logo.desk .logo-scroll img{max-height: 30px; width: auto;}
.scroll-down .header__logo {width: 130px; height: 28px;  margin-top: -6px; position: relative; top:-3px;}
.header__logo .logo {position: absolute; top: 0; left:calc(50% - 20px); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.header__logo .logo-scroll {position: absolute; transform: scale(0);left:calc(50% - 25px); opacity: 0; height: auto; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.logo-mobile img {transition: all 1s cubic-bezier(.215, .61, .355, 1);}




.scroll-down .header__logo .logo {/*  left:-45px;*/ top: -750px; opacity: 0;}
.scroll-down .header__logo .logo-scroll { transform: scale(1.3); top: 7px; opacity: 1; }

.header__cta .button{width: 100%;}


.site-nav{padding: 0;list-style-type: none;position: relative;}
.site-nav > li {display: inline-block;}
.site-nav > li a{display: block;padding: 20px; color:#000; opacity: 0.5; text-decoration: none;}


.logo{margin-top: 3px; display: block; text-align: center;margin-top: 0px;}

/* Active state */
.header__menu{position: relative;}
.line-menu{position: absolute;height: 2px; background: #3DE99E; bottom:10px;}
.active a{opacity: 1!important}

@media (max-width: 768px) {
  .line-menu{display: none;}
  .header__cta .buttonbook, .header__cta .second-logo, .header__cta #language-selector {display: none;}
  .header__cta {order: 2;}
  .header__cta a.second-logo-scroll img, .scroll-down .header__cta a.second-logo-scroll img {transform: scale(1); left: 50px; top: -10px;}
  .header__logo {order: 1; margin-left: 10px; height: 34px;}
  .header__logo img{/*transform: scale(0.9);*/ max-width: 200px;}
  .header__logo .logo-scroll {/*left: 0px;*/}
  .header__logo .logo-scroll img {/*transform: scale(1);*/ position: relative; top: -5px;}
  .header__icon {order: 3;}
  .scroll-down .header__logo .logo-scroll {transform: scale(0.8);}
  .scroll-down .fixed .header{padding: 24px 0;}
  /*.scroll-down .header__logo {transform: scale(0.8); margin-left: -5px; width: auto; height: auto; top: 0px;}
  .scroll-down .logo-mobile img {transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .scroll-down .logo-mobile img {transform: scale(0.8);}*/

  ul.date {position: absolute; top: -90px; left:0; margin: 0; padding: 0; z-index: 99; display: flex; justify-content: center;/*background-color: #F8F8F8;*/ width: 100%; padding: 8px 0 0 0;}
  ul.date li{list-style: none; font-family: 'IHCGinger-Light'; padding: 10px 15px;}
  ul.date li a{font-family: "IHCGinger-Light"; color: #929292; font-size: 14px; line-height: 24px; letter-spacing: 3px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); display: block;}

  .scroll-down .fixed{/*background-color: #fff;*/}
  .scroll-down .icon-hamburger span, .scroll-down .icon-hamburger span:before, .scroll-down .icon-hamburger span:after {background: #2C3C4C;}

  .fixed{background-color: #fff;}
  .icon-hamburger span, .icon-hamburger span:before, .icon-hamburger span:after {background: #2C3C4C!important;}

  .text-reveal.is-inview b{line-height: 40px;}
  a.fenic.fade-up.is-inview {
    display: block;
    min-height: 0;
    float: none;
    max-width: 100%;
   }       
}

/* ! Logo Down */

.logo-down{position: absolute;bottom: 0; transform: scale(0.5);}

/* ! The Poetry */
.panel-the-poetry {background-color: #F1E9E2;}
.panel-the-poetry .ul{display: flex; max-width: 1440px; margin: 20px auto 0 auto; justify-content: space-around; text-align: center;}
.panel-the-poetry .ul .li{margin: 0 20px; list-style: none;}
.panel-the-poetry .ul .li a h4{font-size: 25px; line-height: 32px;color: #31261D; margin: 0; text-transform: none; letter-spacing: normal; transition: none;}
.panel-the-poetry .ul .li p{font-size: 15px; color: #DCB596; margin: 5px 0 0 0; transition: none;}
.panel-the-poetry .ul .li img{height: 140px; margin: 0 auto 30px auto;}/*RICS*/
.panel-the-poetry .ul .li a h4:hover { color: #2C3C4C; filter: brightness(1.5); }
.panel-the-poetry .ul .li a p:hover{color: #2C3C4C;}



/* ! Scroll Down */
.scroll-down-icon{width: 140px; height: 100px;position: absolute;bottom: 20px; left:calc(50% - 70px); display: block;}
.scroll-down-icon p{font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 3px;}
.line-center{background: transparent; width: 3px; height: 0px; opacity: 0;position: absolute;left:50%; margin-top: -10px; animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite; }
.line-center span{position: absolute;bottom:-25px;width: 140px;display: block;left:-70px;text-align: center;color:#fff; text-transform: uppercase;font-size: 14px; letter-spacing: 2px;}

.panel--offers {/*background-color: #F8F8F8;*/}
.panel--offers img{height: 409px; object-fit: cover; margin-bottom: 15px;}
.panel--offers .scroll-right-icon{width: 100px; height: 20px;position: absolute; bottom: 30px; left:94%;display: block;}
.panel--offers .line-center{background: #bababa; width: 0px; height: 2px; opacity: 0;position: absolute;top:30%; margin-right: 0px; animation: orizzontal_line_growth 2s cubic-bezier(.215, .61, .355, 1) infinite; }
.panel--offers .line-center span{position: absolute;bottom:-12px;width: 100px;display: block;left:-90px;text-align: left;color:#bababa; text-transform: uppercase;font-size: 11px;}

@keyframes vertical_line_growth {
  0% { height: 0; opacity: 0;}
  20% { height: 0; opacity: 0;}
  40% { height: 0; opacity: 1;}
  60% { height: 10px; opacity: 1;}
  80% { height: 10px; opacity: 1;}
  100% { height: 10px; opacity: 0;}
}

@keyframes orizzontal_line_growth {
  0% { width: 0; opacity: 0;}
  20% { width: 0; opacity: 0;}
  40% { width: 0; opacity: 1;}
  60% { width: 30px; opacity: 1;}
  80% { width: 30px; opacity: 1;}
  100% { width: 30px; opacity: 0;}
}


/* Has Cover */

.has-cover .header .button{color:#fff; border-color: #fff}
.has-cover .logo{filter: invert(1);}
.scroll-down.has-cover .site-nav > li a{color:#000;}
.scroll-down.has-cover .header .button{color:#000; border-color: #000}
.scroll-down.has-cover .logo{filter: invert(0);}


/* ! Hamburger menu */

  .header__icon{display: block;}
  .site-nav li{width: 100%;}
  .site-nav li a{width: 100%;display: block;color:#000;font-size: 23px;}

  .icon-hamburger{ width: 30px;height: 30px;position: absolute; top:-14px; right:20px; z-index: 9999999; cursor: pointer; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .icon-hamburger span {height: 1px;width: 100%; position: absolute; background: #fff; top: 14px; transition: all 0.2s ease-in-out;}
  .icon-hamburger span:before,
  .icon-hamburger span:after{height: 1px;width: 80%; position: absolute; background: #fff; content: ' '; margin-top: -8px; right: 0; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
  .icon-hamburger span:after{margin-top: 8px}
  .icon-hamburger:hover span:before, .icon-hamburger:hover span:after {width: 100%;}

    .scroll-down .icon-hamburger span,   .scroll-down .icon-hamburger span:before,   .scroll-down .icon-hamburger span:after {background-color:#2C3C4C }

  .has-cover .icon-hamburger span,
  .has-cover .icon-hamburger span:before,
  .has-cover .icon-hamburger span:after{background: #fff;}

  .icon-hamburger--open span{background: transparent!important;}
  .icon-hamburger--open span:before{transform: rotate(45deg);margin-top: 0;}
  .icon-hamburger--open span:after{transform: rotate(-45deg);margin-top: 0;}

  .scroll-down .icon-hamburger span,
  .scroll-down .icon-hamburger span:before,
  .scroll-down .icon-hamburger span:after{/*background: #000;*/}
  .scroll-down .buttonbook {/*color: #000;*/}

  .logo{overflow: hidden;}

  .header__menu {display: none;}


@media (max-width: 768px) {
  .panel-the-poetry .ul {flex-wrap: nowrap; justify-content: flex-start;}
  .panel-the-poetry .ul .li{margin: 0; width: 100%;}
  .header__menu{display: block; position: absolute;top:0; left:0; width: calc(100%); height: 100vh;background: #fff; transform: translateX(-100%);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .header__menu--open{ transform: translateX(0%);}
  .scroll-down-icon p{font-size: 12px;}
  .line-center span{left:-75px;}
}

/* ! Section menu */
.sectionmenu {position:-webkit-sticky; position:sticky; top:40px;}
.sectionmenu {background: white; color:#fff; max-width: 100%; margin: 0 auto;}
.sectionmenu ul{display: flex; justify-content: space-around;}
.sectionmenu ul li {list-style: none; margin: 0 15px;}
.sectionmenu ul li a, .sectionmenu ul li a:hover, .sectionmenu ul li a:active{color: #DCB596; font-size: 12px; position: relative; display: block; text-align: center;}
.sectionmenu ul li a:after {content: ""; height: 0.5px; width: 0px; background-color: #DCB596; display: block; transition: all 1s cubic-bezier(.215, .61, .355, 1); margin-top: 4px;}
.sectionmenu ul li.current-menu-item a:after,
.sectionmenu ul li a:hover:after, .sectionmenu ul li a:active:after {width: 100%; }


/* ! Gestisco pathway */

.pathway {margin: 20px 0 0 0;}
.pathway ul{margin: 0; padding: 0; text-align: center;}
.pathway ul li{list-style: none; display: inline-block; padding: 0 5px;}
.pathway ul li:last-child::after {display: none;}
.pathway ul li::after{content:"/"; color: #929292; position: relative; left: 6px; font-family: "IHCGinger-Light";}
.pathway ul li a {  font-size: 12px; color: #929292; text-transform: capitalize; font-family: "IHCGinger-Light";}
.pathway ul li {font-family: "IHCGinger-Light"; font-size: 12px; color: #929292; text-transform: uppercase; letter-spacing: 3px;}


/* ! Cover */

.cover{height: 100vh;position: relative; background: #333;display: flex; width: 100%; align-items: center;z-index: 0}
.cover__content{color:#fff; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}
.cover:before{content: ' ';width: 100%;height: 100%;background: #000;position: absolute;top:0; left:0; z-index: 0; opacity: 0.5}


.cover-text{height: 670px; /*background: #bababa;*/ position: relative; display: flex; max-width: 100%; margin: 0 auto;align-items: center; justify-content: center; z-index: 0}
.cover-text h1 {color: #fff; text-align: center;}
.cover-text__content{color:#fff; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}
.cover-text:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    /*background-image: linear-gradient(180deg,rgba(0,166,205,0.2),rgba(0,166,205,0.2));*/
    background: linear-gradient(0deg, rgba(0,166,205,0) 0%, rgba(0,166,205,0.08727240896358546) 63%, rgba(0,13,17,0.5662640056022409) 100%);
    z-index: 5;
}
.cover-text.fullscreen-size{height: 100vh;}

.cover-heading{/*height: 50vh; background: #bababa;*/ position: relative; display: flex; width: 100%; align-items: center;z-index: 0}
.cover-heading__content{font-size: 18px; line-height: 32px; color:#929292; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}

.cover-heading .imagesparallasse {}
.cover-heading .imagesparallasse .sinistra {position: absolute; left:0; top:35%; transform: scale(0.5);}
.cover-heading .imagesparallasse .destra{position: absolute; right:0; top:15%; transform: scale(0.5);}

.imagesparallasse .sinistra {position: absolute; left:0; top:35%; transform: scale(0.5);}
.imagesparallasse .destra{position: absolute; right:0; top:15%; transform: scale(0.5);}

@keyframes lampeggio {
50% { border-color: #ff0000; }
}
.bordolampeggiante{
    border-color: #000000;
    border: solid;
    animation: lampeggio ;
    animation-timing-function: step-end ;
    animation-iteration-count: infinite ;
    animation-direction: alternate ;
    animation-duration: .5s ;
  }


  /* ! Button contact us / Box contact */

  .buttoncontact{display: flex; justify-content: center; align-items: center; align-content: center; margin: 0 auto; max-width: 1440px;}
  .fixedbutton {position: absolute; top:calc(50% - 130px); z-index: 9; left: -530px; transition: all 1.5s cubic-bezier(.4, .0, .0, 1);}
  .fixedbutton a { color: #fff; }

  .scroll-down .fixedbutton {/*top: 35%;*/ left: -440px; transition: all 1s cubic-bezier(.4, .0, .0, 1);}

  .boxcontact {background-color: #CB8644; height: 175px; max-width: 500px; display: flex; align-items: center;position: relative; }
  .scroll-down .fixedbutton.boxcontact--open {left: 0px;}
  /*.boxcontact .grid{height: 100%; width: 100%; position: relative;}*/
  .boxcontact .content {font-size: 12px; color: #fff; width: 88%; padding: 0 20px;}
  .boxcontact .aprichiudi {font-size: 12px; color: #fff; width: 12%; height: 100%; background-color: #DCB596; height: 100%;}
  .boxcontact .aprichiudi:hover{background-color: #f19b46;}
  .boxcontact a.contactus {font-family: "IHCGinger-Regular"; font-size: 13px; transform: rotate(-90deg); color: #fff; width: 118px; white-space: nowrap; display: block; position: relative; left: -52%; top: calc(75% - 60px); transition: all 1s cubic-bezier(.4, .0, .0, 1);}
  .boxcontact a.contactus:after{content: url(../img/freccia-contact.svg); position: absolute; top: 6px; right: -40px; width: 30px; height: 7px; transform: rotate(90deg); transition: all 0.8s cubic-bezier(.4, .0, .0, 1); display: none;}
  .boxcontact--open a.contactus:after{transform: rotate(-90deg); top: 10px; right: -25px;}



  /* ! Latest news */
  .fixedbuttonln {position: absolute; bottom: 0px; z-index: 9; left: -440px; transition: all 1.5s cubic-bezier(.4, .0, .0, 1);}
  .fixedbuttonln.is-inview{left: -440px;}
  .scroll-down .fixedbuttonln {left: -520px;}
  .fixedbuttonln .boxcontact {background-color: #00718b; height: 175px; max-width: 500px; }
  .fixedbuttonln.boxcontact--open {left: 0px;}

  .fixedbuttonln .boxcontact .content {font-size: 12px; color: #fff; width: 88%; padding: 0 20px;}
  .fixedbuttonln .boxcontact .aprichiudi {font-size: 12px; color: #fff; width: 12%; height: 100%; background-color: rgba(220, 181, 150, 1); height: 100%;}
  .fixedbuttonln .boxcontact .aprichiudi:hover{background-color: rgba(220, 181, 150, 1);}
  .fixedbuttonln .boxcontact a.contactus {letter-spacing: 1px; font-family: "IHCGinger-Regular";font-size: 13px;transform: rotate(-90deg);color: #fff;width: 175px;position: relative;left: -60px;transition: all 1s cubic-bezier(.4, .0, .0, 1);text-align: center; line-height: 20px;top: 68px;white-space: normal!important;}
  .fixedbuttonln .boxcontact a.contactus:after{content: url(../img/freccia-contact.svg); position: absolute; top: 10px; right: -55px; width: 30px; height: 7px; transform: rotate(90deg); transition: all 0.8s cubic-bezier(.4, .0, .0, 1); display: none;}
  .fixedbuttonln.boxcontact--open a.contactus:after{transform: rotate(-90deg); top: 5px; right: -35px;}

  .backtotop {position: absolute; z-index: 99; top: 50%; right: -200px; transition: all 1s cubic-bezier(.4, .0, .0, 1);}
  .scroll-down .backtotop {position: absolute; top: calc(50% - 50px); right: -28px; mix-blend-mode: luminosity; }
  .backtotop a{display: block; text-transform: none; transform: rotate(90deg);}

  @media (max-width: 768px) {
    .cover-text, .cover-text.fullscreen-size {height: 85vh;}
    .backtotop,
    .fixedbutton {display: none;}
    .fixedbuttonln.boxcontact--open .boxcontact a.contactus{left:-60%;}
    .cover-heading__content {/*padding: 0;*/ text-align: left;}
    .cover-heading .cover-heading__content {padding: 0;}

  }


/* ! intro text */

.intro-text{padding: 150px 0 50px 0;}
.intro-text h1{ min-width: 700px;}

/* ! Panel */

.panel{padding: 30px 0;position: relative;}
.panel__img img{height: 700px; width: 100%;max-width: 550px; display: block; margin: 0 auto; object-fit: cover; position: relative;}
.panel--blu img{height: 600px; width: 100%; max-width: 100%; display: block; margin: 0 auto; object-fit: cover; position: relative;}
.panel__text{max-width: 550px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}


.panel--grey{padding: 0;}
.panel--grey h2.subheadline{text-align: left;}
.panel--grey p{/*margin-bottom: 30px;*/}
.panel--grey .grid{/*background: #eee;*/ padding: 50px 0 0 0; max-width: 1920px;}
.panel--grey img {width: 100%; margin-bottom: -8px; position:relative; z-index: 0; height: 700px; object-fit: cover;}
.panel--grey img.logo-curio, .panel--grey img.logo-conrad {position: absolute; z-index: 9999;}
.panel--grey img.logo-curio {width: 120px; height: 55px; top: 30px; left: calc(50% - 60px);}
.panel--grey img.logo-conrad {width: 168px; height: 44px; top: 30px; left: calc(50% - 84px);}
.panel--grey .col-40.padding-right {background-image: url(../img/montagne-bg.png); background-position: 110% 90%; background-repeat: no-repeat; transition: all 0.8s cubic-bezier(.515, .161, .255, 1); transition-delay: 1.8s; background-size: 20%;}
.panel--grey .col-40.padding-left {background-image: url(../img/montagne-bg-inverse.png); background-position: -10% 90%; background-repeat: no-repeat; transition: all 0.8s cubic-bezier(.515, .161, .255, 1); transition-delay: 1.8s; background-size: 20%;}
.panel--grey .col-40.padding-right.is-inview{background-position: 100% 90%; background-size: 75%;}
.panel--grey .col-40.padding-left.is-inview { background-size: 75%; }
.panel--grey .panel__text__left, .panel--grey .panel__text__right{/*max-width: 550px;*/ display: flex; width: 100%; height: 100%; align-items: center;}
.panel--grey .panel__text__left h2 a, .panel--grey .panel__text__right h2 a {color:#31261D}
.panel--grey .panel__text__left > div, .panel--grey .panel__text__right > div{ background-color: #fff; padding: 100px 60px; position: relative; z-index: 2;}
.panel--grey .panel__text__left > div{position: relative; right:-20%; margin-left: 0%;}
.panel--grey .panel__text__right > div{position: relative; left:-20%; margin-right: 0%;}

@media (max-width: 1024px) {
  .panel--grey .panel__text__left > div{margin-left: 0%;}
  .panel--grey .panel__text__right > div{margin-right: 0%;}
.panel--grey .grid{/*background: #F8F8F8;*/}
}

.panel--activity {background: #f8f8f8; max-width: 1920px; margin: 0 auto; background-image: url(../img/montagne-bg.png); background-position: 100% 90%; background-repeat: no-repeat; }
.panel--activity a {color:#DCB596;}
.panel--activity .col-30 a{color: #DCB596;}

.panel--blu {background-color: rgba(220, 181, 150, 0.7); padding: 40px 50px; max-width: 1920px; margin: 0 auto; background-image: url(../img/montagne-bg.png); background-position: 100% 90%; background-repeat: no-repeat;}
.panel--blu .headline, .panel--blu p.text-heading{color: #2C3C4C; text-align: center;}
.panel--blu .panel__img__lefttext .imgtext {position: absolute; bottom: 1%; left:-50px; color: #fff; display: none;}
.panel--blu .panel__img__lefttext .imgtext span{transform: rotate(-90deg); display: block;}
.panel--blu .panel__content{padding: 0 0 0 78px; text-align: left; color: #31261D;}
.panel--blu .panel__content a {color: #046A38;}
.panel--blu .headline {margin: 0 0 20px 0;}
.panel--blu p.text-heading {padding: 0 25%;}
.panel--blu h4{font-size: 25px; line-height: 45px; color: #929292;}
.panel--blu h4.arrow-left{color: #fff; font-size: 25px; line-height: 45px; position: relative; padding-left: 52px; margin: 10px 0;}
.panel--blu h4.arrow-left:before {content: url(../img/arrow-six-pb.png); width: 47px; height: 8px; margin-right: 10px; position: absolute; left: 0; top: calc(50% -4px);}


.panel--slider .headline-slider,
.panel--slider .headline-slider a {font-family: 'IHCBodoni'; font-weight: lighter; font-size: 40px; line-height: 45px; color: #2C3C4C; text-transform: none; }
.panel--slider .grid {align-items: center;}
.panel--slider p{padding-right: 100px;}
.panel--slider ul {display: flex; margin: 0; padding: 0 30px 0 0; justify-content: flex-start; }
.panel--slider ul li {list-style: none; margin: 0; padding: 0 50px 0 0;}
.panel--slider ul li:last-child { padding-right: 0; }
.panel--slider ul li a.active, .panel--boxtextmenu a.active{color: #DCB596;}
.panel--slider ul li a.active:hover, .panel--boxtextmenu a.active:hover{color: #2C3C4C;}


.panel--boxtrecol { /*background-color: #F8F8F8;*/ max-width: 1920px; padding: 30px 0 0 0; margin: 0 auto; /*background-image: url(../img/onde-big.svg);*/ background-position: 50% 22%; background-repeat: repeat-x;}
.panel--boxtrecol .grid{justify-content: center;}
.panel--boxtrecol img{width: 100%;}
.panel--boxtrecol h3{font-size: 25px; line-height: 35px; /*color: #2C3C4C;*/}
.panel--boxtrecol p{font-size: 12px; line-height: 30px; text-transform: uppercase;}
.panel--boxtrecol a{margin: 30px 0 30px 0;}

.panel--boxtextmenu {/*background-color: #F8F8F8; background-image: url(../img/onde-big.svg);*/ background-position: 50% 145%; background-repeat: repeat-x; max-width: 1920px; padding: 30px 0 30px 0; margin: 0 auto;}
.panel--boxtextmenu .grid{justify-content: center;}
.panel--boxtextmenu p{font-size: 18px; line-height: 32px; text-align: center;}
.panel--boxtextmenu ul {width: 50%; display: flex;justify-content: center; text-align: center; margin: 0; padding: 0;}
.panel--boxtextmenu ul li {list-style: none; width: 33%;}
.panel--boxtextmenu ul li a.colore1 {color: #31261D;}
.panel--boxtextmenu ul li a.colore2 {color: #DCB596;}

.panel--date{justify-content: flex-start;}
.panel--date h3{font-size: 35px; line-height: 45px; color: #31261D; margin: 20px 0;}
.panel--date h4{font-size: 35px; line-height: 45px; color: #CB8644 !important; margin: 0;}
.panel--date .col-70 .grid{align-items: center;}
.panel--date .grid .col-100{padding-top: 0px;}
/*.panel--date .horizontalheadline{display: contents;}*/
.panel--date .menucontestuale { max-width: 1200px; margin: 0 auto; text-align: right;}
.panel--date .horizontalheadline {left: 0; top: 30px;}
.panel--date .horizontalheadline a{font-family: "IHCGinger-Regular"; font-size: 18px; letter-spacing: 0; text-transform: none; color: #929292;}
.panel--date .horizontalheadline a:hover, .panel--date .horizontalheadline a.active{color: #2C3C4C;}
.panel--date .horizontalheadline img{transform: scale(0.6); margin: 0px; position: relative; top: 0px; max-width: 100px;}

.panel--slideratre{/*background-color: #F8F8F8;*/ max-width: 1920px; padding: 39px 0 50px 0; margin: 0 auto; overflow: hidden;}
.panel--slideratre .grid{justify-content: center; max-width: 1440px;}
.panel--slideratre .slider {display: flex; justify-content:space-between; text-align: center; margin: 20px 0;}
.panel--slideratre .slider .slide.left{position: relative; left: -2%;}
.panel--slideratre .slider .slide.right{position: relative; right: -2%;}
.panel--slideratre .slider .slide img, .panel--slideratre .slider .center img{width: 100%; height: 354px!important; object-fit: cover;}
.panel--slideratre .slider .slide h4 a, .panel--slideratre .slider .center h4 a{ font-family: "IHCBodoni"; font-size: 25px; line-height: 35px; text-transform: none; color: #31261D; padding: 0 40px;}
.panel--slideratre .slider .slide {transition: all 1s cubic-bezier(.215, .61, .355, 1); opacity: 0.5; transform: scale(0.9);}
.panel--slideratre .slider .center {opacity: 1; transform: scale(1.1); margin-top: 10px;}
.panel--slideratre .slider .category {color: #DCB596; font-size: 10px; line-height: 10px; margin-top: 20px; text-transform: uppercase; display: block;}

.panel--calendar {max-width: 1920px; margin: 0 auto; position: relative; /*background-color: #f8f8f8;*/ padding: 0;}
.panel--calendar .grid{background-image: url(../img/acqua_sin.png); background-position: 0% 100%; background-repeat: no-repeat; background-color: #faf7f2;} /*RICS*/
.panel--calendar .grid:nth-child(even) {background-image: url(../img/acqua.png); background-position: 100% 100%;} /*RICS*/

.panel--calendar .col-40 > div {background-color: #fff; padding: 40px 50px;}
.panel--calendar .col-40 > div.left {position: relative; right: -20%; z-index: 2;}
.panel--calendar .col-40 > div.right {position: relative; left: -20%; z-index: 2;}
.panel--calendar .grid{align-items: center; max-width: 1920px; padding: 0; position: relative;}
.panel--calendar h4{font-size: 60px; line-height: 65px; color:#b17e62; margin: 0;}
.panel--calendar h3{font-family: 'IHCGinger-light'; font-size: 35px; line-height: 50px; color: #31261D;}
.panel--calendar img{width: 100%; position: relative; z-index: 9; margin-bottom: -8px; position: relative; z-index: 0;}
.panel--calendar p{}
.panel--calendar .calendar {position: relative; z-index: 99; left: 5px; width: 0%;}
.panel--calendar .ul{background: transparent; display: flex; justify-content: flex-start; padding: 10px; transform: rotate(-90deg);}
.panel--calendar .ul .li {list-style: none; padding: 14px 14px; background-color: #fff;}
.panel--calendar .ul .li a{color: #31261D; position: relative; top:7px;} /*RICS*/

.panel--offers .grid {max-width: 1920px; margin: 0 auto; position: relative; overflow: hidden;}
.panel--offers ul {display: flex; justify-content: flex-start; flex-wrap: nowrap; position: relative; right: -15%;}
.panel--offers ul li {list-style: none; margin: 0 130px 0 0;}
.panel--offers ul li h3 {}
.panel--offers h3 a{font-size: 25px; font-family: "IHCBodoni"; line-height: 24px; color: #31261D; text-transform: none;}
.panel--offers h3 a:hover{color: #DCB596 !important;}

.panel--phemotion{ min-height: 720px; padding: 0;}
.panel--phemotion .grid-column .grid{padding: 0; }
.panel--phemotion .grid-column {/*background-color: #BABABA;*/ max-width: 1920px; padding: 0;}
.panel--phemotion .grid-column div.img{min-height: 360px;}
.panel--phemotion .grid-column div.testo {padding: 0px 30px 40px 30px; min-height: 360px; display: flex; flex-wrap: wrap; align-content: flex-end; }
.panel--phemotion .grid-column .grey{background-color: #046A38;}
.panel--phemotion .grid-column .blu{background-color: #F3EBD3;}
.panel--phemotion .grid-column .trasp-white h3{color: #fff; width: 100%;}
.panel--phemotion .grid-column h3{font-size: 35px; line-height: 35px; color: #31261D; margin-bottom: 15px;}
.panel--phemotion .grid-column a{width: 100%; display: block;}
.panel--phemotion .grid-column .blu h3, .panel--phemotion .grid-column .blu a{color: #31261D;}

.panel--booking {/*background-color: #F8F8F8;*/ /*max-width: 1440px;*/ max-width: 100%; margin: 0 auto; padding: 30px 0 60px 0; overflow: hidden;}
.panel--booking .grid{text-align: center; padding: 0;}
.panel--booking .grid h4{font-family: "IHCGinger-Light"; font-size: 20px; line-height: 35px; color: #2C3C4C; margin: 0;}
.panel--booking .content-select, .panel--booking .content-date, .panel--booking .content-number, .panel--booking .content-text{border-bottom: 1px solid #2C3C4C; margin: 0 8px 0 8px; position: relative;}
.panel--booking .content-select, .panel--booking .content-date {margin-bottom: 50px; padding-bottom: 10px;}
.panel--booking .content-select .freccia{position: absolute; right: 5px; top: calc(75% - 28px); cursor: pointer;}
.panel--booking .content-date .calendar{position: absolute; right: 0; top: calc(50% - 16px); cursor: pointer;}
.panel--booking .content-number span{display: block; position: absolute; color: #31261D; font-size: 25px; line-height: 35px; cursor: pointer;}
.panel--booking .content-number span.value{line-height: 40px; font-size: 14px; letter-spacing: 1px; left: 50%; transform: translateX(-50%);}
.panel--booking .content-number span.meno{top: 0; left: calc(50% - 40px);}
.panel--booking .content-number span.piu{top: 2px; right: calc(50% - 40px);}
/*.panel--booking button {margin: 50px 0; padding: 50px 18px; border-radius: 500px; background: transparent; border: 1px solid #00A8D0; cursor: pointer;}*/
.panel--booking button:hover {background: #fff;  }
.panel--booking .horizontalheadline{position:relative; /*left: -25%;*/ top:0px; font-size: 100px; white-space: nowrap; letter-spacing: 18px; font-weight: lighter; text-transform: uppercase;}

.panel--bookingmask{height: 100vh; background-color: #2C3C4C; padding-top: 20px; }
.panel--bookingmask .grid{text-align: center; padding: 0;}
.panel--bookingmask .grid h3{font-size: 45px; line-height: 45px; color: #FFFFFF;}
.panel--bookingmask .grid h4{font-family:"IHCBodoni" ;font-size: 20px; line-height: 35px; color: #C4C0B6; margin: 0;}
.panel--bookingmask .content-select, .panel--bookingmask .content-date, .panel--bookingmask .content-number{border-bottom: 1px solid #fff; line-height: 40px; font-size: 14px; letter-spacing: 1px; margin: 0 8px 0 8px; position: relative;}
.panel--bookingmask .content-select, .panel--bookingmask .content-date {margin-bottom: 50px;}
.panel--bookingmask .content-select .freccia{position: absolute; right: 5px; top: calc(50% - 28px); transform: scale(0.5); cursor: pointer;}
.panel--bookingmask .content-date .calendar{position: absolute; right: 0; top: calc(50% - 16px); transform: scale(0.5); cursor: pointer;}
.panel--bookingmask .content-number span{display: block; position: absolute; color:#CA8139; font-size: 25px; line-height: 35px; cursor: pointer;}
.panel--bookingmask .content-number span.meno{top: 0; left: calc(50% - 40px);}
.panel--bookingmask .content-number span.piu{top: 0; right: calc(50% - 40px);}
.panel--bookingmask button {margin: 50px 0; padding: 50px 18px; border-radius: 500px; background: transparent; border: 1px solid #00A8D0; cursor: pointer;}
.panel--bookingmask button:hover {background: #fff;  }
.panel--bookingmask .topbookingmask{height: 70vh;}
.panel--bookingmask .footerbookingmask { background-color: #fff; height: 30vh; padding: 50px 0; text-align:left; max-width: 100%; margin: 0 auto;}
.panel--bookingmask .footerbookingmask .grid{text-align: left; padding: 0 20px;}
.panel--bookingmask .footerbookingmask h4{font-size: 35px; line-height: 45px; color: #2C3C4C; padding-right: 50px;}
.panel--bookingmask .footerbookingmask .listbookingmask a{font-family: "IHCGinger-Light"; font-size: 12px; color: #929292; }
.panel--bookingmask .footerbookingmask a.link{display: block; margin-top: 40px;}
.panel--bookingmask .topbookingmask a.close {color: #fff; font-size: 12px; letter-spacing: 2.57px; float: right;}
.panel--bookingmask .topbookingmask a.close span {position: relative; padding: 0 4px;}
.panel--bookingmask .topbookingmask a.close span::after{position: absolute; content: ""; height: 2px; width: 0px; background-color: #2C3C4C; bottom:-3px; left: -2px; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); }
.panel--bookingmask .topbookingmask a.close:hover span::after {width: 100%; background-color: #fff;}

.panel--menuoffcanvas {width: 100%; height: 100%; overflow: auto; position: fixed; top:0; background:white; transform: translateY(-200%); transition: all 1s cubic-bezier(.291,.19,.36,.92); z-index: 9999; }
.panel--menuoffcanvasopen {width: 100%; height: 100%; transform: translateY(0%); }
.panel--menuoffcanvas .topsection{height: auto; min-height: 80vh;}
.panel--menuoffcanvas .grid .bottomsection {height: auto; min-height: 20vh; padding-top: 50px!important; justify-content: flex-start;}
.panel--menuoffcanvas .bg-white img{margin: 15px 0 0 -8px;}
.panel--menuoffcanvas hr{width: 40%; margin: 10px 0;}
.panel--menuoffcanvas .grid{max-width: 100%; margin-left: 5%; justify-content: center; padding: 0px;}
.panel--menuoffcanvas .lingue{display: flex; justify-content: flex-start;}
.panel--menuoffcanvas .social{/*display: flex; justify-content: flex-end;*/}
.panel--menuoffcanvas h3{font-size: 35px; line-height: 45px; color: #2C3C4C; margin: 30px 0 30px 0;}
.panel--menuoffcanvas h5{font-size: 14px; line-height: 20px; margin: 0; color: #2C3C4C; }
.panel--menuoffcanvas ul{margin: 0; padding: 0;}
.panel--menuoffcanvas ul#menu-menu-principale-side li ul { margin: 10px 0 10px 0px; }
.panel--menuoffcanvas ul li{list-style: none; padding: 25px 0;}
.panel--menuoffcanvas ul li a {font-family: "IHCGinger-Light"; font-size: 35px; line-height: 45px; color: #2C3C4C; text-transform: none; position: relative;}
.panel--menuoffcanvas ul li a span{color:#CB8644; position: absolute; bottom:-8px; right: -28px;}
.panel--menuoffcanvasopen a.close, .panel--menuoffcanvasopen a.close:hover {color: #DCB596;}
.panel--menuoffcanvas a.close span {position: relative; padding: 0 4px;}
.panel--menuoffcanvas a.close span::after{position: absolute; content: ""; height: 2px; width: 0px; background-color: #DCB596; bottom:-3px; left: -2px; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); }
.panel--menuoffcanvas a.close:hover span::after {width: 100%; background-color: #DCB596;}
.panel--menuoffcanvas ul li a span{position: absolute;}
.panel--menuoffcanvas .social ul {display: block; margin: -60px 50px 0 0; padding: 0;}
.panel--menuoffcanvas .social ul li {display: inline-block; margin: 0 20px 0 0; }
.panel--menuoffcanvas .social ul li a { width: 52px; height: 52px; display: block; background-repeat: no-repeat; background-size: 16px; background-position: center; border: 1px solid #DCB596; border-radius: 50%; transition: all 0.5s ease; }
.panel--menuoffcanvas .social ul li a img{transform: scale(0.3);}
.panel--menuoffcanvas .social ul li a:hover { background-color: rgba(255,255,255,1); }
.panel--menuoffcanvas .social ul li a .socialicon {fill:#DCB596!important; stroke:#DCB596!important; transform: scale(0.3);}
.panel--menuoffcanvas .social ul li a .socialicon path {fill:#DCB596!important; stroke:#DCB596!important;}
.panel--menuoffcanvas .social ul li a:hover .socialicon {fill:#000!important; stroke:#000!important;}
.panel--menuoffcanvas ul#language-selector { list-style: none; overflow: hidden; display: flex; flex-direction: column-reverse; margin: 0; padding: 0; border: none; color: #DCB596; height: 30px;width: 60%;border-bottom: 1px solid #DCB596; position: relative; top: 0px; cursor: pointer; transition: all 0.5s ease; position: relative;}
.panel--menuoffcanvas ul#language-selector li { /*background-color: rgb(44, 60, 76);*/ color: #2C3C4C; margin: 0; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.5); order: 2; }
.panel--menuoffcanvas ul#language-selector li:first-child { border: 0; }
.panel--menuoffcanvas ul#language-selector li.selected { order: 1; }
.panel--menuoffcanvas ul#language-selector li a { font-family: 'IHCGinger-Bold'; font-size: 12px; line-height: 14px; color: #DCB596; letter-spacing: 2.57px;display: block;padding: 5px; transition: all 0.5s ease;}
.panel--menuoffcanvas ul#language-selector li a:hover { background-color: rgba(255,255,255,0.5);}
.panel--menuoffcanvas .lingue:after{display: none; content: '\003e'; position:absolute; left: 58%; top:-30px; transform: rotate(90deg); color: #DCB596;/*width: 11px; height: 22px; background-image: url(../img/freccia-select-bianca.png);*/}
/*.panel--menuoffcanvas .social ul li a.facebook { background-image: url(../img/icons/facebook.svg); }
.panel--menuoffcanvas .social ul li a.twitter { background-image: url(../img/icons/twitter.svg); }
.panel--menuoffcanvas .social ul li a.youtube { background-image: url(../img/icons/youtube.svg); }
.panel--menuoffcanvas .social ul li a.instagram { background-image: url(../img/icons/instagram.svg); }*/

.panel--bookingmaskoff{transform: translateY(-110%);height: 100vh; width: 100%; background-color: #f1e8e2; padding-top: 20px;position: fixed; z-index: 9999; transition: all 0.9s cubic-bezier(.91,.19,.36,.92);}
.panel--bookingmaskoffopen{transform: translateY(0%)}
.panel--bookingmaskoff .footerbookingmask .col-33{padding-right: 50px;}
.panel--bookingmaskoff .grid{text-align: center; padding: 0;}
.panel--bookingmaskoff .grid h3{font-size: 45px; line-height: 45px; /*color: #FFFFFF;*/ margin-bottom: 80px;}
.panel--bookingmaskoff .grid h4{font-family: "IHCGinger-Light"; font-size: 20px; line-height: 35px; color: #31261D; margin: 0;}
.panel--bookingmaskoff .content-select, .panel--bookingmaskoff .content-date, .panel--bookingmaskoff .content-number, .panel--bookingmaskoff .content-text {border-bottom: 1px solid #2C3C4C; line-height: 40px; font-size: 14px; letter-spacing: 1px; margin: 0 8px 0 8px; position: relative;}
.panel--bookingmaskoff .content-select, .panel--bookingmaskoff .content-date {margin-bottom: 50px;}
.panel--bookingmaskoff .content-select .freccia{position: absolute; right: 10px; bottom: 10px; cursor: pointer;}
.panel--bookingmaskoff .content-date .calendar{position: absolute; right: 0; top: calc(50% - 16px); cursor: pointer;}
.panel--bookingmaskoff .content-number span:not(.value){display: block; position: absolute; color:#31261D; font-size: 25px; line-height: 35px; cursor: pointer;}
.panel--bookingmaskoff .content-number span.meno{top: 0; left: calc(50% - 40px);}
.panel--bookingmaskoff .content-number span.piu{top: 0; right: calc(50% - 40px);}
.panel--bookingmaskoff button {margin: 50px 0; padding: 0; border: none; background: transparent; cursor: pointer;}
.panel--bookingmaskoff button:hover {background: #fff;  }
.panel--bookingmaskoff .topbookingmask{height: 67vh;}
.panel--bookingmaskoff .footerbookingmask { background-color: #fff; height: 35vh; padding: 50px 0; text-align:left; max-width: 100%; margin: 0 auto;}
.panel--bookingmaskoff .footerbookingmask .grid{text-align: left; padding: 0 20px;}
.panel--bookingmaskoff .footerbookingmask h4{font-size: 35px; line-height: 45px; color: #2C3C4C; padding-right: 50px;}
.panel--bookingmaskoff .footerbookingmask .listbookingmask a{font-family: "IHCGinger-Light"; font-size: 12px; color: #929292; }
.panel--bookingmaskoff .footerbookingmask a.link{display: block; margin-top: 20px;}
.panel--bookingmaskoff .topbookingmask a.close {color: #31261D; font-size: 12px; letter-spacing: 2.57px; float: right; position: relative; top: 10px; right: 5px; z-index: 999999;}
.panel--bookingmaskoff .topbookingmask a.close span {position: relative; padding: 0 4px;}
.panel--bookingmaskoff .topbookingmask a.close span::after{position: absolute; content: ""; height: 2px; width: 0px; background-color: #31261D; bottom:-3px; left: -2px; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); }
.panel--bookingmaskoff .topbookingmask a.close:hover span::after {width: 100%; background-color: #31261D;}




.panel--single-news-title{/*padding: 0;*/}
.panel--single-news-title .headline { text-align: center; }
.panel--single-news-title .single-date,
.panel--single-news-title .single-category { font-size: 12px; line-height: 30px; text-transform: uppercase; text-align: center; margin: 20px 0; }
.panel--single-news-title .single-date { text-align: center; }
.panel--single-news-title p { font-size: 18px; line-height: 32px; text-align: center; }
.panel--single-news-title .col-50{width: 50%!important;}

.panel--sitemap { padding: 25px 0; }
.panel--sitemap + .panel--sitemap { padding-top: 0; }
.panel--sitemap *.headline { font-size: 60px; line-height: 70px; }
.panel--sitemap .col-50 *.headline { font-size: 25px; line-height: 40px; margin-top: 0; margin-bottom: 20px; }
.panel--sitemap ul { list-style: none; margin: 0; padding: 0; }
.panel--sitemap ul li { display: block; padding: 10px 0; position: relative;}
.panel--sitemap ul li:before { content: '\003e'; display: inline-block; width: 12px; height: 12px; /*background: url(../img/sitemap-li.png) no-repeat left top;*/ margin-right: 15px; position: absolute; top: calc(50% - 6px);}
.panel--sitemap ul li a { font-family: 'IHC Ginger'; font-size: 18px; font-weight: 300; line-height: 18px; color: #929292; text-transform: none; text-decoration: underline; letter-spacing: 0; display: block;padding-left: 20px;}

.panel--faq{}
.panel--faq ul.accordions, .panel--faq ul.accordions li{margin: 0; padding: 0;}
.panel--faq ul.accordions li {list-style: none; padding: 20px 0; border-bottom: 0.3px solid rgba(44, 60, 76, 0.5); overflow: hidden;}
.panel--faq ul.accordions li a {font-family: "IHCBodoni";font-size: 25px; color: #2C3C4C; display: block; position:relative; text-transform: none; letter-spacing: normal;}
.panel--faq ul.accordions li img.alignleft{float: left; margin: 20px 20px 20px 0;}
.panel--faq ul.accordions li img.alignright{float: right; margin: 20px 0px 20px 20px;}
.panel--faq ul.accordions li img.aligncenter{display: flex; justify-content: center; align-items: center;}
.panel--faq ul.accordions li a span{position: absolute; right: 0; }
.panel--faq ul.accordions li a.active{color: #DCB596;}

.panel--faq ul li, .panel--faq .accordion-content ul li {width: auto;padding: initial;border: none;margin: 0 0 15px; list-style: inherit; overflow: visible; margin: 5px 0 5px 10px;}
.panel--faq ul, .accordion-content ul {padding: 0 0 0 15px;width: 100%;margin: 5px 0 15px;display: inline-block;}

.panel--faq a.active svg g path {stroke: #2c3c4c;}

.panel--filtersnews{}
ul.filters {display: flex; max-width: 1200px; margin: 0 auto;}
ul.filters { display: flex; max-width: 1200px; justify-content: space-between; align-items: center; margin: 30px auto; padding-right: 20px;}
ul.filters li {list-style: none; margin: 0; padding: 0;}
ul.filters li a{position: relative; color: #31261D; font-size: 12px;}
ul.filters li a:before{content: ""; position: absolute; top: 0px; left: -23px; display: block; width: 15px; height: 15px; border: 1px solid #31261D; background-color: transparent;}
ul.filters li a.active {color: #DCB596; }
ul.filters li a.active:before{background-color: #DCB596;}
ul.filters button{background-color: #DCB596; border: none; color: #fff; width: 124px; height: 43px; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; cursor: pointer;}
.panel--filtersnews img{width: 100%; object-fit: cover;}
.panel--filtersnews p {font-size: 16px; line-height: 26px;}
.panel--filtersnews h4 a{font-family: "IHCBodoni"; font-size: 25px; line-height: 35px; color: #2C3C4C; text-transform: none; padding: 0; margin: 0;}
.panel--filtersnews ul.inside{display: flex; justify-content: space-between; margin: 10px 50px 10px 0; padding: 0;}
.panel--filtersnews ul.inside li, .panel--filtersnews ul.inside li a{font-family: "IHCGinger-Light"; font-size: 13px; color: #929292; text-transform: uppercase; letter-spacing: 1px;}
.panel--filtersnews ul.inside li{list-style: none;}
.panel--filtersnews .grid {max-width: 1240px;}
.panel--filtersnews .grid div {padding: 0 16px; margin-bottom: 50px;}
.panel--filtersnews .pull-right {
    max-width: 50%;
}

/* ! Replico stile filters per panel--faq */
.panel--faq ul.filters {display: flex; max-width: 1200px; margin: 0 auto;}
.panel--faq ul.filters { display: flex; max-width: 1200px; justify-content: space-between; align-items: center; margin: 30px auto; padding-right: 20px;}
.panel--faq ul.filters li {list-style: none; margin: 0; padding: 0;}
.panel--faq ul.filters li a{position: relative; color: #2C3C4C; font-size: 12px;}
.panel--faq ul.filters li a:before{content: ""; position: absolute; top: 0px; left: -23px; display: block; width: 15px; height: 15px; border: 1px solid #2C3C4C; background-color: transparent;}
.panel--faq ul.filters li a.active {color: #DCB596; }
.panel--faq ul.filters li a.active:before{background-color: #DCB596;}
.panel--faq ul.filters button{background-color: #DCB596; border: none; color: #fff; width: 124px; height: 43px; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; cursor: pointer;}

.panel--map{position: relative; height: 708px; /*max-width: 1440px;*/ margin: 0 auto; background-color: #eeeeee; overflow: hidden;/*background-image: url(../img/sf-mappa-opt.png);*/}
.panel--map img{position: absolute; top: 0; right: 0;}
.panel--map img.logo-resort{position: static;}
.panel--map img:before, .panel--map img:after{position: absolute; left: 0; top: 0;}
.panel--map div.imm-con-pal{position: absolute; z-index: 2; width: 50px; height: 50px; top: 205px; right: 405px; }

.panel--map img.sfmappa{height: 700px; /*object-fit: cover;*/}
.panel--map img.sfmappa.mobile{display: none!important;}

.panel--map div.imm-con-pal:after{content: ""; width: 12px; height: 12px; background-color: #DCB596; top: 65px; left: calc(50% - 6px); position: absolute; display:block; border-radius: 100px;}


.panel--map a.pointer-giallo{position: absolute; z-index: 2; width: 9px; height: 9px; top: 311px; right: 354px; }
.panel--map a.pointer-giallo img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s!important;}
.panel--map a.pointer-giallo:hover img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-giallo span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -80px; left: 10px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-giallo span {opacity: 1; left:0px; }

.panel--map a.pointer-rosso{position: absolute; z-index: 2; width: 9px; height: 9px; top: 318px; right: 380px; }
.panel--map a.pointer-rosso img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s!important;}
.panel--map a.pointer-rosso:hover img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-rosso span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-rosso span {opacity: 1; left:35px; }


.panel--map a.pointer-marrone{position: absolute; z-index: 2; width: 9px; height: 9px; top: 460px; right: 412px; }
.panel--map a.pointer-marrone img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s!important;}
.panel--map a.pointer-marrone:hover img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-marrone span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-marrone span {opacity: 1; left:35px; }


.panel--map a.pointer-verde{position: absolute; z-index: 2; width: 9px; height: 9px; top: 336px; right: 347px; }
.panel--map a.pointer-verde img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s!important;}
.panel--map a.pointer-verde:hover img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-verde span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-verde span {opacity: 1; left:35px; }

.panel--map a{display: inline-block!important;}
.panel--map a.linkfull{display: block!important;}


/*.panel--map a.pointer-giallo{display: block; position: absolute; background-color: #dcb596; z-index: 2; width: 9px; height: 9px; top: 272px; right: 426px;}*/
.panel--map .grid{justify-content: flex-start; align-items: center; height: 100%;}
.panel--map .grid a {display: block;}

/* Gestisco sub-menu */

.panel--menuoffcanvas ul li ul {margin: 20px 0 0 40px;}
.panel--menuoffcanvas ul li ul li {padding: 15px 50px 15px 0;}
.panel--menuoffcanvas ul li ul li a {font-size: 16px; line-height: 20px; letter-spacing: 3.43px; color: #DCB596;}
.panel--menuoffcanvas .bg-white ul li ul li a {color: #000; font-size: 0.8em;}


/* Gestisco colonna con bg bianco */

.panel--menuoffcanvas .bg-white ul li {padding: 0;}
.panel--menuoffcanvas .bg-white ul li a{font-family: "IHCGinger-Light"; color: #929292; font-size: 16px; line-height: 34px; padding: 0;}

/* ! Panel news mobile */

.panel--news--mobile{display: none}

/* ! link mobile footer */

.mobilelink{display: none;}

@media (min-width: 768) {
  .panel--images-top .horizontal-scroll-slider.owl-carousel .owl-nav {
    display: none!important;
  }
}

@media (max-height: 1050px) and (max-width: 1920px){
  .panel--bookingmaskoff{overflow: auto;}
  .panel--bookingmaskoff .topbookingmask{height: auto;}
  .panel--bookingmaskoff .footerbookingmask{ height: auto;}
}


@media (max-width: 768px) {

  ul#language-selector-mobile {display: flex;flex-wrap: nowrap;flex-direction: row-reverse;width: 100%;margin: 14px 0;padding: 0;background-color: #fcf7f2;justify-content: space-around;align-content: center;}
  ul#language-selector-mobile li {padding: 8px 0;}
  ul#language-selector-mobile li a{font-size: 12px;font-weight: 800;position: relative;}
  ul#language-selector-mobile li.selected a:after {content: "";height: 0.5px;width: 0px;background-color: #DCB596;display: block;margin-top: 4px; width: 100%;}
  .panel--menuoffcanvas .grid .bottomsection {padding-top: 0!important; min-height: 0!important;}

  .panel--single-news-title .single-date, .panel--single-news-title .single-category{line-height: 20px;}
  .panel--single-news-title .single-date.padding-laterale, .panel--single-news-title .single-category.padding-laterale{padding: 0 10px;}

  .horizontalheadline {font-size: 38px; top:-30px; display: none;}
  .panel--booking .horizontalheadline{font-size: 38px!important; display: block;}
  .panel--images-top{/*background-color: #F8F8F8;*/}

  .panel--menuoffcanvas ul#language-selector{/*margin: 20px 0;*/ height: 30px!important; transition: all 1.4s cubic-bezier(.215, .61, .355, 1);}
  .panel--menuoffcanvas ul#language-selector.open{height: 100%!important;}
  .panel--menuoffcanvas .lingue:after {top: -30px; left: 57%;}

  .panel--calendar .ul .li{background-color: transparent;}
  .panel--calendar .padding-laterale{padding: 0 30px;}

  .panel__img img{width: 100%; max-height: 375px; padding-left: 0px;}
  .panel--images-top .panel__img img{width: 100%; max-height: 380px; padding-left: 0px;}
  .panel__img__lefttext {padding-left: 0px;}
  .panel__img__lefttext .imgtext {position: absolute; bottom: 27%; left:-43px; color: #9f9f9f; font-size: 12px;}
  .panel__img__lefttext .imgtext span{transform: rotate(-90deg); display: block;}

  .panel--booking{padding: 30px 20px; /*background-color: #fff;*/}
  .panel--booking .grid h4{font-size: 18px; line-height: 26px;}
  .panel--booking .margin-top-mobile {margin-top: 10px;}
  .panel--faq {background-color: #f8f8f8;}
  .panel--faq ul.filters li a:before {display: none;}
  .panel--faq ul.filters li{ padding-left: 10px; margin: 10px 0;}

  .panel--calendar .calendar{z-index: 9;}
  .panel--calendar .ul{transform: none; justify-content: flex-start;}
  .panel--bookingmask .footerbookingmask h4{padding: 0 20px;}
  .panel--bookingmask .margin-top-mobile, .panel--booking .margin-top-mobile{margin-top: 30px;}
  .panel--bookingmask .content-select, .panel--bookingmask .content-date, .panel--booking .content-select, .panel--booking .content-date {margin-bottom: 20px;}

  .panel--bookingmask {height: auto;}
  .panel--bookingmask .topbookingmask{height: 100vh;}
  .panel--bookingmask .footerbookingmask{height:auto;}

  .panel--faq ul.accordions li a {line-height: 30px;}
  .panel--faq ul.accordions li a span {position: absolute;right: 0;top: 0px;}

  .panel--bookingmaskoff .footerbookingmask h4{padding: 0 20px; margin-bottom: 20px;}
  .panel--bookingmaskoff .footerbookingmask ul{padding: 0; margin: 0 10px 0 20px;}
  .panel--bookingmaskoff .margin-top-mobile, .panel--booking .margin-top-mobile{margin-top: 30px;}
  .panel--bookingmaskoff .content-select, .panel--bookingmaskoff .content-date, .panel--booking .content-select, .panel--booking .content-date {margin-bottom: 20px;}

  .panel--bookingmaskoff {height: 100%; overflow: auto;}
  .panel--bookingmaskoff .topbookingmask{height: auto; padding: 0 10px;}
  .panel--bookingmaskoff .footerbookingmask{height:auto;}
  .panel--bookingmaskoff button.fenic {margin-bottom: 80px!important;}
  .panel--bookingmaskoff .grid h3{margin: 40px 0 50px 0; }

  .panel--blu .panel__content{padding: 0 0 0 0;}
  .panel--blu p.text-heading {padding: 0;}

  .panel--slider .headline-slider, .panel--slider .headline-slider a {font-size: 30px; line-height: 40px;}

  .panel--slideratre .slider .slide img, .panel--slideratre .slider .center img{width: 100%; height: 216px!important; object-fit: cover;}

  .panel--boxtextmenu ul{flex-wrap: wrap;}
  .panel--boxtextmenu ul,.panel--boxtextmenu ul li{width: 100%; padding: 8px 0;}
  .panel--boxtextmenu p{font-size: 16px;}

  .panel--grey .col-40.padding-right, .panel--grey .col-40.padding-left, .panel--grey .col-40.padding-right.is-inview {/*background-position: 50% -250%;*/ background-image: none;}

  .panel--menuoffcanvas{height: 100%; overflow: auto;}
  .panel--menuoffcanvas .social, .panel--menuoffcanvas .lingue { margin: 10px 0;}
  .panel--menuoffcanvas .margin-top {margin-top: 20px!important;}
  .panel--menuoffcanvas ul li a {font-size: 20px; line-height: 1em;}
  .panel--menuoffcanvas ul li{padding: 0 0 25px 0; margin: 0;}
  .panel--menuoffcanvas ul li ul{margin: 20px 0 0 20px;}
  .panel--menuoffcanvas ul li ul li{padding: 0 0 22px 0;}
  .panel--menuoffcanvas ul li ul li a{font-size: 18px; line-height: 20px;}
  .panel--menuoffcanvas .topsection{height: auto; min-height: auto;}
  .panel--menuoffcanvas .topsection .col-100{text-align: right;}
  .panel--menuoffcanvas .bottomsection {height: auto;}
  .panel--menuoffcanvasopen a.close {margin: 0 0 10px 0; position: relative; top: 0px; /*display: flex; justify-content: flex-end;*/}
  .panel--menuoffcanvas .social ul{margin: 0;}
  .panel--menuoffcanvas .social{justify-content: flex-start;}
  .panel--menuoffcanvas hr{display: none;}

  .panel--boxtrecol {background: none;}

  .panel--slider h3{text-align: center;}
  .panel--slider p { padding-right: 0; text-align: center;}
  .panel--slider ul { margin-bottom: 20px; padding: 0px; justify-content: center;}
  .panel--slider .grid{justify-content: center;}

  .panel--slideratre .slider .slide h4, .panel--slideratre .slider .center h4{padding: 0 20px 0 0;}
  .panel--slideratre .slider {text-align: left; margin: 20px 0;}

  ul.filters{flex-direction: column; align-items: flex-start; padding-left: 25px; margin: 0 0 40px 20px;}
  ul.filters li{margin: 10px 0;}
  ul.filters button {margin-left: -22px; margin-top: 20px;}

  .panel--phemotion .grid-column div.img{min-height: 200px;}
  .panel--phemotion .grid-column div.testo {min-height: 200px; padding: 0 25px 10px 25px; display: flex; flex-wrap: wrap; align-content: flex-end; }
  .panel--phemotion .grid-column h3 {font-size: 20px;line-height: 20px;color: #2C3C4C; margin-bottom: 5px;}
  .panel--phemotion .grid-column a{font-size: 12px; white-space: nowrap;}

  .panel--offers ul{right: 0; padding: 0px;}
  .panel--offers ul li{margin: 0 60px 0 0;}
  .panel--offers img{max-height: 250px;}
  /*.panel--offers h3 a{font-size: 16px;}*/
  .panel--offers h2.headline{font-size: 28px; margin: 0 0 30px 0;}

  .panel--grey img {height: 318px; object-fit: cover; position: relative; z-index: 9;}

  .panel--activity {/*background-size: 200%;*/ padding: 20px 0 0 0; background-image: none; background-color: #f8f8f8;}
  .panel--activity .grid{padding: 0;}
  .panel--activity .padding-left-min{padding-left: 0;}
  .panel--activity .slider-left .col-30 > div {width: auto; left: 0; padding: 20px 15px; margin: -30px 20px 0 20px;}
  .panel--activity .slider-left .grid img { padding: 0; }

  .panel--map {overflow: hidden;}
  .panel--map .grid{align-items: flex-end;text-align: center;}
.panel--map img.logo-resort{position: relative; /*left: calc(50% - 135px);*/}
.panel--map img.sfmappa.desk{display: none!important;}
.panel--map .sfmappa{top: calc(20% - 350px); right: calc(50% - 320px);}
.panel--map img.sfmappa.mobile{display: block!important; }

.panel--map{position: relative; height: 708px; margin: 0 auto; background-color: white; overflow: hidden;}
.panel--map img{position: absolute; top: 0; right: 0;}
/*.panel--map img.logo-resort{position: static;}*/
/*.panel--map img.pointer{position: absolute; z-index: 2; width: 91px; height: 91px; top: 130px; right: 250px;}*/
.panel--map div.imm-con-pal {position: absolute; z-index: 2; width: 50px; height: 50px; top: 36px; right: 221px;}


.panel--map a.pointer-giallo{position: absolute; z-index: 2; width: 9px; height: 9px; top: 64px; right: 288px; }
.panel--map a.pointer-giallo img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-giallo img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-giallo span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-giallo span {opacity: 1; left:35px; }

.panel--map a.pointer-rosso{position: absolute; z-index: 2; width: 9px; height: 9px; top: 110px; right: 263px; }
.panel--map a.pointer-rosso img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-rosso img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-rosso span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-rosso span {opacity: 1; left:35px; }


.panel--map a.pointer-marrone{position: absolute; z-index: 2; width: 9px; height: 9px; top: 250px; right: 290px; }
.panel--map a.pointer-marrone img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-marrone img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-marrone span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-marrone span {opacity: 1; left:35px; }


.panel--map a.pointer-verde{position: absolute; z-index: 2; width: 9px; height: 9px; top: 130px; right: 230px; }
.panel--map a.pointer-verde img{position: absolute; z-index: 3;top: 0; left: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-verde img{transform: scale(5); transition-delay: 0s!important;}
.panel--map a.pointer-verde span{font-family: "IHCBodoni"; position: absolute; width: 150px; z-index: 4; color: #000; top: -10px; left: 25px; display: block; line-height: normal; font-size: 12px; letter-spacing: 1px; border-left: 2px solid #000; padding: 0 0 0 5px; opacity: 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.panel--map a:hover.pointer-verde span {opacity: 1; left:35px; }


  .panel--news--mobile{display: block; position: fixed; background-color: #00A8D0; width: 100%; height: 100vh; transform: translateY(-100%);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .panel--news--mobile--open{transform: translateY(0);}
  .panel--news--mobile p{color: #fff;}

  .panel--filtersnews .grid div{padding: 0;}

  .panel--grey .panel__text__right > div, .panel--grey .panel__text__left > div{position: relative; left:0%;}
  .panel--grey .panel__text__left > div, .panel--grey .panel__text__right > div {padding: 20px;  margin: 0px; background-color: transparent;}
  .panel--grey .padding-right {padding-right: 0px;}
  .panel--grey .padding-left{padding-left: 0px;}
  .panel--grey .sma-100 {/*padding: 0 20px!important;*/}
  .panel--grey .panel__text__left, .panel--grey .panel__text__right{max-width: 100%;}
  .panel--grey .padding-left{order: 2;}
  .panel--grey h2.subheadline{font-size: 25px; line-height: 35px; margin-top: 30px;}

  .panel--blu {padding: 40px 5px; ;}
  .panel--blu .panel__img__lefttext .imgtext {/*display: none; left:-60px;*/ bottom: 5%;}
  .panel--blu {background-position: 300% 100%;}

  .panel--faq a {font-size: 22px;}

  .panel--calendar .col-40 > div.left, .panel--calendar .col-40 > div.right {right:0; left:0; padding: 25px 20px; margin: 0 0 -20px 0;}
  .panel--calendar h3{font-size: 30px; margin: 10px 0; line-height: 30px;}
  .panel--calendar .before{order: 1;}
  .panel--calendar .after{order: 2;}

  /* ! link mobile footer */

  .mobilelink{
    display: flex;
    z-index: 99;
    height: 60px;
    padding-top: 0;
    position: fixed;
    bottom: 0;
    transform: translateY(100%);
    width: 100%;
    background-color: rgba(220, 181, 150, 1);
    border-top: 1px solid #D8D8D8;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    align-items: center;
    justify-content: center;
  }
  .mobilelink.is-inview{transform: translateY(0%);}
  .mobilelink a {
    color: white;
    font-size: 12px;
    width: 100%;
    text-align: center;
    line-height: 30px;
	height: 60px;
	padding:15px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobilelink a.bookmobile {
	color: #DCB596;
    background-color: white;
  }


  .panel--slideratre .slider .slide h4 a, .panel--slideratre .slider .center h4 a{padding: 0;}

  .panel--bookingmaskoff .grid .col-33.sma-50 h4{margin-top: 10px;}


  .panel--map a.pointer-giallo, .panel--map a.pointer-rosso, .panel--map a.pointer-marrone, .panel--map a.pointer-verde, .imm-con-pal {display: none!important;}


}

@media (max-width: 360px) {
    .mobilelink a {
        font-size: 10px;
    }
}

@media (max-width: 991px) {
  .panel--menuoffcanvas .grid {max-width: 100%; margin-left: 0; justify-content: flex-start;}
  .panel--menuoffcanvas .grid {padding: 0;}
}

@media (max-width: 1440px){

  .panel--bookingmask {height: auto;}
  .panel--bookingmask .topbookingmask {height: auto;}
  .panel--bookingmask .footerbookingmask {height: auto;}
}




@media (min-width: 768px) {

  .headline--right{margin-top:250px; }
  .headline--left{margin-top:100px; text-align: right;  }

  .panel-info .button-frame{position: absolute;top:100px; left: 30px;}

  .panel-info .col-33:nth-child(2){order: -1;}

  .panel--text-left .subheadline{ /*width: 140%;*/ position: relative;z-index: 10}
  .panel--text-right .subheadline{ /*width: 140%;*/ position: relative;z-index: 10;position: relative; left:-30%;}


  .panel__img__lefttext {padding-left: 30px;}
  .panel__img__lefttext .imgtext {position: absolute; bottom: 22%; left:-32px; color: #9f9f9f; }
  .panel__img__lefttext .imgtext span{transform: rotate(-90deg); display: block;}

  .panel__img__righttext {margin-top: 25%; }
  .panel__img__righttext .imgtext {position: absolute; bottom: 2.5%; right:-44px; color: #7C7C7C;}
  .panel__img__righttext .imgtext span {transform: rotate(90deg); display: block;}

}


.panel--text-white h3,
.panel--text-white p,
.panel--text-white .button-frame{color:#fff}
.panel--text-white .button-frame:after,
.panel--text-white .button-frame:before{border: 2px solid #fff;}
.panel--text-white .button-frame span:after{background: url(../img/arrow-right-white.svg) no-repeat center center;}



.panel .services {display: flex; max-width: 1200px; margin: 0 auto; justify-content: space-around; align-items: center; text-align: center;}
.panel .services > div {list-style: none;}
.panel .services > div > a {display: block;}


.services > div > a:after {content: ""; height: 1px; width: 0px; background-color: #333539; display: block; transition: all 1s cubic-bezier(.215, .61, .355, 1); margin-top: 4px;}
.services > div > a:hover:after {width: 100%; }



/* ! Frecce varie */

.panel .arrows {position: absolute; z-index: 99; right: 20px;}
.panel .arrows a {padding: 0 20px;}
.panel .arrows a img{width: 100px; height: 11px;}

.panel--slideratre .arrows {position: absolute; z-index: 9999999; left: calc(50% - 23%); top: 30%; width: 46%;}
.panel--slideratre .arrows .hor-left {position: absolute;}
.panel--slideratre .arrows .hor-right {position: absolute; right: 0;}
.panel--slideratre .arrows a {padding: 0 20px;}
.panel--slideratre .arrows a img{width: 100px; height: 11px;}

.panel--slider .slider-dex .arrows{position: absolute; z-index: 9999999; left: 0; top: 50%; width: 100%;}
.panel--slider .slider-dex .arrows .hor-left {position: absolute; left:-8%;}
.panel--slider .slider-dex .arrows .hor-right {position: absolute; right: -3%;}

.panel--slider .slider-six .arrows{position: absolute; z-index: 9999999; left: 0; top: 50%; width: 100%;}
.panel--slider .slider-six .arrows .hor-left {position: absolute; left:-8%;}
.panel--slider .slider-six .arrows .hor-right {position: absolute; right: -3%;}



.left-arrows:before {content:"freccia"; position: absolute; left: -45px; top: calc(50% - 15px); transform: rotate(90deg);}

@media (max-width: 768px) {
  .panel .arrows {top: -35px; right: 10px;}
  .panel .arrows a {padding: 0 15px;}
  .panel .arrows a img{transform: scale(0.7); width: auto;}
  .panel .arrows a{padding: 0;}
}

/* ! Panel Cta */

.panel-cta{padding: 0 0 200px 0; position: relative;}
.panel-cta__content{max-width: 900px; margin: auto; text-align: center; position: relative;z-index: 10}


/* ! Slider */

.panel--slider img {max-width: 100%; height: 408px; object-fit: cover;}

.slider-left .grid { align-items: center;}
.slider-left .grid img {max-width: 100%; /*height: 188px;*/ object-fit: cover; padding: 0 40px;}
.slider-left .arrows {position: absolute; z-index: 9999999; right: 0px; top: 0;}
.slider-left .col-30 > div {background-color: #fff; padding: 25px 60px; position: relative; left:-25%; width: 125%; z-index: 2;}




/* ! Media Affix */

.media-affix{padding: 200px 0 300px 0;}
.media-affix__item{position: relative;margin-bottom: 200px;position: relative;}
.media-affix__image{width: 250px;height: 400px;position: absolute;top:0; left:0;z-index: 0; object-fit: cover}

.media-affix__text{position: relative; z-index: 1}
.media-affix__item h4{font-size: 35px;z-index: 1; position: relative; margin-left: 230px;margin-bottom: 20px;padding-top: 40px;}
.media-affix__item p,
.media-affix__item ul{margin-left: 280px;}

.media-affix .button-frame{position: absolute; top:380px; left:60px;}

@media (max-width: 768px) {
  .media-affix{padding-bottom: 50px;}
  .media-affix__image{width: 160px;}

  .media-affix__item h4{margin-left: 140px;}
  .media-affix__item p,
  .media-affix__item ul{margin-left: 180px;}

  .panel--slider img {margin-bottom: 20px; height: 220px;}
  .slider-left .grid img {height: 188px; object-fit: cover; padding: 0 40px; width: 100%;}

}


/* ! Footer */
.footer{
	background-color: #2C3C4C; background-image: url(../img/Montagne-Footer@3x.svg);
	background-repeat: no-repeat;
    background-size: contain;
    background-position-y: top;
	max-width: 100%; margin: 0 auto;
	padding: 100px 0; display: block;
	position: relative;
}
.footer h4{font-size: 35px; line-height: 50px; color: #fff;}
.footer ul li {list-style: none;}
.footer ul li a { font-family: "IHCGinger-Regular"; color:#fff; font-size: 12px; line-height: 40px; letter-spacing: 2px;}
.footer .menufooter {padding: 150px 10px 0 10px;}
.footer .align-right{display: flex; justify-content: flex-end; /*align-content: flex-end;*/ flex-wrap: wrap; }
.footer .basso.align-right{align-content: flex-end;}
.footer .align-center{justify-content: center; }
.footer .basso {display: flex; align-items: flex-end; min-height: 200px; color: #fff; font-size: 12px; letter-spacing: 1px;}
.footer .basso p{font-family: "IHCGinger-Regular"; color: #fff; font-size: 12px; letter-spacing: 1px; padding: 0; margin: 0;}
.footer .basso a{font-family: "IHCGinger-Regular"; display: inline-flex; color: #fff; font-size: 10px; letter-spacing: 1px;}
.footer .basso ul {display: block; margin: 10px 0 0 0; padding: 0;}
.footer .basso ul li {display: inline-block;}


@media (max-width: 468px) {

  .panel--activity .services .owl-stage .owl-item a{position: relative; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

}

@media (max-width: 768px) {
  .panel.footer{padding: 20px 0 100px 0;}
  .footer .grid {text-align: center;}
  .footer .grid .vat{order: 3;}
  .footer h4 {margin: 20px 0; font-size: 28px;}
  .footer .basso{min-height: inherit; padding: 12px 0; justify-content: center;}

  .panel{padding: 20px 0;}
  .panel--images-top .imgtext {display: none;}


}

/*RICS24*/
.annual-awards.col-70{
	min-height: 200px !important;
}
.annual-awards .year-group .grid.active {
	width: 100%;
}
/*RICS24*/

@media (min-width: 768px) and (max-width: 1023px) {

  /* CSS */

  .panel--menuoffcanvas ul#language-selector{margin: 20px 0;}
  .panel--menuoffcanvas .lingue:after {top: -12px;}

  .panel{padding: 20px 0;}

  .panel__img__lefttext {padding-left: 0px;}

  .owl-carousel .owl-item img{max-width: 100%;}
  h2 {font-size: calc(0.8rem + 3vmin);margin: 0 0 20px 0;}

  .fixedbuttonln.boxcontact--open .boxcontact a.contactus{left: -40%;}

  .exclusive-offers div h3{padding-right: 50px;}

  .panel--activity .owl-carousel .owl-item img{max-width: 100%; width: 100%; min-height: 380px;}
  .panel--faq li img.alignleft, .panel--faq li img.alignright {max-height: 450px;}
  .panel--slideratre .slider .slide img, .panel--slideratre .slider .center img{min-height: 380px!important;}

  .annual-awards .col-20, .annual-awards .col-80 {text-align: center; padding: 0!important;}
  .panel--map .sfmappa{top: calc(20% - 350px); right: calc(50% - 512px);}

  /*RICS24*/
  .annual-awards.col-70{
	  min-height: 200px !important;
  }
  /*RICS24*/

  .footer .align-right{display: block;}
  .gform_legacy_markup_wrapper form{text-align: center!important;}

  .panel--images-top .panel__img img{width: 100%; max-height: 100%; padding-left: 0px;}

  .panel--images-top .imgtext {display: none;}

}







/* ! Grid System */

.grid { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap; position: relative;}
.grid--center{justify-content: center;}

.grid-column {margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap; position: relative;}

.col{ flex: 1;}

.mobile{display: none !important;}
[class*='col-'] { position: relative;}
.col-5 { width: 5%; }
.col-10{ width: 10%; }
.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-35{ width: 35%; }
.col-40{ width: 40%; }
.col-45{ width: 45%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-65{ width: 65%; }
.col-66{ width: 66%; }
.col-70{ width: 70%; }
.col-75{ width: 75%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{ width: 100%; }


@media (max-width: 991px) {
.desk{display: block;}
.mobile{display: none;}
  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }

}

@media (max-width: 768px) {
.desk{display: none !important;}
.mobile{display: block !important;}
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-30 { width: 30%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-70 { width: 50%; }
  .sma-100 { width: 100%; }
  .sma-hide{display:none}
}


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




/*! locomotive-scroll v4.1.0 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  white-space: nowrap;
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab; }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }


  /* 77agency - STE booking mask additional buttons and custom stuff */
	.container-links-under-footer{
		background: rgb(247,220,134);
		background: linear-gradient(90deg, rgba(247,220,134,1) 0%, rgba(247,220,134,1) 50%, rgba(244,226,180,1) 50%, rgba(244,226,180,1) 100%);
		width: 100%;
		margin-top:35px;
	}
	.container-links-under-footer a{
		min-height: 85px;
		display: block;
		width: 100%;
		text-align: center;
		color: #2C3C4C;
		background-color: transparent;
		padding: 10px 20px;
		line-height: 85px;
	}
	.container-links-under-footer a:hover{
		background-color: rgba(255,255,255,0.2);
	}
	img.logo-resort.fade-up.is-inview {
		max-width: 200px !important;
		height: auto;
	}
	footer .basso img {
		width: 200px !important;
		height: auto;
	}
	.panel--boxtrecol, .panel--boxtextmenu {
		background-image: url(../img/chiocciola-bck.png) !important;
		background-position: 100% 90% !important;
	}
	.switcher-cont{
		z-index: 9999;
		margin: 0 auto;
		position: absolute;
		bottom: 110px;
		display: flex;
		max-width: 1440px;
		width: 100%;
		justify-content: flex-end;
	}
	.switch-span{
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 600;
		margin-top: 5px;
		margin-right: 12px;
		text-shadow: 0px 0px #333;
	}
	.switch-span.after-switch{
		margin-left: 12px;
		margin-right: 25px;
	}
	.switch-span.selected, .switch-span:hover{
		color: white !important;
	}
	.images-footer a{
		display:inline-block;
		margin-right: 24px;
	}

	/* Lisa MODS */

	.col-100.fade-up.is-inview table {width:100%;}
	.col-100.fade-up.is-inview td {width:15%; padding:1%; text-transform:uppercase; border-bottom: 1px solid #ccc;}
	.col-100.fade-up.is-inview tr td:first-child {font-weight:bold; text-transform:none; width:63%;}
	.col-100.fade-up.is-inview tbody tr:first-child td{
		color:#CB8644;
		text-transform:uppercase;
		font-family: "IHCBodoni";
		border-bottom:none;
		font-size: 12px;
		letter-spacing:2px;
	}

	/*colore link nel testo*/
	.panel p a{color:#DCB596;}

	.panel p a.thinlink{font-family: 'IHCGinger-Regular'; color:inherit!important;}
	.panel p a:hover{color:#2C3C4C;}

	.panel--boxtrecol h3{color:#2C3C4C;}
	.panel--boxtrecol p{font-size:16px;}
	.panel--boxtrecol .padding-right-big {
		padding-right: 20px;
		padding-left: 20px;
		text-align:center;
	}

	.panel p a.upper{color:#DCB596; font-weight: 600;}
	.panel p a.upper:hover{color:#2C3C4C;}

	.images-footer img {
		margin: 2%;
		width: 25%;
		height: auto;
	}
	.col-45.col-offset-55.images-footer {
	right: 0;
		top: 500px;
		position: absolute;
	}

	.panel--boxtrecol, .panel--boxtextmenu {background-image: url(../img/montagne-bg.png) !important;
		background-position: 0% 90%;
		background-repeat: no-repeat;
		background-size: 16%;
		padding: 30px 0;
		background-color: rgba(255,255,255,0.5);
	}
	.panel--boxtextmenu {
		background-image: url(../img/montagne-bg.png) !important;
		background-position: 100% 90%;
		background-size:30%;
	}

	.panel--menuoffcanvas .bg-white ul li a{ line-height: 1.2em;}
	.panel--menuoffcanvas .bg-white ul li {padding: 0 0 0.5em;}

	li.separator {padding: 0!important;}

	h2.horizontalheadline { white-space: initial;line-height:1em; }
	.grey.testo h3.fade-up.is-inview { color: #fff; }

	.panel--menuoffcanvas,
	.panel--bookingmaskoff{background-color:#f8f8f8;}
	.panel--bookingmaskoff .topbookingmask a.close,
	ul#language-selector-mobile li.selected a:after,
	.panel--bookingmaskoff .grid h4{color:#2C3C4C;}

	.panel--bookingmaskoff .topbookingmask a.close span,
	.panel--menuoffcanvas li.menu-item-has-children > a:after,
	.panel--bookingmaskoff .content-number span:not(.value){color:#DCB596;}
	ul#language-selector-mobile{background-color:#ffffff;}

	.panel--menuoffcanvas .social ul li a{border-color:#2c3c4c;}
	.panel--bookingmaskoff .footerbookingmask ul li{color: #929292; font-size:16px; line-height:1em; padding-bottom:1.3em;}
	.panel--bookingmaskoff .footerbookingmask ul {padding-left:0;}
	.panel--blu {background-color: #DCB596;}

	@media screen and (min-width:769px){
		.cover-heading{padding-bottom:0;}
		ul.filters{ margin: 0 auto 30px; }
		.slider-testo-cta .owl-item .col-75.col-offset-25{margin-left:13%;}
		.panel.panel--big.margin-top .col-75.col-offset-25{margin-left:13%;}
		.menu-menu-principale-dx-container {padding: 85px 5% 0 0;}
	}

	@media screen and (max-width:767px) {
		.col-100.fade-up.is-inview tr td{font-size:10px;}
		.header__logo img{
			width: auto;
			height: 50px;
			margin-top: -7px;
		}
		.switcher-cont{bottom:initial; top:110px; width:75%;}
		.switch-span {font-size: 14px;line-height: 1.4em;}
	}
	.d-none{ display:none !important; }

	.fade-up.to-cut.is-inview.cut .blurry-div:after,
	.fade-up.to-cut .blurry-div2:after,
	.fade-up.to-cut .blurry-div3:after{
	content: " ";
	width: 100%;
	height: 30px;
	background-color: white;
	position: absolute;
	left: 0;
	bottom: -15px;
	display: block;
	background: linear-gradient(to bottom, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 60%);
	-webkit-transition: all 1s;
	transition: all 1s;
	}
	.fade-up.to-cut .blurry-div2:after, .fade-up.to-cut .blurry-div3:after{
		bottom: -3px;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);		
	}

	/*lisa 06/10/21*/

	.fixedbuttonln .boxcontact{background-color:rgba(220,181,150,0.85)}

	.fixedbuttonln .boxcontact .aprichiudi {background-color:transparent;}

	.fixedbuttonln .boxcontact .aprichiudi:hover {background-color:#DCB596;}

	.panel--menuoffcanvas .bg-white ul li {
		padding: 0.5em 0;
	}
	.panel--menuoffcanvas .bg-white ul li.separator {
		padding-top: 0.5em!important;}


	.fade-up.to-cut.is-inview.cut .something:after
	{
		bottom: -12px;
		background: rgb(248,248,248);
	background: -moz-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0.8715861344537815) 53%, rgba(248,248,248,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0.8715861344537815) 53%, rgba(248,248,248,0) 100%);
	background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0.8715861344537815) 53%, rgba(248,248,248,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#f8f8f8",GradientType=1);}

	/*fine 06/10/21*/
	
	/* lisa ipad 07/10/21 */
	.blurry-div2 {
		font-size: 1em;
		line-height: 1.25em;
	}
	.subheadline{line-height:1.2em;}
	.panel .blurry-div3 {
		line-height: 1.5em;
		font-size: 0.9em;
		margin-top: 5px;
	}

	.panel--images-top .panel__img img {
		margin-bottom: 20px;
			max-width: 100%;
	}

	@media (max-width: 1023px){
	.horizontalheadline {
		position: relative;
		left: initial;
		top: initial;
		font-size: 50px!important;
		padding: 0 2%;
	}
	}


	@media (min-width: 580px) and (max-width: 768px){
			.panel__img.panel__img__lefttext {padding:0 2%;}

	.col-45.col-offset-55.images-footer {top: initial; position: initial;}

	.images-footer img {
	margin: 1% 5%;
	width: 15%;
	height: auto;
	}
	}

	@media screen and (max-width:768px) {
	.panel--slider img{height:auto;}
	h2.headline {padding: 0 30px;}
		.panel.panel--grey .subheadline b{line-height: 1.25em;}
	.panel--booking .horizontalheadline {font-size: calc(0.8rem + 3vmin)!important;
	display: block;
	text-align: center;
	padding: 0 10px;
	letter-spacing: 5px;
	white-space: initial;
	}

		.panel.panel--images-top a.fenic {margin:10px 0!important;}
		.panel.panel--images-top .to-cut {margin-bottom:0!important;}

	.fade-up.to-cut.is-inview.cut .blurry-div:after,
	.fade-up.to-cut.cut .blurry-div2:after,
	.fade-up.to-cut.cut .blurry-div3:after,
	.panel.slider-left .to-cut.cut .blurry-div3:after{
		content:'';
		width: 100%;
		height: 30px;
		position: absolute;
		left: 0;
		bottom: -15px;
		display: block;
		background: linear-gradient(to bottom, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 60%);
		-webkit-transition: all 1s;
		transition: all 1s;

	}	


	.fade-up.to-cut .blurry-div2:after, .fade-up.to-cut .blurry-div3:after,
	.panel.slider-left .to-cut .blurry-div3:after{
		background: transparent;
	}

	.fade-up.to-cut.cut .blurry-div2:after, .fade-up.to-cut.cut .blurry-div3:after {
	background: linear-gradient(to bottom, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 60%);}

	.panel.slider-left .to-cut.cut .blurry-div3:after{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);}	
	}

	@media screen and (min-width:768px) {
	.fade-up.to-cut .blurry-div2:after, .fade-up.to-cut .blurry-div3:after,
	.panel.slider-left .to-cut .blurry-div3:after{
		background: transparent;
	}

}
	
/* END OF 77agency - STE booking mask additional buttons and custom stuff */

/* 77agency - Photo gallery */

.admin-bar .fancybox-container {
    top: 32px;
}

@media (max-width: 600px) {
    .admin-bar .fancybox-container {
        top: 46px;
    }
}

.photogallery .custom-dropdown {
    width: 300px;
    margin: 0 auto;
    position: relative;
    background-color: white;
    margin-bottom: 30px;
}

.photogallery .selected-value {
    padding: 20px 30px 20px 20px;
    border: solid 1px #DCB596;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.photogallery .selected-value::after {
    content: "\003e";
    color: #DCB596;
    position: absolute;
    top: 22px;
    right: 15px;
    transform: rotate3d(0, 0, 1, 90deg);
    transition: all 300ms ease;
}

.photogallery .custom-dropdown.showing .selected-value::after {
    transform: rotate3d(0, 0, 1, 90deg) rotate3d(0, 1, 0, 180deg);
}

.photogallery .dropdown__content {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    width: 100%;
    border: solid 1px #DCB596;
    border-top: none;
    padding: 20px;
    z-index: 99;
}

.photogallery .dropdown__content a {
    display: block;
    text-align: center;
    padding: 6px 0;
}

.photogallery .gallery__item {
    padding: 10px 5px;
}

.photogallery .img_wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.photogallery .gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms ease;
}

.photogallery .gallery__item:hover img {
    transform: scale(1.1);
}

.photogallery .gallery__item .caption{
    width: calc(100% - 20px);
    position: absolute;
    margin: 0 10px;
    z-index: 3;
    top: 50%;
    color: #fff;
    left: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    text-transform: initial;
    font-family: arial;
    font-weight: normal;
    transform: translateY(-50%);
}
.photogallery .gallery__item .bg_overlay{
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    text-transform: uppercase;
    top: 0;
    left: 0;
}
.photogallery .gallery__item:hover .caption, 
.photogallery .gallery__item:hover .bg_overlay{
    visibility: visible;
    opacity: 1;
}

/* END OF 77agency - Photo gallery */


/* BACKEND CSS */
body, .pathway ul li, .pathway ul li a, .panel--booking .grid h4, .cover-heading ul.fade-up.is-inview li, .panel--menuoffcanvas ul li a, .panel--menuoffcanvas .bg-white ul li a, .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select, .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .ui-widget, .gform_wrapper span{font-family: 'IHCGinger-Light', 'Calibri light', helvetica, sans-serif!important;}

.panel p a,.footer ul li a, .fixedbuttonln .boxcontact a.contactus{font-family: 'IHCGinger-Regular', 'Calibri', helvetica, sans-serif;}

a, .button-booking, .header__cta .buttonbook, .cover-heading ul li strong {font-family: 'IHCGinger-Bold', 'Calibri bold', helvetica, sans-serif;}


/*popup mobile*/
@media only screen and (max-width: 768px) {
.pum-content.popmake-content p {
font-size: 14px;
line-height: 1.5em;
}
.pum-content.popmake-content h2 {
font-size: 25px; }
.pum-content.popmake-content a.fenic.fade-up.is-inview { text-align: center;
}
.pum-theme-6155 .pum-container, .pum-
theme-lightbox .pum-container {
padding: 30px 15px;}
}

/*errori gravity*/
.gform_validation_errors {display:none;}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {display:none;}

.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gfield_error textarea, .gfield_error select {
    border: 1px solid red!important;
}

/*sfondo select footer paesi*/
#gform_fields_14 select {background: #2c3c4c!important;}
/* font popup*/
.pum-content, .pum-theme-lightbox .pum-content {
    font-weight: 100;
    color: #929292;
    font-family: 'IHCGinger-Light';
}

.pum-theme-lightbox .fade-up.is-inview {
    opacity: 1;
    text-transform: uppercase;
    outline: none!important;
    font-family: 'IHCGinger-Bold';
    color: #CA8139;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
    position: relative;
    border: none;
}

/* colore mese calendario*/
.gform-legacy-datepicke, .ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-active {color:white!important;}

.ui-datepicker-title, .ui-datepicker table, a.ui-state-default {color: #2C3C4C!important;}

/* data booking*/
.ui-widget.ui-widget-content {border: 1px solid #eee;
margin-top: 11px!important;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #ca8139!important;background: #ca8139!important;color: #ffffff!important}

.ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-active, .ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-active:hover {background-color: #ca8039!important;color: #fff;}

.ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-default {
    line-height: 24.2px!important;

    border-radius: 0px!important;
}
/* margine titoli*/
#field_11_24, #field_11_25, #field_11_26 {
    margin: 22px 0 8px 0px;
}

/* campi obbligatori*/
#field_11_27, #field_10_15, #field_15_21 {
    font-size: 14px;
    margin-top: 15px;
}

/*contatti generico*/
@media (min-width: 1280px) {
#field_12_1, #field_12_2, #field_12_3, #field_12_4, #field_12_5, #field_12_6 {
    width: 50%!important;
}

#gform_fields_12 .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 288px;
    width: 100%;
}


#field_12_7 {
    position: absolute;
    right:0px;
    top: 51px;
}
}
/* altezza data*/
.gform_wrapper.gravity-theme .ginput_container_date input {
    height: 39px;
}
/* gravity form*/
#gform_wrapper_14 .gform_footer [type=submit] {
font-family: 'IHCGinger-Bold';
    color: #CA8139;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
    position: relative;
    border: none;
    transition-delay: 0;
		background: transparent;
		padding: 0;
    width: 100%;
    margin: 0;
    text-align: center;
}

#gform_wrapper_14 .gform_fields .gfield input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: white;
}
#gform_wrapper_14 .gform_fields .gfield input::-moz-placeholder { 
	/* Firefox 19+ */
  color: white;
}
#gform_wrapper_14 .gform_fields .gfield input:-ms-input-placeholder {
	/* IE 10+ */
  color: white;
}
#gform_wrapper_14 .gform_fields .gfield input:-moz-placeholder {
	/* Firefox 18- */
  color: white;
}

#gform_fields_14 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #gform_fields_14  select
{
    border-bottom: 1px solid white!important;
    color: white;
    font-family: 'IHCGinger-Light';
		background: transparent;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    border: 0;
    border-bottom: 1px solid #999999;
    margin: 5px 8px 5px 0px;
    position: relative;
    width: 100%;
		height: 34px;
    color: #999999;
    font-family: 'IHCGinger-Light';
		background: transparent;
}

/*pulsante gravity*/
.gform_footer [type=submit] {
        font-family: 'IHCGinger-Bold';
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 30px;
    background-color: #ca8139;
    display: block;
    transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
    cursor: pointer;
    border: 0;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select {
    font-size: 15px;
    padding: 8px;
    margin-bottom: 0;
    margin-top: 0;
    border: 0;
    border-bottom: 1px solid #2C3C4C;
    margin: 0 8px 0 0px;
    position: relative;
    width: 100%;
    color: #999999;
    font-family: 'IHCGinger-Light';
}

/* calendario gravity */

.gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100%!important;
		border-bottom: 1px solid #999999;
		margin-right:0;
	background: url(/wp-content/themes/ihc-clr/assets/img/calendar-icon.png) no-repeat calc(100% - 10px) 50%;
}

/* gravity margin checkbox */

.gform_wrapper .gfield.gf_list_3col .gfield_checkbox {
    margin-bottom: 27px;
}

/* area di testo gravity */
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 288px;
    border-bottom: 1px solid #999999!important;
    border: 0;
    border-right: 1px solid #999999!important;
			background: transparent;

}

/* Gravity titoli span */
.gform_wrapper span {
    font-family: 'IHCBodoni';
    color: #2C3C4C;
    font-size: 32px;
    font-weight: lighter;
    text-transform: none;
}


/*font check finali*/
.ginput_container_consent {
    -ms-grid-column-span: 12;
    grid-column: span 12;
    font-size: 14px;
		margin: 12px 0 0px 0;
}

/* check box gravity*/
.gform_wrapper.gravity-theme .gfield-choice-input, input[type=checkbox] {
    margin-top: 0;
    top: 0;
    vertical-align: bottom;
    content: "";
    left: -23px;
    display: table-column;
    width: 15px;
    height: 15px;
    border: 1px solid #2C3C4C;
    background-color: transparent;
	margin-right: 8px;
}

/* campo richiesto */ 
.gform_wrapper .gfield_required {
    display: none!important;
}

/*form*/
.gform_wrapper span {
    font-family: 'IHCGinger-light'; color: #b17e62;
    font-size: 35px;
    font-weight: lighter;
    text-transform: none;
}
.gform_footer [type=submit]{background-color:#c39c86;}
.gform_footer:hover [type=submit]{background-color:#d79976;}

/*richieste di ihc 25-26 giugno Lisa*/

.grid {width:100%;}

/*info sotto intro text*/

.cover-heading ul, .panel--single-news-title ul li {
    width: 80%;
    display: inline-block;
    text-align: justify;
    margin: 10px auto;
    padding: 0;
}

.cover-heading ul.fade-up.is-inview {
    width: 70%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 30px auto 0;
    padding: 0 10px;
}

.cover-heading ul li, .panel--single-news-title ul li {
    list-style: disc;
    width: auto;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    text-transform: none;
    padding: 0 10px;
    position: initial;
    margin: 0 0 1.2em;
}


.cover-heading ul.fade-up.is-inview li {
	    list-style: none;
    width: 33%;
    font-family: 'IHCGinger-Light', 'Calibri light', helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
}

@media (max-width: 1024px){

.cover-heading ul li, .panel--single-news-title ul li {padding: 0 5px; width:100%!important;word-break: break-word;}
	
.cover-heading ul, .panel--single-news-title ul li {
    /* width: auto; */
    display: inline-block;
    text-align: justify;
    margin: 10px auto;
    padding: 0 0px 0 20px;
	width:auto;
}	

.cover-heading ul.fade-up.is-inview {width: 100%; display:initial;}

}





a.fenic span {
   /*max-width: 275px;*/
    display: inline-block;
}

.menu-menu-principale-sx-container,.menu-menu-principale-dx-container {padding:0 5% 0 0;}

/*richieste IHC 26 giu*/ 

/*background chiaro per moduli*/
section.panel.panel--images-top, 
.panel--slideratre {
/*	background: #FCF7F2;*/
    background: #F1E9E2;
	background: #ffffff;
}

.boxcontact {	background-color: #b17e62;}

@media (min-width: 1024px){
.panel--menuoffcanvas ul li a{
	font-size: 25px;
    line-height: 35px;
	}
.panel--menuoffcanvas ul li ul li a {	font-size: 18px;}
.panel--grey img {
   /* height: 500px;*/
    object-fit: cover;
    object-position: center;
}

.panel-the-poetry {
    max-width: 1100px;
    margin: 0 auto 50px;
}

.panel-the-poetry .ul .li {
    margin: 0 20px;
    list-style: none;
    width: 25%;
}

.panel-the-poetry .ul .li p {
    font-size: 14px;
    font-family: 'IHCGinger-Light';
    text-transform: initial;
	}
	
	.panel--menuoffcanvas ul li a{font-size: 25px;}	
	.panel--menuoffcanvas ul li ul li a{font-size: 18px;}

.horizontalheadline {
    position: relative;
    left: initial;
    top: 10%!important;
    font-size: 70px!important;
}
.panel__img__righttext {
    margin-top: 15%;
}
	
}


@media (max-width: 1024px){
/*read more mobile*/
.to-cut {padding-right: 20px !important;}
.to-cut:after,
.to-cut:before  {
	width: 20px;
    height: 20px;
	background-size: 12px;
	font-size: 17px;
    line-height: 16px;
}

.cover-heading ul {width: 100%;}
.cover-heading ul li {padding: 0 5px;}

.panel--boxtrecol 
.padding-right-big {
    padding-right: 5px;
    padding-left: 5px;
	text-align:left;
}	
}
																/*richieste ihc 28 giugno*/
/*.boxcontact,*/
.scroll-down .fixedbutton,
.second-logo,
.second-logo-scroll{display:none;}

.footer .basso img {width:100%; height:auto;}

/*modifiche 29 giugno*/

.panel--faq ul.accordions div.accordion-content a {
    color: #c39c86;
    font-size: inherit;
    text-transform: initial;
    display: inline;
    font-family: 'IHCGinger-Bold';
}

.panel--faq ul.accordions div.accordion-content a:hover{color:#d79976;}

@media (min-width: 1024px){
.panel--menuoffcanvas .grid {
    margin-left: auto;padding-left: 5%;
	justify-content: space-around;}
	.panel--boxtextmenu ul{	justify-content: space-around;}
}
.panel--boxtextmenu ul li {
    list-style: none;
    width: 31%;
    padding: 0 1%;
}

.panel--booking .horizontalheadline {
    white-space: initial;
    letter-spacing: 12px;
    text-align: center;
    width: 90%;
    margin: 0 auto 30px;
}

.cover-heading__content a.fenic {
    margin: 20px auto 35px;
}


@media (max-width: 1024px){
	
	.panel--faq ul.filters, ul.filters{background: #f1e8e2;
}
	.panel--faq ul.filters li a, ul.filters li a {color:#B17E62!important;}
.panel--faq ul.filters li a.active, ul.filters li a.active{color:#B17E62!important; font-weight:500;}

.panel--faq ul.filters:after, ul.filters:after
{
    content: '\003e';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(
90deg
);
    color: #7B3514;
    right: 10px;
    top: 20px;
    transition: all 0s cubic-bezier(.215, .61, .355, 1);
	background:none;
}

.panel--faq ul.filters.open:after, ul.filters.open:after {
    transform: rotate(
-90deg
);
    top: 6px;
    right: 10px;
}

}

@media (max-width: 768px){
.panel--menuoffcanvas ul li a {
    font-size: 20px;
	}

.panel--booking .horizontalheadline {
    font-size: 28px!important;
    display: block;
    text-align: center;
    padding: 0 10px;
    letter-spacing: 5px;
    white-space: initial;
}
	.panel--boxtextmenu{background-size: 40%;}
	.panel--boxtextmenu ul li {
    list-style: none;
    width: 100%;
    padding: 10px 1%;
    margin: 5px auto;
    background: #ffffff87;
}
	
}

/*lisa 09/21*/

.col-100.fade-up.is-inview table {width:100%;}
.col-100.fade-up.is-inview td {width:15%; padding:1%; text-transform:uppercase; border-bottom: 1px solid #ccc6;}
.col-100.fade-up.is-inview tr td:first-child {font-weight:bold; text-transform:none; width:63%;}
.col-100.fade-up.is-inview tbody tr:first-child td{color:#CB8644; text-transform:uppercase;font-family: "IHCBodoni"; border-bottom:none;
    font-size: 12px; letter-spacing:2px;}

/*colore link nel testo*/
.panel p a{color:#DCB596;}

.panel p a.thinlink{font-family: 'IHCGinger-Regular'; color:inherit!important;}
.panel p a:hover{color:#2C3C4C;}

.panel--boxtrecol h3{color:#2C3C4C;}
.panel--boxtrecol p{font-size:16px;}
.panel--boxtrecol .padding-right-big {
    padding-right: 20px;
    padding-left: 20px;
	text-align:center;
}

.panel p a.upper{color:#DCB596; font-weight: 600;}
.panel p a.upper:hover{color:#2C3C4C;}

.images-footer img {
    margin: 2%;
    width: 25%;
    height: auto;
}
.col-45.col-offset-55.images-footer {
right: 0;
    top: 500px;
    position: absolute;
}

.panel--boxtrecol, .panel--boxtextmenu {background-image: url(/wp-content/themes/ihc-clr/assets/img/montagne-bg.png)!important;
background-position: 0% 90%;
    background-repeat: no-repeat;
    background-size: 16%;
    padding: 30px 0;
    background-color: rgba(255,255,255,0.5);
}

.panel--boxtextmenu {background-image: url(/wp-content/themes/ihc-clr/assets/img/montagne-bg.png)!important;
 background-position: 100% 90%;
background-size:30%;}

.panel--menuoffcanvas .bg-white ul li a{ line-height: 1.2em;}

.panel--menuoffcanvas .bg-white ul li {padding: 0 0 0.5em;}

li.separator {padding: 0!important;}

h2.horizontalheadline {
    white-space: initial;line-height:1em;
}
.grey.testo h3.fade-up.is-inview {
    color: #fff;
}

.panel--menuoffcanvas,
.panel--bookingmaskoff{background-color:#f8f8f8;}
.panel--bookingmaskoff .topbookingmask a.close,
ul#language-selector-mobile li.selected a:after,
.panel--bookingmaskoff .grid h4{color:#2C3C4C;}

.panel--bookingmaskoff .topbookingmask a.close span,
.panel--menuoffcanvas li.menu-item-has-children > a:after,
.panel--bookingmaskoff .content-number span:not(.value){color:#DCB596;}
ul#language-selector-mobile{background-color:#ffffff;}

.panel--menuoffcanvas .social ul li a{border-color:#2c3c4ca3;}

.panel--bookingmaskoff .footerbookingmask ul li{color: #929292; font-size:16px; line-height:1em; padding-bottom:1.3em;}
.panel--bookingmaskoff .footerbookingmask ul {padding-left:0;}

.panel--blu {background-color: #DCB596;}

/*lisa 30/09*/

@media screen and (min-width:769px){
	.cover-heading{padding-bottom:0;}
	ul.filters{margin: 0 auto 30px;}
	
.slider-testo-cta .owl-item .col-75.col-offset-25{margin-left:13%;}
	
	.panel.panel--big.margin-top .col-75.col-offset-25{margin-left:13%;}
	
.menu-menu-principale-dx-container,
	.menu-menu-principale-dx-inglese-container,.menu-menu-principale-dx-container, .menu-menu-principale-dx-ru-container,.menu-menu-principale-dx-fr-container, .menu-menu-principale-dx-de-container	{padding: 85px 5% 0 0;}	
}



@media screen and (max-width:767px) {
	
	.panel--slider-standalone .owl-carousel .text-align-center > div{ padding: 0 5px;}
	.panel--slider-standalone .owl-carousel .text-align-center > div h4 {margin: 20px 0;
		line-height: 1.2em;}
	.panel p{line-height:22px;}
	
.col-100.fade-up.is-inview tr td{font-size:10px;}

	.switcher-cont{bottom:initial; top:110px; width:75%;}	
	.switch-span {font-size: 14px;line-height: 1.4em;}
	/*29/09*/
	.col-45.col-offset-55.images-footer {
    position: initial!important;
    margin-top: 0px!important;
	}
	.horizontal-scroll-slider .owl-nav{display:none;}	
	.panel--images-top .headline {
    margin: 0 0 10px;
}
}

/* lisa ipad 07/10/21 */
.blurry-div2 {
    font-size: 1em;
    line-height: 1.25em;
}
.subheadline{line-height:1.2em;}
.panel .blurry-div3 {
    line-height: 1.5em;
    font-size: 0.9em;
    margin-top: 5px;
}

.panel--images-top .panel__img img {
    margin-bottom: 20px;
	    max-width: 100%;
}

@media (max-width: 1023px){
.horizontalheadline {
    position: relative;
    left: initial;
    top: initial;
    font-size: 50px!important;
    padding: 0 2%;
}
}


@media (min-width: 580px) and (max-width: 768px){
		.panel__img.panel__img__lefttext {padding:0 2%;}

.col-45.col-offset-55.images-footer {top: initial; position: initial;}

.images-footer img {
margin: 1% 5%;
width: 15%;
height: auto;
}
}

@media screen and (max-width:768px) {
.panel--slider img{height:auto;}
h2.headline {padding: 0 30px;}
	.panel.panel--grey .subheadline b{line-height: 1.25em;}
.panel--booking .horizontalheadline {font-size: calc(0.8rem + 3vmin)!important;
display: block;
text-align: center;
padding: 0 10px;
letter-spacing: 5px;
white-space: initial;
}

	.panel.panel--images-top a.fenic {margin:10px 0!important;}
	.panel.panel--images-top .to-cut {margin-bottom:0!important;}

.fade-up.to-cut.is-inview.cut .blurry-div:after,
.fade-up.to-cut.cut .blurry-div2:after,
.fade-up.to-cut.cut .blurry-div3:after,
.panel.slider-left .to-cut.cut .blurry-div3:after{
    content:'';
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: -15px;
    display: block;
    background: linear-gradient(to bottom, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 60%);
    -webkit-transition: all 1s;
    transition: all 1s;

}	
	

.fade-up.to-cut .blurry-div2:after, .fade-up.to-cut .blurry-div3:after,
.panel.slider-left .to-cut .blurry-div3:after{
    background: transparent;
}
	
.fade-up.to-cut.cut .blurry-div2:after, .fade-up.to-cut.cut .blurry-div3:after {
background: linear-gradient(to bottom, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 60%);}

.panel.slider-left .to-cut.cut .blurry-div3:after{
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);}	
}

@media screen and (min-width:768px) {
.fade-up.to-cut .blurry-div2:after, .fade-up.to-cut .blurry-div3:after,
.panel.slider-left .to-cut .blurry-div3:after{
    background: transparent;
}

}

a.fenic.fade-up.is-inview {float:none; margin-right: auto;margin-left:auto;max-width: 90%;}

.panel--grey a.fenic.fade-up.is-inview {max-width: 90%;}


/*lisa 26-10*/
	

	
label.gfield_consent_label,
label.gfield_consent_label a{ text-transform:none; letter-spacing:initial; font-family:'IHCGinger-Light', sans-serif;}

.panel.footer label.gfield_consent_label,
.panel.footer label.gfield_consent_label a{color:#ffffff;}

label.gfield_consent_label a{text-decoration:underline;}

/* .services-slider.panel--activity .services .trigger-wrap {
	width:auto;
    max-width: 30%;
}*/

/*gravity form captcha notice*/
.map_custom_notify {
    padding: 15px 0px;
    background: none;
    border: 0px;
    color: #DCB596;
    font-size: 0.8em;
}
.grecaptcha-badge { 
    visibility: hidden;
}

/* END BACKEND CSS */

/* Video hero section */
.video-hero-block.cover-text{height: 670px; /*background: #bababa;*/ position: relative; display: flex; max-width: 100%; margin: 0 auto;align-items: center; justify-content: center; z-index: 0}
.video-hero-block.cover-text .grid {position: absolute; z-index: 5;}
.video-hero-block.cover-text h1 {color: #fff; font-size: 60px; line-height: 70px; text-align: left;}
.video-hero-block.cover-text.book-online-btn h1 {text-align: left;}
.video-hero-block.cover-text__content{color:#fff; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}
.video-hero-block.cover-text:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    /*background-image: linear-gradient(180deg,rgba(0,166,205,0.2),rgba(0,166,205,0.2));*/
    background: linear-gradient(0deg, rgba(0,166,205,0) 0%, rgba(0,166,205,0.08727240896358546) 63%, rgba(0,13,17,0.5662640056022409) 100%);
    z-index: 5;
}
.video-hero-block.cover-text.fullscreen-size{height: 100vh;}
.video-hero-block.cover-text h1.headline {position: static;}

.video-hero-block .headline-buttons {margin-top: 30px;}
.video-hero-block .headline-buttons .button {color: #CB8644; margin-right: 35px;}

.video-hero-block.cover-text.full-size{
    height:100vh !important;
}

.video-hero-block.cover-text .video-container {
    /*position: fixed!important;*/
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100% !important;
    z-index: -1!important;
    pointer-events:none!important;
    overflow: hidden;
}
.video-hero-block.cover-text .video-container iframe {
    width: 100vw!important;
    height: 56.25vw!important;
    min-height: 100vh!important;
    min-width: 177.77vh!important;
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
}
.video-hero-block.button-on-video{
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(76, 143, 126, 0.7);
    color: white;
    max-height: 64px;
    padding: 20px 30px;
}
.video-hero-block.button-on-video:hover{
    background-color: rgba(76, 143, 126, 1);
    color: white !important;
}

.video-hero-block.cover-text.full-small-size {
    height: 670px !important;
}

@media (max-width: 768px) {
    .video-hero-block.cover-text, .video-hero-block.cover-text.fullscreen-size {height: 85vh;}
    .video-hero-block.cover-text.book-online-btn h1 {text-align: center;}
    .video-hero-block.cover-text.book-online-btn b {line-height: 1;}
    .video-hero-block.cover-text .headline-buttons {text-align: center}
}

.panel--menuoffcanvas li.ihc-logo-link::after {
    content: ''; display: block; width: 200px; height: 1px; background-color: #2C3C4C; margin: 20px 0;
}
.panel--menuoffcanvas li.ihc-logo-link-img img {
    display: block;
    margin: 0;
}