@font-face {
  font-family: 'Satoshi-Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'),
       url('../fonts/Satoshi-Variable.woff') format('woff'),
       url('../fonts/Satoshi-Variable.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}

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

@font-face {
    font-family: 'Font Awesome 5 Brands';
    src: url('../fonts/FontAwesome5Brands-Regular.woff2') format('woff2'),
        url('../fonts/FontAwesome5Brands-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


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

:root{
	--brown:#887F6F;
	--dark-brown:#665F53;
    --gold:#b58500;
	--beige:#F3F2EF;
	--superb: #181d4b;
	--font-text:'Satoshi-Variable';
	--font-title:'spalla';
	--font-title2:'Copperplate';
	--margin:120px;
	
}
html {
	font-size:20px;
}
body{
	font-family: var(--font-text);
	font-size: 1rem;
	font-weight: 300;
	color:var(--dark-brown);
	line-height: 1.4em;
}
.uk-offcanvas-page  {
  overflow: hidden!important;
}

.uk-offcanvas-container, .uk-offcanvas-page {
    overflow-x: hidden!important;
   
}

h1, .h1{
	font-family: var(--font-title);
	color: var(--brown);
	font-size: 2.5rem;
	line-height: 1em;
	font-weight: 600;
	font-style: normal;
	letter-spacing:0.025em;
}
h1.big, .h1.big {
	font-size:4.5rem;
	font-weight:300;
}
h1 span.h2 {
	margin-top:1rem;
}
h2, .h2{
	font-family: var(--font-title2);
	text-transform:uppercase;
	color: var(--brown);
	font-size: 1.1rem;
	letter-spacing: 0.075em;
    line-height: 1.3em;
	margin-bottom: 2.3em;
	margin-top:0;
	font-weight:400;
}
h3, .h3{
	font-family: var(--font-title);
	color: var(--brown);
	font-size: 1.9rem;
	line-height: 1em;
	text-rendering: geometricPrecision;
	margin-bottom: 2.5rem;
}
h4.h1 {
	font-size:2.1rem;
	font-weight:700;
	color:var(--dark-brown);
}
b, strong {
	font-weight:450;
} 
a{	
	color: var(--gold);
	font-weight:500;
	transition: all .5s;
}

a:hover{	
	color: var(--gold);
	filter:brightness(1.15);
	text-decoration:none;
}


.link {
	color: var(--gold);
	transition: color .5s;
	font-family:var(--font-title2);
	font-weight:300;
	font-size:.95rem;
	transition: all .5s;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	padding:15px 40px;
}

.link::after {
	content:'';
	width:100%;
	height:1px; 
	background:var(--gold);
	position: absolute; 
	bottom:0;
	left:0;
	display:block;
	transition: all 0.5s ease;
}
.link:hover {
	text-decoration:none;
	/*filter:brightness(1.15);*/
}
.link:hover::after {
	transform:translateY(-58px);
}

.btn{
	font-family:var(--font-title2);
	font-size:.95rem;
	font-weight:300;
	display: inline-block;
	padding: 15px 40px;
	text-transform:uppercase;
    transition: all .5s;
}

.btn-gold{
	background-color: var(--gold);
	color:#fff;
	border:1px solid var(--gold);
}
.btn-gold:hover{
	color: #fff;
	filter:brightness(1.2);
	text-decoration:none;
}
.btn-fork {
	position:relative;
	background:rgb(0, 102, 92);
	color:#fff!important;
}
.btn-superb {
	position:relative;
	background:var(--gold);
	color:#fff!important;
	text-align:center;
	padding: 18px 40px 12px 40px;
}
.btn-fork span, .btn-superb span {
	position:relative;
	/*padding-left: 20px;*/
	display:inline-block; 
	line-height:0.85
}
.btn-fork span::before {
	content:url(../images/ico-the-fork.svg);
	display:inline-block; 
	width:25px;
	margin-right:10px;
	position: absolute; 
	left:-10px;
	top:0
	
	
}


.btn-white{
	background-color: #fff;
	color: var(--gold)!important;
	border:1px solid #fff;
	margin-left:10px;
}
.btn-white:hover{
	color: #fff;
	filter:brightness(1.2);
	text-decoration:none;
}

.btn-ghost {
	color:#fff;
	position:relative; 
}
.btn-ghost::after {
	content:'';
	width:100%;
	height:1px; 
	background:#fff;
	position: absolute; 
	bottom:0;
	left:0;
	display:block;
	transition: all 0.5s ease;
	transform:scaleX(1);

}
.btn-ghost:hover {
	text-decoration:none;
	color:#fff;
}
.btn-ghost:hover::after ,
.layout-strutture:hover .btn-ghost:after , 
.layout-slideshow-item:hover .btn-ghost:after {
	/*transform:translateY(-58px);*/
	transform:scaleX(0);
}
.btn-ghost::before {
	content:'+';
	background:var(--gold);
	color:#fff;
	border-radius:50%;
	width:26px;
	height:26px;
	display:flex;
	justify-content:center;
	align-items:center;
	position: absolute; 
	bottom:-13px; 
	left:50%;
	margin-left:-13px;
	z-index:2;
	transition: all 0.5s ease;
}



.btn-ghost:hover::before, 
.layout-strutture:hover .btn-ghost:before , 
.layout-slideshow-item:hover .btn-ghost:before {
	background:#fff;
	color:var(--gold);
	transform:translateY(5px);
}









/*
.btn-ghost:hover::before {
	display:none;
}*/
.headerbar .btn-ghost::before {
	display:none;
} 

.white {
	color:#fff!important;
}
.payoff {
    position: absolute;
    margin-bottom: calc(var(--margin) / 2) ;
	bottom:0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
	font-weight:300;
	animation-duration: 1800ms;
} 
.toggle-menu {
    font-family: var(--font-title2);
    font-size: 0.95rem;
    color: #fff;
    position: relative;
    padding: 5px 0 5px 60px;
    display: inline-block;
    text-transform: uppercase;
	transition: all 0.5s ease;
}
.toggle-menu span {
	display:inline-block;
	position:relative; 
	z-index:2;
}

.toggle-menu:hover {
	text-decoration:none;
	color:#fff;
	border-bottom:0;
	 padding: 5px 60px 5px 0;
	
}
.toggle-menu::before {
	content:'';
	background:#fff;
	width:50px;
	height:1px;
	top:51%; 
	left:0;
	display:block; 
	position: absolute;
	transition: all 0.5s ease;
	z-index:1;
}
.toggle-menu::after {
	content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    transition: all 0.5s ease;
}
.toggle-menu:hover::before {
    transform: translateX(67px);
}
.toggle-menu:hover::after {
	transform:translateY(-38px);
}
.tm-logo {
	position: absolute;
	left:50%;
	transform:translateX(-50%);
}
.headerbar .btn-ghost {
	margin-right:10px;
}
.tm-top-a.noslider {
	height:80px;
}
.barra-fixed, 
.barra-noslider {
    background: rgba(256, 256, 256, 0.8);
    box-shadow: 0 0 55px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
	height:80px;
}
.barra-noslider {
	margin-top:0!important;
}
.barra-fixed > div, 
.barra-noslider >div {
	margin-top:10px;
}
.barra-fixed .toggle-menu,
.barra-noslider .toggle-menu {
	color:var(--brown);
	/*border-bottom:1px solid var(--brown);*/
}
.barra-fixed .toggle-menu:hover, 
.barra-noslider .toggle-menu:hover {
	/*border-top:1px solid var(--brown);*/
	border-bottom:0;
}
.barra-fixed  .toggle-menu::before,
.barra-noslider  .toggle-menu::before,
.barra-fixed  .toggle-menu::after,
.barra-noslider  .toggle-menu::after {
	background:var(--brown);
}
.barra-fixed  .btn-ghost ,
.barra-noslider .btn-ghost {
	color:var(--brown);
}
.barra-fixed .btn-ghost::after,
.barra-noslider .btn-ghost::after {
    background: var(--brown);
}
.uk-sticky:not(.barra-fixed) .logo-color {
	display:none;
}
.uk-sticky.barra-fixed .logo-color, 
.uk-sticky.barra-noslider .logo-color {
	display:block;
}
.uk-sticky.barra-fixed .tm-logo img:not(.logo-color),
.uk-sticky.barra-noslider .tm-logo img:not(.logo-color) {
	display:none;
}
.uk-sticky.barra-fixed .tm-logo, 
.uk-sticky.barra-noslider .tm-logo  {
	top: 5px;
}

.uk-sticky.barra-fixed .sound {
	display:none;
}
.tm-content {
	margin-top:var(--margin);
}
.pag-home .tm-content {
	margin-top:var(--margin);
}
.foto-switch-container {
	height:70vh;
	margin-top:var(--margin);
}
#foto-switch {
	top:0;
	height:100%; 
	width:100%;
	padding:0;
}
#foto-switch li, #foto-switch li > img {
	height:100%; 
	width:100%;
	padding:0;
}
#foto-switch li > img{
	object-fit:cover;
}
.giorno-notte {
    z-index: 2;
    position: absolute;
    list-style: none;
    text-align: center;
  	margin-left:calc(var(--margin) / 2);
	height:100%;
	display:flex; 
	flex-direction: column;
	justify-content: center; 
	align-items: flex-start;
	top:0;
}
.giorno-notte::before {
    content: url(../images/logo-mono.svg);
    width: 400px;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.giorno-notte li a , .giorno-notte li a .h1{
	color:#fff;
	z-index:2;
	position: relative;
} 
.giorno-notte li a:hover {
	text-decoration:none;
}
.giorno-notte li:first-child {
	border-bottom:2px solid #fff;
}
.giorno-notte li{
	padding:0 ;
	position:relative;
	z-index:2;
	width:100%;
}
.giorno-notte li:first-child::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
}
.giorno-notte li:last-child::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
}
.giorno-notte li:not(.uk-active)::after {
opacity:0;
}
.giorno-notte li * {
	transition: all 0.5s ease;
}
.giorno-notte li:not(.uk-active) .h1 {
	opacity:0.5
}
.giorno-notte li:not(.uk-active) p {
	opacity:0;
}
.giorno-notte li:first-child.uk-active a {
	transform:translateY(-30px);
} 
.giorno-notte li:first-child:not(.uk-active) a {
	transform:translateY(0);
} 
.giorno-notte li:last-child.uk-active a {
	transform:translateY(35px);
} 
.giorno-notte li:last-child:not(.uk-active) a {
	transform:translateY(40px);
} 
.giorno-notte li a {
	display:inline-block;
}
.giorno-notte li p {
	margin:10px 0 0;
}
.slider-giorno-notte  {
	height:70vh;
	overflow:hidden;
}
.slider-giorno-notte .uk-slider-items, 
.slider-giorno-notte .uk-slider-items .banner, 
.slider-giorno-notte .uk-slider-items .banner> img  {
	height:100%;
	width:100%;
}
.slider-giorno-notte .uk-slider-items .banner> img {
	object-fit:cover;
}
.modal-location {
	position: absolute;
	top: 81%;
	left:59%;
	z-index:10;
}
.banner.notte .modal-location {
	top:81%;
	left:53%;
}
.plus {
    width: 40px;
    height: 40px;
    display: block;
    background: var(--gold);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.plus img {
    width: 15px;
    height: 15px;
    filter: invert(1);
}
/*
.tm-bottom-a {
	margin:calc(var(--margin) / 2 ) 0; 
}*/
.layout-layout1 .link{
	margin-top:2.5rem;
	/*display:block;*/
}
.layout-layout2 .pos-media {
	position:relative;
	height:80vh;
	width:100%; 
}
.tm-bottom-b .layout-layout2 .pos-media {
	position:relative;
	height:90vh;
	width:100%; 
}
.layout-layout2 .pos-media img {
	width:100%;
	height:100%;
} 
.layout-layout2 .pos-media img {
	object-fit:cover; 
	object-position: 50% 50%;
}

.tm-bottom-g .layout-layout2 .pos-media img,
.tm-bottom-b .layout-layout2 .pos-media img , 
.tm-bottom-h .layout-layout2 .pos-media img {
	object-position: 50% 100%;
}
.tm-bottom-b .layout-layout2 .pos-media::before {
	content:'';
	background-image:url('../images/texture.svg');
	display:block; 
	position: absolute; 
	top:0;
	width:100%; 
	height:290px;
	background-size:contain;
	background-position: 50% 50%;
	background-repeat:repeat-x;
} 
.layout-layout2 .pos-media::after{
	content:'';
	background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
	display:block; 
	position: absolute; 
	bottom:0;
	width:100%; 
	left:0;
	height:30%;
	opacity:0.3;
}
.layout-layout2 .layout-top-bottom  .pos-media::before {
	content:'';
	background-image:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	display:block; 
	position: absolute; 
	top:0;
	width:100%; 
	left:0;
	height:30%;
	opacity:0.5;
}
.layout-layout2 .layout-top-bottom  .pos-media::after{
	opacity:0.5;
}

.layout-layout2 .pos-media .pos-title {
    position: absolute;
    bottom: calc(var(--margin) / 2) ;
    left: 50%;
    transform: translateX(-50%);
	color:#fff;
	z-index:2;
	text-align:center;
	width:100%;
}
.layout-layout2 .pos-media .pos-title.pos-title-top {
    position: absolute;
    top: calc(var(--margin) / 2) ;
    left: 50%;
    transform: translateX(-50%);
	color:#fff;
	z-index:2;
	text-align:center;
}
.layout-layout2 .btn-bottom {
    position: absolute;
    bottom: calc(var(--margin) / 2) ;
    left: 50%;
    transform: translateX(-50%);
	color:#fff;
	z-index:2;
	text-align:center;
}

.layout-layout2 .pos-media .h2 {
   color:#fff;
   margin-bottom:0;
}
.layout-layout2 .h1.big{
	font-weight:300;
	margin-top:1rem;
	margin-bottom:2.5rem;
}
.layout-layout2 .pos-media .h1.big {
	color:#fff;
	font-weight:300;
	margin-top:1rem;
	margin-bottom:0;
}
.layout-layout2 .h2 {
   margin-bottom:0;
}

.mrg-sm {
	margin-top:calc(var(--margin) / 2)!important;
	margin-bottom:calc(var(--margin) / 2)!important;
}
.mrg {
	margin-top:var(--margin)!important;
	margin-bottom:var(--margin)!important;
}
.mrg-top {
	margin-top:var(--margin)!important;
}
.mrg-btm {
	margin-bottom:var(--margin)!important;
}
.mrg-top-sm {
	margin-top:calc(var(--margin) / 2)!important;
}
.mrg-btm-sm {
	margin-bottom:calc(var(--margin) / 2)!important;
}
.pad-sm {
	padding-top:calc(var(--margin) / 2);
	padding-bottom:calc(var(--margin) / 2);
}
.pad {
	padding-top:var(--margin);
	padding-bottom:var(--margin);
}
.pad-top {
	padding-top:var(--margin);
}
.pad-btm {
	padding-bottom:var(--margin);
}
.pad-top-sm {
	padding-top:calc(var(--margin) / 2);
}
.pad-btm-sm {
	padding-bottom:calc(var(--margin) / 2);
}
.uk-slideshow , 
.uk-slideshow-items {
	height:80vh;
}
.slideshow-gallery .uk-slideshow , 
.slideshow-gallery .uk-slideshow-items {
	height:auto;
	min-height:auto!important;
}

.slideshow-gallery.slideshow-gallery-piatti .uk-slideshow-items {
	aspect-ratio:16 / 9!important;
}

.tm-bottom-c .uk-slideshow-items,
.tm-bottom-c .uk-slideshow {
	height:70vh;
}
.tm-bottom-c .uk-slideshow-items > div::before {
 	content: "";
    position: absolute;
    left: 50%;
    top:4px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
	z-index:2;
}
.uk-slideshow .uk-position-center-left,
.uk-slideshow .uk-position-center-right,
.uk-slider .uk-position-center-left-out,
.uk-slider .uk-position-center-right-out,
.uk-slider .uk-position-center-left,
.uk-slider .uk-position-center-right {
    max-width:unset;
	box-sizing:content-box;
	background:#fff;
	width: 40px;
	height:40px; 
	border-radius:50%;
	display:flex; 
	justify-content:center;
	align-items:center;
	padding:0;
	z-index:3;
}

.recensioni .uk-slideshow .uk-position-center-left,
.recensioni .uk-slideshow .uk-position-center-right {
	background:transparent;
}
 
.uk-slider .uk-position-center-left-out {
    left:-20px;
	right:initial;
}

.uk-slider .uk-position-center-right-out {
    right:-20px;
	left:initial;
}
.uk-slideshow .uk-position-center-left,
.strutture-full .uk-slideshow .uk-position-center-left {
    left:20px;
	right:initial;
}
.uk-slideshow .uk-position-center-right,
.strutture-full .uk-slideshow .uk-position-center-right {
    right:20px;
	left:initial;
}
.eventi-full .uk-slideshow .uk-position-center-left {
    left:-40px;
	right:initial;
}
.eventi-full .uk-slideshow .uk-position-center-right {
    right:-40px;
	left:initial;
}
.tm-bottom-e .uk-slideshow .uk-position-center-left,
.uk-slider .uk-position-center-left {
    left:20px;
}
.tm-bottom-e  .uk-slideshow .uk-position-center-right,
.uk-slider .uk-position-center-right {
    right:20px;
}
.esperienze-full .uk-slider .uk-position-center-left {
    left:0;
}
.esperienze-full .uk-slider .uk-position-center-right {
    right:0;
}

.uk-slider .uk-position-center-left, 
.uk-slider .uk-position-center-right {
	top:48%;
}
.uk-slideshow .uk-slidenav svg, 
.uk-slider  svg  {
	width:20px!important;
	height:20px!important;
}
.uk-slideshow .uk-slidenav svg * , 
.uk-slider .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
   stroke:var(--gold)!important;
}
.layout-slideshow-item {
	height:100%;
	background-size:cover;
	background-position:50% 50%;
	text-align:center;
	position:relative;
	display:block; 
}
.layout-slideshow-item:hover , .layout-slideshow-item:hover * {
	text-decoration:none;
} 
.layout-slideshow-item::before, 
.layout-slideshow-item::after {
	content:'';
	background-image:linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0));
	display:block; 
	position: absolute; 
	top:0;
	width:100%; 
	left:0;
	height:30%;
	opacity:0.8;
}
.layout-slideshow-item::after{
	top:initial; 
	bottom:0;
	background-image:linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.tm-bottom-e .layout-slideshow-item::before, 
.tm-bottom-e .layout-slideshow-item::after {
	height:50%;
}
.layout-slideshow-item .h1 {
	padding-top:calc( var(--margin) / 2)	;
	position:relative;
}
.tm-bottom-e .layout-slideshow-item .h1 {
	padding-top:calc( var(--margin) * 3/4)	;
	margin-bottom:25px;
}
.layout-slideshow-item * {
	position:relative; 
	z-index:2;
}
.layout-slideshow-item p {
	font-weight:400;
}
.layout-slideshow-item .btn {
	bottom:calc( var(--margin) / 2)	;
	position: absolute;
	left:50%;
	transform:translateX(-50%);
}
.layout-strutture {
	display:block;
	height:100%;
	background-position: 50% 50%;
	background-size:cover;
	font-weight:400;
}



.pos-details .pos-ospiti::before {
	content:url('../images/ico-pax.svg');
	width:17px;
	display:inline-block;
	position:relative; 
	top:3px;
}
.layout-esperienze .pos-details .pos-pax::before {
	content:url('../images/ico-pax-brown.svg');
	width:17px;
	display:inline-block;
	margin-right:5px;
}
.layout-esperienze .pos-details .pos-durata::before {
	content:url('../images/ico-clock.svg');
	width:20px;
	display:inline-block;
	margin-right:5px;
		position:relative; 
	top:3px;
}
.layout-esperienze .pos-details .pos-durata{
	text-transform:uppercase;
}
.layout-esperienze {
	padding-bottom:20px;
}
.esperienze-full {
	padding-bottom:var(--margin);
}
.pos-details .pos-mq::before {
	content:url('../images/ico-mq.svg');
	width:19px;
	display:inline-block;
		position:relative; 
	top:3px;
}
.pos-details .pos-plus::before {
	content:url('../images/ico-plus.svg');
	width:21px;
	display:inline-block;
		position:relative; 
	top:3px;
}
.pos-details {
	margin-top:20px;
	font-weight:500;
} 
.pos-details > div {
	padding:0 10px;
}
/*
.tm-bottom-g {
	margin-bottom:calc(var(--margin) / 2) ;
} */
.layout-layout1, .uk-container>.layout-layout1:last-child {
	margin:calc(var(--margin) / 2 + 10px) 0;
}
.tm-bottom-h .mrg-top {
	margin-top:calc(var(--margin) /2)!important;
}
.tm-bottom-h, .tm-footer {
	position:relative;
	padding-top:180px;
}
.tm-bottom-h::before, 
.tm-footer::before {
    content: '';
    background: url('../images/texture.svg') #fff 50% 0 / cover;
	display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 180px;
}
.tm-bottom-h .layout-layout2 .mrg {
	margin-top:calc(var(--margin) * 3/4 );
}
a.layout-ristorante {
	padding-top:var(--margin);
	padding-bottom:calc(var(--margin) * 3/4 );
	background:var(--beige);
}
.layout-ristorante .pos-ambiente {
	height:60vh;
}
.layout-ristorante .pos-ambiente img {
	height:100%;
	object-fit:cover;
	width:100%;
	object-position:center bottom;
}
#uk-tab-14 .layout-ristorante .pos-ambiente img {
	object-position: 50% 100%;
}
.layout-ristorante .pos-links a {
	margin:0 15px;
}
/*
.layout-ristorante .pos-piatto {
	height:50vh;
}*/
.omni-ristoranti-frontpage .layout-ristorante .pos-piatto {
	height:60vh;
}
.omni-ristoranti-frontpage .pos-links .link {
	margin:0 15px;
}
/*
.omni-ristoranti-la-coquille .beige-bg {
	background:transparent;
	padding-bottom:0;
}*/




.layout-ristorante .pos-piatto img {
	height:100%;
	object-fit:cover;
	width:100%;
}
.layout-ristorante .pos-links {
	margin-top:35px;
}
.layout-ristorante.ristorante-teaser .pos-links {
	margin-top:0;
}
/*.layout-ristorante .pos-links a , 
.offerte-full .pos-links a{
	padding:0 40px;
} */
.tab-ristoranti {
	list-style:none;
	margin-bottom:30px;
	padding:0;
}
.tab-ristoranti li {
	padding:0 35px;
	position:relative;
}
.tab-ristoranti a {
	display:inline-block;
	width:200px;
	height:100px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
	transition: all 0.5s ease;
	 border-color:transparent!important;
	position:relative;
}
.tab-ristoranti li.uk-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -34px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--beige);
}
.tab-ristoranti a.risto-savino {
	background-image: url('../images/logo-savino-seppia.svg');
}
.tab-ristoranti li.uk-active a.risto-savino, 
.tab-ristoranti li:hover a.risto-savino, 
.tab-ristoranti li a.risto-savino:hover {
	background-image: url('../images/logo-savino.svg');
}
.tab-ristoranti a.risto-volavento {
	background-image: url('../images/logo-volavento-seppia.svg');
}
.tab-ristoranti li.uk-active a.risto-volavento, 
.tab-ristoranti li:hover a.risto-volavento, 
.tab-ristoranti li a.risto-volavento:hover {
	background-image: url('../images/logo-volavento.svg');
}
.tab-ristoranti a.risto-coquille {
	background-image: url('../images/logo-la-coquille-seppia.svg');
}
.tab-ristoranti li.uk-active a.risto-coquille, 
.tab-ristoranti li:hover a.risto-coquille, 
.tab-ristoranti li a.risto-coquille:hover {
	background-image: url('../images/logo-la-coquille.svg');
}
.tab-ristoranti a.risto-calamarinai {
	background-image: url('../images/logo-cala-marinai-seppia.svg');
}
.tab-ristoranti li.uk-active a.risto-calamarinai, 
.tab-ristoranti li:hover a.risto-calamarinai, 
.tab-ristoranti li a.risto-calamarinai:hover {
		background-image: url('../images/logo-cala-marinai.svg');
}
.uk-switcher > div {
	position:relative;
} 
a.switcher-nav {
    box-sizing: content-box;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
	top:50%;
	position: absolute;
}
a.switcher-nav svg * {
    stroke: var(--gold)!important;
}
a.switcher-nav.previous {
	left:20px;
}
a.switcher-nav.next {
	right:20px;
}

/*esperienze home*/
.tm-bottom-l .layout-layout2 > .uk-container {
	width:100%;
}
.beige-bg {
	background:var(--beige);
}
.concierge::before {
	content:url(../images/ico-concierge2.svg);
	width:60px;
	display:block;
	position: absolute; 
	top:-30px; 
	left:50%; 
	margin-left:-30px;
}
.lista.timing li .h2, .timing {
	position:relative;
}
.lista.timing .h2::before{
    content: url(../images/ico-clock.svg);
    width: 20px;
    position: absolute;
    top: 0;
    left:50%;
    margin-left:-10px;
}
.lista.timing .h2 {
	padding-bottom: 0;
	margin-bottom: 5px;
	padding-top: 30px;
}
.timing h4 {
	margin-bottom:40px;
}
.layout-esperienze .pos-image {
	height:50vh;
	display:block;
	background-size:cover;
	position:relative;
	background-position:center;
}
.layout-esperienze .pos-image::after {
	background-color:#555447;
	opacity:0.3;
	content:'';
	width:100%; 
	height:100%; 
	position: absolute; 
	top:0;
	left:0;
}
.layout-esperienze .pos-image .h1 {
    position: absolute;
    z-index: 2;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.layout-esperienze.layout-strutture-related .pos-image .h1 {
    width: 60%;
}
/*footer*/
.tm-footer {
	background:var(--beige);
	background-image:url(../images/mono-footer.svg);
	background-position: 0 100%;
	background-size:30%;
	background-repeat:no-repeat;

}
.tm-footer a, .tm-footer .legal * {
	font-weight:300;
}
.tm-footer a:hover {
	filter:none;
}
.tm-footer .legal {
	background:var(--dark-brown);
	padding:5px 0;
	color:#fff;
	font-family:var(--font-title2);
	text-transform:uppercase;
	font-size:0.85rem;
}
.tm-footer .legal a {
	color:#A88318;
}
.tm-footer .uk-container > .uk-grid .uk-first-column, 
.tm-footer .partners> div:first-child {
	position:relative;
}

.tm-footer .uk-container > .uk-grid .uk-first-column::after ,
.tm-footer .partners> div:first-child::after {
	content:'';
	height:100%; 
	width:1px; 
	position: absolute; 
	right:0%;
	background-color:#fff;
	top:0;
}
.tm-footer .link::after {
	display:none;
} 

.social {
	list-style:none;
	padding-bottom:25px;
	position:relative;
}
.social li {
	display:inline-block;
	padding:0 15px;
}
.ico-facebook::before{
	content:"\f39e";
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-size: 1.7rem;
}
.ico-instagram::before{
	content: "\f16d";
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-size: 1.9rem;
} 

.ico-tel::before  {
	 content: "\f095";
	font-family:  fontawesome;
	font-style: normal;
	font-size: 1rem;
}
.ico-wapp::before  {
	content: "\f232";
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-size: 1.25rem;
	top:4px;	
	position:relative;
	}

.ico-instagram {
	position:relative; 
	top:5px;
}
.tm-footer div.uk-display-block {
	padding:25px 0; 
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
} 

.tm-footer div.partners {
	margin-top:25px;
}

/*strutture*/
.strutture-teaser {
	display:block;	
	position:relative;
}
.strutture-teaser:hover {
	filter:none;
}
.strutture-teaser .pos-media, 
.strutture-full .pos-media {
	height:80vh;
	background-size:cover;
	background-position:50% 50%;
	padding-bottom:var(--margin); 
	box-sizing: border-box;
	margin-top: 2rem;	
}
/*sposto posizione immagine per full cala marinai*/
.omni-ristoranti-cala-marinai .strutture-full .pos-media {
	background-position:50% 100%;
}

.omni-esperienze-massaggio-con-vista .strutture-full .pos-media {
	background-position: 50% 100%;
}
.omni-esperienze-cooking-class .strutture-full .pos-media {
	background-position: 50% 30%;
}
/*
.omni-esperienze-wine-tasting .strutture-full .pos-media{
    background-position: 50% 80%;
}*/
.omni-esperienze-limoncello-experience .strutture-full .pos-media{
    background-position: 50% 100%;
}
.strutture-teaser .h1, 
.strutture-teaser .h2  {
	margin-bottom:1rem;
}
.strutture-teaser .pos-details * {
	color:#fff;
}
.strutture-teaser::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    z-index: 2;
	transition:opacity 0.5s ease;
	opacity:0;
}
.strutture-teaser:hover::before {
   opacity:1;
}
.strutture-full .pos-details > div {
	color:var(--brown);
}
.strutture-full .pos-details .pos-ospiti::before {
    content: url('../images/ico-pax-brown.svg');
}
.strutture-full .pos-details .pos-plus::before {
    content: url('../images/ico-plus-brown.svg');
}
.strutture-full .pos-details .pos-mq::before  {
    content: url('../images/ico-mq-brown.svg');
}
.strutture-full .pos-media {
	margin-top:calc(var(--margin) * -1);
}
.strutture-full .pos-media::before {
    content: '';
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0));
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 30%;
    opacity: 0.8;
}
.strutture-full .altri-servizi {
	margin-top:calc(var(--margin) * 2/3);
	margin-bottom:calc(var(--margin) / 3);
}
.lista {
	list-style:none;
	padding-left:0;
}
.strutture-full .lista.inline {
	padding-left:30px;
}
.lista.inline li  {
	display:inline-block;
	position:relative;
	padding:5px 20px;
}
.pos-servizi li {
	position:relative;
	padding:15px;
}

.esperienze-full .pos-servizi li {
	font-family:var(--font-text);
	font-size:1rem;
	padding:15px 0;
}


.esperienze-full .pos-links a {
    margin: 0 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	line-height:0.8;
}
.esperienze-full .pos-links  {
	position:relative; 
	z-index:3
}

.pos-servizi li::after {
    content: '';
    width: 40px;
    height: 1px;
    background-color: var(--gold);
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}

.strutture-full .pos-servizi.lista li {
    position: relative;
    padding: 15px var(--margin);
    text-align: center;
    font-size: 0.85rem;
    font-family: var(
	--font-title2);
    text-transform: uppercase;
}
.strutture-full .pos-servizi .pos-icona {
    width: 45px;
    height: 45px;
    margin: 0 auto;
}
.strutture-full .pos-servizi .pos-titolo {
	line-height:1.2;
	margin-top:20px;
}

.omni-strutture-camera-classic #uk-slideshow-2 img, 
.omni-strutture-junior-suite-executive #uk-slideshow-12 img {
	object-position: 0 100%;
} 
.lista.inline li::before{
	content:'';
	width:10px;
	height:1px; 
	background-color:var(--gold);
	display:block;
	position: absolute; bottom:50%;
	left:0; 
}
.col-foto img {
	height:100%; 
	object-fit:cover;
}
.col-testo {
	position:relative;
	overflow:hidden;
}
.esperienze-full .col-testo {
	position: relative;
    overflow: hidden;
    padding: 0 60px;
}

.col-testo::before {
    content: '';
    width: 100%;
    height: 300px;
    background-image: url(../images/mono-footer.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
	opacity:0.8;
	transform:translateY(-50%);
}
.strutture-full .pos-form {
	padding-bottom:180px;
}
.strutture-full .pos-form::after  {
    content: '';
    background: url(../images/texture.svg) #fff 50% 0 / cover;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 180px;
}
.strutture-full .pos-form .uk-container {
	margin-bottom: calc(var(--margin) / 4)
}
.strutture-full .altri-servizi > div > div {
	background: var(--beige);
	padding-top:30px;
	padding-bottom:30px;
	text-align:center; 
}
.strutture-full .altri-servizi .h2 {
	margin-bottom:20px;
}

fieldset {
	border:0;
}
.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: var(--brown);
    border: 1px solid var(--brown);
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}
.uk-textarea {
	padding:10px 0 0 10px;
	max-height:200px;
}

#rsform_10_page_0 .uk-textarea {
	padding:10px 0 0 10px;
	height:270px;
	max-height:270px;
}
#rsform_5_page_0 .uk-textarea {
	padding:10px 0 0 10px;
	height:270px;
	max-height:270px;
}
.formContainer .uk-margin {
    margin-bottom: 10px;
}
.formContainer *+.uk-margin {
    margin-top: 10px !important;
}
.rsform-block-invia {
	text-align:center;
}
.uk-button-primary {
    background-color: var(--gold);
    color: #fff;
    border: 1px solid transparent;
	padding:15px 40px;
	width:40%;
	text-align:center;
	font-family:var(--font-title2);
	transition: all 0.5s ease;
	text-transform:uppercase;
	font-size:1rem;
}
.uk-button-primary:hover {
    filter: brightness(1.2);
    text-decoration: none;
	background-color: var(--gold);
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color:var(--brown);
}
.uk-checkbox, .uk-radio {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid var(--brown);
    transition: .2s ease-in-out;
    transition-property: background-color,border;
	transform:scale(1.1);
}

.rsfp-fieldset {
	text-align:left;
	display:flex; 
	justify-content:center;
	flex-wrap:wrap;
}
.rsfp-fieldset label {
	padding: 10px;
	font-weight:400;
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 25px;
    margin-top: 25px;
}

/*esperienze*/
.tag {
	background:var(--gold);
	color:#fff;
	position:absolute; 
	z-index:2;
	display:inline-block;
	padding:0 5px;
	top:15px;
	right:15px;
	font-size:18px!important;
	font-weight:300;
	letter-spacing:0;
}
.omni-esperienze-frontpage {
	margin-bottom:var(--margin);
}
.pos-approfondimento .pos-description {
	padding:0 calc(var(--margin) / 2);
} 

.uk-grid+.uk-grid-medium {
	margin-top:60px;
}
/*food & drink*/

.omni-ristoranti-frontpage .row:nth-of-type(even) .ristorante-teaser .uk-grid > .col-ambiente  {
	order:-1;
}  
.omni-ristoranti-frontpage .row:nth-of-type(odd)  {
	background:var(--beige); 
}
a.ristorante-teaser {
	display:block;
	color:var(--dark-brown);
	font-weight:400;
}
.ristorante-teaser .pos-logo {
   /* width: 50%;*/
   width:30%;
    margin: 0 auto 1.5rem;
}
.ristorante-teaser .h1 {
	margin:1.5rem 0;
}
.pos-orari .uk-grid {
	width:90%;
	margin:0 auto;	
}
.pos-orari .col-orari p {
	position:relative;
	font-weight:500;
}
.pos-orari .col-orari p::before  {
	 content: url('../images/ico-clock.svg');
    width: 20px;
    display: inline-block;
    margin-right: 12px;
}
.pos-orari .col-orari {
	position:relative;
}
.pos-orari .uk-grid .col-orari::after {
	content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    right: -20px;
    background-color: #fff;
    top: 0;
}
.pos-orari .uk-grid .col-orari:last-child::after {
	display:none;
}

/*offerte*/
.offerte-full .pos-servizi .lista li {
	position:relative;
	padding:15px ;
	width:33.3%;
} 
.pos-servizi .vantaggi-booking.lista li {
    position: relative;
    padding: 15px 25px;
    width: 25%;
}
.offerte-full .pos-servizi .lista {
	display:flex;
} 
.offerte-full .pos-form::after {
	display:none;
}
.offerte-full .pos-form{
	padding-bottom:calc(var(--margin) * 2/3);
}
.offerte-full .btn-ghost {
	color:var(--brown);
} 
.offerte-full .btn-ghost::after{
	background:var(--brown);
} 
.offerte-full .pos-links a.btn {
	padding:15px 40px;
	margin:0 10px;
}
.offerte-full .pos-validita {
	margin-bottom:0;
} 
/*piscine*/
.omni-piscine-frontpage .items .row .teaser-item:nth-of-type(odd) {
	background:var(--beige);
}

/*gift*/

.layout-gift {
	background:var(--beige);
}
.layout-gift .content-container {
	padding:0 var(--margin);
	position:relative;
}
.layout-gift .col-testo::before {
    height: 200px;
	opacity:0.6;
}
.layout-gift .content-container * {
	position:relative; 
	z-index:2;
}
.layout-gift .pos-links a {
	padding:0 10px;
}
.layout-gift .h2 {
	margin-bottom:1.5rem;
	display:none;
}

/*recensioni*/

.recensioni .uk-slideshow,
.recensioni .uk-slideshow-items {
	height:500px;
}

.recensioni .cerchietto-tripadv {
	width:12px; 
	height:12px;
	border-radius:50%;
	background-color:var(--dark-brown);
	display:inline-block;
}
.recensioni span[uk-icon="tripadvisor"] svg {
	width:25px; 
	height:25px;
}
.recensioni span[uk-icon="star"] svg {
	width:15px; 
	height:15px;
}

.img-guestbook {
	/*aspect-ratio:4/3;*/
	height:100%;
	object-fit:cover;
}
.layout-recensioni {
	text-align:center;
	display:flex; 
	flex-direction:column;
	justify-content: center;
	align-items:center;
	height:100%;
	padding:0 var(--margin);
}
/*
.pos-punteggio .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve){
	fill:currentColor;
}*/
.pos-firma {
	font-weight:500;
}

/*hotel*/
.posizione-privilegiata {
	/*background-image:url('../images/posizione-privilegiata.jpg');*/
	background-image:url('../images/posizione-privilegiata-positano.jpg');
	background-position:50% 100%;
	height:80vh;
	background-size:cover;
}
.storia-bg {
	background-image:url('../images/la-storia-03.jpg');
	background-position:50% 50%;
	height:80vh;
	background-size:cover;
}
.wonderful-location {
	background-image:url('../images/wonderful-location.jpg');
	background-position:50% 100%;
	height:80vh;
	background-size:cover;
}


/*faq*/
.omni-pagine-faq .h1 {
	margin-bottom:40px;
}
 .uk-accordion-title::after , 
.uk-accordion-title:hover::after{
	background:var(--brown);
	content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
	position: absolute;
	z-index:1;
	right:0;
	top:50%;
	margin-top:-0.7em;
	
}
 .uk-accordion-title::before{
	position: absolute;
	z-index:2;
	right:0;
	filter: brightness(10);
	top:50%;
	margin-top:-0.7em;
}

 .uk-open>.uk-accordion-title::after {
	background:var(--gold);
}
 .uk-accordion-title:hover{
	filter:none;
}
 .uk-accordion > li {
	border-bottom: 1px solid var(--brown);
	margin:0!important;
}
  .uk-accordion-content {
    display: block;
    margin: 20px 1rem;
	transition: none!important;
}
/*
.uk-accordion-title {
    position: relative;
    font-family: var(--font-title2);
    text-transform: uppercase;
    color: var(--brown);
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.3em;
    font-weight: 400;
    display: block;
    padding: 20px;
}*/

  .uk-accordion-title {
    position: relative;
    font-family: var(--font-text);
    /* text-transform: uppercase; */
    color: var(--brown);
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1em;
    font-weight: 500;
    display: block;
    padding: 20px 60px 20px 20px;
}
  .uk-accordion-title:hover {
    color: var(--gold);
}
/*eventi*/
.menu-matrimoni .pos-description{
	padding:0 var(--margin);
}


/*menu offcanvas*/
.uk-offcanvas{
	scrollbar-gutter: stable;
}
.uk-offcanvas-bar{
	width:100vw;
	height:100%;
	background:url(../images/bg-offcanvas-bn.jpg) ; 
	/*background-color:var(--beige);*/
	background-size:cover;
	background-position:50% 50%;
	padding:0;
	left:-100vw;
	position:relative;
	scrollbar-gutter: stable;
}
.uk-offcanvas-bar > div, 
.uk-offcanvas-bar > div > .uk-grid {
	height:100%!important;
}
.off-logo{
	position:relative;
	display:inline-block; 
	width:235px;
	margin-top:calc(var(--margin) / 2);
}
.off-bg .tm-logo > div {
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	top:25px;
	width:100%;
}
.uk-offcanvas-bar a.btn-ghost {
	color:var(--brown);
}
.uk-offcanvas-bar a.btn-ghost::after {
    background:var(--brown);
}
.uk-offcanvas-bar * {
	position:relative; 
	z-index:2;
}
.uk-offcanvas-bar ul.uk-accordion {
    margin-top: 60px;
}
.uk-offcanvas-bar ul li a,
.uk-offcanvas-bar ul li span  {
	color:var(--brown);
}
.uk-offcanvas-bar ul li a{
	font-family:var(--font-title2);
	font-size:1.1rem;
}
.uk-offcanvas-bar ul li span, 
.uk-offcanvas-bar li.omni-no-content a {
	font-size:2rem;
	font-family:var(--font-title);
	font-weight:400;
}
.uk-offcanvas-bar ul li a:hover,
.uk-offcanvas-bar ul li.uk-active a,
.uk-offcanvas-bar ul li:hover span,
.uk-offcanvas-bar ul li span:hover, 
.uk-offcanvas-bar li.omni-no-content a:hover {
	color:var(--gold);
}
.uk-offcanvas-bar ul li a.uk-accordion-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	left:0;
    display: inline-block;
	box-sizing: border-box;
}
.uk-offcanvas-bar .uk-accordion-title::after,
.uk-offcanvas-bar .uk-accordion-title::before {
	display:none;
}
.uk-offcanvas-bar .nav-header::after{
    content:"\f105";
    display: inline-block;
    font-family: fontawesome;
    font-size: 1rem;
    vertical-align: middle;
    margin-left: 0.4rem;
	color:var(--gold);
	background:transparent;
	width:20px;
}
.uk-offcanvas-bar .uk-open .nav-header::after{
    content:"\f107";
}
.uk-offcanvas-bar  .uk-accordion > li {
    border: none;
    padding: 30px 0 15px 0;
}
.uk-offcanvas-bar li.omni-no-content .uk-accordion-title, 
.uk-offcanvas-bar li.omni-no-content .uk-accordion-content {
	display:none;
}
.uk-offcanvas-bar .uk-accordion-content {
     margin: 20px 0 0;
 }
.uk-offcanvas-bar .uk-accordion-content .mod-menu__sub  {
	padding:0;
	list-style:none;
}
.uk-offcanvas-bar .uk-accordion-content .mod-menu__sub li {
	padding:5px 0;
}
.uk-offcanvas-bar .uk-accordion-content .mod-menu__sub li ::marker {
	display:none;
}
.uk-offcanvas-bar > .mod-custom > .uk-container {
	height:100%;
}
.uk-offcanvas-bar .menu-utility {
	top:var(--margin);
	left:var(--margin);
}
.uk-offcanvas-bar .menu-offerte-gift {
	bottom:var(--margin);
	left:var(--margin);
}
.uk-offcanvas-bar  .uk-offcanvas-close , 
.uk-modal-close {
	position: absolute;
	z-index:10;
}
.uk-modal-close {
	right:20px;
}
.uk-modal-close svg {
    width: 30px;
    height: 30px;
}
.uk-offcanvas-bar  .uk-offcanvas-close svg{
	width:40px;
	height:40px;
}
.uk-close.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: var(--brown);
	stroke-width:0.5;
	transition: transform 0.5s ease;
	transform-origin: center;
}
.uk-close.uk-icon:hover [stroke*="#"]:last-child {
    transform:rotate(45deg);
}
.uk-close.uk-icon:hover [stroke*="#"]:first-child {
    transform:rotate(-45deg);
}
.uk-dropdown-nav>li>a {
    color: var(--brown)
}
.uk-nav li>a{
	color: var(--brown);
	font-family: var(--font-title2);
}
.uk-nav li>a:hover{
	color: var(--brown);
}
.uk-nav li.uk-active>a {
	color:var(--gold);
}
.uk-offcanvas-bar .logo-color {
	display:block;
}
.uk-offcanvas-bar .logo-bianco {
	display:none;
}
.uk-offcanvas-bar .off-headerbar {
	position: absolute; 
	top:var(--margin); 
	right:var(--margin);
} 
.uk-offcanvas-bar .off-social {
	bottom:var(--margin);
	right:var(--margin);
}
.uk-offcanvas-bar .off-social a {
	color:var(--brown);
}  
.uk-offcanvas-bar .off-social a:hover {
	color:var(--gold);
}  
.uk-offcanvas-bar .social  {
	padding-bottom:0;
} 
li.nav-item[data-id="407"] a:before,
li.nav-item[data-id="442"] a:before {
    content: url('../images/ico-gift3.svg');
    width: 30px;
    position: absolute;
    top:0;
    left: -35px;
}


/*barra mobi*/
.barra-mobi div {
	position:relative;
	padding-top:10px;
}
.barra-mobi a:not(.book) {
	color:var(--brown);
}
.barra-mobi a.link::after {
	display:none;
}
.barra-mobi a.link{
	line-height:1.4;
	padding:0;
}
.barra-mobi a::before {
    display: block;
    font-family: fontawesome;
    font-size: 16px;
    margin-bottom: -2px;
}
.barra-mobi a.email::before {
    content: "\f0e0";
}
.barra-mobi a.tele::before  {
    content: "\f095";
}
.barra-mobi a.book {
   background:var(--gold);
   color:#fff;
}
.barra-mobi > div:last-child {
	background:var(--gold);
}
.barra-mobi.risto > div:last-child {
	background:var(--gold);
	color:#fff;
}
.barra-mobi.risto > div:last-child a {
	color:#fff;
}
.barra-mobi > div:first-child::after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--brown);
    opacity: 0.75;
}
.barra-mobi.risto  div:first-child::after{
	display:none;
}
.barra-mobi.risto  div:first-child{
	padding-left:25px;
	padding-right:25px;
}
/*territorio*/
.category.teaser-image {
    height: 70vh;
    background-size: cover;
    background-position: 50% 50%;
   /* background-image: url(https://newsite.covodeisaraceni.it/media/zoo/images/cosa-vedere-positano_17a373812fdf707d90655c54dac4064b.jpg);*/
    object-fit: cover;
}
.slider-servizi-concierge .h2 {
	text-transform:lowercase;
}
.link-wapp {
	color:#128c7e;
}
.link-wapp .ico-wapp {
	color:#128c7e;
}
.link-wapp:hover {
	color:#128c7e;
}


/*eventi privati*/
.omni-eventi-eventi-privati .strutture-full .pos-media{
background-position: left 90%;
}


.bg-spazi-matrimoni {
	background-image:url('../images/sala-bouganville-matrimoni.jpg');
	background-position:50% 100%!important;
}
.bg-spazi-matrimoni::before {
	display:none!important;
}

.bg-spazi-matrimoni::after {
    content: '';
    background-image: linear-gradient(to top, rgba(85,84,71,1), rgba(0,0,0,0));
	display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 50%;
    opacity: 0.5;
}


/*vantaggi*/

.lista-vantaggi li span {
	display:inline-block;
	position:relative; 
}
.lista-vantaggi li span::before {
	width:50px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}
.ico-rate::before {
	content:url('../images/ico-rate.svg');
	width:50px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}
.ico-drink::before {
	content:url('../images/ico-drink.svg');
	width:55px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}
.ico-check::before {
	content:url('../images/ico-check.svg');
	width:55px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}
.ico-upgrade::before {
	content:url('../images/ico-upgrade.svg');
	width:50px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}

.ico-view::before {
	content:url('../images/ico-view.svg');
	width:50px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}

.ico-gift::before {
	content:url('../images/ico-gift.svg');
	width:50px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}

.ico-dinner::before {
	content:url('../images/ico-dinner.svg');
	width:50px; 
	height:50px;
	display:block;
	position: relative; 
	left:50%;
	margin-left:-25px;
	margin-bottom:10px;
}

.pos-servizi .lista.vantaggi-booking li::after {
    content: '';
    height: 30px;
    width: 1px;
    background-color: var(--gold);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
	left:initial;
	top:initial;
    /* margin-left: -20px; */
    top: 50%;
}
.pos-servizi .lista.vantaggi-booking li:last-child::after {
	display:none;
}


.rsfp-fieldset div label {
    display: inline-block;
    padding: 5px 0;
    font-weight: 500;
    font-size: 0.9rem;
}
.rsform-block-servizio-aggiuntivo {
	border:1px solid var(--gold);
	padding:0 30px 30px 30px
}

/*gallery*/
.omni-gallery .uk-inline-clip {
	height:100%;
} 
.omni-gallery .uk-inline-clip img {
	height:100%;
	width:100%;
	object-fit:cover;
} 

/*sound*/


.sound {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 25px;
}

.sound svg {
	width: 94px;
	height: 94px;
	padding:10px;
}

.sound em {
	display: block;
	position: relative;
	top: -20px;
	color: #fff;
	font-size: .8em;
	line-height: 1;
	text-align: center;
}

.sound .og_video-volume-full svg {
	animation: hey 4s infinite;
}

@keyframes hey {

	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0, 0);
	}

	62% {
		transform: translate(-2px, -3px);
	}

	75% {
		transform: translate(0, 0);
	}
	87% {
		transform: translate(2px, -3px);
	}
	100% {
		transform: translate(0, 0);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(-360deg)
	}
}

.sound path.nota,
.curved-text {
	fill: #fff;
	transform-origin: center center;
	transition: all .5s;
}

.curved-text {
	letter-spacing: -0.7px;
	animation: spin 12s linear infinite;
	transform-origin: center center;
}

.og_video-volume-muted .curved-text {
	letter-spacing: -0.9px;
}

.sound>div:hover path.nota {
	transform: scale(1.1);
}
.sound .og_video-volume-full:hover svg {
	animation: unset;
}

/*mymap*/


.map-container {
    position: relative;
    width:100%;
    height: 60vh !important;
    overflow:hidden;
}
.map-container iframe {
    top: -75px;
    left:0;
    width:100%;
    position: absolute;
    height:calc(100% + 75px) !important;
}
.scroll-blocker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2;
}

/*logo settantanni*/

.pag-risto .barra-fixed  .btn-ghost::after {
	display:none;
}

.pag-risto .barra-fixed  .btn-ghost {
	position:relative;
	top:-8px;
}
.pag-risto .barra-fixed  .toggle-menu {
	position:relative;
	top:-8px;
}
/*lingue*/
.barra-fixed .mod-lingue {
	display:none
}
.mod-lingue {
	margin-left:35px;
}
.mod-lingue .uk-button-link {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #fff;
    font-family: var(--font-title2);
}

.mod-lingue .uk-button-link::after {
    content: "\f107"; /* angle-down */
    font-family: "fontawesome";
    font-weight: 900; /* SOLID richiede weight 900 */
    font-style: normal;
    font-size: 0.8rem;
    margin-left: 0.4rem;
    display: inline-block;
}

.mod-lingue .uk-drop.uk-open {
    display: block;
    max-width: 60px!important;
    width: 60px!important;
	min-width:auto!important;
}
.mod-lingue .uk-dropdown{
	padding:15px;
}
.mod-lingue .uk-dropdown>:last-child {
    margin-bottom: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*grid IG*/
.tm-footer .uk-overlay-primary {
    background: rgba(136, 127, 111,0.5);
}
.tm-footer .uk-overlay div p a{
    font-family: var(--font-title2);
    font-weight: 300;
	position:relative;

}
.tm-footer .uk-overlay div p a::before{
    content: "\f16d";
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-size: 1.7rem;
	position:absolute;
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
}
.tm-footer .uk-invisible{
	visibility:visible!important;
}
.tm-footer  .uk-slider .uk-position-center-left{
	left:0;
}
.tm-footer  .uk-slider .uk-position-center-right{
	right:0;
}


/* CSS Base */

.uk-sticky {
    position: absolute;
    width: 100%;
    margin-top: 30px;
}

.og-bar-mobile-fixed {
	background: #fff;
	position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.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:60px;
} 

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

.rsform-block-accetto-privace-3, 
.rsform-block-accetto-privace-5, .rsform-block-accetto-privace-9, .rsform-block-accetto-privace-10 {
	margin-top:10px;
}
.rsform-block-accetto-privace-3, 
.rsform-block-newsletter-3 , 
.rsform-block-accetto-privace-5, 
.rsform-block-newsletter-5, 
.rsform-block-accetto-privace-9, 
.rsform-block-accetto-privace-10{
	padding:0 10px;
}
#rsform_4_page_0 .uk-button-primary {
    padding: 10px 40px;
    width: 100%;
}
.layout-header,
.layout-header .og-video-browserplayer {
    height: 80vh;
}
.layout-header.header-29,
.layout-header.header-29 .og-video-browserplayer,
.layout-header.header-77,
.layout-header.header-77 .og-video-browserplayer, 
.layout-header.header-103,
.layout-header.header-103 .og-video-browserplayer {
    height: 100vh;
}

.layout-header {
	position:relative;
	background-position:center;
}
.layout-header.header-90, 
.layout-header.header-193  {
	background-position: 50% 100%;
}
.layout-header.header-116,
.layout-header.header-121{
	background-position: 50% 80%;
}
.layout-header::before {
	content:'';
    /*background-color:#555447;*/
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
	width:100%; 
	height: 30%;
	/*height:100%;*/
	position:absolute; 
	top:0;
	left:0;
	/*opacity:0.3;*/
	display: block;
    position: absolute;
   
}
.layout-header .og-video-browserplayer video {
    object-fit: cover;
    height: 100vh;
    width: 100%;
}
.pos-unpublish strong{
	font-size: 1.3rem;
}
.pos-unpublish svg{
	width: 50px;
    margin-bottom: 10px;
}
.pos-unpublish svg g path{
	fill:#faa05a;
}
.pos-unpublish svg circle{
	fill:none;
	stroke:#faa05a;
	stroke-width:4;
}
.pos-unpublish svg > path{
	fill:none;
	stroke:#faa05a;
	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 */

/*reset uk-hidden-hover*/


.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)), 
.uk-visible-toggle .uk-hidden-hover:focus-visible,
.uk-visible-toggle .uk-hidden-hover:hover, 
.uk-visible-toggle .uk-hidden-hover:active {

    overflow: visible !important;
	width:40px!important;
	height:40px!important;
	margin:15px!important;
	
}

@media(min-width:1920px)  {
.uk-offcanvas-bar ul li span, .uk-offcanvas-bar li.omni-no-content a {
    font-size: 2.25rem;
    line-height: 1em;
}
.uk-offcanvas-bar ul li a {
    font-family: var(--font-title2);
    font-size: 1.25rem;
}
.strutture-full .pos-servizi.lista {
    padding: 0 calc(var(--margin) / 2);
}
	.pag-home .pos-piatto {
		height:50vh;
	}

}

@media(min-width:1600px) and (max-width:1919px) {
:root{
	--margin:100px;
}
.uk-container.uk-width-1-2\@l {
	width:66%;
} 

.uk-offcanvas-bar ul li span, .uk-offcanvas-bar li.omni-no-content a {
    font-size: 2.5rem;
    line-height: 1em;
}
.uk-offcanvas-bar ul li a {
    font-family: var(--font-title2);
    font-size: 1.15rem;
}
.strutture-full .pos-servizi.lista {
    padding: 0 calc(var(--margin) / 2);
}

}

@media(min-width:1200px) and (max-width:1599px){

:root{
	--margin:90px;
}
h1, .h1{
	font-size: 2.2rem;
}
h1.big, .h1.big {
	font-size:3.8rem;
}
h2, .h2{
	font-size: 1rem;
}
h3, .h3{
	font-size: 1.8rem;
}
h4.h1 {
	font-size:1.65rem;
	
}
.uk-offcanvas-bar .uk-container {
	padding-left:0;
	padding-right:0;
}

.uk-container.uk-width-1-2\@l {
	width:66%;
} 
.esperienze-full .pos-links {
    flex-direction:column;
}


}

@media(min-width:1200px) and (max-width:1366px){

.uk-offcanvas-bar .off-header {
    padding-top: 30px;
    padding-bottom: 30px;
}


}


@media (min-width:1200px) {

.omni-esperienze-frontpage .items .uk-grid-medium>.uk-grid-margin {
	margin-top:60px;
}

}


/*media query @m*/
@media(min-width:960px) and (max-width:1199px){
:root {
    --margin: 90px;
}

h1, .h1{
	font-size: 2.2rem;
}
h1.big, .h1.big {
	font-size:3.8rem;
}
h3, .h3{
	font-size: 1.8rem;
}
h4.h1 {
	font-size:1.65rem;
	
}


h2, .h2 {
    line-height: 1;
	font-size: 0.95rem;
    margin-bottom: 1rem;
}

.layout-layout2 .pos-media,
.strutture-teaser .pos-media, .strutture-full .pos-media, 
.uk-slideshow, .uk-slideshow-items, 
.strutture-full .col-foto img {
    height: 50vh;
}
.strutture-full .lista.inline li {
   font-size:0.95rem;
}
.strutture-full .pos-related .uk-grid {
    margin-left: -15px;
}
.strutture-full .pos-related .uk-grid >* {
   padding-left: 15px;
}

.uk-offcanvas-bar .off-bg .tm-logo {
    position: relative;
    display: inline-block;
    width: 135px;
}
.uk-offcanvas-bar .uk-container {
	padding-left:0;
	padding-right:0;
}

.recensioni .uk-slideshow, .recensioni .uk-slideshow-items {
    height: 650px;
}
.esperienze-full .pos-links {
    flex-direction:column;
}

.uk-sticky.barra-fixed .tm-logo, .uk-sticky.barra-noslider .tm-logo {
    position: absolute;
    left: 20%;
	transform: none;
}

.pag-risto .uk-sticky:not(.barra-fixed) .headerbar {
display:flex; 
flex-direction:column;
}
.pag-risto .headerbar .btn-ghost::after {
	display:none;
}

.uk-offcanvas-bar .menu-utility {
    left: 45px;
}
.uk-offcanvas-bar .menu-offerte-gift {
    left: 45px;
}
.uk-offcanvas-bar .off-headerbar {
    right: 45px;
}
.uk-offcanvas-bar .off-social {
    bottom: var(--margin);
    right: 0;
}
li.nav-item[data-id="407"] a:before, li.nav-item[data-id="442"] a:before {
    content: url('../images/ico-gift3.svg');
    width: 25px;
    position: absolute;
    top: 5px;
    left: -35px;
}
.uk-offcanvas-bar ul li a, .uk-offcanvas-bar .off-social a {
    font-size: 0.9rem;
    text-transform: uppercase;
}

}
/*media query table portrait @s*/
@media(min-width:640px) and (max-width:959px){

:root {
    --margin: 70px;
}
h1, .h1 {
    font-size: 2rem;
}
h2, .h2 {
   margin-bottom: 1rem;
   font-size: 0.95rem;
}
h3, .h3 {
   margin-bottom: 1.5rem;
}
h4.h1 {
    font-size: 1.8rem;
}
h1.big, .h1.big {
    font-size: 2.8rem;
}
.layout-layout2 .pos-media,
.strutture-teaser .pos-media, .strutture-full .pos-media, 
.uk-slideshow, .uk-slideshow-items, 
.strutture-full .col-foto img {
    height: 50vh;
}
.strutture-full .col-foto {
	order:-1;
}
.strutture-teaser .pos-media {
	margin-top:15px;
}
.strutture-full h1.big {
	font-size:2rem;
}
.strutture-full .col-testo::before {
   display:none;
}
.strutture-full .col-servizi{
	position:relative;
}
.strutture-full .col-servizi::before {
    content: '';
	width:100%;
    height: 300px;
    transform: translateY(0);
    background-image: url(../images/mono-footer.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -20%;
    opacity: 0.5;
}
.strutture-full .col-testo, 
.strutture-full .pos-gallery{
	margin-top:calc(var(--margin) * 2/3);
}
.layout-esperienze.layout-strutture-related .pos-image .h1 {
    width: 90%;
}
.uk-button-primary {
   width: 100%;
}
.uk-dotnav {
	display:none;
}
.strutture-full .uk-slideshow .uk-position-center-right{
	right:0;
}
.strutture-full .uk-slideshow .uk-position-center-left{
	left:0;
}
.strutture-full .my-grid {
	overflow-x:hidden;
} 
.strutture-full .altri-servizi .uk-flex {
	flex-direction:column;
}
.strutture-full  .lista.inline li {
    display: inline-block;
}
.strutture-full  .lista {
	margin-top:30px!important;
}
.strutture-full .altri-servizi > div > div {
    background: var(--beige);
    padding: 25px;
    text-align: left;
}
.strutture-full .altri-servizi {
   margin:0;
   padding: 15px;
}
.formContainer .uk-grid-small>.uk-grid-margin {
	margin-top:0;
}
.strutture-full .pos-form.pad {
	padding-top: calc(var(--margin) / 2);
}
.strutture-full .pos-related {
	margin-top:calc(var(--margin) / 2)!important;
}
.strutture-full .pos-related .uk-grid {
    margin-left: -15px;
}
.strutture-full .pos-related .uk-grid >* {
   padding-left: 15px;
}
.strutture-full .pos-related .pos-intro {
   font-size: 0.85rem;
   line-height: 1.5;
}

.concierge::before {
    content: url(../images/ico-concierge2.svg);
    width: 50px;
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -25px; 
}

/*offcanvas tablet*/

.uk-offcanvas-bar .headerbar {
	display:flex;
	flex-direction:column;
}
.uk-offcanvas-bar .off-headerbar {
    right: 0;
}
.uk-offcanvas-bar .off-social {
    bottom: var(--margin);
    right: 15px;
}
.uk-offcanvas-bar .menu-offerte-gift {
    bottom: var(--margin);
    left: 15px;
}
.uk-offcanvas-bar .menu-utility {
    top: var(--margin);
    left: 15px;
}

/*footer tablet*/
.tm-footer .uk-container > .uk-grid .uk-first-column::after, .tm-footer .partners> div:first-child::after {
    display:none;
}

/*storia tablet */
.col-foto-storia {
	order:99;
}

.col-foto-storia-2 {
	order:-1;
}
/*colazione tablet*/

.omni-pagine-colazione .pos-approfondimento .slideshow-gallery{
	order:99;
}
.omni-pagine-colazione .pos-approfondimento .uk-grid > div:not(.slideshow-gallery){
	margin-top:calc(var(--margin) / 2);
}
.orario1, .orario2 {
	text-align:left;
}

/*risto tablet*/
.risto-full .uk-flex .pos-approfondimento, 
.risto-full .pos-approfondimento2 .slideshow-gallery {
	margin-top: 0!important;
	order:99;
}
.risto-full .uk-flex .pos-frase{
    margin-bottom: 35px!important;
}
.risto-full .pos-approfondimento2 .slideshow-gallery{
	order:99;
}
.risto-full .container-orari {
	margin-top:35px!important;
	margin-bottom:35px!important
}

.esperienze-full.layout-esperienze .col-servizi {
    margin-top: var(--margin);
}

.mod-lingue {
    margin-left: 0;
    position: absolute;
    right: 25px;
}         

}

/*media query mobi*/

@media(max-width:639px){

:root {
    --margin: 70px;
}
html {
	overflow-x:hidden;
}
body {
	margin-bottom:52px;
	overflow-x:hidden;
}
h1, .h1 {
    font-size: 2rem;
}
h2, .h2 {
   margin-bottom: 1rem;
   font-size: 0.95rem;
   line-height:1;
}
h3, .h3 {
   margin-bottom: 1.5rem;
}
h4.h1 {
    font-size: 1.8rem;
}
.toggle-menu {
	font-size: 0.75rem;
	padding:0 0 0 20px
}
.barra-noslider .toggle-menu {
	margin-top:15px;
}
.toggle-menu:hover {
	padding:0 20px 0 0
}
.toggle-menu::before {
	content:'';
	background:#fff;
	width:25%;
	height:1px;
	top:51%; 
	left:0;
	display:block; 
	position: absolute;
}	
.layout-layout1 .link {
    margin-top: 1.5rem;
}
h1.big, .h1.big {
    font-size: 2.8rem;
}
.link, .btn {
	font-size:0.85rem;
	line-height:1;
}

.layout-header, .layout-header .og-video-browserplayer {
    height: 60vh;
}
.tm-bottom-b{
	position:relative;
}
.tm-bottom-b .layout-layout2 .pos-media::before {
    content: '';
    background-image: url('../images/texture.svg');
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat-x;
}
.giorno-notte {
    margin-left: 0;
    margin-top: calc(var(--margin) / 2);
    padding: 0;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
	height:auto;
}
.giorno-notte::before{
	display:none;
}
.giorno-notte li p {
    margin: 10px 0 0;
    width: 80%;
    margin: 10px auto;
}
.giorno-notte li a {
    transform: none!important;
}
.giorno-notte li:not(.uk-active) {
	display:none;
}
.giorno-notte li:first-child::after,
.giorno-notte li:last-child::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -32px;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
	border-bottom:0;
}
.giorno-notte li:first-child{
	border:0;
}
.banner.notte {
	position:relative;
}
.banner.notte::before {
	content:'';
	background: linear-gradient(to bottom, black, transparent);
    height: 50%;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    display: block;
    opacity: 0.5;
}
.modal-location {
    position: absolute;
    top: 78%;
    left: 76%;
    z-index: 10;
}

.layout-slideshow-item .btn {
    padding: 15px 0;
    width: auto;
    width: 80%;
	display:inline-block;
}
.layout-layout2 .pos-media, 
.layout-piscine, 
.tm-bottom-c .uk-slideshow-items, .tm-bottom-c .uk-slideshow {
    height: 60vh;
}
.layout-layout2 .pos-media::after {
    height: 50%;
    opacity: 0.5;
}
#foto-switch li {
	position:relative;
}
#foto-switch li::before {
	background-color:rgba(0,0,0,0.75);
	content:'';
	width:100%;
	left:0;
	top:0;
	height:100%;
	display: block;
	position:absolute;
	opacity:0.3;
	mix-blend-mode:overlay;
}
.pos-details {
    margin-top: 20px;
    font-weight: 500;
    flex-wrap: wrap;
    font-size: 0.85rem;
}
.layout-slideshow-item::before, .layout-slideshow-item::after {
    height: 50%;
    opacity: 0.8;
}
.pos-plus {
	margin-top:15px;
	width:100%;
}
.tm-bottom-g {
	margin-bottom:0;
}
.legal * {
    font-size: 0.75rem!important;
    line-height: 1.25;
}
.layout-ristorante .pos-piatto , 
.omni-ristoranti-frontpage .layout-ristorante .pos-piatto{
    height: 40vh!important;
}

.layout-ristorante .pos-ambiente {
    height: 40vh;
}
.ristorante-teaser .pos-logo {
    width: 50%;
}
.tab-ristoranti li {
    padding: 0 8px;
    position: relative;
    box-sizing: content-box;
    width: 100%;
	text-align:center;
}
.tab-ristoranti li:not(.uk-active) {
	display:none;
}
.uk-grid-small-xs {
    margin-left: -15px;
}
.uk-grid-small-xs > * {
    padding-left: 15px
}
.concierge {
	padding:60px 25px 40px;
}
.tm-footer .uk-container > .uk-grid .uk-first-column::after {
   display:none;
}
.tm-footer .legal {
    padding: 20px 0;
}

.uk-slider .uk-position-center-right-out {
    right: -15px;
}
 
.uk-slider .uk-position-center-left-out {
    left: -15px;
}

.uk-slideshow .uk-position-center-left{
	left:0;
}
.uk-slideshow .uk-position-center-right {
	right:0;
}
.uk-slideshow .uk-position-center-left, 
.uk-slideshow .uk-position-center-right, 
.uk-slider .uk-position-center-left-out,
 .uk-slider .uk-position-center-right-out,
  .uk-slider .uk-position-center-left,
   .uk-slider .uk-position-center-right{
	background:rgba(255,255,255,0.85);
}


.uk-slideshow, .uk-slideshow-items  {
    height: 50vh;
	min-height:unset!important;
}
.uk-slideshow-items > li, 
.uk-slideshow-items > li img {
	height:100%;
	
} 
.tm-bottom-e .uk-slideshow,
.tm-bottom-e .uk-slideshow-items,
.strutture-teaser .pos-media, 
.strutture-full .pos-media{
	height:60vh;
}
.banner.giorno, .banner.notte {
	height:60vh;
}
.banner.giorno > img, .banner.notte > img {
	height:100%;
	width:100%;
	object-fit:cover;
}
.foto-switch-container {
    height: auto;
}
.payoff {
   bottom: var(--margin)
} 
.strutture-full .col-foto {
	order:-1;
}
.strutture-teaser .pos-media {
	margin-top:15px;
}
.strutture-full h1.big {
	font-size:2.5rem;
}
.strutture-full .col-testo::before {
   display:none;
}
.strutture-full .col-servizi{
	position:relative;
}
.strutture-full .col-servizi::before {
    content: '';
	width:100%;
    height: 300px;
    transform: translateY(0);
    background-image: url(../images/mono-footer.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -20%;
    opacity: 0.5;
}
.strutture-full.esperienze-full .col-servizi::before {
    top: 50%;
}

.strutture-full .col-testo, 
.strutture-full .pos-gallery{
	margin-top:calc(var(--margin) * 2/3);
}

.omni-ristoranti-volavento .pos-gallery  {
	margin-top:0;
}
.layout-esperienze.layout-strutture-related .pos-image .h1 {
    width: 90%;
}
.uk-button-primary {
   width: 100%;
}
.uk-dotnav {
	display:none;
}
.strutture-full .uk-slideshow .uk-position-center-right{
	right:0;
}
.strutture-full .uk-slideshow .uk-position-center-left{
	left:0;
}
.strutture-full .my-grid {
	overflow-x:hidden;
} 
.strutture-full .altri-servizi > div > div {
    background: var(--beige);
   padding:25px;
    text-align: left;
}
.strutture-full .lista.inline {
	padding-left:0;
}
.strutture-full  .lista.inline li {
    display: block;
    position: relative;
    padding: 5px 20px;
}
.strutture-full  .lista {
	margin-top:30px!important;
}
.strutture-full .altri-servizi > div {
	background: var(--beige);
    padding: 25px;
}
.strutture-full .altri-servizi {
   margin:0;
   padding: 15px;
}
.formContainer .uk-grid-small>.uk-grid-margin {
	margin-top:0;
}
.strutture-full .pos-form.pad {
	    padding-top: calc(var(--margin) / 2);
}
.strutture-full .pos-related {
	margin-top:calc(var(--margin) / 2)!important;
	margin-bottom:0!important
}
.risto-full .pos-related {
	margin-top:var(--margin) !important;
}
.layout-gift .col-foto {
	order:-1;
}
.layout-gift .col-testo .content-container {
	padding:var(--margin);
}

.pos-approfondimento2 .slideshow-gallery , 
.omni-eventi-matrimoni .pos-approfondimento .slideshow-gallery {
	order:99;
}
.pos-approfondimento .link {
	width:70%;
	display:block; 
	margin-left:auto; 
	margin-right:auto;
}
.risto-full .uk-flex .pos-approfondimento {
	order:99;
	 margin-top: 0!important;
}
.container-orari {
	margin-top:15px!important;
	margin-bottom:15px!important;
}

.pos-orari .col-orari p {
    position: relative;
    font-weight: 500;
    font-size: 0.85rem;
	margin-top:-10px;
}
.pos-orari .uk-grid .col-orari::after {
   	right: -10px;
}
.pos-orari .col-orari p::before {
   width: 12px;
   margin-right: 5px;
}
.risto-full .container-piatti {
	padding-left:0;
	padding-right:0;
}
.risto-full .pos-frase {
	margin-top:15px!important;
	margin-bottom:15px!important; 
}




.omni-pagine-colazione .pos-approfondimento {
	margin-top:0!important;
	padding-top:15px!important;
}
.omni-pagine-colazione div.uk-text-center.pad {
	padding:var(--margin);
}
.recensioni .uk-slideshow, .recensioni .uk-slideshow-items {
    height: auto;
    aspect-ratio: 8 /12;
}
.vantaggi-booking {
	flex-wrap:wrap;
	justify-content:center;
}
.pos-servizi .lista.vantaggi-booking li {
    position: relative;
    padding: 15px;
    width: 50%;
    box-sizing: border-box;
    line-height: 1.15;
    font-size: 0.85rem;
}
.pos-form .pos-servizi .h2 {
	padding:0 60px;
}
.pos-servizi .lista.vantaggi-booking li span::before {
    width: 40px;
    height: 40px;
    margin-left: -20px;
}
.pos-servizi .lista.vantaggi-booking li:nth-of-type(2)::after {
	display:none;
}
.offerte-full .pos-servizi .lista:not(.vantaggi-booking) {
	flex-direction:column;
	justify-content: center;
	align-items:center;
}

.offerte-full .pos-servizi .lista:not(.vantaggi-booking) li {
	width:100%;
}

/*menu offcanvas mobi*/


.off-logo {
    width: 200px;
    margin-top: 60px;
}
.uk-offcanvas-bar .logo-color {
   width: 100%;
}
.uk-offcanvas-bar  .uk-accordion > li {
    border: none;
    padding: 12px 0;
}
 
.uk-offcanvas-bar ul li span, .uk-offcanvas-bar li.omni-no-content a {
    font-size: 1.5rem;
} 
.uk-offcanvas-bar ul li a {
	font-size:0.9rem;
	display:inline-block;
}
.uk-offcanvas-bar::before {
   background-position: 70% 50%;
}
.uk-offcanvas-bar ul.uk-accordion {
    margin-top: 25px;
}
.uk-offcanvas-bar .uk-accordion-content .mod-menu__sub li::before {
    display:none;
}
.uk-offcanvas-bar .uk-accordion-content{
	margin:10px 0 0;
}
.uk-offcanvas-bar .bottom-menu {
    position: relative;
    margin-top: 30px;
    padding: 20px 0 0;
}
.uk-offcanvas-bar .bottom-menu::before {
    content: '';
    width: 40%;
    height: 1px;
    display: block;
    left: 30%;
    right: 30%;
    background: var(--gold);
    position: absolute;
    top: 0;
}
.uk-offcanvas-bar .btn-faq{
   left: 0;
   padding:15px 20px;
}
.mobi-pad-small {
	padding-top:15px;
	padding-bottom:15px;
}

/*pag-hotel mobi*/

.grid-recensioni .col-recensioni {
	order:-1;
}
.layout-recensioni {
   padding: 0 45px;
}

.img-guestbook {
    /*aspect-ratio: 4/3;
    object-fit: cover;
    margin-top: 35px;*/
	display:none;
}

.layout-slideshow-item .h1 {
    padding: calc( var(--margin) / 2);
    position: relative;
	padding-bottom:0;
}
.tm-bottom-e .layout-slideshow-item .h1, 
.category.layout-slideshow-item .h1 {
    padding-top: calc( var(--margin) * 3/4);
    margin-bottom: 0;
    padding-bottom: 0;
}
/*storia mobi*/
.col-foto-storia {
	order:99;
}
.col-foto-storia-2 {
	order:-1;
}
/*colazione mobi*/

.omni-pagine-colazione .pos-approfondimento .slideshow-gallery{
	order:99;
}
.omni-pagine-colazione .pos-approfondimento .uk-grid > div:not(.slideshow-gallery){
	margin-top:calc(var(--margin) / 2);
}

.col-menu {
	padding:0;
	text-align:center!important;
} 
.orario1, .orario2 {
	text-align:left;
}

/*territorio*/
.omni-territorio .pos-foto  {
	height:50vh;
}
.omni-territorio .pos-foto img {
	height:100%;
	object-fit:cover;
}
.omni-territorio .items .item:first-child .territorio-teaser {
padding-top:0;
}
.layout-strutture-related {
	margin-bottom:35px!important;
}
.rsform-block-invia{
	margin-top:20px;
}
.piscina-teaser {
	padding-bottom:15px;
}
.omni-esperienze-frontpage .layout-esperienze {
	margin-bottom:30px;
}

/*esperienze full*/
.esperienze-full.layout-esperienze .col-servizi {
	margin-top:var(--margin);
} 
/*concierge*/
.slider-servizi-concierge .h2 {
 text-align:center;
 line-height:1;
 padding:0 30px;
}

.omni-eventi-frontpage .uk-grid+.uk-grid,
.omni-eventi-frontpage  *+.uk-grid-margin  {
    margin-top: 0;
}
 
.omni-territorio-frontpage .uk-grid+.uk-grid,
.omni-territorio-frontpage  *+.uk-grid-margin {
    margin-top: 15px;
}
.omni-eventi .pos-approfondimento .pos-description {
    padding: 0 calc(var(--margin) / 2) calc(var(--margin) / 2);
}
.omni-eventi .pos-approfondimento {
	padding-bottom:15px;
}

.omni-eventi .layout-esperienze  {
	margin-bottom:calc(var(--margin) / 2);
}
.omni-eventi .layout-esperienze .pos-intro {
	padding:0 calc(var(--margin) / 2) calc(var(--margin) / 2);

}
.fascia-inclusions {
	margin-left:15px; 
	margin-right:15px; 
}
.offerte-full .pos-gallery {
	margin-top:15px!important;
}
.offerte-full .pos-links a.btn {
    padding: 15px 30px;
    margin: 0 10px;
    text-align: center;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.offerte-full .pos-validita {
	margin-bottom:0;
} 



.pos-orari .col-orari {
    position: relative;
    text-align: center;
    padding-left: 0;
}

.tm-bottom-l .layout-layout2 > .uk-container {
    width: auto;
}
.btn-ghost {
  padding-bottom: 20px !important;
}
.pag-storia .uk-slider, .pag-storia .uk-slider-items, .pag-storia .uk-slider-items .uk-panel {
	height:375px!important;
}
.pag-storia .uk-slider .uk-position-center-right{
	right:-30px;
}
.pag-storia .uk-slider .uk-position-center-left{
	left:-30px;
}
#modal-location img {
	width:100%; 
	height:50vh;
	object-fit:cover;
	margin-bottom:30px;	
}
#modal-location .uk-modal-close {
    right: 0;
    padding: 15px;
    background: #fff;
    top: 0;
}
.layout-ristorante .pos-ambiente img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: 59% 50%;
}

.sound {
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 0;
    position: absolute;
    right: 0;
	left:initial;
    z-index: 1000;
    top: 25px;
}

.sound svg {
    width: 74px;
    height: 74px;
    padding: 10px;
}


.mod-lingue {
    margin-left: 0;
    position: absolute;
    right: 15px;
}
.mod-lingue .uk-button-link {
    font-size: 0.75rem;
}
li.nav-item[data-id="407"] a:before, li.nav-item[data-id="442"] a:before {
    content: url('../images/ico-gift3.svg');
    width: 15px;
    position: absolute;
    top: 6px;
    left: -20px;
}


}

@media(max-width:375px){

h1.big, .h1.big {
    font-size: 2.8rem;
}

.off-logo {
    margin-top: 35px;
}
.uk-offcanvas-bar ul.uk-accordion {
    margin-top: 15px;
}
.uk-offcanvas-bar ul li span, .uk-offcanvas-bar li.omni-no-content a {
    font-size: 1.15rem;
} 
.uk-offcanvas-bar ul li a {
	font-size:0.85rem;
	display:inline-block;
}
.uk-offcanvas-bar .uk-accordion-content .mod-menu__sub li, 
.uk-offcanvas-bar .bottom-menu .uk-nav>li>a {
	padding:3px 0;
}
.uk-offcanvas-bar  .uk-offcanvas-close svg {
    width: 30px;
    height: 30px;
}
.tm-bottom-e .uk-slideshow, .tm-bottom-e .uk-slideshow-items, .strutture-teaser .pos-media, .strutture-full .pos-media {
    height: 80vh;
}
.layout-slideshow-item .h1 {
    padding: calc( var(--margin) / 2 ) 0;
    position: relative;
    padding-bottom: 0;
}
.link {
   padding: 15px 20px;
}



}

@media (max-height:768px) {
	.off-logo {
    	position: relative;
    	display: inline-block;
    	width: 180px;
    	margin-top: calc(var(--margin) / 2);
	}
	.uk-offcanvas-bar ul.uk-accordion {
    	margin-top: 30px;
	}
	.uk-offcanvas-bar .menu-utility {
    	top:45px;
    }
	.uk-offcanvas-bar .off-headerbar {
    	top: 45px;
    }
	.uk-offcanvas-bar .menu-offerte-gift, 
	.uk-offcanvas-bar .off-social {
		bottom:45px;
	}
	.layout-esperienze .pos-image {
    height: 60vh;
   	}
	.pag-home .pos-piatto {
		height:50vh;
	}
	.layout-ristorante .pos-piatto img {
    	object-position: center top;
	}

}

@media (max-height:690px) and (orientation:landscape) {
	.off-logo {
    	position: relative;
    	display: inline-block;
    	width: 180px;
    	margin-top: calc(var(--margin) / 2);
	}
	.uk-offcanvas-bar ul.uk-accordion {
    	margin-top: 15px;
	}
	.uk-offcanvas-bar .menu-utility {
    	top:45px;
    }
	.uk-offcanvas-bar .off-headerbar {
    	top: 45px;
    }
	.uk-offcanvas-bar .menu-offerte-gift, 
	.uk-offcanvas-bar .off-social {
		bottom:45px;
	}
	.uk-offcanvas-bar ul li a {
    	font-size: 1rem;
	}
	.uk-offcanvas-bar .btn {
    	padding: 15px 30px;
    }

	.pag-home .uk-sticky {
		margin-top:0;
	}

	.uk-offcanvas-bar .off-social a:not(.link) {
    	font-size: 0.8rem;
	}
	.uk-offcanvas-bar .off-social a.link {
    	font-size: 0.85rem;
	}

	.tm-bottom-c .uk-slideshow-items, .tm-bottom-c .uk-slideshow {
    	height: 80vh;
	}

	.pag-home .pos-piatto {
		height:50vh;
	}

}