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


/* FONTS ******************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* FONTS - manus */
@font-face {font-family: 'Rellyan';src: url('../fonts/Rellyan.woff2') format('woff2'),url('../fonts/Rellyan.woff') format('woff'); font-weight: normal;font-weight: 400; font-style: normal;}

.rellyan {font-family: "Rellyan";font-optical-sizing: auto;font-style: normal;}
.prata-regular {font-family: "Prata", serif;font-weight: 400; font-style: normal;}
.montserrat {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;}

/* GESTIONE COLORI PRINCIPALI ******************************************************************************/
:root {
	--color-1: #e3e1d6!important;
	--color-1-hover: #B8B7AD!important;
	--color-1-medium: #B8B7AD!important;
	--color-1-medium-hover: #DAD8CD!important;
	--color-2: #a90a2e!important;
	--color-2-hover: #4b0011!important;
	--color-3: #74736D!important;
	--color-3-hover: #96958D!important;
	--white: #ffffff!important;
	--gray: #f4f4f4!important;
	--dark: #565656!important;
}

/* GENERAL ******************************************************************************/
body,html{overflow-x:hidden}
body{font-family: "Montserrat", sans-serif;font-size:14px;line-height:1.6;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}
.color3{color:var(--color-3)!important}
.color3-medium{color:var(--color-3-medium)!important}
.color3-light{color:var(--color-3-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(--dark)!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-color3{background-color:var(--color-3)!important;color:var(--white)!important}
.bg-color3-medium{background-color:var(--color-3-medium)!important;color:var(--white)!important}
.bg-color3-light{background-color:var(--color-3-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-family: "Prata", serif;font-weight:400;line-height:1;margin:0}
h1,.h1{font-size:2.2rem}h2,.h2{font-size:3rem;font-weight: 600;}h3,.h3{font-size:2rem;letter-spacing: 1px;}h4,.h4{font-size:1.4rem;font-weight:600;}h5,.h5{font-size:1.2rem;font-weight: 100;line-height: 2rem;}h6,.h6{font-family: "Montserrat", sans-serif;font-size: 0.7rem;font-weight: 600; letter-spacing: 5px;}

hr {width: 100%; border: 0.8px solid;margin: 20px 0; color:rgba(0,0,0,.1)}
strong {color:var(--color-2);font-weight: 500;}
.slide-titolo {text-transform: uppercase;letter-spacing: 2px}
.slide-sottotitolo {font-family: "Rellyan";font-weight: 400}

/* HEADER ******************************************************************************/
header{position:absolute;width:100%;top:0;margin-top:0;background-color:transparent;z-index:7777;display:flex;-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}
.navbar{width:100%}
.navbar-brand{margin:0 auto}
header .logo-white{display:inline-block;margin:0 auto}
header .logo-colored{display:none}
header.header-overlay-13-bg .header-language, header.header-overlay-13-bg .header-mail, header.header-overlay-13-bg .header-phone {padding:0 1rem;font-size: 18px; letter-spacing: 1px;}
/* HEADER - sticky */
header.sticky{position:fixed;-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)}
.sticky-transparent{background-color:transparent}
.sticky-color1{background-color:var(--color-1)}
.sticky-white{background-color:var(--white)}
header.header-overlay-13-bg.navbar-brand {position:relative;}
header.header-overlay-13-bg .logo {display:block;}
header.header-overlay-13-bg.sticky .logo {display:none;}
header.header-overlay-13-bg .logosticky {display:none;}
header.header-overlay-13-bg.sticky .logosticky {display:block;}
header.header-overlay-13-bg.sticky .hamburger .line {background-color:var(--dark);}
/*header.header-overlay-13-bg.sticky #hamburger-9.is-active:before{border: 5px solid var(--dark);}*/

/* HEADER - sticky white */
/*header.sticky.sticky-white{background-color:var(--white)}
header.sticky.sticky-white .logo-white{display:none}
header.sticky.sticky-white .logo-colored{display:inline-block;margin:0 auto}
/* HEADER - topinfo */
/*header .infomobile{position:relative}
header .infomobile .animated-top-icon{position:absolute;top:23px;left:28px}
header.sticky.sticky-white .infomobile{background-color:var(--color-1-light);height:100%}
.topinfo ul{padding:10px 0 0}
.topinfo a{color:var(--white)}
header.sticky.sticky-white a{color:var(--color-1)}
.topinfo a img{width:40px;height:auto;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
header.sticky.sticky-white .topinfo a img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
/* bounce icon with no brightness effect */
/*header.sticky.sticky-white .topinfo a img.animated-top-icon,.topinfo a img.animated-top-icon{-webkit-filter:brightness(1) invert(0)!important;filter:brightness(1) invert(0)!important}
/* HEADER CLASSIC - navbar brand */
/*header.header-classic .navbar-brand {position:relative;}
header.header-classic.sticky .navbar-brand {position:relative; top:auto;}
header.header-classic.sticky .logo {display:none;}
header.header-classic.sticky .logosticky {display:block;}
header.header-classic .logosticky {display:none;}*/
/* HEADER CLASSIC - navigation top e bottom */
/*header.header-classic .navigation-top, header.header-classic .navigation-bottom {padding:10px 0; margin:10px 0; font-weight:400; position:relative; overflow:visible;font-family: "Noto Sans", sans-serif;}
header.header-classic .navigation-top {font-size: 20px; font-weight: 600;letter-spacing: 1px;padding-right: 0.5rem;margin-bottom: 10px;}
header.header-classic .navigation-bottom {font-size: 18px; text-transform: uppercase; font-weight: 600;letter-spacing: 1px;border-top: 1px solid #ffffff;padding:20px 0;}
header.header-classic .navigation-top.navigation-top-landing {border-bottom:none;}
header.header-classic.sticky .navigation-top {padding:0; margin:0;}
header.header-classic.sticky .navigation-top.navigation-top-landing { display:inline-block;}
header.header-classic.sticky .navigation-bottom {display:none;}
header.header-classic.sticky .navigation-bottom .col-12 {padding:0;} 
header.header-classic .navigation-top .header-language, header.header-classic .navigation-top .header-mail, header.header-classic .navigation-top .header-phone {padding:0 1rem;font-size: 18px; letter-spacing: 1px;}
header.header-classic .navigation-top .header-language img { width:20px; height:auto; margin-right:5px;}
header.header-classic .navigation-top .header-language .dropdown-menu { min-width:auto;}
/* HEADER CLASSIC - navbar */
/*header.header-classic.sticky .navbar {padding:0;}
header.header-classic .navbar-nav { text-align:center;}
header.header-classic .navbar-nav a{text-transform:uppercase; padding:0 1rem!important;letter-spacing:1px;}
header.header-classic .navbar-nav a:hover{color:var(--color-3);}
header.header-classic.sticky .navbar-nav a {padding:10px!important;color:var(--dark); font-size:0.9em;}
header.header-classic .navbar-nav a.btn { display:none;}
header.header-classic.sticky .navbar-nav a.btn {padding:15px 30px!important;color:#fff; display:inline-block;background-color:var(--color-1);}
header.header-classic .navbar-nav a.last-link {padding-right:0!important;}
header.header-classic .nav-floating a { width:100%; background-color:var(--color-1-medium);}
header.header-classic .nav-floating  img { vertical-align:sub;}
.navigation-classic-transform-overlay{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:var(--color-1);transition:all 500ms ease-in-out;clip-path:circle(30px at calc(100% - 40px) 40px);visibility:hidden}
header.header-classic.sticky .hamburger-container{border:2px solid #565656;}
header.header-classic.sticky .line{stroke:#565656;}
/* HEADER CLASSIC - navbar opened */
/*.navigation-classic-transform-overlay.nav-opened{visibility:visible;clip-path:circle(100%);z-index:-1}
header.header-classic .navigation-classic-transform-overlay.nav-opened .navbar-nav a{color:#fff}
header.header-classic .navigation-classic-transform-overlay.nav-opened .language{position:absolute}
/* HEADER GSAP HALFNAV */
/*header.header-gsap-halfnav{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:20px 0;width:100%;height:fit-content;z-index:9999}
header.header-gsap-halfnav.sticky{position:fixed;}
header.header-gsap-halfnav .logo{margin-left:35px}
header.header-gsap-halfnav .logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
header.header-gsap-halfnav.sticky .logo img{-webkit-filter:brightness(1) invert(0);filter:brightness(1) invert(0)}
header.header-gsap-halfnav .menu-items{display:flex;font-family:"Neutral Face";align-items:flex-end;margin-right:35px}
header.header-gsap-halfnav .menu-items .menu{font-size:30px;line-height:1;padding:0 15px;font-weight:700;overflow:hidden;color:#fff}
header.header-gsap-halfnav.sticky .menu-items .menu{color:var(--color-1)}
header.header-gsap-halfnav .menu-items .menu span{display:block;position:relative}
header.header-gsap-halfnav #menuBtnDiv2{position:absolute; top: 50px;}
/* HEADER GSAP HALFNAV - menu container */
/*.menu-container-gsap-halfnav{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;font-family:"Neutral Face";z-index:8888}
.menu-container-gsap-halfnav .menu-container-1{width:100vw;background-color:var(--color-1)}
.menu-container-gsap-halfnav .menu-container-1{display:flex;padding:10vh 5vw;flex-direction:column;justify-content:space-between;color:var(--white)}
.menu-container-gsap-halfnav .menu-container-1 .menu-container-header li{font-size:30px;margin:10px 0;font-weight:700;overflow:hidden}
.menu-container-gsap-halfnav .menu-container-1 .menu-container-footer li{font-size:30px;font-weight:lighter;text-decoration:underline;margin:5px 0;overflow:hidden; display: none;}
.menu-container-gsap-halfnav ul{list-style:none}
.menu-container-gsap-halfnav .menu-container-2{width:40vw;background-color:var(--color-2);}
.menu-container-gsap-halfnav .menu-container-2{display:none;flex-direction:column;justify-content:flex-end;padding:10vh 5vw;color:#101010}
.menu-container-gsap-halfnav .menu-container-2 .menu-container-footer li{font-size:30px;font-weight:lighter;margin:5px 0;overflow:hidden}
.menu-container-gsap-halfnav #special-li{font-size:20px;text-decoration:none;margin:20px 2px}
.menu-container-gsap-halfnav .menu-container-header li span,.menu-container-gsap-halfnav .menu-container-footer li span{display:block;position:relative}
.menu-container-gsap-halfnav .menu-container-header li:hover span,.menu-container-gsap-halfnav .menu-container-footer li:hover span{animation:MoveDown .3s forwards,MoveUp .2s forwards .2s}
@keyframes MoveDown {
	to{transform:translate3d(0,105%,0)}
}
@keyframes MoveUp {
	from{transform:translate3d(0,-100%,0)}
	to{transform:translate3d(0,0,0)}
}

/* HAMBURGERMENU ANIMATION ******************************************************************************/
/*.hamburger{padding:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;outline:none!important}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:var(--white)}
header.sticky.sticky-white .hamburger.is-active .hamburger-inner,header.sticky.sticky-white .hamburger.is-active .hamburger-inner::before,header.sticky.sticky-white .hamburger.is-active .hamburger-inner::after{background-color:var(--color-1)}
.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:4px;background-color:var(--white);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
header.sticky.sticky-white .hamburger-inner,header.sticky.sticky-white .hamburger-inner::before,header.sticky.sticky-white .hamburger-inner::after{background-color:var(--color-1)}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}*/
/* HAMBURGER - slider */
.hamburger--slider .hamburger-inner{top:2px}
.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}
.hamburger--slider .hamburger-inner::after{top:20px}
.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}
/* HAMBURGER - overlay from left */
.header-overlayfromleft .hamburger-overlayfromleft{position:relative;left:0;top:0;width:100%;height:100%;line-height:100px;text-align:center;margin:0}
.header-overlayfromleft .hamburger--slider{width:100%;height:100%;background-color:var(--color-2);z-index:9999}
.header-overlayfromleft.sticky.sticky-white .hamburger--slider{width:100%;height:100%;background-color:var(--color-1);z-index:9999}
.header-overlayfromleft.sticky.sticky-white .hamburger-inner,.header-overlayfromleft.sticky.sticky-white .hamburger-inner::before,.header-overlayfromleft.sticky.sticky-white .hamburger-inner::after{background-color:var(--white)}
.header-overlayfromleft.sticky.sticky-white .hamburger.is-active .hamburger-inner,.header-overlayfromleft.sticky.sticky-white .hamburger.is-active .hamburger-inner::before,.header-overlayfromleft.sticky.sticky-white .hamburger.is-active .hamburger-inner::after{background-color:var(--white)}
/* HAMBURGER FLIPPIN ******************************************************************************/
.hamburger .line{width: 40px;height: 3px;background-color: #ffffff; display: block;margin: 10px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger:hover{ cursor: pointer;}
#hamburger-9{position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#hamburger-9.is-active{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#hamburger-9:before{content:"";position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:70px;height:70px;border:5px solid transparent;top:calc(50% - 35px);left:calc(50% - 35px);border-radius:100%;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#hamburger-9.is-active .line{width:35px}
#hamburger-9.is-active .line:nth-child(2){opacity:0}
#hamburger-9.is-active .line:nth-child(1){-webkit-transform:translateY(13px);-ms-transform:translateY(13px);-o-transform:translateY(13px);transform:translateY(13px)}
#hamburger-9.is-active .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(90deg);-ms-transform:translateY(-13px) rotate(90deg);-o-transform:translateY(-13px) rotate(90deg);transform:translateY(-13px) rotate(90deg)}

/* NAVIGATION ******************************************************************************/
/* NAVIGATION OVERLAY */
#myNav{width:0}
#myNav.show{width:100%}
.btn-hamburger{border:0;padding:8px;width:100px;height:100px;background-color:transparent;display:block;box-shadow:none;border-radius:0;overflow:hidden;transition:background-color .2s linear}
/* NAVIGATION OVERLAY - overlay */
.overlay{height:100%;width:0;position:fixed;z-index:6666;right:0;top:0;background-color:#b8b7ad61;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 - content */
.overlay-content{position:relative;padding:75px 0;width:100%;height:100%; text-align:center;}
/* NAVIGATION OVERLAY - content language */
.overlay-content .language { padding:10px 0;}
.overlay-content .language  ul { margin:0;}
.overlay-content .language li a{font-size:14px;font-weight:700;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 ul{padding:0}
.overlay-content .navigation-menu li{list-style:none}
.overlay-content .navigation-menu li a{font-size:0.9em;font-weight:400;color:var(--dark);display:block;padding:10px!important;-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-content .navigation-menu li a:hover,.overlay-content .navigation-menu li a:focus{color:rgba(255,255,255,1)}
/* NAVIGATION OVERLAY - trasform overlay */
.navigation-classic-transform-overlay{display:block;position:fixed;top:0;right:0;content:'';width:100vw;height:100vh;transition:all 500ms ease-in-out;clip-path:circle(30px at calc(100% - 40px) 40px);visibility:hidden}
.navigation-classic-transform-overlay.show{visibility:visible;clip-path:circle(100%);z-index:-1}
/* NAVIGATION OVERLAY - content social */
.overlay-content .social li{width:30px;height:30px;line-height:30px;background-color:var(--white);text-align:center}
.overlay-content .social li a{font-size:16px;color:var(--color-1)}
/* NAVIGATION OVERLAY - footer menu */
.overlay-content .footer-menu{color:var(--white);font-size:16px}
.overlay-content .footer-menu a{color:var(--white)}
/* NAVIGATION OVERLAY FROM LEFT */
#myNav.overlay-fromleft{width:0; left: 0;}
#myNav.overlay-fromleft.show-nav{width:100%}
/* NAVIGATION OVERLAY 1/3 & BG */
#myNav.overlay-13-bg{width:0;left: 0;}
#myNav.overlay-13-bg.show-nav{width:100%}
/* NAVIGATION OVERLAY 1/3 & BG - overlay */
.overlay-13-bg .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-13-bg .overlay::-webkit-scrollbar{display:none!important}
/* NAVIGATION OVERLAY 1/3 & BG - overlay bg */
.overlay-13-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;}
/* NAVIGATION OVERLAY 1/3 & BG - content */
.overlay-13-bg .overlay-content{position:relative;padding:100px 20px;background-color:var(--color-3);width:100%;height:100vh;z-index: 6666;}
/* NAVIGATION OVERLAY 1/3 & BG - content language */
.overlay-13-bg .overlay-content .language ul { margin:0;}
.overlay-13-bg .overlay-content .language li a{font-size:14px;font-weight:400;color:rgba(255,255,255,0.7)}
.overlay-13-bg .overlay-content .language li a.active{color:rgba(255,255,255,1)}
.overlay-13-bg .overlay-content .language li a:hover{color:rgba(255,255,255,1)}
/* NAVIGATION OVERLAY 1/3 & BG - content navigationmenu */
.overlay-13-bg .overlay-content .navigation-menu {position:relative; margin: 50px 0 0;}
.overlay-13-bg .overlay-content .navigation-menu .navigation-contact-container {position:absolute; bottom: 0; left: 0; width: 100%;}
.overlay-13-bg .overlay-content .navigation-menu .navigation-contact {margin:0 0 20px;}
.overlay-13-bg .overlay-content .navigation-menu .navigation-contact h6 {font-size: 1em; text-transform: uppercase; color: var(--white); margin: 0 0 10px}
.overlay-13-bg .overlay-content .navigation-menu .navigation-contact p {font-size:0.8em; text-transform: uppercase; color: var(--white); line-height: 2;}
.overlay-13-bg .overlay-content .navigation-menu .navigation-contact a, .overlay-content .navigation-menu .navigation-contact a:hover {color: var(--white);}
.overlay-13-bg .overlay-content .navigation-menu ul{padding:0}
.overlay-13-bg .overlay-content .navigation-menu li{list-style:none}
.overlay-13-bg .overlay-content .navigation-menu li a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;font-size:1.2em;font-weight:300;text-transform:uppercase;letter-spacing: 4px; color:var(--white);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}
.overlay-13-bg .overlay-content .navigation-menu li a:hover,.overlay-content .navigation-menu li a:focus{color:var(--white);}
.overlay-13-bg .overlay-content .navigation-menu li a:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;height:1px;-webkit-transition:right .4s ease-in-out;-moz-transition:right .4s ease-in-out;-ms-transition:right .4s ease-in-out;-o-transition:right .4s ease-in-out;transition:right .4s ease-in-out;background-color:var(--white)}
.overlay-13-bg .overlay-content .navigation-menu li a:hover:before,.overlay-content .navigation-menu li a:focus:before,.overlay-content .navigation-menu li a:active:before{right:0}
.overlay-13-bg .overlay-content .navigation-menu li a.nav-small{font-size:14px;font-weight:400;text-transform:uppercase; font-style: italic;}
.overlay-13-bg .overlay-content .navigation-menu li a.nav-small:before {display: none;}
.overlay-13-bg .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-13-bg .overlay-content hr{margin-top:20px;margin-bottom:10px;border:0;border-top:1px solid rgba(255,255,255,0.2)}
/* NAVIGATION OVERLAY 1/3 & BG - navigationmenu delay */
#myNav.overlay-13-bg.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.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}
#myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}
#myNav.overlay-13-bg.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:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.fullscreen-image.fullscreen-accoglienza{background-image:url("../images/pic-full-hotels.jpg");}
.fullscreen-image.fullscreen-ristoranti{background-image:url("../images/pic-full-ristoranti.jpg");}
.fullscreen-image.fullscreen-hotel-1{background-image:url("../images/slide-mobile01.jpg");}
.fullscreen-image.fullscreen-hotel-2{background-image:url("../images/slide-mobile02.jpg");}
.fullscreen-image.fullscreen-hotel-3{background-image:url("../images/slide-mobile03.jpg");}
.fullscreen-image.fullscreen-hotel-4{background-image:url("../images/slide-mobile04.jpg");}
.fullscreen-image.fullscreen-contatti{background-image:url( "../images/pic-full-contatti.jpg");}
.fullscreen-image.fullscreen-location{background-image:url( "../images/pic-full-location.jpg");}
.fullscreen-image.fullscreen-eventi{background-image:url( "../images/pic-full-eventi.jpg");}
/* HOME SLIDER - fullscreen slider */
.fullscreen-slider{position:relative;overflow:hidden}
.owl-fullscreenslider .slider-item{width:100%;height:100%;max-height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
/* HOMESLIDER - halfscreen slider */
.owl-halfscreenslider .slider-item{width:100%;height:100%;max-height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.halfscreen-slider-content {display: none;}
.halfscreen-overlay-slider{position:absolute;bottom:0;left:0;width:100%;height:100vh;background-image:url(../images/bg-overlayslider.png);background-size:contain;background-repeat:no-repeat}
.owl-halfscreenslider-verticalthumb,.owl-halfscreenslider-verticalthumb .owl-stage-outer,.owl-halfscreenslider-verticalthumb .owl-stage-outer .owl-stage,.owl-halfscreenslider-verticalthumb .owl-stage-outer .owl-stage .owl-item{height:100vh}
.owl-halfscreenslider-verticalthumb .owl-item img{height:100%;width:auto}
.owl-halfscreenslider-verticalthumb#small{position:absolute; width:80%; left:10%; top:80%;}
.owl-halfscreenslider-verticalthumb#small .owl-item img{ width:100%; height:auto; border:5px solid var(--color-2);}
/* HOMESLIDER - typewriter effect */
.typewriter-container .overlymob{background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:absolute;top:0;z-index:3}
.typewriter-container .typewrite > .wrap{border-right:.08em solid #fff;box-shadow:7px 0 7px -7px rgba(0,0,0,1)}
/* HOMESLIDER - kenburns */
#kenburns-slider, #kenburns-slider-mobile{position:relative;display:flex;width:100%;height:100vh}
#kenburns-slider:before, #kenburns-slider-mobile:before{content:"";margin-top:56.25%}
#kenburns-slider .inner, #kenburns-slider-mobile .inner{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
#kenburns-slider img, #kenburns-slider-mobile img{z-index:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;opacity:0}

/* SCROLL ******************************************************************************/
#scroll-wrapper{display:table;width:100%;height:auto; position:absolute; bottom:50px; z-index:888;}
#scroll-wrapper-inner{display:table-cell;vertical-align:bottom;width:100%;height:100%}
#scroll-down{display:block;position:relative;padding-top:79px;text-align:center}
#scroll-title{display:block;text-transform:uppercase;color:#fff;font-size:10px;font-weight:700;letter-spacing:.4em;text-align:center;transform:rotate(90deg);margin-bottom:45px}
#scroll-down::before{-webkit-animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;-moz-animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;-o-animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;animation:elasticus 2.9s cubic-bezier(1,0,0,1) infinite;position:absolute;top:0;left:50%;margin-left:-1px;width:1px;height:90px;background:#fff;content:' '}
@-webkit-keyframes elasticus {
0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
}
@-moz-keyframes elasticus {
0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
}
@-o-keyframes elasticus {
0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
}
@keyframes elasticus {
0%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
50%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
50.1%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
}

/* BUTTONS ******************************************************************************/
.btn{border-radius:0;padding:20px 30px;font-size:1em;font-weight:600;position:relative;font-family: "Montserrat", sans-serif; letter-spacing: 2px;}
.btn.focus,.btn:focus{outline:0;box-shadow:none!important}
.btn-full{width:100%}
/* BUTTONS - button color */
.btn-color1{background-color:var(--color-1);color:var(--white)}
.btn-color1:before,.btn-color1:hover{background-color:var(--color-1-hover);color:var(--white)}
.btn-color1-medium{background-color:var(--color-1-medium);color:var(--white)}
.btn-color1-medium:before,.btn-color1-medium:hover{background-color:var(--color-1-medium-hover);color:var(--white)}
.btn-color1-light{background-color:var(--color-1-light);color:var(--white)}
.btn-color1-light:before,.btn-color1-light:hover{background-color:var(--color-1-light-hover);color:var(--white)}
.btn-color2{background-color:var(--color-2);color:var(--white)}
.btn-color2:before,.btn-color2:hover{background-color:var(--color-2-hover);color:var(--white)}
.btn-color2-medium{background-color:var(--color-2-medium);color:var(--dark)}
.btn-color2-medium:before,.btn-color2-medium:hover{background-color:var(--color-2-medium-hover);color:var(--dark)}
.btn-color2-light{background-color:var(--color-2-light);color:var(--dark)}
.btn-color2-light:before,.btn-color2-light:hover{background-color:var(--color-2-light-hover);color:var(--dark)}
.btn-color3{background-color:var(--color-3);color:var(--white)}
.btn-color3:before,.btn-color3:hover{background-color:var(--color-3-hover);color:var(--white)}
.btn-color3-medium{background-color:var(--color-3-medium);color:var(--dark)}
.btn-color3-medium:before,.btn-color2-medium:hover{background-color:var(--color-3-medium-hover);color:var(--dark)}
.btn-color3-light{background-color:var(--color-3-light);color:var(--dark)}
.btn-color3-light:before,.btn-color3-light:hover{background-color:var(--color-3-light-hover);color:var(--dark)}
/* BUTTONS - button border */
.btn-border{border-style:solid;border-width:2px}
.btn-color1.btn-border{background-color:transparent;border-color:var(--color-1);color:var(--color-1)}
.btn-color1.btn-border:hover{background-color:var(--color-1);border-color:var(--color-1);color:var(--white)}
.btn-color1-medium.btn-border{background-color:transparent;border-color:var(--color-1-medium);color:var(--color-1-medium)}
.btn-color1-medium.btn-border:hover{background-color:var(--color-1-medium);border-color:var(--color-1-medium);color:var(--white)}
.btn-color1-light.btn-border{background-color:transparent;border-color:var(--color-1-light);color:var(--color-1-light)}
.btn-color1-light.btn-border:hover{background-color:var(--color-1-light);border-color:var(--color-1-light);color:var(--white)}
.btn-color2.btn-border{background-color:transparent;border-color:var(--color-2);color:var(--color-2)}
.btn-color2.btn-border:hover{background-color:var(--color-2);border-color:var(--color-2);color:var(--white)}
.btn-color2-medium.btn-border{background-color:transparent;border-color:var(--color-2-medium);color:var(--color-2-medium)}
.btn-color2-medium.btn-border:hover{background-color:var(--color-2-medium);border-color:var(--color-2-medium);color:var(--white)}
.btn-color2-light.btn-border{background-color:transparent;border-color:var(--color-2-light);color:var(--color-2-light)}
.btn-color2-light.btn-border:hover{background-color:var(--color-2-light);border-color:var(--color-2-light);color:var(--white)}
.btn-white.btn-border{background-color:transparent;border-color:var(--white);color:var(--white)}
.btn-white.btn-border:hover{background-color:var(--white);border-color:var(--white);color:var(--dark)}
.btn-gray.btn-border{background-color:transparent;border-color:var(--gray);color:var(--gray)}
.btn-gray.btn-border:hover{background-color:var(--gray);border-color:var(--gray);color:var(--dark)}
.btn-dark.btn-border{background-color:transparent;border-color:var(--dark);color:var(--dark)}
.btn-dark.btn-border:hover{background-color:var(--dark);border-color:var(--dark);color:var(--white)}
/* BUTTONS - hover sweep */
.hover-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scalex(0);transform:scalex(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-sweep-to-right:active,.hover-sweep-to-right:focus,.hover-sweep-to-right:hover{color:var(--white)}
.hover-sweep-to-right:active:before,.hover-sweep-to-right:focus:before,.hover-sweep-to-right:hover:before{-webkit-transform:scalex(1);transform:scalex(1)}
.hover-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scalex(0);transform:scalex(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-sweep-to-left:active,.hover-sweep-to-left:focus,.hover-sweep-to-left:hover{color:var(--white)}
.hover-sweep-to-left:active:before,.hover-sweep-to-left:focus:before,.hover-sweep-to-left:hover:before{-webkit-transform:scalex(1);transform:scalex(1)}
.hover-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaley(0);transform:scaley(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-sweep-to-bottom:active,.hover-sweep-to-bottom:focus,.hover-sweep-to-bottom:hover{color:var(--white)}
.hover-sweep-to-bottom:active:before,.hover-sweep-to-bottom:focus:before,.hover-sweep-to-bottom:hover:before{-webkit-transform:scaley(1);transform:scaley(1)}
.hover-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaley(0);transform:scaley(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-sweep-to-top:active,.hover-sweep-to-top:focus,.hover-sweep-to-top:hover{color:var(--white)}
.hover-sweep-to-top:active:before,.hover-sweep-to-top:focus:before,.hover-sweep-to-top:hover:before{-webkit-transform:scaley(1);transform:scaley(1)}
/* BUTTONS - hover icon animation */
.hover-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.1s;transition-duration:.1s}
.hover-icon-back .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-back:active .hover-icon,.hover-icon-back:focus .hover-icon,.hover-icon-back:hover .hover-icon{-webkit-transform:translatex(-4px);transform:translatex(-4px)}
.hover-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.1s;transition-duration:.1s}
.hover-icon-forward .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-forward:active .hover-icon,.hover-icon-forward:focus .hover-icon,.hover-icon-forward:hover .hover-icon{-webkit-transform:translatex(4px);transform:translatex(4px)}
@-webkit-keyframes hover-icon-down {
0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)}
25%,75%{-webkit-transform:translatey(6px);transform:translatey(6px)}
}
@keyframes hover-icon-down {
0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)}
25%,75%{-webkit-transform:translatey(6px);transform:translatey(6px)}
}
.hover-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent}
.hover-icon-down .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)}
.hover-icon-down:active .hover-icon,.hover-icon-down:focus .hover-icon,.hover-icon-down:hover .hover-icon{-webkit-animation-name:hover-icon-down;animation-name:hover-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes hover-icon-up {
0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)}
25%,75%{-webkit-transform:translatey(-6px);transform:translatey(-6px)}
}
@keyframes hover-icon-up {
0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)}
25%,75%{-webkit-transform:translatey(-6px);transform:translatey(-6px)}
}
.hover-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent}
.hover-icon-up .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)}
.hover-icon-up:active .hover-icon,.hover-icon-up:focus .hover-icon,.hover-icon-up:hover .hover-icon{-webkit-animation-name:hover-icon-up;animation-name:hover-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.hover-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent}
.hover-icon-spin .hover-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.hover-icon-spin:active .hover-icon,.hover-icon-spin:focus .hover-icon,.hover-icon-spin:hover .hover-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
@-webkit-keyframes hover-icon-drop {
0%{opacity:0}
50%{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%)}
100%,51%{opacity:1}
}
@keyframes hover-icon-drop {
0%{opacity:0}
50%{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%)}
100%,51%{opacity:1}
}
.hover-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent}
.hover-icon-drop .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)}
.hover-icon-drop:active .hover-icon,.hover-icon-drop:focus .hover-icon,.hover-icon-drop:hover .hover-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hover-icon-drop;animation-name:hover-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-timing-function:cubic-bezier(.52,1.64,.37,.66);animation-timing-function:cubic-bezier(.52,1.64,.37,.66)}
@-webkit-keyframes hover-icon-push {
50%{-webkit-transform:scale(.5);transform:scale(.5)}
}
@keyframes hover-icon-push {
50%{-webkit-transform:scale(.5);transform:scale(.5)}
}
.hover-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-push .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-push:active .hover-icon,.hover-icon-push:focus .hover-icon,.hover-icon-push:hover .hover-icon{-webkit-animation-name:hover-icon-push;animation-name:hover-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes hover-icon-pop {
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes hover-icon-pop {
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
.hover-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-pop .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-pop:active .hover-icon,.hover-icon-pop:focus .hover-icon,.hover-icon-pop:hover .hover-icon{-webkit-animation-name:hover-icon-pop;animation-name:hover-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.hover-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-bounce .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-bounce:active .hover-icon,.hover-icon-bounce:focus .hover-icon,.hover-icon-bounce:hover .hover-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}
.hover-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-rotate .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-rotate:active .hover-icon,.hover-icon-rotate:focus .hover-icon,.hover-icon-rotate:hover .hover-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}
.hover-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-grow-rotate .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hover-icon-grow-rotate:active .hover-icon,.hover-icon-grow-rotate:focus .hover-icon,.hover-icon-grow-rotate:hover .hover-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}
@-webkit-keyframes hover-icon-wobble-horizontal {
16.65%{-webkit-transform:translatex(6px);transform:translatex(6px)}
33.3%{-webkit-transform:translatex(-5px);transform:translatex(-5px)}
49.95%{-webkit-transform:translatex(4px);transform:translatex(4px)}
66.6%{-webkit-transform:translatex(-2px);transform:translatex(-2px)}
83.25%{-webkit-transform:translatex(1px);transform:translatex(1px)}
100%{-webkit-transform:translatex(0);transform:translatex(0)}
}
@keyframes hover-icon-wobble-horizontal {
16.65%{-webkit-transform:translatex(6px);transform:translatex(6px)}
33.3%{-webkit-transform:translatex(-5px);transform:translatex(-5px)}
49.95%{-webkit-transform:translatex(4px);transform:translatex(4px)}
66.6%{-webkit-transform:translatex(-2px);transform:translatex(-2px)}
83.25%{-webkit-transform:translatex(1px);transform:translatex(1px)}
100%{-webkit-transform:translatex(0);transform:translatex(0)}
}
.hover-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-wobble-horizontal .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)}
.hover-icon-wobble-horizontal:active .hover-icon,.hover-icon-wobble-horizontal:focus .hover-icon,.hover-icon-wobble-horizontal:hover .hover-icon{-webkit-animation-name:hover-icon-wobble-horizontal;animation-name:hover-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes hover-icon-wobble-vertical {
16.65%{-webkit-transform:translatey(6px);transform:translatey(6px)}
33.3%{-webkit-transform:translatey(-5px);transform:translatey(-5px)}
49.95%{-webkit-transform:translatey(4px);transform:translatey(4px)}
66.6%{-webkit-transform:translatey(-2px);transform:translatey(-2px)}
83.25%{-webkit-transform:translatey(1px);transform:translatey(1px)}
100%{-webkit-transform:translatey(0);transform:translatey(0)}
}
@keyframes hover-icon-wobble-vertical {
16.65%{-webkit-transform:translatey(6px);transform:translatey(6px)}
33.3%{-webkit-transform:translatey(-5px);transform:translatey(-5px)}
49.95%{-webkit-transform:translatey(4px);transform:translatey(4px)}
66.6%{-webkit-transform:translatey(-2px);transform:translatey(-2px)}
83.25%{-webkit-transform:translatey(1px);transform:translatey(1px)}
100%{-webkit-transform:translatey(0);transform:translatey(0)}
}
.hover-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-wobble-vertical .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)}
.hover-icon-wobble-vertical:active .hover-icon,.hover-icon-wobble-vertical:focus .hover-icon,.hover-icon-wobble-vertical:hover .hover-icon{-webkit-animation-name:hover-icon-wobble-vertical;animation-name:hover-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes hover-icon-buzz-out {
10%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)}
20%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)}
30%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)}
40%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)}
50%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)}
60%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)}
70%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)}
80%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)}
90%{-webkit-transform:translatex(1px) rotate(0);transform:translatex(1px) rotate(0)}
100%{-webkit-transform:translatex(-1px) rotate(0);transform:translatex(-1px) rotate(0)}
}
@keyframes hover-icon-buzz-out {
10%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)}
20%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)}
30%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)}
40%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)}
50%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)}
60%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)}
70%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)}
80%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)}
90%{-webkit-transform:translatex(1px) rotate(0);transform:translatex(1px) rotate(0)}
100%{-webkit-transform:translatex(-1px) rotate(0);transform:translatex(-1px) rotate(0)}
}
.hover-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}
.hover-icon-buzz-out .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)}
.hover-icon-buzz-out:active .hover-icon,.hover-icon-buzz-out:focus .hover-icon,.hover-icon-buzz-out:hover .hover-icon{-webkit-animation-name:hover-icon-buzz-out;animation-name:hover-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
/* BUTTONS - go to full */
.btn-gotofull{position:relative;margin:10px 0;padding:16px 25px;transition:all .4s ease;display:inline-block}
.btn-gotofull:before{content:"";position:absolute;top:0;left:0;display:block;width:60px;height:60px;transition:all .3s ease}
.btn-gotofull.btn-gotofull-color1:before{background:var(--color-1)}
.btn-gotofull.btn-gotofull-color2:before{background:var(--color-2)}
.btn-gotofull.btn-gotofull-color3:before{background:var(--color-3)}
.btn-gotofull.btn-gotofull-dark:before{background:var(--dark)}
.btn-gotofull span{position:relative;font-size:16px;line-height:18px;font-weight:700;letter-spacing:.25em;vertical-align:middle}
.btn-gotofull svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transform:translateX(-5px);transition:all .3s ease}
a.white.btn-gotofull svg{stroke:#fff}
a.dark.btn-gotofull svg{stroke:var(--dark)}
.btn-gotofull:hover:before{width:100%}
.btn-gotofull.btn-gotofull-color1:hover:before{background:var(--color-1)}
.btn-gotofull.btn-gotofull-color2:hover:before{background:var(--color-2)}
.btn-gotofull.btn-gotofull-color3:hover:before{background:var(--color-3)}
.btn-gotofull.btn-gotofull-dark:hover:before{background:var(--dark)}
.btn-gotofull:hover svg{transform:translateX(0)}
.btn-gotofull:active{transform:scale(0.96)}
/* BUTTONS - button skew */
.btn-skew{padding:10px 40px;font-size:1.5em!important;font-weight:500;text-transform:uppercase;font-family:'Rubik',sans-serif;border-radius:0;display:inline-block;-webkit-transform:skew(-15deg);transform:skew(-15deg)}
.btn-skew span{display:inline-block;-webkit-transform:skew(15deg);transform:skew(15deg)}
.btn-skew.btn-color1{background-color:var(--color-1);color:#fff}
.btn-skew.btn-color1:before,.btn-skew.btn-color1:hover{background-color:var(--color-1-hover);color:#fff}
.btn-skew.btn-color1-medium{background-color:var(--color-1-medium);color:#fff}.btn-skew.btn-color1-light:before,.btn-skew.btn-color1-light:hover{background-color:var(--color-1-medium-hover);color:#fff}
.btn-skew.btn-color1-light{background-color:var(--color-1-light);color:#fff}.btn-skew.btn-color1-light:before,.btn-skew.btn-color1-light:hover{background-color:var(--color-1-light-hover);color:#fff}
.btn-skew.btn-color2{background-color:var(--color-2);color:#fff}.btn-skew.btn-color2:before,.btn-skew.btn-color2:hover{background-color:var(--color-2-hover);color:#fff}
.btn-skew.btn-color2-medium{background-color:var(--color-2-medium);color:var(--color-dark)}.btn-skew.btn-color2-light:before,.btn-skew.btn-color2-light:hover{background-color:var(--color-medium-2-hover);color:var(--color-dark)}
.btn-skew.btn-color2-light{background-color:var(--color-2-light);color:var(--color-dark)}.btn-skew.btn-color2-light:before,.btn-skew.btn-color2-light:hover{background-color:var(--color-light-2-hover);color:var(--color-dark)}
/* BUTTONS - arrrow button */
.arrow-button{display:inline-flex;align-items:center;width:auto;max-width:80px;height:80px;border-radius:40px;transition:max-width .8s ease;position:relative;text-decoration:none}
.arrow-button.color1 {border:2px solid var(--color-1);}
.arrow-button.color1-medium {border:2px solid var(--color-1-medium);}
.arrow-button.color1-light {border:2px solid var(--color-1-light);}
.arrow-button.color2 {border:2px solid var(--color-2);}
.arrow-button.color2-medium {border:2px solid var(--color-2-medium);}
.arrow-button.color2-light {border:2px solid var(--color-2-light);}
.arrow-button.color3 {border:2px solid var(--color-3);}
.arrow-button.color3-medium {border:2px solid var(--color-3-medium);}
.arrow-button.color3-light {border:2px solid var(--color-32-light);}
.arrow-button.white {border:2px solid var(--white);}
.arrow-button.dark {border:2px solid var(--dark);}
.arrow-button .button-text{height:80px;overflow:hidden;display:flex;align-items:center}
.arrow-button span{opacity:0;visibility:hidden;font-size:1.2em;text-transform:uppercase;font-weight: 600; letter-spacing:4px;padding-left:30px;padding-right:45px;white-space:nowrap;will-change:opacity,padding-left,visibility;transition:opacity .6s ease,visibility .6s ease,padding-left .6s ease}
.arrow-button.color1 span{color: var(--color-1)}
.arrow-button.color1-medium span{color: var(--color-1-medium)}
.arrow-button.color1-light span{color: var(--color-1-light)}
.arrow-button.color2 span{color: var(--color-2)}
.arrow-button.color2-medium span{color: var(--color-2-medium)}
.arrow-button.color2-light span{color: var(--color-2-light)}
.arrow-button.color3 span{color: var(--color-3)}
.arrow-button.color3-medium span{color: var(--color-3-medium)}
.arrow-button.color3-light span{color: var(--color-3-light)}
.arrow-button.white span{color: var(--white)}
.arrow-button.dark span{color: var(--dark)}
.arrow-button .arrow-icon{position:absolute;left:15.865px;top:50%;transform:translateY(-50%);width:8px;height:18px}
.arrow-button .arrow-icon .arrow{position:absolute;left:15.865px;top:50%;transform:translateY(-50%);width:8px;height:18px}
.arrow-button.arrow-button-prev .arrow-icon .arrow{position:absolute;left:15.865px;top:50%;transform:translateY(50%);width:8px;height:18px;rotate:180deg;}
.arrow-button .arrow-icon:before{content:'';width:70px;height:2px;position:absolute;top:50%;transform:translateY(-50%);left:-48px;will-change:left,padding-left,visibility;transition:left .4s ease,opacity .4s ease,visibility .4s ease}
.arrow-button.arrow-button-prev .arrow-icon:before{content:'';width:70px;height:2px;position:absolute;top:50%;transform:translateY(-50%);left:auto;right:-80px;will-change:left,padding-left,visibility;transition:left .4s ease,opacity .4s ease,visibility .4s ease}
.arrow-button.color1 .arrow-icon:before{background-color:var(--color-1);}
.arrow-button.color1-medium .arrow-icon:before{background-color:var(--color-1-medium);}
.arrow-button.color1-light .arrow-icon:before{background-color:var(--color-1-light);}
.arrow-button.color2 .arrow-icon:before{background-color:var(--color-2);}
.arrow-button.color2-medium .arrow-icon:before{background-color:var(--color-2-medium);}
.arrow-button.color2-light .arrow-icon:before{background-color:var(--color-2-light);}
.arrow-button.color3 .arrow-icon:before{background-color:var(--color-3);}
.arrow-button.color3-medium .arrow-icon:before{background-color:var(--color-3-medium);}
.arrow-button.color3-light .arrow-icon:before{background-color:var(--color-3-light);}
.arrow-button.white .arrow-icon:before{background-color:var(--white);}
.arrow-button.dark .arrow-icon:before{background-color:var(--dark);}
.arrow-button:hover{max-width:100%;}
.arrow-button:hover span{visibility:visible;opacity:1;padding-left:70px}
.arrow-button:hover .arrow-icon:before{opacity:0;left:100px}
/* BUTTONS - border animation */
.btn.btn-borderanimation{position:relative; padding: 0; border-radius: 0;}
.btn.btn-borderanimation.focus,.btn.btn-borderanimation:focus{outline:0;box-shadow:none!important}
.btn.btn-borderanimation a{display:block;width:auto;padding:10px 20px;text-align:center;position:relative;text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:2px;font-size:16px; color: var(--white);}
.btn.btn-borderanimation.btn-color1{background:var(--color-1);color:#fff}
.btn.btn-borderanimation.btn-color1-light{background:var(--color-1-light);color:#fff}
.btn.btn-borderanimation.btn-color2{background:var(--color-2);color:#fff}
.btn.btn-borderanimation.btn-color2-light{background:var(--color-2-light);color:#fff}
.btn.btn-borderanimation.btn-dark{background:var(--dark);color:#fff}
.btn.btn-borderanimation.btn-white{background:#fff;color:var(--color-1)}
.btn.btn-borderanimation a:before,.btn a:after{position:absolute;content:"";transition:all .4s}
.btn.btn-borderanimation a:before{border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:10px;left:-10px;bottom:-10px}
.btn.btn-borderanimation.btn-color1 a:before{border-bottom:2px solid var(--color-1);border-left:2px solid var(--color-1)}
.btn.btn-borderanimation.btn-color1-light a:before{border-bottom:2px solid var(--color-1-light);border-left:2px solid var(--color-1-light)}
.btn.btn-borderanimation.btn-color2 a:before{border-bottom:2px solid var(--color-2);border-left:2px solid var(--color-2)}
.btn.btn-borderanimation.btn-color2-light a:before{border-bottom:2px solid var(--color-2-light);border-left:2px solid var(--color-2-light)}
.btn.btn-borderanimation.btn-dark a:before{border-bottom:2px solid var(--dark);border-left:2px solid var(--dark)}
.btn.btn-borderanimation.btn-white a:before{border-bottom:2px solid var(--white);border-left:2px solid var(--white)}
.btn.btn-borderanimation a:after{width:10px;height:10px;top:-10px;right:-10px}
.btn.btn-borderanimation.btn-color1 a:after{border-top:2px solid var(--color-1);border-right:2px solid var(--color-1)}
.btn.btn-borderanimation.btn-color1-light a:after{border-top:2px solid var(--color-1-light);border-right:2px solid var(--color-1-light)}
.btn.btn-borderanimation.btn-color2 a:after{border-top:2px solid var(--color-2);border-right:2px solid var(--color-2)}
.btn.btn-borderanimation.btn-color2-light a:after{border-top:2px solid var(--color-2-light);border-right:2px solid var(--color-2-light)}
.btn.btn-borderanimation.btn-dark a:after{border-top:2px solid var(--dark);border-right:2px solid var(--dark)}
.btn.btn-borderanimation.btn-white a:after{border-top:2px solid var(--white);border-right:2px solid var(--white)}
.btn.btn-borderanimation a:hover:before{width:calc(100% + 20px);height:calc(100% + 20px)}
.btn.btn-borderanimation a:hover:after{width:calc(100% + 20px);height:calc(100% + 20px)}
/* 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:#999}
.the-arrow.-left > .shaft:before,.the-arrow.-left > .shaft:after{width:0;background-color:#999}
.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:#999;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:#999;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:#999;font-size:1.25em;font-style:italic;text-decoration:none;position:relative;transition:all .2s}
.animated-arrow:hover{color:#eaeaea}
.animated-arrow:hover > .the-arrow.-left > .shaft{width:64px;transition-delay:.1s;background-color:#eaeaea}
.animated-arrow:hover > .the-arrow.-left > .shaft:before,.animated-arrow:hover > .the-arrow.-left > .shaft:after{width:8px;transition-delay:.1s;background-color:#eaeaea}
.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}

/* 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)}
/* LIST - list icon animated */
ul.list-icon.list-icon-animated.list-icon-color1 li{list-style-image:url(../images/icon-check-animated-color1.gif)}
ul.list-icon.list-icon-animated.list-icon-color2 li{list-style-image:url(../images/icon-check-animated-color2.gif)}
ul.list-icon.list-icon-animated.list-icon-color3 li{list-style-image:url(../images/icon-check-animated-color3.gif)}
/* LIST - custom bullet list */
ul.diamond{font-size:15px;line-height:1.5em;margin:5px 0 15px;padding:0;color:var(--dark);font-weight: 600;text-transform: uppercase; letter-spacing: 2px;}
ul.diamond li{list-style:none;position:relative;padding:0 0 20px 30px;}
ul.diamond li:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border:5px solid transparent;border-bottom-color:var(--color-2)}
ul.diamond li:after{content:"";position:absolute;left:0;top:10px;width:0;height:0;border:5px solid transparent;border-top-color:var(--color-2)}

/* CTA SHARE */
.share{width:60px;height:60px;border-radius:50%;position:fixed;bottom:20px;right:20px;z-index:999999999}
.share input[type=checkbox],.share input[type=radio]{opacity:0}
label.click{width:60px;height:60px;border-radius:50%;text-align:center;font-size:20px;line-height:60px;background:var(--color-1);color:var(--white);box-shadow:0 .5rem 1rem rgba(0,0,0,0.5)!important;position:absolute;top:0;left:0;z-index:1;cursor:pointer}
a,a:hover{text-decoration:none;color:var(--white)}
ul.sharing{list-style:none;padding:0;position:absolute;top:-55px;left:-55px;width:200px;height:200px}
ul.sharing li a{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;position:absolute;top:60px;left:60px;background-color:var(--color-1-light);transition:all .4s cubic-bezier(0.935,0,0.34,1.33);-webkit-transition:all .5s cubic-bezier(0.935,0,0.34,1.33)}
ul.sharing li:nth-of-type(2) a{transition-delay:.1s}
ul.sharing li:nth-of-type(3) a{transition-delay:.2s}
ul.sharing li:nth-of-type(4) a{transition-delay:.3s}
ul.sharing li:nth-of-type(5) a{transition-delay:.4s}
ul.sharing li:nth-of-type(6) a{transition-delay:.5s}
ul.sharing li:nth-of-type(7) a{transition-delay:.6s}
ul.sharing li:nth-of-type(8) a{transition-delay:.7s}
#click:checked ~ ul li a{box-shadow:0 .5rem 1rem rgba(0,0,0,0.5)!important}
#click:checked ~ ul li a.envelope{background-color:var(--color-1);top:-10px;left:68px}
#click:checked ~ ul li a.phone{background-color:var(--color-1);transition-delay:.2s;-webkit-transition-delay:.2s;top:5px;left:0}
#click:checked ~ ul li a.whatsapp{background-color:#2cb742;transition-delay:.3s;-webkit-transition-delay:.3s;top:68px;left:-10px}

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

/* PIC ******************************************************************************/
/* PIC - rotate */
.pic-rotate{position:relative;overflow:hidden}
.pic-rotate img{-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}
.pic-rotate:hover img{-moz-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
/* PIC - zoom in */
.pic-zoom-in{position:relative;overflow:hidden}
.pic-zoom-in img{-webkit-transform:scale(1);transform:scale(1);-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}
.pic-zoom-in:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}
/* PIC - zoom out */
.pic-zoom-out{position:relative;overflow:hidden}
.pic-zoom-out img{-webkit-transform:scale(1.2);transform:scale(1.2);-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}
.pic-zoom-out:hover img{-webkit-transform:scale(1);transform:scale(1)}
/* PIC - translate */
.pic-translate{position:relative;overflow:hidden}
.pic-translate img{margin-left:30px;-webkit-transform:scale(1.2);transform:scale(1.2);-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}
.pic-translate:hover img{margin-left:0}
/* PIC - grayscale */
.pic-grayscale{position:relative;overflow:hidden}
.pic-grayscale img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-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}
.pic-grayscale:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
/* PIC - grayscale + blur */
.pic-grayblur{position:relative;overflow:hidden}
.pic-grayblur img{-webkit-filter:grayscale(100%) blur(2px);filter:grayscale(100%) blur(2px);-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}
.pic-grayblur:hover img{-webkit-filter:grayscale(0) blur(0);filter:grayscale(0) blur(0)}
/* PIC - opacity */
.pic-opacity{position:relative;overflow:hidden}
.pic-opacity img{opacity:0.8;-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}
.pic-opacity:hover img{opacity:1}
/* PIC - opacity color 1 */
.pic-opacity-color1{position:relative;overflow:hidden;background-color:var(--color-1)}
.pic-opacity-color1 img{opacity:1;-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}
.pic-opacity-color1:hover img{opacity:.5}
/* PIC - opacity color 2 */
.pic-opacity-color2{position:relative;overflow:hidden;background-color:var(--color-2)}
.pic-opacity-color2 img{opacity:1;-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}
.pic-opacity-color2:hover img{opacity:.5}
/* PIC - shine */
.pic-shine{position:relative;overflow:hidden}
.pic-shine figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.pic-shine figure:hover::before{-webkit-animation:shine 1.4s;animation:shine 1.4s}
@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}
/* PIC - shine oval */
.pic-shine-oval{position:relative;overflow:hidden}
.pic-shine-oval figure::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.pic-shine-oval figure:hover::before{-webkit-animation:circle 1.4s;animation:circle 1.4s}
@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}
/* PIC - overlay chico */
.pic figure{position:relative;overflow:hidden;background:var(--color-1);text-align:center;cursor:pointer}
.pic figure img{position:relative;display:block;min-height:100%;max-width:100%;}
.pic figure figcaption{padding:2em;color:var(--white);font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pic figure figcaption::before,.pic figure figcaption::after{pointer-events:none}
.pic figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%}
.pic figure h2{font-weight:300}
.pic figure h2 span{font-weight:400}
figure.effect-chico{display:flex;flex-direction:row;align-items:stretch;height:100%}
figure.effect-chico figcaption{display:flex;flex-direction:column;justify-content:center;align-items:center}
figure.effect-chico img{-webkit-transition:opacity 0.7s,-webkit-transform .7s;transition:opacity 0.7s,transform .7s;-webkit-transform:scale(1.12);transform:scale(1.12)}
figure.effect-chico:hover img{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}
figure.effect-chico figcaption{padding:3em; text-align:center;}
figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';-webkit-transform:scale(1.1);transform:scale(1.1)}
figure.effect-chico figcaption::before,figure.effect-chico p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
figure.effect-chico h2{font-size:1.2em;}
figure.effect-chico p{font-size:0.8em; line-height:1.4; margin-top:10px;-webkit-transform:scale(1.5);transform:scale(1.5)}
figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

/* MASONRY ******************************************************************************/
.masonry-container img{max-width:100%;height:auto;vertical-align:middle;display:inline-block}
.masonry-container.grid-wrapper > a{display:flex;justify-content:center;align-items:center}
.masonry-container.grid-wrapper > a > img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.masonry-container.grid-wrapper{display:block}
.masonry-container.grid-wrapper .wide{grid-column:span 2}
.masonry-container.grid-wrapper .tall{grid-row:span 2}
.masonry-container.grid-wrapper .big{grid-column:span 2;grid-row:span 2}

/* SECTION ******************************************************************************/
section{padding:40px 0;position:relative}
.logo-rosa {width: 50px}
/* 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%;}
/* SECTION - text hover */
.text-hover{position:absolute;width:100%;height:100%;top:0;left:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 20%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 20%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 20%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=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}
.text-hover:hover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 50%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 50%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}
.text-hover-content{position:absolute;bottom:0;padding:20px;width:100%;height:auto}
.text-hover-content h4,.text-hover-content p{line-height:1.4;color:#fff!important}
.owl-galleryscroll .text-hover .text-hover-content{padding:20px 10px}
.owl-galleryscroll .text-hover .text-hover-content h6{font-size:1.4em;color:var(--white);position:relative;margin-bottom:5px;}
.owl-galleryscroll .text-hover .text-hover-content p{font-size:1em;line-height:1.2;color:var(--white);margin-bottom:0;}
/* SECTION - blurred bg */
.blurred-bkg-container.bg-blurred{background-image:url(../images/bg-blurred.jpg);background-repeat:no-repeat;background-size:cover;background-position:top center}
.blurred-bkg-container .blur{background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);height:100%;width:100%;position:absolute}
.blurred-bkg-container .border-left{border-left:1px solid var(--white)!important}
.blurred-bkg-container .images-bkg-text{position:relative;width:100%;padding:20px;margin: 20px;color:var(--white);border:2px solid var(--white);}
.blurred-bkg-container .images-bkg-hovereffect{width:100%;height:30vh;float:left;overflow:hidden;position:relative;text-align:center;cursor:default}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:3em;text-align:left;display:flex;flex-direction:row;align-items:stretch;background-image:none;background-size:cover;background-position:center center}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover.overlay-img1{background-image:url(../images/pic-blurred-mobile01.jpg)}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover.overlay-img2{background-image:url(../images/pic-blurred-mobile02.jpg)}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover.overlay-img3{background-image:url(../images/pic-blurred-mobile03.jpg)}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img .img-overlay-content{display:flex;flex-direction:column;justify-content:center;width:100%}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img .img-overlay-content p{display:none}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover .img-overlay-content p{display:inline-block}
.blurred-bkg-container .images-bkg-hovereffect img{display:block;position:relative;max-width:none;width:calc(100% + 60px);-webkit-transition:opacity 0.35s,-webkit-transform .45s;transition:opacity 0.35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
.images-bkg-hovereffect h2{text-transform:uppercase;color:#fff;position:relative;font-size:17px;background-color:transparent;padding:15% 0 10px;text-align:center}
.blurred-bkg-container .images-bkg-hovereffect .overlay-img:before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px solid var(--white);content:'';opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform .45s;transition:opacity 0.35s,transform .45s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
.blurred-bkg-container .images-bkg-hovereffect a{color:#FFF;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform .45s;transition:opacity 0.35s,transform .45s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);text-align:center}
.blurred-bkg-container .images-bkg-hovereffect:hover img{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.blurred-bkg-container .images-bkg-hovereffect:hover .overlay-img:before,.images-bkg-hovereffect:hover a{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-align:center}
/* SECTION - hotel */
.hotel-logo {width:200px;}

/* GSAP ******************************************************************************/
/* GSAP - change section bg */
section.section-colorize {height:100vh;}
.orchidea1 { position: absolute; bottom: -400px; left: -200px; width: auto; max-width: contain; z-index: 0;}
.orchidea2 { position: absolute; bottom: -200px; right: -100px; width: auto; max-width: contain; z-index: 0;}
.orchidea3 { position: absolute; bottom: 200px; right: -200px; width: auto; max-width: contain; z-index: 0;}
.orchidea4 { position: absolute; bottom: 0; left: -200px; width: auto; max-width: contain; z-index: 0;}
/* GSAP - image reveal */
.image-reveal{position:relative;overflow:hidden;width:100%;height:auto}
.image-reveal img{position:relative}
.cover-reveal{width:100%;height:100%;background:var(--color-1);position:absolute;top:0;left:0}
/* GSAP - text handwriting */
.text-animation .letter {opacity: 0;}
/* GSAP - img zoom */
.img-zoom {margin-top: 100px; opacity: 0;}
/* GSAP - gallery slide on scroll */
.horizontalscroll-container{overflow-x:hidden;}
.horizontalscroll-container img{width:100%;height:auto}
.horizontalscroll-container ul{padding-left:1rem;list-style:none}
.horizontalscroll-container li{flex-shrink:0;width:clamp(500px,60vw,800px);padding-right:1rem}
.horizontalscroll-container .wrapper{display:flex}
.horizontalscroll-container .horizontalscroll-text .text{font-size:clamp(6rem,15vw,20rem);line-height:1; margin-bottom: 10px;}
/* GSAP - pined gallery */
.pined{overflow:hidden}
.pined .pined-inner{position:relative;display:flex;align-items:center;height:40vh;width:90%;max-width:1200px;margin:0 auto}
.pined .pined-list{position:absolute;left:0;display:flex;gap:20px} /* gap è il padding fra le varie immagini */
.pined .pined-list li{width:400px;aspect-ratio:16/9;overflow:hidden}
.pined .pined-list li img{width:100%;object-fit:contain}
/* GSAP - home reveal */
.home-reveal{position:relative;overflow:hidden;height:100vh;padding: 0;}
.home-reveal ul{list-style:none}
.home-reveal .bg{position:absolute;left:0;width:0;height:100%;background-image: url("../images/pic-fullscreen-camere-mobile.jpg");background-size: cover; background-position: top center;z-index:-1}
.home-reveal header{display:flex;justify-content:space-between;align-items:center;padding:0;opacity:0}
.media{position:absolute;top:350px;right:-90px;transform:rotate(-90deg)}
.media ul li{display:inline-block;padding:0 20px;font-size:10px;font-weight:500;letter-spacing:1px}
.media ul li a{color: var(--white);}
.text{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);white-space:nowrap;width:1000px; display: none;}
.text h1{font-size:120px;font-weight:lighter;letter-spacing:5px;position:relative;overflow:hidden;height:150px;width:100%;color:var(--white)}
.text h1 .hidetext{position:absolute}
.text p{font-size:40px;text-transform:uppercase;letter-spacing:5px;font-weight:lighter;position:relative;overflow:hidden;height:50px;width:100%;color:var(--white)}
.text p .hidetext{position:absolute}
.scrolldown{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:5px;position:absolute;bottom:110px;left:-60px;transform:rotate(-90deg); color: var(--white);}
.scrolldown::before{content:"";border:1px solid #fff;width:100px;margin:0 20px 0 0;transform:translateY(-3px);opacity:.5;display:inline-block}

/* PARALLAX ******************************************************************************/
.parallax{padding:40px 20px;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;text-align:center}
/* PARALLAX - bg */
.parallax.parallax-reviews{background-image:url(../images/parallax-reviews.jpg)}
.parallax.parallax-reviews2{background-image:url(../images/parallax-reviews2.jpg)}
/* PARALLAX SCROLLING EFFECT */
.parallax.parallax-scrollingeffect {background-size:cover;background-position:top center;}

/* OWL CAROUSEL ******************************************************************************/
/* 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:5%;left:5%;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-galleryslider .owl-nav .owl-prev img, .owl-galleryslider .owl-nav .owl-next img {width: 30px;height: 30px;max-width: 100%;} 
/* 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 */
.bg-marble {background-image: url("../images/bg-marble.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.carouselparallax-image {position: relative; width: 100%; height: auto;overflow: hidden;}
.carouselparallax-image .owl-stage {height:60vh;transform: translate3d(0px,0px,0px)!important;}
.carouselparallax-image .owl-item {position: absolute;width: 100%;height: 100%;display: grid;place-items: center;z-index: 0;}
.carouselparallax-image .owl-item.active {left: 0;z-index: 777;}
.carouselparallax-text {position: absolute; bottom: 0; left: 0; padding: 50px; width: 100%;}
.carouselparallax-nav {position:absolute;top:calc(50% - 40px);width:100%;margin:0 20px;z-index: 777;}
.carouselparallax-nav .carouselparallax-prev{position: relative;float: left;}
.carouselparallax-nav .carouselparallax-next{position: relative;float: right;}
/* OWL CAROUSEL ZOOM */
.owl-carousel-zoom .owl-item > div {
  cursor: pointer;
  margin: 0 100px;
  transition: margin 0.4s ease;
}
.owl-carousel-zoom .owl-item.center > div {
  cursor: auto;
  margin: 0;
}

/* GALLERY ******************************************************************************/
/* GALLERY - filter */
.gallery-filter .btn{padding:10px 40px;font-size:1em;margin:5px;}
.gallery-filter.gallery-filterround .btn{padding:10px 40px;font-size:1em;margin:5px;border-radius:50px;}
/* GALLERY - img size */
#gallery-standard img{width:100%;float:left;margin:1%}
#gallery-nospace img{width:50%;float:left;margin:0}
#gallery-fullwidth img{width:50%;float:left;margin:0}
/* GALLERY - swiper */
.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-arrow-prev.png")}
.swiper-button-next::after{content:url("../images/owl-arrow-next.png")}
.swiper-scrollbar{position:absolute;bottom:-20px!important}
.swiper-scrollbar-drag{background:var(--color-1-medium);border-color:var(--color-2-light);border-radius:10px}

.title-hotel {position:absolute;width:100%;bottom:-50px;margin-bottom:30px;line-height:1;color:var(--color-3);padding:20px 60px;background:var(--white); text-transform: uppercase;letter-spacing: 2px;font-size: 15px!important}

/* PREZZI ******************************************************************************/
.prezzi-container{line-height:1;text-align:center;}
.prezzi-container .prezzi-trattamento{padding:20px;font-size:1.4em;text-transform:uppercase;margin:0;font-weight:700;}
.prezzi-container .prezzi-periodo-euro{border-right:none;border-bottom:1px solid #eee;width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}
.prezzi-container .prezzi-periodo-euro:nth-child(even){background-color:#f5f5f5}
.prezzi-container .prezzi-periodo-euro:nth-child(odd){background-color:#f9f9f9}
.prezzi-container .prezzi-periodo{width:50%;float:left;padding:20px;margin:0;color:#666;line-height:1}
.prezzi-container .prezzi-euro{width:50%;float:left;padding:20px 20px 10px;margin:0;font-size:2.2em;line-height:1;font-weight:700;}

/* REVIEW ******************************************************************************/
/* REVIEW - parallax */
.owl-parallaxreview h4{font-size:2rem;font-weight:600;padding-bottom:25px}
.owl-parallaxreview .pic-ota{width:90px;height:90px;margin:0 auto}
.owl-parallaxreview .owl-nav img{max-width:50px!important}
/* REVIEW - parallax boxed */
.parallax-reviews .border-box{background-color:rgba(255,255,255,0.6);border:1px solid #fff}

/* CTA ******************************************************************************/
.cta-mobile {position: fixed; bottom:0; width: 100%; height: auto; text-align: center;z-index: 9999; -webkit-box-shadow: #00000033 0 0 12px 5px;-moz-box-shadow: #00000033 0 0 12px 5px;box-shadow: #00000033 0 0 12px 5px;padding: 10px;background-color: var(--color-2);}
.cta-mobile a {font-weight: 300;font-style: normal;font-size: 1.2em;color: var(--white);letter-spacing: 1px;line-height: 1.2rem;}
.cta-mobile .title {font-weight: 700;text-transform: uppercase;}

/* FOOTER ******************************************************************************/
footer{padding:40px 0;font-size:16px}
footer a,footer a:hover,footer a:active{text-decoration:none;color:var(--dark);font-weight:700}
footer p {font-size:12px}
footer .social li{width:30px;height:30px;line-height:30px;background-color:var(--color-2);text-align:center;border-radius:20px}
footer .social li a{font-size:15px;color:var(--white)}
footer ul.list-unstyled li{padding:5px 0}
footer .logo-footer {width: 100px}
footer .copyright{border-top:1px solid rgb(114 114 114 / 15%)}
footer .copyright p{font-size: 10px;letter-spacing: 0.5px;}

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