@charset "utf-8";
/* CSS Document */

/* FONTS ******************************************************************************/
@font-face{font-family:'Hipsterious Caps Rough';src:url(../fonts/HipsteriousCapsRough.woff2) format("woff2"),url(../fonts/HipsteriousCapsRough.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DianaWebber Script DEMO';src:url(../fonts/DianaWebberScriptDEMO-Solid.woff2) format("woff2"),url(../fonts/DianaWebberScriptDEMO-Solid.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Stem';src:url(../fonts/Stem-Regular.woff2) format("woff2"),url(../fonts/Stem-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Stem';src:url(../fonts/Stem-Italic.woff2) format("woff2"),url(../fonts/Stem-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Stem';src:url(../fonts/Stem-Bold.woff2) format("woff2"),url(../fonts/Stem-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Stem';src:url(../fonts/Stem-BoldItalic.woff2) format("woff2"),url(../fonts/Stem-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}
.hipsterious{font-family:'Hipsterious Caps Rough';font-weight:400;font-style:normal}
.dianawebber{font-family:'DianaWebber Script DEMO';font-weight:400;font-style:normal}
.stem-regular{font-family:'Stem';font-weight:400;font-style:normal}
.stem-italic{font-family:'Stem';font-weight:400;font-style:italic}
.stem-bold{font-family:'Stem';font-weight:700;font-style:normal}
.stem-bold-italic{font-family:'Stem';font-weight:700;font-style:italic}

/* GESTIONE COLORI PRINCIPALI ******************************************************************************/
:root {
	--color-1: #0ba1b5!important;
	--color-1-hover: #088b9d!important;
	/*--color-1-medium: #2cc4d8!important;*/
	--color-1-medium: #003378!important;
	--color-1-medium-hover: #25b0c2!important;
	--color-1-light: #7becfb!important;
	--color-1-light-hover: #6ad5e3!important;
	--color-2: #76675b!important;
	--color-2-hover: #66584c!important;
	--color-2-medium: #b9a28d!important;
	--color-2-medium-hover: #a7917c!important;
	--color-2-light: #e9ddce!important;
	--color-2-light-hover: #daccbb!important;
	--white: #ffffff!important;
	--gray: #f4f4f4!important;
	--dark: #333!important;
}

/* GENERAL ******************************************************************************/
body,html{overflow-x:hidden!important}
body{font-family:'Stem';font-weight:400;font-style:normal;font-size:18px;line-height:1.8;color:var(--dark)}
[type=reset],[type=submit],button,button:active,button:focus,html [type=button]{-moz-appearance:none;-webkit-appearance:none;outline:0}
a,a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
/* GENERAL - mobile safari pointer event - no clickable number on mobile */
.pointer-events-none{pointer-events:none!important}

/* COLORS ******************************************************************************/
.color1{color:var(--color-1)}
.color1-medium{color:var(--color-1-medium)!important}
.color1-light{color:var(--color-1-light)!important}
.color2{color:var(--color-2)!important}
.color2-medium{color:var(--color-2-medium)!important}
.color2-light{color:var(--color-2-light)!important}
.white{color:var(--white)!important}
.gray{color:var(--gray)!important}
.dark{color:var(--dark)!important}

/* BACKGROUND ******************************************************************************/
/* BACKGROUND - bg color */
.bg-color1{background-color:var(--color-1)!important;color:var(--white)!important}
.bg-color1-medium{background-color:var(--color-1-medium)!important;color:var(--white)!important}
.bg-color1-light{background-color:var(--color-1-light)!important;color:var(--white)!important}
.bg-color2{background-color:var(--color-2)!important;color:var(--white)!important}
.bg-color2-medium{background-color:var(--color-2-medium)!important;color:var(--white)!important}
.bg-color2-light{background-color:var(--color-2-light)!important;color:var(--white)!important}
.bg-white{background-color:var(--white)!important;color:var(--dark)!important}
.bg-gray{background-color:var(--gray)!important;color:var(--dark)!important}
.bg-dark{background-color:var(--dark)!important;color:var(--white)!important}

/* TYPOGRAPHY ******************************************************************************/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:400;line-height:1;margin:0}
h1,.h1{font-size:3rem}h2,.h2{font-size:2.5rem}h3,.h3{font-size:2rem}h4,.h4{font-size:1.8rem}h5,.h5{font-size:1.4rem}.h6,.h6{font-size:1.2rem}
.lead{font-size:1.3rem;font-weight:300;font-style:italic}
img.border-radius {border-radius: 50px;}

/* TITLE ******************************************************************************/
.title-container {position: relative;}
.title {font-family:'Hipsterious Caps Rough';font-weight:400;font-style:normal; font-size: 4em;}
.title-alt {font-family:'Stem';font-weight:700;font-style:normal; font-size: 1.2em;}
.subtitle {font-family:'DianaWebber Script DEMO';font-weight:400;font-style:normal;font-size: 2em;}
.subtitle-big {font-size: 3em;}
.text-container {padding:0;}

/* HEADER ******************************************************************************/
/* HEADER - general setting */
header{position:absolute;width:100%;top:0;margin-top:0;background-color:transparent;z-index:7777; padding: 0;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;display: inline-block;}
header.sticky{position:fixed;padding: 5px 0;-webkit-box-shadow:0 15px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 15px 15px 0 rgba(0,0,0,0.15);box-shadow:0 15px 15px 0 rgba(0,0,0,0.15); background-color: rgba(255,255,255,1); display: flex;}
.navbar{width:100%}
.navbar-brand{margin:0 auto; display: none; padding: 0;}
header .navbar-brand .logo {display: block;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1); position: absolute; top: 0; left: 0;}
header .navbar-brand .logo-sticky {display: none;}
header.sticky .navbar-brand .logo {display: none;}
header.sticky .navbar-brand .logo-sticky {display: block;-webkit-filter:brightness(1) invert(0);filter:brightness(1) invert(0); position: absolute; top: 0; left: 0;box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
/* HEADER - top icon */
ul.list-top-action { margin: 0;}
header.sticky ul.list-top-action { margin: 30px 0;}
ul.list-top-action li {float:right; padding: 0 15px;}
header .list-top-action img{margin:0 auto; width: 40px; height: auto;}
header.sticky .list-top-action img{margin:0 auto; width: 30px; height: auto;}
header .booking-text, header .booking-text a {color: var(--white); text-align: right;}
header.sticky .booking-text, header.sticky .booking-text a {color: var(--dark);}
header .booking-text span {margin: 0 0 0 5px; vertical-align: sub;font-family:'Stem';font-weight:400;font-style:normal}
header .hamburger .hamburger-text {font-size: 14px; line-height: 24px; text-transform: uppercase; color: var(--white); margin: 0 0 0 10px; float: left;}
header.sticky .hamburger .hamburger-text {color: var(--dark);}
/* HEADER - button preventivo */
.cta-container .preventivo-container {width: 260px; height: auto;}
.cta-container.sticky {position: fixed; top: 0; right: 0; z-index: 9999;}

/* HAMBURGER ******************************************************************************/
.hamburger-container {position: relative; width: 80px; height: 80px;background-color: var(--color-1-medium);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hamburger{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; margin: 10px;}
.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:var(--white);stroke-width:4;stroke-linecap:round; margin: 0 auto;}
header.sticky .line{stroke:var(--color-1);}
.wave-hamburger .top{stroke-dasharray:72 160}
.wave-hamburger .middle{stroke-dasharray:72 150}
.wave-hamburger .bottom{stroke-dasharray:72 150}
.wave-hamburger.active .top{stroke-dashoffset:-150px;stroke-dasharray:55 150}
.wave-hamburger.active .middle{stroke-dashoffset:-128px;stroke-dasharray:56 150}
.wave-hamburger.active .bottom{stroke-dashoffset:-140px;stroke-dasharray:55 150}
.hamburger-text {color: var(--white); display: block;}

/* NAVIGATION ******************************************************************************/
/* NAVIGATION OVERLAY */
#myNav{width:0;left: 0;}
#myNav.show-nav{width:100%}
/* NAVIGATION OVERLAY - overlay */
.overlay{height:100vh;width:0;position:fixed;z-index:6666;right:0;top:0;overflow-x:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.overlay::-webkit-scrollbar{display:none!important}
/* NAVIGATION OVERLAY - overlay bg */
.overlay-bg {background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2222; background-image: url("../images/overlay-bg.jpg");}
/* NAVIGATION OVERLAY - content */
.overlay-content{position:relative;padding:100px 20px;background-color:var(--color-1);width:100%;height:100vh;z-index: 6666;}
/* NAVIGATION OVERLAY - content language */
.overlay-content .language ul { margin:0;}
.overlay-content .language li a{font-size:14px;font-weight:400;color:rgba(255,255,255,0.7)}
.overlay-content .language li a.active{color:rgba(255,255,255,1)}
.overlay-content .language li a:hover{color:rgba(255,255,255,1)}
/* NAVIGATION OVERLAY - content navigationmenu */
.overlay-content .navigation-menu {position:relative; margin: 50px 0 0;}
.overlay-content .navigation-menu .navigation-contact-container {position:absolute; bottom: 0; left: 0; width: 100%;}
.overlay-content .navigation-menu .navigation-contact {margin:0 0 20px;}
.overlay-content .navigation-menu .navigation-contact h6 {font-size: 1.2em; font-weight: 700; text-transform: uppercase; color: var(--white); margin: 0 0 10px}
.overlay-content .navigation-menu .navigation-contact p {font-size:1em; color: var(--white); line-height: 2; margin-bottom: 30px;}
.overlay-content .navigation-menu .navigation-contact a, .overlay-content .navigation-menu .navigation-contact a:hover {color: var(--white);}
.overlay-content .navigation-menu ul{padding:0}
.overlay-content .navigation-menu li{list-style:none}
.overlay-content .navigation-menu li a{display:inline-block;vertical-align:middle;font-size:1.4em;color:rgba(255,255,255,0.9);padding:5px 0;margin-bottom:5px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;font-family:'Hipsterious Caps Rough';letter-spacing:4px}
.overlay-content .navigation-menu li a:hover,.overlay-content .navigation-menu li a:focus{color:rgba(255,255,255,1);}
.overlay-content .navigation-menu li a.nav-small{font-size:14px;font-weight:400;text-transform:lowercase; font-style: italic;}
.overlay-content .navigation-menu li a.nav-small:before {display: none;}
.overlay-content .nav-title{font-size:40px;font-family:lust,serif;font-weight:700;font-style:normal;margin:20px 0;line-height:1;color: var(--white);}
.overlay-content hr{margin-top:20px;margin-bottom:10px;border:0;border-top:1px solid rgba(255,255,255,0.2)}
/* NAVIGATION OVERLAY - navigationmenu delay */
#myNav.show-nav .overlay-content .navigation-menu li{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}
#myNav.show-nav .overlay-content .navigation-menu li:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}

/* HOME SLIDER ******************************************************************************/
.fullscreen-container{position:relative;overflow:hidden;}
/* HOME SLIDER - fullscreen single image */
.fullscreen-image{position:relative;overflow:hidden;max-height:100%;height:100vh;background-position:center center;background-repeat:no-repeat;background-size:cover}
.fullscreen-image.fullscreen-home{background-image:url(../images/pic-fullscreen-home-mobile.jpg);}
.fullscreen-image.fullscreen-camere{background-image:url(../images/pic-fullscreen-camere-mobile.jpg);}
.fullscreen-image.fullscreen-cucina{background-image:url(../images/pic-fullscreen-cucina-mobile.jpg);}
.fullscreen-image.fullscreen-spiaggia{background-image:url(../images/pic-fullscreen-spiaggia-mobile.jpg);}
.fullscreen-image.fullscreen-cervia{background-image:url(../images/pic-fullscreen-cervia-mobile.jpg);}
.fullscreen-image.fullscreen-offerte{background-image:url(../images/pic-fullscreen-offerte-mobile.jpg);}
.fullscreen-image.fullscreen-eventi{background-image:url(../images/pic-fullscreen-eventi-mobile.jpg);}
.fullscreen-image.fullscreen-servizi{background-image:url(../images/pic-fullscreen-servizi-mobile.jpg);}
/* HOME SLIDER - fullscreen text */
.fullscreen-text {display: none;}
/* HOME SLIDER - fullscreen gsap */
.fullscreen-decoration {position: absolute; bottom: -300px; right: -400px; width: 400px;}
.fullscreen-decoration img {width: auto; height: auto; max-width: 100%;}

/* DECORATION */
.decoration-pool-top {position: absolute; top: -2px; left: 0; width: 100%; height: auto;z-index: 5555}
.decoration-pool-top img {width: 150%; height: auto;}
.decoration-pool-bottom {position: absolute; bottom: -2px; left: 0; width: 100%; height: auto;z-index: 5555}
.decoration-pool-bottom img {width: 150%; height: auto;}
.decoration-wave-top {position: absolute; top: -2px; left: 0; width: 100%; height: auto;z-index: 5555}
.decoration-wave-top img {width: 150%; height: auto;}
.decoration-wave-bottom {position: absolute; bottom: -2px; left: 0; width: 100%; height: auto;z-index: 5555}
.decoration-wave-bottom img {width: 150%; height: auto;}

/* BUTTONS ******************************************************************************/
a.learn-more{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit;width:14rem;height:auto}
a.learn-more .circle{transition:all .45s cubic-bezier(0.65,0,0.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;border-radius:1.625rem}
a.learn-more.color1 .circle{background-color:var(--color-1)}
a.learn-more.color2 .circle{background-color:var(--color-2)}
a.learn-more .circle .icon{transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}
a.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(0.65,0,0.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}
a.learn-more .circle .icon.arrow::before{position:absolute;content:"";top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}
a.learn-more .button-text{transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 2rem;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}
a.learn-more.color1 .button-text{color:var(--color-1)}
a.learn-more.color2 .button-text{color:var(--color-2)}
a:hover .circle{width:100%}
a:hover .circle .icon.arrow{background:#fff;transform:translate(1rem,0)}
a:hover .button-text{color:#fff!important}
/* BUTTONS - arrow animation */
.the-arrow{width:64px;transition:all .2s}
.the-arrow.-left{position:absolute;top:60%;left:0}
.the-arrow.-left > .shaft{width:0;background-color:var(--color-1-medium)}
.the-arrow.-left > .shaft:before,.the-arrow.-left > .shaft:after{width:0;background-color:var(--color-1-medium)}
.the-arrow.-left > .shaft:before{transform:rotate(0)}
.the-arrow.-left > .shaft:after{transform:rotate(0)}
.the-arrow.-right{top:3px}
.the-arrow.-right > .shaft{width:64px;transition-delay:.2s}
.the-arrow.-right > .shaft:before,.the-arrow.-right > .shaft:after{width:8px;transition-delay:.3s;transition:all .5s}
.the-arrow.-right > .shaft:before{transform:rotate(40deg)}
.the-arrow.-right > .shaft:after{transform:rotate(-40deg)}
.the-arrow > .shaft{background-color:var(--color-1-medium);display:block;height:1px;position:relative;transition:all .2s;transition-delay:0;will-change:transform}
.the-arrow > .shaft:before,.the-arrow > .shaft:after{background-color:var(--color-1-medium);content:"";display:block;height:1px;position:absolute;top:0;right:0;transition:all .2s;transition-delay:0}
.the-arrow > .shaft:before{transform-origin:top right}
.the-arrow > .shaft:after{transform-origin:bottom right}
.animated-arrow{display:inline-block;color:var(--color-1-medium);font-family: 'Hipsterious Caps Rough';font-weight: 400;font-style: normal;font-size:2em;text-decoration:none;position:relative;transition:all .2s}
.animated-arrow:hover{color:var(--color-1)}
.animated-arrow:hover > .the-arrow.-left > .shaft{width:64px;transition-delay:.1s;background-color:var(--color-1)}
.animated-arrow:hover > .the-arrow.-left > .shaft:before,.animated-arrow:hover > .the-arrow.-left > .shaft:after{width:8px;transition-delay:.1s;background-color:var(--color-1)}
.animated-arrow:hover > .the-arrow.-left > .shaft:before{transform:rotate(40deg)}
.animated-arrow:hover > .the-arrow.-left > .shaft:after{transform:rotate(-40deg)}
.animated-arrow:hover > .main{transform:translateX(80px)}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft{width:0;transform:translateX(200%);transition-delay:0}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before,.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after{width:0;transition-delay:0;transition:all .1s}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before{transform:rotate(0)}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after{transform:rotate(0)}
.animated-arrow > .main{display:flex;align-items:center;transition:all .2s}
.animated-arrow > .main > .text{margin:0 16px 0 0;line-height:1}
.animated-arrow > .main > .the-arrow{position:relative}
/* BUTTONS - arrow animation white */
.the-arrow.white.-left > .shaft{width:0;background-color:var(--white)}
.the-arrow.white.-left > .shaft:before,.the-arrow.white.-left > .shaft:after{width:0;background-color:var(--white)}
.animated-arrow.white:hover > .the-arrow.white.-left > .shaft:before,.animated-arrow.white:hover > .the-arrow.white.-left > .shaft:after{width:8px;transition-delay:.1s;background-color:var(--white)}
.the-arrow.white > .shaft{background-color:var(--white);display:block;height:1px;position:relative;transition:all .2s;transition-delay:0;will-change:transform}
.the-arrow.white > .shaft:before,.the-arrow.white > .shaft:after{background-color:var(--white);content:"";display:block;height:1px;position:absolute;top:0;right:0;transition:all .2s;transition-delay:0}
.animated-arrow.white{display:inline-block;color:var(--white);font-family: 'Hipsterious Caps Rough';font-weight: 400;font-style: normal;font-size:2em;text-decoration:none;position:relative;transition:all .2s}
.animated-arrow.white:hover{color:var(--white)}
.animated-arrow.white:hover > .the-arrow.white.-left > .shaft{width:64px;transition-delay:.1s;background-color:var(--white)}

/* LIST ******************************************************************************/
/* LIST - list icon */
ul.list-icon li{list-style-position:outside;padding:0 0 10px}
ul.list-icon.list-icon-color1 li{list-style-image:url(../images/icon-check-color1.png)}
ul.list-icon.list-icon-color2 li{list-style-image:url(../images/icon-check-color2.png)}
ul.list-icon.list-icon-color3 li{list-style-image:url(../images/icon-check-color3.png)}

/* MODAL ******************************************************************************/
.modal{z-index:8888;padding:0!important;}
.modal-backdrop.show{opacity:.8}
.modal-dialog {width:100%; max-width:100%; margin:0;}
.modal-dialog-centered::before{height:100vh}
.modal-content{height:100vh;border:10px solid #f5f5f5;border-radius:0;overflow-y:scroll}
.modal-content::-webkit-scrollbar{display:none!important}
/* MODAL - close button */
.modal-content button.close{position:fixed;top:20px;right:20px;width:30px;height:30px;line-height:30px;color:var(--white)!important;background-color:var(--color-1);text-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;z-index:999999}
.modal-content button.close.color2{background-color:var(--color-2)}
/* MODAL - video */
#modalVideo{width:100%;margin:auto;height:auto;background-color:rgba(0,0,0,0.8);}
#modalVideo .modal-content button.close{position:absolute; background-color:#ff0000; color:var(--white);}
#modalVideo .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
#modalVideo .modal-dialog-centered::before{height:auto}
#modalVideo .modal-content{height:auto;border:none;border-radius:0;overflow:hidden}
#modalVideo .modal-body{padding:0!important}

/* SECTION ******************************************************************************/
section{padding:40px 0;position:relative}
/* SECTION - flex content */
.flex-container{display:flex;flex-direction:row;align-items:stretch;height:100%}
.flex-content{display:flex;flex-direction:column;justify-content:center;width: 100%;}

/* INTRO ******************************************************************************/
.bg-intro {background-image: url("../images/bg-intro.png"); background-position: top right; background-size: cover;}
.pic-intro-content {position: relative;}
.pic-intro-down {position: relative; z-index: 1; width: 80%;}
.pic-intro-up {position: absolute; z-index: 2; width: 50%; bottom: 50px; left: 0;}

/* OFFERTE ******************************************************************************/
.bg-offerte {background-image: url("../images/bg-offerte.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.offerte-container {position: relative; overflow: hidden; border-radius: 50px; background-color: rgba(255,255,255,0.2);}
.offerte-container .offerte-content {position: relative;}
.offerte-container .offerte-content .offerte-content-image {position: relative;}
.offerte-container .offerte-content .offerte-content-text {padding: 20px;}
.offerte-container .offerte-content .offerte-content-text .offerte-titolo{font-family:'Hipsterious Caps Rough';font-weight:400;font-style:normal;color:var(--white)}
.offerte-container .offerte-content .offerte-content-text .offerte-validita{font-family:'Stem';font-weight:400;font-style:italic;color:var(--white)}
.offerte-container .offerte-content .offerte-content-text .offerte-prezzo{font-family:'Hipsterious Caps Rough';font-weight:400;font-style:normal;color:var(--white);font-size:2em}
/*.owl-offertehome .owl-nav {position: absolute; width: calc(100% + 80px); left: -40px; top: calc(50% - 40px); display: none;}
.owl-offertehome .owl-nav .owl-prev {float: left;}
.owl-offertehome .owl-nav .owl-next {float: right;}*/

/* PLUS ******************************************************************************/
.bg-plus{position:absolute;top:0;left:0;width:200px;height:auto}
.parallax > *{height:100%;width:100%;top:0}
/*.image-container{display:flex;flex-flow:row nowrap;justify-content:center;height:auto;margin:100px 0}
.image-container .image-content{margin:0 30px;flex-grow:1;height:60vh}*/
.image-container{display:block;height:200vh;margin:0}
.image-container .image-content{height:50vh;width:calc(100% - 30px);float:left; margin: 0 15px!important;}
.image-container .image-content .image{content:"";z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:30px}
.image-container .image-content .image .image-text{position:absolute;bottom:0;background-color:transparent;padding:50px 30px 30px;border-radius:0 0 30px 30px;box-shadow:none;background:linear-gradient(360deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%)}
.image-container .image-content .image .image-text .title-alt{color: var(--white);}
.image-container .image-content .image .image-text p{margin:0}

/* CUCINA ******************************************************************************/
.scritta-food {position: absolute; top: -180px; left: 0; text-align: center;z-index: 5559;}
.cucina-decoration {position: absolute; bottom: -300px; right: -400px; width: 400px;}
.cucina-decoration img {width: auto; height: auto; max-width: 100%;}

/* CAMERE ******************************************************************************/
.bg-camere {background-image: url("../images/bg-camere.png"); background-position: top left; background-repeat: no-repeat; background-size: auto;}
.bg-paginacamere {background-image: url("../images/bg-paginacamere.png"); background-position: top left; background-repeat: no-repeat; background-size: 100%;}
.camere-container{position:relative;border-radius:50px 0 50px 0;overflow:hidden}
.camere-container .camere-content {display: none;}
.camere-container .camere-content img {position:absolute; left: 0; bottom: 20px; width: 100px; height: 100px;}
.camere-container .camere-content span {position:relative; padding-left: 120px;font-family: 'Hipsterious Caps Rough';font-weight: 400;font-style: normal; font-size: 3em; color: var(--white);}

/* CERVIA ******************************************************************************/
.pic-cervia-content {position: relative;}
.pic-cervia-up {position: absolute; z-index: 6666; width: 30%; bottom: 50px; left: 50px;}

/* OWL CAROUSEL ******************************************************************************/
.owl-carousel {width:100%;}
.owl-carousel .owl-nav { display: none;}
/* OWL CAROUSEL - slider nav */
.owl-slidernavigation .owl-stage-outer{z-index:666}
.owl-slidernavigation .owl-nav{position:absolute;top:0;height:100%;width:100%}
.owl-slidernavigation .owl-nav .owl-prev,.owl-slidernavigation .owl-nav .owl-next{position:absolute;top:0;height:100%;z-index:777;width:33%;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.owl-slidernavigation .owl-nav .owl-prev img,.owl-slidernavigation .owl-nav .owl-next img{width:50px}
/* OWL CAROUSEL - slider nav prev */
.owl-slidernavigation .owl-nav .owl-prev{left:0}
.owl-slidernavigation .owl-nav .owl-prev:before{opacity:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:-moz-linear-gradient(left,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%)!important;background:-webkit-linear-gradient(left,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%)!important;background:linear-gradient(to right,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)!important;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.owl-slidernavigation .owl-nav .owl-prev:hover:before{opacity:1;z-index:777}
.owl-slidernavigation .owl-nav .owl-prev img{float:left}
/* OWL CAROUSEL - slider nav next */
.owl-slidernavigation .owl-nav .owl-next{right:0}
.owl-slidernavigation .owl-nav .owl-next:after{opacity:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%)!important;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%)!important;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1)!important;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
.owl-slidernavigation .owl-nav .owl-next:hover:after{opacity:1;z-index:777}
.owl-slidernavigation .owl-nav .owl-next img{float:right}
/* OWL CAROUSEL STAGE PADDING */
.owl-stagepadding .owl-stage{margin-left:-30px}
/* OWL CAROUSEL GALLERY SLIDER */
.owl-galleryslider .owl-nav{position:absolute;bottom:0;width:auto}
.owl-galleryslider.owl-slidernav-right .owl-nav{right:-1px}
.owl-galleryslider.owl-slidernav-left .owl-nav{left:-1px}
.owl-galleryslider.owl-slidernav-right .owl-nav .owl-prev,.owl-galleryslider.owl-slidernav-right .owl-nav .owl-next,.owl-galleryslider.owl-slidernav-left .owl-nav .owl-prev,.owl-galleryslider.owl-slidernav-left .owl-nav .owl-next{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out;width:50px;height:50px;line-height:50px;background-color:var(--color-1);color:var(--white);font-size:1.4em;text-align:center}
.owl-galleryslider.owl-slidernav-right .owl-nav .owl-prev{margin-right:1px}
.owl-galleryslider.owl-slidernav-left .owl-nav .owl-next{margin-left:1px}
/* OWL CAROUSEL GALLERY SCROLL */
.owl-galleryscroll{width:100%}
/* OWL CAROUSEL GALLERY SCROLL - nav */
.owl-galleryscroll .owl-nav{display:none}
/* OWL CAROUSEL GALLERY SCROLL NAV HOVER */
.owl-galleryscroll-navhover {width:100%;}
.owl-galleryscroll-navhover .owl-nav { display: none;}
/* OWL CAROUSEL - parallax image */
.owl-carouselparallax {position: relative; width: 100%; height: auto;overflow: hidden;}
.owl-carouselparallax .owl-stage {height:40vh;transform: translate3d(0px,0px,0px)!important;}
.owl-carouselparallax .owl-item {position: absolute;width: 100%;height: 100%;display: grid;place-items: center;z-index: 0;}
.owl-carouselparallax .owl-item.active {left: 0;z-index: 777;}

/* SWIPER GALLERY ******************************************************************************/
.swiper{width:100%;height:auto;position:relative;overflow-y:visible}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-button{position:absolute;background-color:var(--white);border-radius:50%;width:100px;height:100px;top:calc(50% - 50px);left:calc(50% - 50px);padding:30px 5px;z-index:8888; display: none;}
.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{width:40px;height:40px;margin:-15px 0 0}
.swiper-button-prev::after{content:url("../images/owl-gallery-prev.png")}
.swiper-button-next::after{content:url("../images/owl-gallery-next.png")}
.swiper-scrollbar{position:absolute;bottom:-20px!important}
.swiper-scrollbar-drag{background:var(--color-2-medium);border-color:var(--color-2-light);border-radius:10px}

/* CTA MOBILE ******************************************************************************/
.cta-mobile{position:fixed;bottom:0;left:0;width:100%;display:inline-block;text-align:center;z-index:8888;-webkit-box-shadow:0 15px 15px 15px rgba(0,0,0,0.15);-moz-box-shadow:0 15px 15px 15px rgba(0,0,0,0.15);box-shadow:0 15px 15px 15px rgba(0,0,0,0.15)}
.cta-mobile .cta1,.cta-mobile .cta2,.cta-mobile .cta3{width:33.3%;float:left;padding:10px}
.cta-mobile .cta1 a,.cta-mobile .cta2 a, .cta-mobile .cta3 a{color:var(--white);font-size: 0.8em; text-transform:uppercase}
.cta-mobile .cta1{background-color:var(--color-1-light)}
.cta-mobile .cta2{background-color:var(--color-1-medium)}
.cta-mobile .cta3{background-color:var(--color-1)}

/* FOOTER ******************************************************************************/
footer{position: relative;padding:40px 0; font-size:16px;}
footer.bg-footer {background-image: url("../images/bg-footer.png"); background-position: bottom left; background-size: auto; background-repeat: no-repeat;}
footer .subtitle, footer .subtitle:hover {font-size: 9em; color: #d7d7d7;}
footer .logo, footer .cta-icon {-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
footer .cta-icon {width: 20px; height: auto; vertical-align: sub; margin-right: 10px;}
footer a,footer a:hover,footer a:active{text-decoration:none; color: var(--dark);}
/* FOOTER - list unstyled */
footer ul.list-unstyled li{padding:5px 0}
/* FOOTER - col */
.col-border-left {border-left: none;}

/* GSAP ******************************************************************************/
.text-animation .letter {opacity: 0;}
.img-zoom {margin-top: 100px; opacity: 0;}

/* SIZING ******************************************************************************/
.m-0{margin:0!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-45{margin:45px!important}.m-50{margin:50px!important}.m-60{margin:60px!important}.m-70{margin:70px!important}.m-80{margin:80px!important}.m-90{margin:90px!important}.m-100{margin:100px!important}.m-110{margin:110px!important}.m-120{margin:120px!important}.m-130{margin:130px!important}.m-140{margin:140px!important}.m-150{margin:150px!important}.m-200{margin:200px!important}.ml-0{margin-left:0!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.ml-25{margin-left:25px!important}.ml-30{margin-left:30px!important}.ml-35{margin-left:35px!important}.ml-40{margin-left:40px!important}.ml-45{margin-left:45px!important}.ml-50{margin-left:50px!important}.ml-60{margin-left:60px!important}.ml-70{margin-left:70px!important}.ml-80{margin-left:80px!important}.ml-90{margin-left:90px!important}.ml-100{margin-left:100px!important}.ml-110{margin-left:110px!important}.ml-120{margin-left:120px!important}.ml-130{margin-left:130px!important}.ml-140{margin-left:140px!important}.ml-150{margin-left:150px!important}.ml-200{margin-left:200px!important}.mr-0{margin-right:0!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.mr-20{margin-right:20px!important}.mr-25{margin-right:25px!important}.mr-30{margin-right:30px!important}.mr-35{margin-right:35px!important}.mr-40{margin-right:40px!important}.mr-45{margin-right:45px!important}.mr-50{margin-right:50px!important}.mr-60{margin-right:60px!important}.mr-70{margin-right:70px!important}.mr-80{margin-right:80px!important}.mr-90{margin-right:90px!important}.mr-100{margin-right:100px!important}.mr-110{margin-right:110px!important}.mr-120{margin-right:120px!important}.mr-130{margin-right:130px!important}.mr-140{margin-right:140px!important}.mr-150{margin-right:150px!important}.mr-200{margin-right:200px!important}.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-90{margin-top:90px!important}.mt-100{margin-top:100px!important}.mt-110{margin-top:110px!important}.mt-120{margin-top:120px!important}.mt-130{margin-top:130px!important}.mt-140{margin-top:140px!important}.mt-150{margin-top:150px!important}.mt-200{margin-top:200px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px!important}.mb-40{margin-bottom:40px!important}.mb-45{margin-bottom:45px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.mb-110{margin-bottom:110px!important}.mb-120{margin-bottom:120px!important}.mb-130{margin-bottom:130px!important}.mb-140{margin-bottom:140px!important}.mb-150{margin-bottom:150px!important}.mb-200{margin-bottom:200px!important}.mnl-0{margin-left:0!important}.mnl-5{margin-left:-5px!important}.mnl-10{margin-left:-10px!important}.mnl-15{margin-left:-15px!important}.mnl-20{margin-left:-20px!important}.mnl-25{margin-left:-25px!important}.mnl-30{margin-left:-30px!important}.mnl-35{margin-left:-35px!important}.mnl-40{margin-left:-40px!important}.mnl-45{margin-left:-45px!important}.mnl-50{margin-left:-50px!important}.mnl-60{margin-left:-60px!important}.mnl-70{margin-left:-70px!important}.mnl-80{margin-left:-80px!important}.mnl-90{margin-left:-90px!important}.mnl-100{margin-left:-100px!important}.mnl-110{margin-left:-110px!important}.mnl-120{margin-left:-120px!important}.mnl-130{margin-left:-130px!important}.mnl-140{margin-left:-140px!important}.mnl-150{margin-left:-150px!important}.mnl-200{margin-left:-200px!important}.mnr-0{margin-right:0!important}.mnr-5{margin-right:-5px!important}.mnr-10{margin-right:-10px!important}.mnr-15{margin-right:-15px!important}.mnr-20{margin-right:-20px!important}.mnr-25{margin-right:-25px!important}.mnr-30{margin-right:-30px!important}.mnr-35{margin-right:-35px!important}.mnr-40{margin-right:-40px!important}.mnr-45{margin-right:-45px!important}.mnr-50{margin-right:-50px!important}.mnr-60{margin-right:-60px!important}.mnr-70{margin-right:-70px!important}.mnr-80{margin-right:-80px!important}.mnr-90{margin-right:-90px!important}.mnr-100{margin-right:-100px!important}.mnr-110{margin-right:-110px!important}.mnr-120{margin-right:-120px!important}.mnr-130{margin-right:-130px!important}.mnr-140{margin-right:-140px!important}.mnr-150{margin-right:-150px!important}.mnr-200{margin-right:-200px!important}.mnt-0{margin-top:0!important}.mnt-5{margin-top:-5px!important}.mnt-10{margin-top:-10px!important}.mnt-15{margin-top:-15px!important}.mnt-20{margin-top:-20px!important}.mnt-25{margin-top:-25px!important}.mnt-30{margin-top:-30px!important}.mnt-35{margin-top:-35px!important}.mnt-40{margin-top:-40px!important}.mnt-45{margin-top:-45px!important}.mnt-50{margin-top:-50px!important}.mnt-60{margin-top:-60px!important}.mnt-70{margin-top:-70px!important}.mnt-80{margin-top:-80px!important}.mnt-90{margin-top:-90px!important}.mnt-100{margin-top:-100px!important}.mnt-110{margin-top:-110px!important}.mnt-120{margin-top:-120px!important}.mnt-130{margin-top:-130px!important}.mnt-140{margin-top:-140px!important}.mnt-150{margin-top:-150px!important}.mnt-200{margin-top:-200px!important}.mnb-0{margin-bottom:0!important}.mnb-5{margin-bottom:-5px!important}.mnb-10{margin-bottom:-10px!important}.mnb-15{margin-bottom:-15px!important}.mnb-20{margin-bottom:-20px!important}.mnb-25{margin-bottom:-25px!important}.mnb-30{margin-bottom:-30px!important}.mnb-35{margin-bottom:-35px!important}.mnb-40{margin-bottom:-40px!important}.mnb-45{margin-bottom:-45px!important}.mnb-50{margin-bottom:-50px!important}.mnb-60{margin-bottom:-60px!important}.mnb-70{margin-bottom:-70px!important}.mnb-80{margin-bottom:-80px!important}.mnb-90{margin-bottom:-90px!important}.mnb-100{margin-bottom:-100px!important}.mnb-110{margin-bottom:-110px!important}.mnb-120{margin-bottom:-120px!important}.mnb-130{margin-bottom:-130px!important}.mnb-140{margin-bottom:-140px!important}.mnb-150{margin-bottom:-150px!important}.mnb-200{margin-bottom:-200px!important}.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-45{padding:45px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-70{padding:70px!important}.p-80{padding:80px!important}.p-90{padding:90px!important}.p-100{padding:100px!important}.p-110{padding:110px!important}.p-120{padding:120px!important}.p-130{padding:130px!important}.p-140{padding:140px!important}.p-150{padding:150px!important}.p-200{padding:200px!important}.pl-0{padding-left:0!important}.pl-5{padding-left:5px!important}.pl-10{padding-left:10px!important}.pl-15{padding-left:15px!important}.pl-20{padding-left:20px!important}.pl-25{padding-left:25px!important}.pl-30{padding-left:30px!important}.pl-35{padding-left:35px!important}.pl-40{padding-left:40px!important}.pl-45{padding-left:45px!important}.pl-50{padding-left:50px!important}.pl-60{padding-left:60px!important}.pl-70{padding-left:70px!important}.pl-80{padding-left:80px!important}.pl-90{padding-left:90px!important}.pl-100{padding-left:100px!important}.pl-110{padding-left:110px!important}.pl-120{padding-left:120px!important}.pl-130{padding-left:130px!important}.pl-140{padding-left:140px!important}.pl-150{padding-left:150px!important}.pl-200{padding-left:200px!important}.pr-0{padding-right:0!important}.pr-5{padding-right:5px!important}.pr-10{padding-right:10px!important}.pr-15{padding-right:15px!important}.pr-20{padding-right:20px!important}.pr-25{padding-right:25px!important}.pr-30{padding-right:30px!important}.pr-35{padding-right:35px!important}.pr-40{padding-right:40px!important}.pr-45{padding-right:45px!important}.pr-50{padding-right:50px!important}.pr-60{padding-right:60px!important}.pr-70{padding-right:70px!important}.pr-80{padding-right:80px!important}.pr-90{padding-right:90px!important}.pr-100{padding-right:100px!important}.pr-110{padding-right:110px!important}.pr-120{padding-right:120px!important}.pr-130{padding-right:130px!important}.pr-140{padding-right:140px!important}.pr-150{padding-right:150px!important}.pr-200{padding-right:200px!important}.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-45{padding-top:45px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-70{padding-top:70px!important}.pt-80{padding-top:80px!important}.pt-90{padding-top:90px!important}.pt-100{padding-top:100px!important}.pt-110{padding-top:110px!important}.pt-120{padding-top:120px!important}.pt-130{padding-top:130px!important}.pt-140{padding-top:140px!important}.pt-150{padding-top:150px!important}.pt-200{padding-top:200px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pb-35{padding-bottom:35px!important}.pb-40{padding-bottom:40px!important}.pb-45{padding-bottom:45px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-70{padding-bottom:70px!important}.pb-80{padding-bottom:80px!important}.pb-90{padding-bottom:90px!important}.pb-100{padding-bottom:100px!important}.pb-110{padding-bottom:110px!important}.pb-120{padding-bottom:120px!important}.pb-130{padding-bottom:130px!important}.pb-140{padding-bottom:140px!important}.pb-150{padding-bottom:150px!important}.pb-200{padding-bottom:200px!important}.pnl-0{padding-left:0!important}.pnr-0{padding-right:0!important}.pnt-0{padding-top:0!important}.pnb-0{padding-bottom:0!important}