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

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

html, body{height: 100vh;}
body{color:#929292; font-family: 'IHCGinger-Light', sans-serif;}
a, .button-booking {font-family: 'IHCGinger-Bold', sans-serif; color: #CA8139;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: #F19B46;}

/* ! Anchor fenicopter */
a.fenic, a.fenic:hover{color: #CA8139;}
a.fenic:before{content: url(../img/fenicottero.svg); width: 96px; height: 30px; position: absolute; top: -8px; left: calc(50% - 48px); transition: all 0.6s cubic-bezier(.215, .61, .355, 1); opacity: 0.2; transform: scale(1.6);z-index: 0;}
a.fenic:hover:before{opacity: 0.1; top:-4px;}
a.fenic {margin-top: 20px;}
a.fenic span {position: relative; z-index: 2;}
/*a.fenic span:hover {color: #00A8D0;}*/

/* ! Button booking fenicopter */
.panel--booking button.fenic, .panel--booking button.fenic:hover{color: #CA8139; }
.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/fenicottero.svg); width: 96px; height: 30px; position: absolute; top: 0; left: calc(50% - 48px); transition: all 0.6s cubic-bezier(.215, .61, .355, 1); opacity: 0.2; transform: scale(1.6);z-index: 0; cursor: pointer;}
.panel--booking button.fenic:hover:before, .panel--bookingmaskoff button.fenic:hover:before{opacity: 0.1; top:4px;}


/* ! 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: #2C3C4C;}

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; color: #edece8; text-transform: uppercase; white-space: nowrap; letter-spacing: 18px; font-weight: lighter;}
@media (min-width: 1024px){
    .horizontalheadline {
        position: relative;
        left: initial;
        top: 10%!important;
        font-size: 70px!important;
    }
}

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

.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;}
}
.pum-theme-lightbox .pum-content:focus, .pum-theme-lightbox .pum-content:focus-visible{outline:none;}

/* ! 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 1s 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 1s 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 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(30%);transition-delay: 0.5s}
.fade-up.is-inview{opacity: 1;transform: translateY(0px)}

.fade-down{opacity: 0; transition: all 1s 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 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0.5s}
.fade.is-inview{opacity: 1;}
a.fenic.fade-up.is-inview {
    max-width: 40%;
    min-width: 0;
    min-height: 50px;
    margin-top: 20px;
}

.fade-left a.fenic.fade-up.is-inview, .fade-right a.fenic.fade-up.is-inview {
    margin-right: 10%;
    float: left;
}

.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 1s 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 0.6s 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 0.6s 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 0.4s 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 0.6s 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.2s 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(0, 168, 208, 0);
        border: 1px solid #00A8D0;

    }
    25% {
        box-shadow: 0 0 0 0px rgba(0, 168, 208, 0);
        border: 1px solid #00A8D0;
    }
    60% {
        box-shadow: 0 0 0 0px rgba(0, 168, 208, 0.8);
        border: 1px solid #00A8D0;
    }
    100% {
        box-shadow: 0 0 0 120px rgba(0, 168, 208, 0);
        border: 1px solid #00A8D0;
    }
}

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


/* ! 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: #929292; 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: #CB8644; 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/Cerchio-Acqua.png);
    background-position: 48% 67%;
    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 #2C3C4C; 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: #2C3C4C; /*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: url(../img/Goccia-Small.png); /*border: 4px solid #F1E9E2;*/ display: block; width: 18px; height: 18px; /*background-color: #8D2838; border-radius: 50px;*/ left: -22px !important; top: calc(50% - 12px)!important; position: absolute; transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
.roundedvalues .roundcontainer .round a:hover:before {transform: scale(1.5); }

.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: #f8f8f8; 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: #8D2838; 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: #8D2838; 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: #8D2838; 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:hover{background-color: #f19b46;}
/*.scroll-down .header__cta .buttonbook{border: none; padding: 0; background-color: transparent;}*/

.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-width: 196px;}
.scroll-down .header__logo {width: 130px; height: 28px;  margin-top: 0px; position: relative; top:-3px;}
.header__logo .logo {position: absolute; top: 0; left:calc(50% - 55px); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.header__logo .logo-scroll {position: absolute; bottom: -50px; transform: scale(0);left:calc(50% - 100px); 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);}

@media (max-width: 768px) {
    
    .header .header__icon .right{
        max-width: 60px;
        position: absolute;
        top: 0;
        display: inline-block;
        margin-right: 15px;
        transform: translateY(-35%);
        left: -15%;
    }
    .header .header__icon .right img{
          width: 100%;
    }
}


.scroll-down .header__logo .logo {/*  left:-45px;*/ top: -750px; opacity: 0;}
.scroll-down .header__logo .logo-scroll { transform: scale(1); top: 3px; 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 {display: none;}
    .header__logo {order: 1; margin-left: 10px; height: 34px;}
    .header__logo img{/*transform: scale(0.9);*/ max-width: 256px;}
    .header__logo .logo-scroll {/*left: 0px;*/}
    .header__logo .logo-scroll img {/*transform: scale(1);*/ position: relative; top: -5px;}
    .header__icon {order: 2;}
    .scroll-down .header__logo .logo-scroll {transform: scale(0.8);}
    .scroll-down .fixed .header{padding: 15px 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, .fade-left a.fenic.fade-up.is-inview, .fade-right 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: #8D2838; 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;}

.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 .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: #ca8139;
    display: block;
    transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
    cursor: pointer;
}
.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 li a {
    color: #fff;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    height: 48px;
    width: 49px;
    background-color: rgba(0, 168, 208, 0.8);
    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: rgba(238, 238, 238, 0.8);
    color: #2C3C4C;
}
@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: #00a8d0; 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: #fff; font-size: 12px; position: relative; display: block; text-align: center;}
.sectionmenu ul li a:after {content: ""; height: 0.5px; width: 0px; background-color: #fff; 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: #ca8139; 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% - 50px); 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); }
.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: #00a6cd; height: 100%;}
.fixedbuttonln .boxcontact .aprichiudi:hover{background-color: #0fc4ef;}
.fixedbuttonln .boxcontact a.contactus {font-family: "IHCGinger-Regular"; font-size: 13px; transform: rotate(-90deg); color: #fff; width: 108px; white-space: nowrap; display: block; position: relative; left: -44%; top: calc(82% - 52px); transition: all 1s cubic-bezier(.4, .0, .0, 1);}
.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, .panel--grey .col-40.padding-left {background-image: url(../img/onde-medium.svg); background-position: 0% 80%; background-repeat: repeat-x; transition: all 1s cubic-bezier(.515, .161, .255, 1); transition-delay: 1.2s;}
.panel--grey .col-40.padding-right.is-inview{background-position: 50% 80%;}
.panel--grey .col-40.padding-left.is-inview {background-position: 80% 80%;}
.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 > 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: #eee; max-width: 1920px; margin: 0 auto; background-image: url(../img/onde-big.svg); background-position: 50% 100%; background-repeat: repeat-x; }
.panel--activity a {color:#00A6CD;}
.panel--activity .col-30 a{color: #CA8139;}

.panel--blu {background-color: #283C4E; padding: 40px 50px; max-width: 1920px; margin: 0 auto; background-image: url(../img/onde-op.svg); background-position: 50% 110%; background-repeat: repeat-x;}
.panel--blu .headline, .panel--blu p.text-heading{color: #fff; 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: #fff;}
.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: #2C3C4C;}
.panel--slider ul li a.active:hover, .panel--boxtextmenu a.active:hover{color: #40576F;}


.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: #CA8139;}
.panel--boxtextmenu ul li a.colore2 {color: #2C3C4C;}

.panel--date{justify-content: flex-start;}
.panel--date h3{font-size: 35px; line-height: 45px; color: #2C3C4C; margin: 20px 0;}
.panel--date h4{font-size: 35px; line-height: 45px; color: #CB8644; 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: #CB8644;}
.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: #2C3C4C; 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--calendar {max-width: 1920px; margin: 0 auto; position: relative; background-color: #f8f8f8; padding: 0;}
.panel--calendar .grid{background-image: url(../img/onde-big.svg); background-position: 50% 100%; background-repeat: repeat-x;}
.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: 40px; color:#CB8644; margin: 0;}
.panel--calendar h3{font-size: 35px; line-height: 50px; color: #2C3C4C;}
.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: #2C3C4C; position: relative; top:7px;}

.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: 20px; font-family: "IHCBodoni"; line-height: 24px; color: #2C3C4C; text-transform: none;}
.panel--offers h3 a:hover{color: #00A6CD;}

.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: #EEEEEE;}
.panel--phemotion .grid-column .blu{background-color: #03a7cf;}
.panel--phemotion .grid-column .trasp-white h3{color: #fff; width: 100%;}
.panel--phemotion .grid-column h3{font-size: 35px; line-height: 35px; color: #2C3C4C; 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: #fff;}


@media (min-width: 992px){
    .header .autograph {
        display: inline-block;
        position: absolute;
    }
    .header .autograph.left {
        margin-left: 120px;
    }
    .header .autograph.right {
        left: -170px;
    }
    .header .autograph img {
        position: relative;
        max-width: 90px;
        padding-top: 5px;
        left: initial;
        display: none;
    }
    .header .autograph img.white{ display: block;}
    .scroll-down .header .autograph{top: 0;}
    .scroll-down .header .autograph.right {
        left: -140px;
    }
    .scroll-down .header .autograph img.white{display: none;}
    .scroll-down .header .autograph img.black{
        display: block;
        top: 7px;
        max-width: 60px;
    }
    
}

.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:"IHCBodoni" ;font-weight: lighter; font-size: 20px; line-height: 35px; color: #C4C0B6; 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:#00A6CD; 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{
    white-space: initial;
    letter-spacing: 12px;
    text-align: center;
    width: 90%;
    margin: 0 auto 30px;
    left: 0;
    position: relative;
}

.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:rgba(44, 60, 76, 1); 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 .bottomsection {height: auto; min-height: 20vh; padding-top: 30px!important;}
.panel--menuoffcanvas .bg-white img{margin: 15px 0 0 -8px;}
.panel--menuoffcanvas hr{width: 40%; margin: 10px 0;}
.panel--menuoffcanvas .grid{max-width: 100%; justify-content: center; padding: 0 0 0 5%;}
.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: "IHCBodoni"; font-size: 35px; line-height: 45px; color: #FFFFFF; text-transform: none; position: relative;}
.panel--menuoffcanvas ul li a span{color:#CB8644; position: absolute; bottom:-8px; right: -28px;}
.panel--menuoffcanvasopen a.close {/*position: absolute; right: 0px!important; z-index: 9999;*/}
.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: #2C3C4C; 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: #fff;}
.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-left: 20px;}
.panel--menuoffcanvas .social ul li a { width: 52px; height: 52px; display: block; /*text-indent: -9999px;*/ background-repeat: no-repeat; background-size: 16px; background-position: center; border: 1px solid #fff; border-radius: 50%; /*padding: 15px;*/ 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:#fff!important; stroke:#000!important; transform: scale(0.3);}
.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: #fff;height: 30px!important;width: 60%;border-bottom: 1px solid #fff; position: relative; top: -30px; cursor: pointer; transition: all 0.5s ease;}
.panel--menuoffcanvas ul#language-selector.open{height: 100%!important;}
.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: #fff; letter-spacing: 2.57px;display: block;padding: 5px; transition: all 0.5s ease; font-weight: bold; text-transform: uppercase;}
.panel--menuoffcanvas ul#language-selector li a:hover { background-color: rgba(255,255,255,0.5);}


.panel--menuoffcanvas .margin-top {margin-top: 0!important;}
/*.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: #2C3C4C; 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:"IHCBodoni" ;font-size: 20px; line-height: 35px; color: #C4C0B6; margin: 0;}
.panel--bookingmaskoff .content-select, .panel--bookingmaskoff .content-date, .panel--bookingmaskoff .content-number, .panel--bookingmaskoff .content-text {border-bottom: 1px solid #fff; 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:#00A6CD; 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: 65vh;}
.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: #fff; 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: #2C3C4C; 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: #fff;}




.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: ''; 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: #CB8644;}

.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: #cb8644;}
.panel--faq .accordion-content ul li, .cover-heading__content li{ font-size: 18px; }

.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: #2C3C4C; font-size: 12px;}
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;}
ul.filters li a.active {color: #CA8139; }
ul.filters li a.active:before{background-color: #CA8139;}
ul.filters button{background-color: #2C3C4C; 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 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: #CA8139; }
.panel--faq ul.filters li a.active:before{background-color: #CA8139;}
.panel--faq ul.filters button{background-color: #2C3C4C; 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: 91px; height: 91px; top: 350px; right: 355px; }
/*.panel--map img.pointer:before{content: url(https://ihc.meloncelli.net/wp-content/themes/ihc-clr/assets/img/chia-mappa-pointer.png); top: 120px; left: calc(50% - 9px);}*/
.panel--map img.sfmappa{height: 700px; object-fit: cover;}

.panel--map div.imm-con-pal:after{/*content: url(https://ihc.meloncelli.net/wp-content/themes/ihc-clr/assets/img/chia-mappa-pointer.png);*/content: ""; width: 12px; height: 12px; background-color: #00a8d0; top: 110px; 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: 272px; right: 426px; }
.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: 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);}
.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: 330px; right: 350px; }
.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: 368px; right: 320px; }
.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--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;}
.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 (max-height: 1050px) and (max-width: 1920px){
    .panel--bookingmaskoff{overflow: auto;}
    .panel--bookingmaskoff .topbookingmask{height: auto; padding-bottom: 50px;}
    .panel--bookingmaskoff .footerbookingmask{ height: auto;}
}


@media (max-width: 768px) {

    .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: 0px; 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;*/}

    .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 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; font-size: }

    .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: 25px; line-height: 1.2em;}
    .panel--menuoffcanvas ul li{padding: 0 0 30px 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;}
    .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 .sfmappa{top: calc(20% - 350px); right: calc(50% - 320px);}

    .panel--map{position: relative; height: 708px; margin: 0 auto; background-color: #eeeeee; 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: 91px; height: 91px; top: 140px; right: 242px;}


    .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: 242px; }
    .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: 120px; right: 210px; }
    .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: 158px; right: 190px; }
    .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--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: #CA8139;
        border-top: 1px solid #CA8139;
        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: 33%;
        text-align: center;
        line-height: 15px;
        height: 60px;
        padding:15px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        word-break: break-word;

    }
    .mobilelink a.bookmobile {
        color: #CA8139;
        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;}


    ul#language-selector-mobile {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        margin: 14px 0;
        padding: 0;
        background-color: rgba(255, 255, 255, 0.25 );
        justify-content: space-around;
        align-content: center;
    }
    ul#language-selector-mobile li {
        padding: 14px 0;
        font-family: "IHCGinger-Light";
    }
    ul#language-selector-mobile li a{
        color: #ffffff;
        font-family: "IHCGinger-Light";
        font-size: 12px;
        text-transform: uppercase;
    }

    ul#language-selector-mobile li.selected a:after, 
    ul#language-selector-mobile li:hover a:after{
        content: "";
        height: 0.5px;
        width: 0px;
        background-color: #F19B46;
        display: block;
        margin-top: 4px;
        width: 100%;
    }

}

@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;}

}

@media (min-width: 1024px){
    .panel__img__righttext {
        margin-top: 15%;
    }
}


.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, .services > div > a:active:after {content: ""; height: 0.5px; width: 0px; background-color: #2C3C4C; display: block; transition: all 1s cubic-bezier(.215, .61, .355, 1); margin-top: 4px;}
.services > div > a:hover:after, .services > div > a:active: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 {  
    width: 100%;
    height: auto;
    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/onde-opa.png); background-position: 0% -12%; background-size: cover; /*background-repeat: repeat-x;*/ 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; left:-100px; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
    .panel--activity .services .owl-stage .owl-item.active a{position: relative; left:0px;}

}

@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;}


}

@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);}

    .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; width: 100%; 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; }

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


@media screen and (max-width: 767px){
    .col-45.col-offset-55.images-footer {
        position: initial!important;
        margin-top: 0px!important;
    }
    .images-footer img{margin: 3%;
                       width: 25%;
                       height: auto;}

}


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

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

.panel.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;
    list-style-position: inside;
}


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

@media (max-width: 1024px){

    .panel.cover-heading ul li, .panel--single-news-title ul li {padding: 0 5px; width:100%!important;word-break: break-word;}

    .panel.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;
    }	

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

}

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

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

/* END BACKEND CSS */