@font-face {
    font-family: 'Rottasicity';
    src: url('../fonts/Rottasicity Italic.woff2') format('woff2'),
        url('../fonts/Rottasicity Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Regular.woff2') format('woff2'),
        url('../fonts/Quicksand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Light.woff2') format('woff2'),
        url('../fonts/Quicksand-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Bold.woff2') format('woff2'),
        url('../fonts/Quicksand-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Medium.woff2') format('woff2'),
        url('../fonts/Quicksand-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-SemiBold.woff2') format('woff2'),
        url('../fonts/Quicksand-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flora';
    src: url('../fonts/FloraRegular.woff2') format('woff2'),
        url('../fonts/FloraRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helena';
    src: url('../fonts/HelenaRegular.woff2') format('woff2'),
        url('../fonts/HelenaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--font-title: 'Flora';
	--font-basic: 'Quicksand';
	--font-corsivo: 'Rottasicity';
	--font-corsivo2: 'Helena';
	--green: #4f655b;
	--green-light:#e5e3da;
	--green-dark:#68675a;
	--blue:#8798a4;
	--beige:#f2efe2;
	--white: #fff;
	--padding: 100px 0;
	--padding-meno: 70px 0;
	--padding-lato:100px 40px;
}

body{
font-family:var(--font-basic);
color:var(--green-dark);
font-size:20px;
letter-spacing:0.05em;
font-weight:normal;
line-height:1.8em;
background: url(../images/bg.jpg) repeat center;
overflow-x: hidden!important;
z-index:0;
position:relative;
}
h1, .h1{
font-family:var(--font-title);
color:var(--green);
font-size:144px;
letter-spacing:0.025em;
text-transform:uppercase;
line-height:1em;
margin-bottom:0;
z-index:3;
position:relative;
}
h1.big, .h1.big{
font-size:220px;
font-style:italic;
line-height:0.8em;
z-index:3;
position:relative;
}
h2, .h2{
font-family:var(--font-basic);
color:var(--green);
font-size:20px;
letter-spacing:0.3em;
font-weight:500;
text-transform:uppercase;
}
.corsivo{
font-family:var(--font-corsivo);
color:var(--blue);
letter-spacing:0.025em;
line-height:0.6em;
}
.italic{
font-style:italic;
}
.testo-slider .corsivo{
font-size:70px;
line-height:0.8em;
}
a, a:hover{
color:inherit;
text-decoration:none;
}
ul{
list-style:none;
padding-left:0;
margin:0;
}
.assoluto{
position:absolute;
}
.relativo,
.tm-top-a{
position:relative;
}
.padding{
padding:var(--padding);
}
.padding-meno{
padding:var(--padding-meno);
}
.padding-lato{
padding:var(--padding-lato);
}
.griglia .padding-lato{
padding-top:0;
padding-bottom:40px;
padding-right:12%;
}

.tm-top-a .moduletable:before {
/*content: '';*/
height: 390px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
position: absolute;
width: 100%;
z-index: 1;
top: 0;
left: 0;
right: 0;
mix-blend-mode: multiply;
opacity: 0.4;
}
.top{
width:100%;
margin:40px;
}
.tm-logo{
display:block;
width:110px;
margin:0 auto;
}
.recapiti{
color:var(--green);
font-size:14px;
letter-spacing:0.15em;
}
.recapiti a{
margin-left:10px;
font-weight:600;
}
.recapiti a span{
font-weight:normal;
}
.testo-slider{
text-align:center;
padding-bottom:60px;
}
.testo-slider .corsivo span{
font-family:var(--font-corsivo2);
margin-right:-9px;
}
.menu-off .uk-icon{
fill:var(--green);
}
.menu-off svg{
width:60px!important;
}
.btn,
.omniunpublishfrontpage-link{
padding: 6px 30px;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 0.25em;
color: var(--white);
font-weight: bold;
border-radius: 3rem;
display: inline-block;
transition: all 1s;
cursor: pointer;
background:var(--blue);
width:auto;
text-align:center;
margin:0 auto;
border:2px solid var(--blue);
position:relative;
z-index:2;
}
.btn:hover,
.uk-button-primary:hover,
.omniunpublishfrontpage-link:hover{
transition: all 1s;
border-radius: 0;
background: var(--blue);
color:var(--white);
}
.btn-white{
background:none;
border:2px solid var(--white);
display:inline-table;
}
.btn-white:hover,
.btn-g:hover{
background:none;
}
.btn-g:hover{
color:var(--blue);
}
.btn-g{
background:none;
border:2px solid var(--blue);
display:inline-table;
color:var(--blue);
}
.going {
font-family: var(--font-title);
font-size: 236px;
color: var(--green-light);
letter-spacing: 0.025em;
overflow: hidden;
padding: 95px 0 120px 0;
position:relative;
text-transform:uppercase;
}
.going p {
position: absolute;
display: inline-block;
white-space: nowrap;
justify-content: flex-start;
display: flex;
animation: floatText 30s infinite linear;
bottom:14px;
line-height:0.2em;
}

@keyframes floatText {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-50%);
	}
}
.griglia h2,
.griglia .h2{
font-size:18px;
padding-right:40px;
letter-spacing:0.1em;
padding-top:60px;
}
.ristorante .h2{
padding-left:40px;	
padding-right:0;
}
.griglia .uk-width-1-5\@s.uk-visible\@s {
width: 10%!important;
}
.griglia  .uk-width-1-5\@s:nth-child(2){
width:25%;
}
.griglia  .uk-width-1-5\@s:nth-child(1){
width:25%;
}
/* animazione linee inizio */

.linee{
	display:block;
	width:220px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	left:0;
	right:0;
	z-index:-1;
	top:0;
	overflow:hidden;
	height:100%;
	}
	.lista-linee li{
	display:inline-block;
	margin:0 5px;
	width:20px;
	height:0;
	background: var(--green-light);
	z-index:4;
    position:relative;
	}

	.an-linea{
	animation: increase-v1 4s linear both;
	animation-delay: 0.7s;
	}
    
    @keyframes increase-v1 {
	100% {
	height:100%;
	}
	}
.griglia .linee{
height:80%;
top:60%;
}
.an-linea-o{
    animation: increase-v2 4s linear both;
    animation-delay: 0.7s;
}

@keyframes increase-v2 {
    100% {
    width:100%;
    }
    }
.linea-o{
margin:5px 0;
}
	/* animazione linee fine */

/* animazione maschera inizio */

.foto-maschera{
width:100%;
text-align:center;
}
.foto-maschera svg{
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
display:block;
width: 100%;
height: 100%;
pointer-events:none;
}
#img-svg {/* clip-path: url("#clippath"); */}

.an-maschera #img-svg{
animation: maschera-1 4s linear both;
animation-delay: 0.7s;

}
    
@keyframes maschera-1 {
50% {
clip-path: url("#clippath-2");
}
100% {
clip-path: url("#clippath-4");
}
}
.contenitore{
    /* height:100vh; */
}
.photo-mask{
/*background:url(../images/hotel-sorrento.jpg) no-repeat center;*/
height:90vh;
overflow:hidden;
position:relative;
}
.bg-slider{
	left:0;
	right:0;
	animation: delate 3s linear 1 forwards;
	opacity:1;
	z-index:5;
	animation-delay: 4s;
}
@keyframes delate {
to {
opacity:0;
}
}
.testo-sotto{
	animation: view 3s linear 1 forwards;
	animation-delay: 7s;
	opacity:0;
    position: absolute;
    left: 0;
    right: 0;
    top: 3vh;
}
@keyframes view {
to {
opacity:1;
}
}
.head{
	/* height:80vh;
	margin-top: -20vh; */
}
.photo-slider{
background:url(../images/hotel-sorrento.jpg) no-repeat center;
height:75vh;
overflow:hidden;
position:relative;
}
.pm{
position:relative;
width:100%;
}
.p1{
background:url(../images/maschera-1.svg) no-repeat top;
display:block;
width:50%;
z-index:2;
background-size:cover;
height:100%;
position:absolute;
left:-6%;
top:0;
}
.p2{
background:url(../images/maschera-2.svg) no-repeat top;
display:block;
width:50%;
z-index:2;
background-size:cover;
height:100%;
position:absolute;
right:-6%;
top:0;
}
.pm:after{
content:url(../images/maschera-2.svg); 
display:block;
width:50%;
position:absolute;
right:-6%;
z-index:2;
top:0;
}
.an-mask .pm:before{
animation: mask-1 4s linear 1 forwards;
}
@keyframes mask-1 {
to {
transform: translateX(-100%);
}
}
.an-mask .pm:after{
animation: mask-2 4s linear 1 forwards;
}
@keyframes mask-2 {
to {
transform: translateX(100%);
}
}
.an-p1{
    animation: anp1 4s linear both;
    animation-delay: 0.7s;
}

@keyframes anp1 {
    100% {
      transform:translateX(-200%);
    }
    }
.an-p2{
    animation: anp2 4s linear both;
    animation-delay: 0.7s;
}

@keyframes anp2 {
    100% {
      transform:translateX(200%);
    }
    }
/* animazione maschera fine */

.barra-fixed{
background:#f2efe2;
height:80px!important;
}
.barra-fixed .logo-fixed{
display:block;
width:75px;
}
.barra-fixed .logo{
display:none;
}
.barra-fixed .top{
margin:10px 40px 0;
}
.sopra-menu .top{
margin:0;
width:auto;
padding:10px 40px;
}
.logo-fixed{
display:none;
}
.box-txt{
padding:0 14%;
}
.donnina-1,
.donnina-2,
.donnina-3,
.donnina-4,
.donnina-6,
.donnina-7,
.donnina-8,
.donnina-9,
.donnina-10,
.donnina-11,
.donnina-12,
.donnina-13,
.donnina-14,
.donnina-15,
.donnina-18,
.donnina-19{
position:relative;
width:100%;
overflow-x: clip;
}
.donnina-1:before{
content:url(../images/nuotatrice-2.svg);
position:absolute;
bottom:-60px;
left:-30px;
width:20%;
}
.donnina-2:before{
content:url(../images/nuotatrice-1.svg);
position:absolute;
bottom:-14px;
right:60px;
z-index:3;
width:12%;
transform: scaleX(-1)
}
.donnina-3:before{
content:url(../images/nuotatrice-5.svg);
position:absolute;
bottom:0;
z-index:3;
right:0px;
display:block;
width:30%;
}
.donnina-4:before{
content:''; 
position: absolute;
bottom:0px;
left:0;
right:0;
margin:0 auto;
width: 20%; 
height: 55%; 
background-image: url('../images/nuotatrice-2.svg');
background-size: contain; 
background-repeat: no-repeat;
background-position: center bottom; 
z-index: 1; 

	
}
.donnina-6:before{
content:url(../images/nuotatrice-5.svg);
position:absolute;
bottom:-26px;
z-index:3;
right:-2px;
display:block;
width:30%;
}
.donnina-7:before{
content:url(../images/nuotatrice-4.svg);
position:absolute;
bottom:-60px;
z-index:3;
right:0;
left:0;
margin:0 auto;
display:block;
width:30%;
}
.donnina-8:before{
content:''; 
position: absolute;
bottom:-305px;
right:-90px;
width: 20%; 
height: 70%; 
background-image: url('../images/nuotatrice-2.svg');
background-size: contain; 
background-repeat: no-repeat;
background-position: center bottom; 
z-index: 1; 
transform: scaleX(-1);
}
.donnina-9:before{
content:url(../images/donnina-9.png);
position:absolute;
bottom:-50px;
z-index:3;
right:40px;
display:block;
}
.donnina-10:before{
content:url(../images/nuotatrice-4.svg);
position:absolute;
top:-160px;
z-index:3;
right:0;
left:0;
margin:0 auto;
display:block;
width:30%;
}
.donnina-11:before{
content:url(../images/nuotatrice-1.svg);
position:absolute;
bottom:-11px;
z-index:3;
right:20px;
display:block;
width:12%;
transform: scaleX(-1);
}
.donnina-12:before{
content:''; 
position: absolute;
top:-68%;
left:40px;
width: 12%; 
height: 81%; 
background-image: url('../images/nuotatrice-1.svg');
background-size: contain; 
background-repeat: no-repeat;
background-position: center; 
z-index: 1; 
}
.donnina-14:before{
position:absolute;
content:''; 
position: absolute;
top:-38%;
left:40px;
width: 20%; 
height: 45%; 
background-image: url('../images/nuotatrice-2.svg');
background-size: contain; 
background-repeat: no-repeat;
background-position: center; 
z-index: 1;
}
.donnina-15:before{
content:''; 
position: absolute;
bottom:-11px;
right:20px;
width: 12%; 
height: 72%; 
background-image: url('../images/nuotatrice-1.svg');
background-size: contain; 
background-repeat: no-repeat;
background-position: center bottom; 
z-index: 1; 
transform: scaleX(-1);
}
.donnina-18:before{
position:absolute;
content:''; 
bottom:0;
right:0;
margin:0 auto;
width: 30%; 
height: 57.5%; 
background-image: url('../images/nuotatrice-4.svg');
background-size: contain; 
background-repeat: no-repeat;
background-position: center bottom; 
z-index: 1;
}
.donnina-19:before{
content:url(../images/nuotatrice-1.svg);
position:absolute;
bottom:-14px;
right:60px;
z-index:3;
width:12%;
transform: scaleX(-1)
}
.donnina-4,
.donnina-8,
.donnina-10,
.donnina-7,
.donnina-18{
text-align:center;
}
.griglia {
    max-width: 1800px;
    margin: 0 auto 60px;
}
.griglia-foto .uk-width-1-5\@m.relativo.uk-visible\@s{
width:15%!important;
}
.griglia-case.italian-touch .uk-width-1-5\@m.relativo.uk-visible\@s{
width:10%!important;
}
.griglia-foto .uk-width-1-5\@m.relativo.margine{
width:25%;
}
.griglia-foto .margine.uk-width-1-5\@s{ 
margin-top:60px;
width:25%;
}

.sotto-griglia{
    margin-top:40px!important;
	margin-left:10%;
    }
.griglia .btn,
.box-txt .btn{
margin-top:50px;
}
.bg{
background-size: cover !important;
background-position: center center !important;
height: 100vh;
position:relative;
color:var(--white);
}
.bg:before{
content: '';
height: 100%;
background:#004946;
position: absolute;
width: 100%;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
mix-blend-mode: multiply;
opacity: 0.5;
transition: all 1s;
}
.bg-piscina{
background:url(../images/hotel-con-piscina-sorrento.jpg);
}
.bg-sorrento{
background:url(../images/sorrento.jpg);
}
.bg .h1{
color:var(--white);
}
.bg .txt{
padding:0 120px;
}
.bg .assoluto{
top:90px;
left:0;
right:0;
text-align:center;
padding:0 25px;
z-index:3;
}
.bg .btn{
position:absolute;
bottom:60px;
left:0;
right:0;
z-index:3;
}
.bg-green,
.bg-palme{
background:var(--green);
position:relative;
}
.bg-palme{
overflow:hidden;
}
.bg-palme:before,
.uk-offcanvas-bar:before{
content:url(../images/palme.svg);
display:block;
width:100%;
height:100%;
color:var(--white);
opacity:70%;
position:absolute;
top:0;
right:0;
left:0;
mix-blend-mode:multiply;
z-index:0;
pointer-events:none;
}
.offerte .padding-lato{
padding-right:0;
padding-left:40px!important;
}
.strutture .padding-lato{
padding-left:0;
}
.bg-palme .padding-lato{
position:relative;
z-index:2;
}
.bg-green .h1,
.bg-palme .h1{
color:var(--blue);
}
.bg-green .h2,
.bg-palme .h2{
color:var(--white);
}
.bg-green,
.bg-palme{
color:var(--white);
}
.form-info{
padding-bottom:80px;
}
.lista-icone li{
display:inline-block;
font-family:var(--font-title);
text-align:center;
padding:0 20px;
font-size:34px;
text-transform:uppercase;
}
.lista-icone li:before,
.menu-a-la-carte:before,
.come-raggiungerci .h2:before{
display:block;
margin:0 auto -15px;
width:140px;
}
.lista-icone li.piscina:before{
content:url(../images/piscina.svg);
}
.lista-icone li.solarium:before{
content:url(../images/solarium.svg);
}
.lista-icone li.oasi-verde:before{
content:url(../images/oasi-verde.svg);
}
.lista-icone li.pool-bar:before{
content:url(../images/pool-bar.svg);
}
.lista-icone li.spiagge:before{
content:url(../images/spiagge.svg);
}
.lista-icone li.gite-in-barca:before{
content:url(../images/gite-in-barca.svg);
}
.lista-icone li.tradizioni:before{
content:url(../images/tradizioni.svg);
}
.lista-icone li.attivita:before{
content:url(../images/attivita.svg);
}
.lista-icone li.wifi:before{
content:url(../images/wifi.svg);
}
.lista-icone li.proiettore:before{
content:url(../images/proiettore.svg);
}
.lista-icone li.coffee-break:before{
content:url(../images/coffee-break.svg);
}
.menu-a-la-carte:before{
content:url(../images/menu-a-la-carte.svg);
position:relative;
z-index:2;
margin-bottom:30px;
}
.menu-a-la-carte{
text-align:center;
}
.bg .testo{
padding:40px 320px;
font-weight:500;
}
/* layout strutture inizio */
.strutture-home{
padding:90px 0;
}
.layout-strutture {
text-align:left;
overflow:visible;
}
.layout-strutture .relativo{
margin-left:90px;
margin-top:60px;
}
.layout-offerte .relativo{
margin-right:90px;
margin-left:0;
}
.layout-strutture .corsivo{
font-size:56px;
position:relative;
padding-bottom:20px;
margin-bottom:30px;
}
.layout-camere .corsivo{
font-size:46px!important;
padding-bottom:20px;
margin-bottom:30px!important;
margin-top:0!important;
}
.layout-strutture .corsivo:after{
content:'';
height:2px;
background:var(--beige);
display:block;
position:absolute;
width:100%;
bottom:-10px;
}
.layout-strutture .dettaglio{
font-size:15px;
text-transform:uppercase;
letter-spacing:0.15em;
line-height:1.4em;
margin:0!important;
}
.layout-strutture .pos-mq:after,
.strutture-full .pos-mq:after{
content:'';
background:var(--blue);
width:8px;
height:8px;
border-radius:50%;
display:inline-block;
vertical-align:middle;
margin:0 10px 0 5px;
}
.layout-strutture .pos-titolo{
color:var(--white);
font-size:63px;
}
.layout-territorio .pos-titolo{
font-size:50px;
}
.layout-territorio .pos-sottotitolo{
font-size:14px;
font-weight:600;
line-height:1.2em;
}
.uk-slider{
position:relative;
}
.uk-slider .frecce-slider{
position:absolute;
z-index:3;
top:50%;
width:100%;
transform: translateY(-50%);
}
.frecce-slider .uk-invisible {
visibility:visible!important;
}
.frecce-slider [hidden] {
display: block !important;
}
.frecce-slider svg{
display:none;
}
.frecce-slider .uk-slidenav:before{
content:url(../images/freccia.svg);
display:block;
width:24px;
}
.frecce-slider .uk-slidenav-previous:before{
transform: rotate(180deg);
}
.strutture-home .layout-strutture{
padding-right:90px;
}
.strutture-home .layout-offerte{
padding-right:0;
padding-left:90px;
}
.layout-strutture .pos-links{
position:absolute;
z-index:3;
bottom:-40px;
right:-40px;
}
.strutture-home .uk-slider{
overflow:visible;
}
.layout-strutture img{
width:100%;
}

/* layout strutture fine */

.links-cerchio{
width:112px;
display:block;
}
.links-cerchio #scritta{
animation: rotate 24s infinite linear;
transform-origin: center;
}
@keyframes rotate {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.h1-h2 .box-linee .linee{
    right:0;
    margin-right:0;
	height:100%;
	top:-13px;
	width:100%;
	left:0;
    }
.h1.italic{
font-size:106px;
}
    .h1-h2 .box-linee .lista-linee li{
    height:24px!important;
    display:block;
	margin:12px 0;
    }
.h1-h2 .h1{
line-height:0.8em;
}
.h1-h2 {
padding-right:45px;
}
.rooftop .h1-h2 {
padding-left:45px;
}
.h1-h2 .h2{
margin-top:8px;
}
.tre-foto .padding{
padding:40px 40px 0 90px;
}
.tre-foto.rooftop .padding{
padding:40px 90px 0 40px;
}
.tre-foto .griglia-sotto {
padding-top:60px;
}
.griglia-sotto .padding-lato{
padding-bottom: 40px;
padding-left: 12%;
padding-right:40px;
}
.rooftop .griglia-sotto .padding-lato{
padding-bottom: 40px;
padding-right: 12%;
padding-left:40px;
}
.ristorante .margine{
text-align:right;
}
.bg-beige{
background:var(--beige);
color:var(--green-dark);
}
.bg-green-light{
background:var(--green-light);
}
.rooftop{
margin-top:100px;
}
.layout-offerte .bg-beige{
padding:40px 40px 90px;
text-align:left;
max-width:330px;
}
.layout-offerte .pos-intro{
font-size:17px;
line-height:1.4em;
}
.layout-offerte .pos-prezzo{
color:var(--green);
margin-top:40px;
font-family:var(--font-title);
font-size:44px;
}
.layout-offerte .pos-prezzo .prefix{
font-family:var(--font-basic);
font-size:17px;
display:block;
margin-bottom:5px;
}
.layout-offerte .pos-specifica{
border-top:2px solid var(--white);
padding-top:20px;
margin-top:20px;
text-transform:uppercase;
font-size:16px;
color:var(--green);
}
.layout-offerte .pos-links{
left:-40px;
right:initial;
}
.tm-footer .h1{
font-size:66px;
margin-bottom:20px;
}
.facebook:before{
content:url(../images/facebook.svg);
display:inline-block;
width:50px;
margin:0 5px;
}
.instagram:before{
content:url(../images/instagram.svg);
display:inline-block;
width:50px;
margin:0 5px;
}
.tm-footer .newsletter{
margin-top:60px;
}
.rid{
font-size:16px;;
}
.omnipa-cin{
display:inline;
font-size:16px;
}
.omnipa-cin:before{
content:'|';
margin-left:10px;
}
.sotto-footer{
background:var(--green);
color:var(--white);
font-size:14px;
padding:10px 25px;
}
.omnipolicycookielinks{
text-transform:uppercase;
font-size:15px;
letter-spacing:0.3em;
font-weight:500;
}
.tm-footer a{
font-weight:500;
}
/* menu offcanvas inizio */

.uk-offcanvas-bar {
    transition: all 1s;
    transform-origin: top center;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
    width: 100%!important;
    text-align: center;
    background:var(--black);
    padding:0;
    background:var(--beige);
    background:var(--green);
    overflow: auto;
}
.uk-offcanvas.uk-open{
display:block;	
width:100%;
}
.uk-offcanvas.uk-open .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.sopra-menu,
.menu{
position:relative;
}
.menu,
.secondo-menu{
position:relative;
z-index:3;
}
.menu{
margin:90px 220px 120px;
}
.menu .omni-menu li{
font-family:var(--font-title);
font-size:100px;
padding:0px 0 60px;
border-bottom:2px solid var(--beige);
margin-bottom:80px;
display:block;
text-align:center;
font-style:italic;
}
.menu .omni-menu li:last-child{
margin-bottom:0;
padding-bottom:0;
border:none;
}
.menu .omni-menu li a{ 
display:block;
transition: all 0.5s;
}
.menu .omni-menu li a:hover,
.menu .omni-menu li.uk-active a{
transition: all 0.5s;
color:var(--blue);
}
.secondo-menu li{
display:inline-block;
margin:0 10px;
}
.secondo-menu .btn{
padding:6px 30px;
}
.contenuto{
position:relative;
z-index:3;
}
.uk-offcanvas-bar .newsletter{
display:none;
}
.uk-offcanvas-bar .social{
margin-top:120px;
}
.uk-offcanvas-bar .facebook{
content:url(../images/facebook-b.svg);
display: inline-block;
width: 50px;
margin: 0 5px;
}
.uk-offcanvas-bar .instagram{
content:url(../images/instagram-b.svg);
display: inline-block;
width: 50px;
margin: 0 5px;
}
.uk-offcanvas-bar .uk-offcanvas-close{
top:20px;
left:20px;
right:initial;
}
.uk-offcanvas-bar .recapiti a{
color:var(--green);
}
.uk-offcanvas-bar .recapiti .btn{
color:var(--white);
}
.uk-offcanvas-bar .uk-offcanvas-close{
display:block;
width:60px;
height:60px;
top:15px;
left:30px;
}
.uk-offcanvas-bar .uk-offcanvas-close:after {
    content: " ";
    height: 2px;
    width: 60px;
    transform-origin: center center;
    background: var(--blue);
    display: block;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    transition: all 0.5s;
    top: 25px;
}

.uk-offcanvas-bar .uk-offcanvas-close:before {
    content: " ";
    height: 2px;
    width: 60px;
    transform-origin: center center;
    background: var(--blue);
    display: block;
    transform: rotate(-45deg);
    left: 0;
    right: 0;
    top: 25px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    transition: all 0.5s;
}
.uk-offcanvas-bar .uk-offcanvas-close:hover:after,
.uk-offcanvas-bar .uk-offcanvas-close:hover:before {
transform: rotate(0deg);
transition: all 0.5s;
}
.scritta-close {
    opacity: 0;
    text-align: center;
    transition: all 0.5s;
    color: var(--blue);
    margin-top: -10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.15em;
    font-weight: 600;
	display:block;
}

.uk-offcanvas-close:hover .scritta-close {
    opacity: 1;
}
.uk-offcanvas-bar .uk-close svg{
display:none;
}
.uk-offcanvas-bar .lingua{
	margin-left:60px;
}
/* menu offcanvas fine */
.interne .padding{
padding-bottom:20px;
padding-top:70px;
}
.padding-items{
padding:120px 40px;
}
.strutture-teaser .relativo:before {
    content: '';
    height: 100%;
    background: #a3a3a3;
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode: multiply;
    opacity: 1;
    transition: all 1s;
}
.strutture-teaser:hover .relativo:before{
  opacity: 0.6;
transition: all 1s;
}
.strutture-teaser .assoluto{
bottom:40px;
left:40px;
z-index:3;
color:var(--white);
width:60%;
transition: all 1s;
}
.territorio-teaser .assoluto{
left:20px;
bottom:20px;
width:auto!important;
right:20px;
}
.strutture-teaser:hover .corsivo:after{
width:80%;
transition: all 1s;
}
.strutture-teaser .pos-links{
bottom:100px;
right:34px;
}
.territorio-teaser .pos-links{
top:30px;
right:20px;
bottom:initial!important;
margin:0!important;
}
.territorio-teaser .pos-links .links-cerchio{
width:90px;
}
.layout-territorio .pos-links .links-cerchio,
.territorio-teaser .pos-links .links-cerchio{
width:80px;
}
.strutture-teaser .pos-plus{
color:var(--white);
}
/* strutture teaser inizio */

.strutture-teaser .relativo{
margin:0;
}
/* strutture teaser fine */

/* strutture full inizio */

.strutture-full .pos-comfort{
text-align:right;
margin-top:90px;
}
.strutture-full .h1-h2 {
padding-left: 45px;
}
.strutture-full .uk-width-1-4\@m:nth-child(2),
.strutture-full .uk-width-2-4\@m{
width: 35%;
}
.strutture-full .uk-width-1-4\@m:first-child{
width:30%;
}
.griglia-tre{
margin-bottom:90px;
}
.strutture-full .pos-plus{
text-transform:none;
font-size:78px;
margin-top:0px;
margin-bottom:60px;
}
.strutture-full h1{
font-style:italic;
}

.linee-strutture{
position: absolute;
top: -340px;
padding-top: 90px;
left: 20px;
right: 20px;
}
.strutture-full .dettaglio{
margin:60px 0 30px;
}
.strutture-full .pos-links{
margin:60px 0 120px;
}
.territorio-full .pos-links{
margin:0;
}
.strutture-full .pos-links a{
margin:0 10px;
}
.box-palme{
padding:40px;
text-align:left;
margin-top:30px;
}

.strutture-full .pos-extra{
margin-top:-2px;
}
.strutture-full .pos-extra .links-cerchio{
position:absolute;
bottom:30px;
left:0;
right:0;
margin:0 auto;
z-index:3;
}
.strutture-full .pos-extra .h2{
text-align:center;
padding:10px 25px 0;
margin-bottom:0;
}
.strutture-full .pos-extra .h2 span{
display:block;
letter-spacing:0.05em;
font-size:18px;
text-transform:none;
line-height:1.6em;
margin-top:10px;
font-weight:300;
}
.strutture-full .pos-extra .relativo:before{
content:'';
height: 290px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
position: absolute;
width: 100%;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
mix-blend-mode: multiply;
opacity: 0.4;
transition: all 1s;
}

.strutture-full .pos-extra.icone .relativo:before{
display: none;
}

.strutture-full .pos-extra.icone .relativo img {
    height: 250px;
    margin-bottom: 120px;
}

.strutture-full .pos-extra a:hover .relativo:before{
opacity:0;
transition: all 1s;
}
.strutture-full .pos-extra a:hover .links-cerchio #scritta{
animation:none;
transition: all 1s;
}
.strutture-full .pos-gallery a{
    height:100%;
    display:block;
    position:relative;
    }
.strutture-full .pos-gallery a:before{
    content:url(../images/camera.svg);
    display:block;
    width:66px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transition: all .5s;
    }
    .strutture-full .pos-gallery a:hover:before{
    transition: all .5s;
    opacity:0;
    }
    .strutture-full .pos-gallery a:after{
    content:'apri la gallery';
    display:block;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transition: all .5s;
    text-align:center;
    color:var(--white);
    font-size:18px;
    text-transform:uppercase;
    opacity:0;
    }
.strutture-full .pos-gallery a:hover:after{
transition: all .5s;
opacity:1;
}
.pos-dicitura{
font-size:15px;
font-style:italic;
margin-top:20px;
line-height:1.2em;
}
/* strutture full fine*/
.lista li{
font-size:15px;
text-transform:uppercase;
letter-spacing:0.2em;
padding-bottom:4px;
line-height:1.6em;
padding-bottom:20px;
}
.lista li:before{
content:'';
background:var(--blue);
width:7px;
height:7px;
display:inline-block;
border-radius:50%;
margin-right:10px;
vertical-align:middle;
}
.tit-assoluto{
position:absolute;
top:-240px;
left:20px;
right:20px;
text-align:center;
}
.tit-assoluto h1{
font-style:italic;
}
.tit-assoluto h2{
margin-top:-10px;
}
.sez-home .tm-top-a .box-linee{
height:5vh;
}
.tm-top-a .box-linee{
height:300px;
}
.sez-home .tm-top-a .box-linee{
height:0;
}
fieldset{
border:none;
padding:0;
margin-top:90px;
margin-bottom:0;
}
.form-info fieldset{
margin-top:0;
}
form{
position:relative;
z-index:2;
}
#messaggio{
height:90px;
}
.rsform-block-accetto-privace-3,
.rsform-block-newsletter-3,
.rsform-block-accetto-privace-5,
.rsform-block-newsletter-5,
.rsform-block-accetto-privace-4{
text-align:left;
margin-top:-12px;
font-size:13px;
text-transform:uppercase;
letter-spacing:0.1em;
line-height:1.4em;
}
.rsform-block-accetto-privace-3 a,
.rsform-block-accetto-privace-4 a{
color:var(--beige);
font-weight:600;
text-decoration:underline;
}
.uk-button-primary{
background:none;
}
.rsform-block-invia .btn{
display:block;
border:none;
margin-top:7px;
}
#rsform_4_page_0 .rsform-block-invia .btn{
margin-top:0;
}
.donnina-6 .padding{
padding-bottom:120px;
}
.tit-servizi{
font-size:40px;
border-bottom:2px solid var(--green-light);
padding-bottom:20px;
font-family:var(--font-title);
color:var(--green);
text-transform:uppercase;
margin-top:40px;
}
.lista-servizi li{
line-height:1.4em;
padding-bottom:16px;
font-weight:500;
}
.lista-servizi span{
display:block;
text-transform:none;
font-weight:400;
}
.box-servizi.padding-lato{
padding-top:60px;
padding-bottom:60px;
}
.strutture-full.box-extra .bg-beige{
background:var(--green);
position:relative;
overflow:hidden;
}
.box-eventi.strutture-full.box-extra .bg-beige{
background:var(--green-light);
}
.come-raggiungerci{
padding-bottom:90px!important;
}
.box-eventi.strutture-full.box-extra .bg-beige:before{
display:none;
}
.strutture-full.box-extra .bg-beige .h2{
color:var(--white);
}
.box-eventi.strutture-full.box-extra .bg-beige .h2{
color:var(--green);
}
.strutture-full.box-extra .bg-beige:before{
content:url(../images/palme.svg);
display:block;
width:100%;
height:100%;
color:var(--white);
opacity:70%;
position:absolute;
top:0;
right:0;
left:0;
mix-blend-mode:multiply;
z-index:0;
pointer-events:none;
}
.box-extra .uk-accordion-content{
padding:40px;
font-size:16px;
line-height:1.6em;
background: var(--beige);
padding-top:30px;
margin-top:30px;
text-align:left;
z-index:2;
position:relative;
min-height:360px;
}
.box-extra .uk-accordion-title::before{
display:none;
}
.box-eventi.box-extra .uk-accordion-content{
background:var(--green);
color:var(--white);
}
.eventi-esclusivi{
margin-top:90px;
}
.eventi-esclusivi img{
width:100%;
}
.come-raggiungerci{
font-size:16px;
line-height:1.6em;
}
.come-raggiungerci .h2{
border-bottom:2px solid var(--beige);
padding-bottom:20px!important;
margin-bottom:15px!important;
}
.auto:before{
content:url(../images/auto.svg);
}
.treno:before{
content:url(../images/treno.svg);
}
.nave:before{
content:url(../images/nave.svg);
}
.mappa{
    filter: grayscale(0.5);	
}
.tre-foto img{
width:100%;
}
.offerte-teaser .prezzo{
position:absolute;
z-index:3;
top:40px;
color:var(--white);
left:40px;
}
.offerte-teaser .pos-prezzo{
font-family:var(--font-title);
font-size:44px;
}
.offerte-teaser .pos-prezzo .prefix{
font-size:16px;
font-family:var(--font-basic);
}
.offerte-teaser .pos-specifica{
text-transform: uppercase;
font-size: 16px;
}
.offerte-full .uk-alert-warning {
background: var(--green);
color: var(--white);
padding:40px 25px;
margin-bottom:25px;
}

/* offerte full inizio */

.offerte-full .pos-validita{
font-size:16px;
text-transform:uppercase;
border-bottom:2px solid var(--white);
display:inline-block;
padding-bottom:10px;
margin-bottom:25px;
}
.offerte-full .prezzo{
color:var(--green);
}
.offerte-full .pos-prezzo{
font-family:var(--font-title);
font-size:44px;
}
.offerte-full .pos-prezzo .prefix{
font-family:var(--font-basic);
font-size:16px;
}
.offerte-full .pos-specifica{
text-transform:uppercase;
font-size:16px;
}
.offerte-full .gallery{
background:var(--beige);
}
.offerte-full .pos-countdown{
margin-top:40px;
color:var(--green);
}
.offerte-full .pos-countdown:before{
content:'Affrettati! Mancano solo:';
font-family:var(--font-title);
text-transform:uppercase;
font-size:30px;
}
/* offerte full fine */
.pos-servizi .pos-descrizione{
font-size:16px;
line-height:1.4em;
padding-left:25px;
margin-bottom:20px;
}
.layout-territorio,
.layout-camere{
margin:0 15px;
}
.layout-territorio .dettaglio{
margin-top:0;
}
.grecaptcha-badge{
position:absolute!important;
right:-200px!important;
}
.pos-extra img{
width:100%;
}
.form-mobi{
	padding:20px;
}
.itemid-255 .box-linee{
	display:none;
}
.lingua,
.mod_languages,
.mod_languages ul,
.mod_languages-list li{
	display:inline-block;
	font-size:15px;
	font-weight:500;
}
.mod_languages-list li a{
	color:var(--green);
}
.lingua{
		margin-left:10px;
}

/*fumetto*/

.fumetto {
    width:200px!important;
    height:200px!important;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
.eb-1 .eb-close.placement-inside, 
.eb-2 .eb-close.placement-inside {
    display: block!important;
    top: 30px;
    right: 30px;
    background: #E5E3DA;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.eb-close.placement-outside {
    display:none!important;
}
.eb-1 .eb-close>span, 
.eb-2 .eb-close>span {
    font-size: 0.8em;
    padding: 0;
    line-height: .4em;
    color: var(--green);
}
.contatto-email{
	color:var(--green);
}
.contatto-email a{
	font-weight:600;
}
/* CSS Base */

.uk-sticky {
    margin-top: -1px !important;
}

.og-bar-mobile-fixed {
	position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
}
.og-bar-mobile-fixed a{
    font-size:12px;
    text-transform:uppercase;
    font-weight:500;
    padding:8px 0;
    width:100%;
    display:inline-block;
    line-height:1.5em;
    height:43px;
	color:var(--white);
    }
    .og-bar-mobile-fixed a:before{
    display:block;
    width:20px;
    margin-left:auto;
    margin-right:auto;
    }
.chiama{
	background:	rgba(79, 101, 91, 0.9);
}
.booking{
	background:	rgba(135, 152, 164, 0.9);
}
.scrivi{
	background:	rgba(104, 103, 90, 0.9);
}
.chiama:before{
    content:url(../images/phone.svg);
    }
.booking:before{
    content:url(../images/calendar.svg);
    }
.scrivi:before{
    content:url(../images/envelope.svg);
    }

.rsform-error {
	border-color: #dc8d99 !important;
	background: #fff7f8 !important;
	color: #f0506e !important;
	font-weight: bold !important;
}

.rsform-error::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #f0506e !important;
}

.rsform-error::-moz-placeholder {
	/* Firefox 19+ */
	color: #f0506e !important;
}

.rsform-error:-moz-placeholder {
	/* Firefox 18- */
	color: #f0506e !important;
}

.rsform-error::-ms-input-placeholder {
	/* Edge 12-18 */
	color: #f0506e !important;
}

.uk-input, .uk-select, .uk-select:not([multiple]):not([size]){
	height:50px;
	font-size:17px;
}
::placeholder{
font-size:17px!important;
}

.uk-input::placeholder, .uk-textarea::placeholder{
	color:#666;
}

.layout-header,
.layout-header .og-video-browserplayer {
    height: 55vh;
}
.layout-header .og-video-browserplayer video {
    object-fit: cover;
    height: 55vh;
    width: 100%;
}
.pos-unpublish strong{
	font-size: 1.3rem;
}
.pos-unpublish svg{
	width: 50px;
    margin-bottom: 10px;
}
.pos-unpublish svg g path{
	fill:var(--beige);
}
.pos-unpublish svg circle{
	fill:none;
	stroke:var(--beige);
	stroke-width:4;
}
.pos-unpublish svg > path{
	fill:none;
	stroke:var(--beige);
	stroke-width:4;
	stroke-dasharray: 28.27; 
    stroke-dashoffset: 28.27; 
}
.pos-unpublish svg > path.mouth-left{
	animation: drawLeftMouth 1.5s ease-out forwards infinite;
}
.pos-unpublish svg > path.mouth-right{
	animation: drawRightMouth 1.5s ease-out forwards infinite;
}
@keyframes drawLeftMouth {
	from {
        stroke-dashoffset: 28.27; /* Inizio dal centro */
    }
    to {
        stroke-dashoffset: 56.54; /* Completamento del sorriso a sinistra */
    }
    
}
@keyframes drawRightMouth {
    from {
        stroke-dashoffset: 28.27; /* Inizio dal centro */
    }
    to {
        stroke-dashoffset: 0; /* Completamento del sorriso a destra */
    }
}

/* CSS Base fine */

@media(min-width:1600px){

}

@media(min-width:1200px) and (max-width:1599px){
h1.big, .h1.big {
    font-size: 150px;
}
.testo-slider .corsivo{
	font-size:50px;
}

.layout-strutture .relativo {
    margin-left: 100px;
    margin-top: 20px;
}
.layout-camere .relativo,
.strutture-teaser .relativo{
	margin-left:0;
	}
.layout-offerte .relativo{
	margin-left:0;
	margin-right:0;
    padding: 20px 20px 70px;
}
.layout-offerte .h1.italic{
	font-size:76px;
}
.layout-strutture .corsivo{
	font-size:50px;
}
.bg .testo {
    padding: 20px 120px;
}
.tre-foto .padding {
    padding: 0px 40px 0 40px;
}
.tre-foto.rooftop .padding {
    padding: 0px 40px 0 40px;
}
.bg .assoluto{
	top:80px;
}
.tm-footer .uk-grid-column-large>*, .uk-grid-large>* {
        padding-left: 40px;
    }
.donnina-10:before,
.donnina-3:before,
.donnina-6:before,
.donnina-7:before,
.donnina-18:before{
	width:45%;
}
.donnina-3:before{
	bottom:-90px;
}
.donnina-4:before{
	width:30%;
}
.donnina-1:before,
.donnina-8:before,
.donnina-14:before{
	width:26%;
	bottom:-120px;
}
.donnina-14:before{
	left:0;
}
.donnina-8:before{
	bottom:-300px;
	right:-20px;
}
.donnina-2:before,
.donnina-19:before,
.donnina-15:before{
	width:18%;
	right:0;
}
}

@media(min-width:960px) and (max-width:1199px){
.bg .testo {
padding: 20px 225px;
font-weight: 500;
}
h1, .h1{
font-size:120px;
}
.h1.italic{
font-size:70px;
}
.layout-strutture .corsivo{
font-size:50px;
}
	.strutture-teaser .corsivo{
	font-size:40px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
.tm-footer{
font-size:17px;
	}
.links-cerchio{
width:80px;
}
	.strutture-teaser .pos-links{
	top:20px;
	right:20px;
	}
.layout-strutture .relativo {
margin-left: 40px;
margin-top: 20px;
}
.layout-offerte .bg-beige {
padding: 25px 25px 70px;
text-align: left;
margin-left:0;
margin-right:0;
}
.strutture-home .layout-offerte{
padding-left:60px;
}
.strutture-teaser .relativo {
margin-left: 0;
margin-top: 0;
}
.tre-foto .padding {
padding: 0px 25px 0 25px;
}
.tre-foto.rooftop .padding{
padding: 0px 25px 0 25px;
}
.donnina-3:before{
bottom:-120px;
width:40%;
}
.donnina-1:before{
width:23%;
}
.donnina-2:before{
width:15%;
}
.strutture-teaser .assoluto{
left:20px;
bottom:20px;
width:auto!important;
right:20px;
}
	.strutture-teaser .pos-titolo{
	font-size:50px;
	}
	.strutture-teaser .dettaglio{
	font-size:14px;
	font-weight:600;
	}
.menu {
margin: 90px 90px 90px;
}
.menu .omni-menu li{
font-size:90px;
padding: 0 0 40px;
margin-bottom:60px;
}
h2, .h2{
letter-spacing:0.2em;
font-size:18px;
}
.box-palme{
padding:25px;
}
.lista li{
letter-spacing:0.1em;

}

.donnina-4:before{
width: 19%; 
height:60%;
}
.h1-h2 .box-linee .lista-linee li{
height:20px!important;
}
.donnina-12:before{
right:-8px;
width: 18.5%; 
height: 82%; 
}
.box-txt {
padding: 0 18%;
}
.offerte-teaser .prezzo{
left:20px;
top:20px;
}
.donnina-14:before{
left:0;
}
.territorio-full .pos-media,
.strutture-full .pos-gallery{
padding:0 100px;
}
.territorio-full .pos-related .pos-media{
padding:0;
}	
}

@media(min-width:640px) and (max-width:959px){

    .bg .testo {
        padding: 0px 125px;
        font-weight: 500;
        }
        h1, .h1{
        font-size:100px;
        }
        .h1.italic{
        font-size:70px;
        }
        .layout-strutture .corsivo{
        font-size:50px;
        }
            .strutture-teaser .corsivo{
            font-size:60px;
            padding-bottom: 20px;
            margin-bottom: 30px;
            }
        .tm-footer{
        font-size:17px;
            }
	.strutture-teaser .links-cerchio{
	width:100px;
	}
        .links-cerchio{
        width:80px;
        }
            .strutture-teaser .pos-links{
            top:20px;
            right:20px;
            }
        .layout-strutture .relativo {
        margin-left: 40px;
        margin-top: 20px;
        }
        .layout-offerte .bg-beige {
        padding: 35px 35px 35px;
        text-align: left;
        margin-left:0;
        margin-right:0;
		margin-top:60px;
		max-width:100%;
        }
	.offerte .layout-offerte .uk-width-1-3\@m{
	width:100%;
	}
        .strutture-home .layout-offerte{
        padding-left:60px;
        }
        .strutture-teaser .relativo {
        margin-left: 0;
        margin-top: 0;
        }
        .tre-foto .padding {
        padding: 0px 25px 0 25px;
        }
        .tre-foto.rooftop .padding{
        padding: 0px 25px 0 25px;
        }
        .donnina-3:before{
        top:-295%;
		right:-50px;
        }
        .strutture-teaser .assoluto{
        left:20px;
        bottom:20px;
        width:auto!important;
        right:20px;
        }
            .strutture-teaser .pos-titolo{
            font-size:90px;
            }
	.territorio-teaser .pos-titolo{
	font-size:60px!important;
	}
	.layout-territorio .pos-titolo{
	font-size:45px;
	}
            .strutture-teaser .dettaglio{
            font-size:18px;
            font-weight:500;
            }
	.territorio-teaser .dettaglio{
		font-size:15px;
	}
        .menu {
        margin: 90px 90px 90px;
        }
        .menu .omni-menu li{
        font-size:90px;
        padding: 0 0 40px;
        margin-bottom:60px;
        }
        h2, .h2{
        letter-spacing:0.2em;
        font-size:18px;
        }
        .box-palme{
        padding:25px;
        }
        .lista li{
        letter-spacing:0.1em;
        
        }
        
        .donnina-4:before{
        width: 31%; 
        height:60%;
		left:40px;
		right:initial;
        }
        .h1-h2 .box-linee .lista-linee li{
        height:20px!important;
        }
        .donnina-12:before{
        left:-48px!important;
        width: 35.5%!important; 
        height: 60%; 
		background-position-y:-50%;
		top:-60%!important;
        }
        .box-txt {
        padding: 0 10%;
        }
	.strutture  .box-txt {
        padding: 0 0;
        }
        .offerte-teaser .prezzo{
        left:20px;
        top:20px;
        }
        .donnina-14:before{
        left:-15px;
height:21%;
top:-21%!important;
	width:32%;
	background-position-y:-20%;
		background-size:cover;
        }
        .territorio-full .pos-media,
        .strutture-full .pos-gallery{
        padding:0 25x;
        }
        .territorio-full .pos-related .pos-media{
        padding:0;
        }	
h1.big, .h1.big{
font-size:100px;
}

.griglia .padding-lato {
padding:0 25px 40px;
}
	
.tre-foto .griglia-sotto{
padding-top:45px;
}
.griglia .h2{
font-size:18px;
line-height:1.4em;
padding-left:0;
padding-top:20px;
}
.bg{
height:60vh;
}
.bg .btn{
bottom:40px;
}
.bg .assoluto{
top:60px;
}
.layout-strutture{
padding: 0 25px!important;
}
.strutture-teaser{
padding:0!important;
}
.strutture .layout-strutture .pos-links{
bottom: 90px;
right: -10px;
}
.offerte .layout-offerte .pos-links{
left:initial;
right:10px;
}
.layout-strutture .pos-mediadue{
display:none;
}
.uk-slider .frecce-slider{
top:30%;
width:94%;
left:0;
right:0;
margin:0 auto;
}
	.offerte .uk-slider .frecce-slider{
width:30%;
	right:0;
	left:initial;
	top:20%;
	}
.strutture-home{
padding:60px 0;
}
.tre-foto .uk-width-3-5\@m{
padding:45px 25px 0;
}
.rooftop .griglia-sotto .padding-lato{
padding-right:0;
}
.tre-foto .uk-width-1-5\@s:nth-child(3),
.tre-foto.rooftop .uk-width-1-5\@s:nth-child(2){
display:none;
}
.tre-foto .uk-width-1-5\@s:last-child,
.tre-foto.rooftop .uk-width-1-5\@s:first-child{
width:50%;
}
.tre-foto .uk-text-right{
text-align:left!important;
}
.h1-h2,
.rooftop .h1-h2{
padding:0 25px;
}

.tre-foto{
margin-top:60px;
}
.going{
font-size:160px;
padding: 5px 0 120px 0;
}
.rooftop .uk-width-3-5\@m{
order:99;
}
.donnina-2:before{
right:-40px;
}
.offerte .layout-offerte .pos-media{
display:none;
}
.offerte .layout-offerte .uk-text-right{
text-align:left!important;
}
.tm-footer .uk-width-1-2\@m.uk-text-right{
text-align:left!important;
margin-top:0;
}
.sopra-menu .top{
padding:10px 25px;
}
.btn, .omniunpublishfrontpage-link{
padding:6px 25px;
}
.uk-offcanvas-bar .top .uk-width-1-3:nth-child(2){
width: calc(40% / 3);
}
.uk-offcanvas-bar .top .uk-width-1-3:nth-child(1),
.uk-offcanvas-bar .top .uk-width-1-3:nth-child(3){
width: calc(130% / 3);
}
.recapiti a{
display:block;
margin-left:0;
}
.donnina-1:before{
left:-80px;
}
.barra-fixed{
height:120px!important;
}
.layout-header, .layout-header .og-video-browserplayer{
height:40vh;
}
.donnina-11:before{
right:-50px;
}
.going p{
line-height:0;
}
.strutture-full .griglia-tre .uk-width-1-4\@m:first-child{
display:none;
}
.strutture-full .griglia-tre .uk-width-1-4\@m:nth-child(2),
.strutture-full .griglia-tre .uk-width-2-4\@m{
width:50%;
}
.strutture-full .pos-extra .relativo:before{
height:180px;
}
.donnina-6:before{
left:-120px;
bottom:-50px;
}
.gallery.padding-lato{
padding:40px;
}
.omni-pagine-ristorante .box-txt,
.omni-offerte-frontpage .box-txt,
.omni-territorio-frontpage .box-txt{
padding-bottom:90px;
}
.box-extra .uk-accordion-content{
padding:15px;
}
.donnina-8:before{
left:25px;
right:initial;
width:57%;
bottom:-213px;
}
.strutture-full .pos-extra .h2{
padding:10px 10px;
}
.strutture-full .pos-extra .h2 span{
line-height:1.4em;
}
.padding-items {
padding: 120px 25px;
}
.layout-territorio .pos-links .links-cerchio,
.territorio-teaser .pos-links .links-cerchio{
width:60px;
}
.donnina-15:before{
width:12%;
height: 32%;
background-size:cover;
background-position-y:-70%;
bottom:0;
}
.testo-slider .corsivo {
    font-size: 40px;
}
}

@media(max-width:639px){
	:root {
	--padding: 60px 0 30px;
	--padding-meno: 30px 0;
    --padding-lato:60px 20px;
}

    .bg .testo {
        padding: 0px 0px;
        font-weight: 500;
		line-height:1.4em;
        }
        h1, .h1{
        font-size:74px;
		line-height:0.8em;
        }
        .h1.italic{
        font-size:70px;
        }
        .layout-strutture .corsivo{
        font-size:40px;
        }
            .strutture-teaser .corsivo{
            font-size:40px;
            padding-bottom: 10px;
            margin-bottom: 10px;
			color:var(--blue);
            }

	.layout-strutture .corsivo:after{
		display:none;
	}
        .tm-footer{
        font-size:17px;
            }
	.strutture-teaser .links-cerchio{
	width:80px;
	}
        .links-cerchio{
        width:80px;
        }
            .strutture-teaser .pos-links{
            top:10px;
            right:10px;
            }
        .layout-strutture .relativo {
        margin-left: 40px;
        margin-top: 20px;
        }
        .layout-offerte .bg-beige {
        padding: 35px 35px 35px;
        text-align: left;
        margin-left:0;
        margin-right:0;
		margin-top:60px;
		max-width:100%;
        }
	.offerte .layout-offerte .uk-width-1-3\@m{
	width:100%;
	}
        .strutture-home .layout-offerte{
        padding-left:60px;
        }
        .strutture-teaser .relativo {
        margin-left: 0;
        margin-top: 0;
        }
        .tre-foto .padding {
        padding: 0px 25px 0 25px;
        }
        .tre-foto.rooftop .padding{
        padding: 0px 25px 0 25px;
        }
        .donnina-3:before{
        /* top:-295%; */
        right:-50px;
		width:100%;
		bottom:-160px;
        }
        .strutture-teaser .assoluto{
        left:0px;
        bottom:initial;
        width:auto!important;
        right:20px;
		position:relative;
		margin-top:15px;
		color:var(--green-dark);
        }
            .strutture-teaser .pos-titolo{
            font-size:90px;
            }
	.territorio-teaser .pos-titolo{
	font-size:60px!important;
	}
	.layout-territorio .pos-titolo{
	font-size:45px;
	}
            .strutture-teaser .dettaglio{
            font-size:15px;
            font-weight:500;
            }
	.territorio-teaser .dettaglio{
		font-size:15px;
	}
        .menu {
        margin: 60px 20px 40px;
        }
        .menu .omni-menu li{
        font-size:60px;
        padding: 0 0 15px;
        margin-bottom:30px;
		line-height:1em;
        }
        h2, .h2{
        letter-spacing:0.2em;
        font-size:17px;
		margin-top:10px;
        }
        .box-palme{
        padding:0 25px;
		background:none;
		margin-top:0;
        }
	body{
	font-size:17px;
	}
        .lista li{
        letter-spacing:0.1em;
		color:var(--green-dark);
        font-weight:500;
        }
        
        .donnina-4:before{
        width: 62%; 
		right:0;
		left:initial;
		transform: scaleX(-1);
        }
        .h1-h2 .box-linee .lista-linee li{
        height:20px!important;
        }
        .donnina-12:before{
        left:-38px!important;
        width:50%!important; 
        height: 50%; 
		background-position-y:-50%;
		top:-45%!important;
        }
        .box-txt {
        padding: 0;
        }
	.donnina-6 .box-txt{
		padding-bottom:30px;
	}
	.strutture  .box-txt {
        padding: 0 15px;
        }
        .offerte-teaser .prezzo{
        left:20px;
        top:20px;
        }
        .donnina-14:before{
        left:-45px;
top:-26%!important;
	width:70%;
        }
        .territorio-full .pos-media,
        .strutture-full .pos-gallery{
        padding:0 25x;
        }
        .territorio-full .pos-related .pos-media{
        padding:0;
        }	
h1.big, .h1.big{
font-size:80px;
}
.griglia .padding-lato {
padding:110px 25px 40px;
}
.griglia-sotto .padding-lato{
	padding-top:0;
}
.tre-foto .griglia-sotto{
padding-top:0px;
}
.ristorante .margine{
	text-align:left;
}
.griglia .h2{
font-size:18px;
line-height:1.4em;
padding-left:0;
padding-top:30px;
margin-bottom:0;
}
.bg{
height:60vh;
}
.bg .btn{
bottom:40px;
}
.bg .assoluto{
top:40px;
}
.layout-strutture{
padding: 0 25px!important;
}
.strutture-teaser{
padding:0!important;
}
.strutture .layout-strutture .pos-links{
bottom: 80px;
right: -12px;
}
.offerte .layout-offerte .pos-links{
left:initial;
right:10px;
}
.layout-strutture .pos-mediadue{
display:none;
}
.uk-slider .frecce-slider{
top:40%;
width:100%;
left:0;
right:0;
margin:0 auto;
}
	.offerte .uk-slider .frecce-slider{
width:30%;
	right:0;
	left:initial;
	top:20%;
	}
.strutture-home{
padding:20px 0 0;
}
.tre-foto .uk-width-3-5\@m{
padding:20px 25px 0;
}
.rooftop .griglia-sotto .padding-lato{
padding-right:0;
}
.tre-foto .uk-width-1-5\@s:nth-child(3),
.tre-foto.rooftop .uk-width-1-5\@s:nth-child(2){
display:none;
}
.tre-foto .uk-width-1-5\@s:last-child,
.tre-foto.rooftop .uk-width-1-5\@s:first-child{
width:50%;
}
.tre-foto .uk-text-right{
text-align:left!important;
}
.h1-h2,
.rooftop .h1-h2{
padding:0 25px;
}

.tre-foto{
margin-top:40px;
}
.going{
font-size:160px;
padding: 5px 0 120px 0;
}
.rooftop .uk-width-3-5\@m{
order:99;
}
.donnina-2:before{
right:0;
width:36%;
}
.offerte .layout-offerte .pos-media{
display:none;
}
.offerte .layout-offerte .uk-text-right{
text-align:left!important;
}
.tm-footer .uk-width-1-2\@m.uk-text-right{
text-align:left!important;
margin-top:0;
}
.sopra-menu .top{
padding:10px 25px;
}
.btn, .omniunpublishfrontpage-link{
padding:6px 25px;
}
.recapiti a{
display:block;
margin-left:0;
}
.donnina-1:before{
left:-50px;
width:50%;
}
.barra-fixed{
height:80px!important;
}
.layout-header, .layout-header .og-video-browserplayer{
height:40vh;
}
.donnina-11:before{
right:-20px;
width:40%;
bottom:-180px;
}
.going p{
line-height:0;
}
.strutture-full .griglia-tre .uk-width-1-4\@m:first-child{
display:none;
}
.strutture-full .griglia-tre .uk-width-1-4\@m:nth-child(2),
.strutture-full .griglia-tre .uk-width-2-4\@m{
width:100%;
}
.strutture-full .pos-extra .relativo:before{
height:180px;
}
.donnina-6:before{
right:-50px;
width:100%;
bottom:0;
}
.gallery.padding-lato{
padding:20px;
}
.omni-offerte-frontpage .box-txt,
.omni-territorio-frontpage .box-txt{
padding-bottom:90px;
}
.box-extra .uk-accordion-content{
padding:15px;
}
.donnina-8:before{
right:-45px;
left:initial;
width:57%;
bottom:initial;
top:-250px;
}
.strutture-full .pos-extra .h2{
padding:10px 10px 20px;
}
.strutture-full .pos-extra .h2 span{
line-height:1.4em;
}
.padding-items {
padding: 40px 20px;
}
.layout-territorio .pos-links .links-cerchio,
.territorio-teaser .pos-links .links-cerchio{
width:60px;
}
.donnina-15:before{
width:40%;
bottom:-160px;
right:-20px;
}
.recapiti{
display:none;
}
.testo-slider .corsivo{
font-size:30px;
}
.griglia .uk-width-1-5\@s{
width:100%!important;
}
.griglia .uk-width-1-5\@s:first-child{
order:99;
margin-top:20px;
}
.donnina-1:before {
}
.manu-off{
margin-top:-20px;
}
.lista-linee li{
width:22px;
}
.sotto-griglia{
	display:none;
}
.griglia{
	margin-bottom:0;
}
.frecce-slider .uk-slidenav:before{
	width:16px;
}

.griglia .btn, .box-txt .btn {
    margin-top: 25px;
}
.bg-piscina .lista-icone,
.bg-sorrento .lista-icone{
	display:none;
}
.griglia-foto .margine.uk-width-1-5\@s{
	margin-top:0;
}
.ristorante .h2{
	padding-left:0;
}
.btn, .omniunpublishfrontpage-link{
	font-size:14px;
}
.tre-foto.rooftop .griglia-sotto .uk-width-2-5\@s{
	display:none;
}
.menu-off{
	margin-left:-30px;
}
.pos-descrizione .donnina-1:before{
	content:url(../images/nuotatrice-4.svg);
	transform: scaleX(-1);
	width:90%;
	bottom:-100px;
}
.sotto-footer{
	padding:10px 20px;
	line-height:1.5em;
}
.omnipolicycookielinks{
	font-size:14px;
	letter-spacing:0.2em;
	margin-top:10px;
}
.secondo-menu li{
	display:block;
	margin: 0 20px 10px;
	text-align:center;
}
.secondo-menu li a{
	display:inline-block;
}
.uk-offcanvas-bar .social{
	margin-top:60px;
}
.uk-offcanvas-bar .uk-offcanvas-close{
	left:10px;
}
.testo-slider{
	padding-bottom:30px;
}
.but-omni{
	padding-bottom:70px!important;
}
.interne .padding {
    padding-bottom: 0px;
    padding-top: 40px;
}
.tit-servizi{
	margin-top:30px;
}
.box-servizi *+.uk-grid-margin, .box-servizi .uk-grid+.uk-grid, .box-servizi .uk-grid>.uk-grid-margin{
	margin-top:0;
}
.box-servizi .gallery *+.uk-grid-margin, .box-servizi .gallery .uk-grid+.uk-grid, .box-servizi .gallery .uk-grid>.uk-grid-margin{
	margin-top:30px;
}
.box-servizi.padding-lato {
    padding-top: 20px;
    padding-bottom: 30px;
}

.tit-assoluto h2 {
    margin-top: 10px;
}
.donnina-10:before {
    top: -130px;
    width: 85%;
}
.strutture-teaser {
	margin-bottom:30px;
}
.strutture-teaser .relativo:before{
	display:none;
}
.strutture-teaser .pos-titolo{
	color:var(--green);
	font-size:76px;
}
.omni-strutture .items .uk-width-1-2\@m:last-child .strutture-teaser{
	margin-bottom:0;
}
.strutture-full .pos-plus{
	font-size:64px;
	margin-top:20px;
}
.strutture-full .dettaglio {
    margin: 30px 0 30px;
}
.strutture-full .pos-links {
    margin: 40px 0 30px;
}
.strutture-full .pos-links a{
	display:block;
	margin:10px 0;
}

.strutture-full .pos-comfort {
    text-align: left;
    margin-top: 30px;
}
.strutture-full .h1-h2 {
    padding-left: 20px;
}
#form-strutture fieldset{
	margin-top:30px;
}
.rsform-block-accetto-privace-3, .rsform-block-newsletter-3, .rsform-block-accetto-privace-5, .rsform-block-newsletter-5, .rsform-block-accetto-privace-4{
	font-size:13px;
	line-height:1.4em;
	margin:10px 0;
}
.rsform-block-invia .btn{
	margin-top:20px;
}
#form-strutture .bg-palme .padding-lato{
	padding-bottom:40px;
}
.layout-camere{
	margin:0;
}
.icone-piscina .padding{
	padding-top:20px;
}
.uk-container.padding{
	padding-left:20px;
	padding-right:20px;
}
.lista-icone li{
	padding:0 5px;
}
.donnina-7:before{
	width:100%;
	bottom:0;
	right:-30px;
}
.box-extra .uk-accordion-content{
	min-height:unset;
}
.bg-palme:before{
	display:none;
}
.eventi-esclusivi .griglia-tre,
.offerte-full .griglia-tre{
	margin-bottom:0;
}
.uk-offcanvas-bar .facebook,
.uk-offcanvas-bar .instagram{
	width:40px;
}
	.strutture .bg-green, 
	.strutture .bg-palme{
		color:var(--white);
	}
.bg-green, .bg-palme{
	color:var(--green-dark);
}
.pos-servizi .pos-descrizione{
	margin-top:-20px;
}
.donnina-18:before{
	width:100%;
	right:-25px;
}
.form-info{
	color:var(--white);
	padding-bottom:30px;
}
.come-raggiungerci{
	padding-top:0px;
	padding-bottom:40px!important;
}
.p1,
.p2{
	/* display:none; */
}
.photo-mask{
	height: 55vh;
}
.gallery-home ul,
.gallery-home li{
	min-height:450px!important;
}

/*fumetto mobi*/
.eb-dialog {
    bottom:50px;
}
.fumetto {
    width: 150px!important;
    height: 150px!important;
}
.fumetto p{
    font-size:0.85rem;
}
.eb-1 .eb-close.placement-inside,
.eb-2 .eb-close.placement-inside {
    display: block;
    top: 40px;
    right: 70px;
    background: #E5E3DA;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
}