/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

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

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

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

@font-face {
    font-family: 'sk-modernistregular';
    src: url('../fonts/sk-modernist-regular-webfont.woff2') format('woff2'),
         url('../fonts/sk-modernist-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

:root{
--brown:#49402e;
--gold:#c79b66;
--grey:rgba(51, 51, 51, 0.4);
--grey2:rgba(51, 51, 51, 0.7);
--little-pad:50px;
--medium-pad:65px;
--big-pad:100px;
--big-font:143px;
--fake-margin:calc((100vw - 1545px) / 2);
--height:calc(100vh - 78px);
}

body{
font-family: 'gothambook';
font-size:15px;
color:var(--brown);
line-height: 1.6em;
letter-spacing: 0.8px;
background:#f8f4ef;
}
body.tm-isblog.uk-offcanvas-page,
body.tm-noblog.uk-offcanvas-page {
	overflow-x: visible !important;
}
h1, .h1{
font-family: 'sk-modernistbold';
font-size:49px;
color:var(--brown);
letter-spacing: 2px;
line-height: 1.2em;
margin-bottom: 18px;
}
h2, .h2{
font-family: 'gothambook';
font-size:14px;
text-transform:uppercase;
color:var(--brown);
letter-spacing: 0.7px;
line-height: 1.2em;
margin-bottom: 38px;
}
* + h2{
margin-top:18px;
}
h3, .h3{
font-family: 'sk-modernistbold';
font-size:33px;
color:var(--brown);
letter-spacing: 0.7px;
line-height: 1.2em;
margin:0;
}
strong{
font-family: 'gothambold';
}
.link{
position:relative;
font-family: 'gothambold';
text-transform:uppercase;
font-size:14px;
display: inline-block;
color:var(--brown);
}
.link::after{
content:"";
display:block;
height:1px;
background:var(--gold);
position:absolute;
left:0;
right:0;
bottom:100%;
transition: bottom .5s;
}
.link:hover{
text-decoration:none;
color:var(--brown);
}
.link:hover::after{
bottom:0;
}
a{
color:var(--gold);
font-family: 'gothammedium';
}
a:hover{
color:var(--gold);
}
em{
color:inherit;
}
.macro-container{
max-width:1600px;
margin:0 auto;
padding: 0 35px;
box-sizing: border-box;
}
.topper .macro-container{
display: flex;
justify-content: space-between;
}
.top-pad{
margin-top:var(--little-pad);
}
.bg-set{
background-size:cover !important;
background-position:center center !important;
}
#tm-top-a{
position:relative;
}
.topper{
position:absolute;
top:55px;
right:0;
left:0;
z-index: 10;
}
.topper.barra-fissa{
background: rgba(73, 64, 46, .8);
backdrop-filter: blur(7px);
}
.topper.barra-fissa .tm-logo {
width: 165px;
margin: 10px 0;
}
.barra-fissa .tm-headerbar{
margin:12px 0;
}
.tm-logo{
display:inline-block;
width:255px;
}
.tm-headerbar .uk-panel{
max-width:none;
}
.uk-navbar{
margin:0;
background:transparent;
display: inline-block;
vertical-align:middle;
margin-right: 50px;
}
.uk-navbar-toggle{
padding: 20px 0;
margin-right: 25px;
font-family: 'gothambook';
text-transform: uppercase;
letter-spacing: 0.7px;
height:auto;
vertical-align: middle;
display: inline-block;
float: none;
}
.uk-navbar-toggle::before,
.uk-navbar-toggle::after{
content:"";
display:block;
width:45px;
height:2px;
background:#fff;
margin:5px 0;
}
.uk-navbar-toggle span{
opacity:0;
height:0;
font-size:14px;
display:block;
color:#fff;
transition:height .5s, opacity .5s;
}
.uk-navbar-toggle:hover span{
opacity:1;
height:24px;
}
.tm-headerbar{
display:inline-block;
vertical-align:middle;
/* margin:0; */
margin:25px 0;
}
.contatti{
list-style:none;
padding-left:0;
}
.contatti > li{
display:inline-block;
margin-right:25px;
}
.contatti > li > a{
display:inline-block;
padding:5px 0;
color:#fff;
}
.prenota-new{
background: #478447;
padding: 15px 20px !important;
text-transform:uppercase;
transition:background .5s;
}
.prenota-new:hover{
text-decoration:none;
background:#549e54;
}
.link.phone::before{
content:"\f095";
font-family:fontawesome;
display:inline-block;
margin-right:5px;
}
.contatti .link:hover{
color:#fff;
}
.top-shade > div{
background:linear-gradient(to bottom, RGBA(0,0,0,0.5) 0%,RGBA(0,0,0,0) 30%) !important;
}
.uk-article,
#yoo-zoo{
background: url(../images/mood.svg) no-repeat right -14px top -1px;
background-size: 208px;
padding: var(--big-pad) 0 !important;
}
.pad{
padding:var(--big-pad) 0;
}
.img-frame{
position:relative;
}
.img-frame::before,
.img-frame::after{
content:url(../images/corner-top.svg);
width:71px;
display:block;
position:absolute;
top:calc(var(--little-pad) * -1);
left:-1px;
}
.img-frame::after{
transform:rotate(-180deg);
bottom:calc(var(--little-pad) * -1);
right:-1px;
left:initial;
top:initial;
}
.text-container{
padding-left: var(--little-pad);
width: 60%;
}
.layout-target{
height:var(--height);
position:relative;
color:#fff;
}
.layout-target .title{
color: #fff;
text-align: right;
line-height: 6em;
background:url(../images/frame.svg) no-repeat bottom right;
background-size:330px;
padding: 64px 52px 39px 0;
margin-bottom:var(--medium-pad);
position:relative;
}
.layout-target .title span{
font-family: 'sk-modernistbold';
font-size:var(--big-font);
text-transform:none;
display:block;
}
.layout-target::before{
content:"";
display:block;
width:100%;
height:1px;
background:#fff;
position:absolute;
top: calc(50vh - 186px);
left: 0;
z-index: 1;
}
.layout-target .macro-container{
position: absolute;
right: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.lista-icone{
padding-left:0;
list-style:none;
column-count:2;
column-gap:var(--little-pad);
}

.lista-icone-business{
	column-count: 3;
}

.cl-business .lista-icone-business{
    column-count: 2;
}

.lista-icone > li{
margin-bottom:var(--little-pad);
}
.lista-icone > li .servizi-icon{
width:40px;
margin-right:20px;
margin-bottom: 12px;
}
.layout-target .servizi-icon{
filter:brightness(5);
}
.lista-icone > li .servizi-icon,
.lista-icone > li .servizi-text{
display:inline-block;
vertical-align:top;
}
.lista-icone > li .h2{
font-family: 'gothambold';
margin-bottom:0;
}
.layout-target .lista-icone > li .h2{
color:#fff;
}
.lista-icone > li p{
margin:0;
}
.uk-slidenav-position .uk-slidenav{
display:block;
}
#tm-bottom-a .uk-slidenav-position .uk-slidenav{
margin-top:0;
top:calc(50vh - 216px);
}
.uk-slidenav-next{
background:url(../images/freccia-dx.svg) no-repeat right center;
background-size:18px;
right:0 !important;
}
.uk-slidenav-previous{
background:url(../images/freccia-sx.svg) no-repeat left center;
background-size:18px;
left:0 !important;
}
.uk-slidenav-next:before,
.uk-slidenav-previous:before{
display:none;
}
.layout-offerte{
display:block;
color:#fff;
text-align:right;
height:40vh;
position:relative;
}
.layout-offerte:hover{
text-decoration:none;
color:#fff;
}
.layout-offerte h3,
.layout-offerte .h2{
color:#fff;
margin-bottom: 5px;
}
.layout-offerte::before{
content:url(../images/corner-simple.svg);
display:block;
width:35px;
position:absolute;
top:-1px;
left:-1px;
}
.layout-offerte::after{
content:url(../images/corner.svg);
display:block;
width:90px;
height:90px;
position:absolute;
bottom:0;
right:0;
}
.on-top{
position:absolute;
bottom:5px;
right:40px;
transition:bottom .5s;
}
.layout-offerte:hover .on-top{
bottom:35px;
}
.on-top .pos-links{
opacity:0;
color:var(--gold);
display:inline-block;
padding: 5px 0;
position:relative;
transition:all .5s;
}
.on-top .pos-links::before,
.on-top .pos-links::after{
content:"";
vertical-align:middle;
display:inline-block;
width:20px;
height:1px;
background:var(--gold);
}
.on-top .pos-links::after{
position:absolute;
left:10px;
transform:rotate(90deg);
transform-origin: bottom left;
top: 7px;
}
.layout-offerte:hover .on-top .pos-links{
opacity:1;
}
.container-text-left{
padding-left:var(--fake-margin);
}
#mood-tab .bg-set{
height:var(--height);
}
.tab-position,
#mood-tab{
position:relative;
margin-top: 0;
}
.tab-position::before{
content:"";
display:block;
width:1px;
height:var(--height);
position:absolute;
left:var(--fake-margin);
top:0;
bottom:0;
background:#fff;
z-index:1;
}
#mood-tab  .description,
.banner-risto .description{
position:absolute;
right:var(--fake-margin);
bottom:var(--big-pad);
text-align:right;
color:#fff;
width:280px;
}

#mood-tab  .description h2,
#mood-tab  .description .link,
.banner-risto  .description h2,
.banner-risto  .description .link{
color:#fff;
font-family:'gothambold';
margin-bottom:0;
}

#mood-tab  .description p,
.banner-risto  .description p{
margin:0;
}

#mood-tab  .description .link,
.banner-risto  .description .link{
margin-top:var(--little-pad);
}

.tab-position  .uk-tab{
position:absolute;
left:var(--fake-margin);
bottom:var(--big-pad);
border:0;
display: inline-block;
z-index:1;
}
.tab-position .uk-tab > li{
float:none;
}
.tab-position .uk-tab > li.uk-active > a{
background:transparent;
opacity:1;
text-transform:uppercase;
border:0;
padding:5px;
padding-left: var(--big-pad);
}
.tab-position .uk-tab > li.uk-active > a::before{
content:"";
display:inline-block;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:75px;
height:1px;
background:#fff;
}
.tab-position .uk-tab > li.uk-active > a::after{
content:"";
background:url(../images/freccia-dx.svg) no-repeat center center;
display:inline-block;
position:absolute;
left:60px;
top:50%;
transform:translateY(-50%);
height:18px;
width:18px;
}
.tab-position .uk-tab > li.uk-active > a span,
.tab-position .uk-tab > li > a span{
text-transform:none;
font-size:35px;
}
.tab-position .uk-tab > li > a{
text-transform:none;
font-family: 'sk-modernistregular';
color:#fff;
padding:0;
margin:0;
border:0;
padding-left: var(--big-pad);
position:relative;
opacity:0.5;
transition: opacity .5s;
}
.tab-position .uk-tab > li:not(.uk-active) > a:hover, 
.tab-position .uk-tab > li:not(.uk-active) > a:focus, 
.tab-position .uk-tab > li.uk-open:not(.uk-active) > a,
.uk-tab > li:nth-child(n+2) > a{
margin:0;
padding:0;
padding-left: var(--big-pad);
border:0;
}
.tab-position .uk-tab > li > a:hover, 
.tab-position .uk-tab > li > a:focus, 
.tab-position .uk-tab > li.uk-open > a{
border:0;
background:transparent;
opacity:1;
}
#mood-tab .description h2 span{
display: inline-block;
background: var(--gold);
transform: rotate(-5deg);
position: absolute;
top: -20px;
left: -70px;
width: 127px;
}
.mood-title{
position:absolute;
top:var(--big-pad);
left:calc(var(--fake-margin) - 40px);
z-index:1;
color:#fff;
}
.mood-title img{
width:260px;
}
.mood-title::before{
content:"Scopri i nostri";
display:block;
margin-left: 80px;
}
.moodboard{
margin:var(--big-pad) 0;
}
.moodboard .macro-container{
position:relative;
height:var(--height);
}
.moodboard ul{
padding-left:0;
list-style:none;
margin:0;
position: relative;
height: 100vh;
}
.moodboard ul > li{
position: absolute;
}
.moodboard-title{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
left:0;
width: 36%;
margin: 0 auto;
}
li.img-1{
width: 25%;
top: 8vh;
left: 4%;
}
li.img-2{
width: 34%;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
}
li.img-3{
width: 25%;
top: 50%;
transform: translateY(-50%);
right: 0;
}
li.img-4{
width: 25%;
bottom: 26%;
left: 0px;
}
li.img-5{
width: 19%;
bottom: 0;
left: 30%;
}
li.img-6{
width: 15%;
bottom: 0;
right: 30%;
}
.big-banner{
height:var(--height);
position:relative;
}
.big-banner .macro-container{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
}
.big-title h1, .big-title .h2, .big-title .link{
color:#fff;
}
.big-title .h2{
margin-bottom:0;
}
.big-title h1{
font-size:var(--big-font);
line-height: 0.6em;
margin-top:0;
}
.pescara{
background:linear-gradient(to top, var(--grey), var(--grey)), url(../images/pescara.jpg) no-repeat center center;
background-size:cover;
text-align:right;
}
#tm-footer{
padding:var(--medium-pad) 0 0 0;
margin:0;
text-align:right;
background:url(../images/mood2.svg) no-repeat left -18px top;
background-size:208px;
}
.social{
padding-left:0;
list-style:none;
margin:0;
}
.social > li{
display:inline-block;
margin-right:25px;
}
.social > li > a{
display:inline-block;
color:var(--brown);
font-size:36px;
padding:7px 0;
}
.omnipolicycookielinks{
padding-bottom:var(--little-pad);
}
.omni-frontpage{
padding-left: 0;
list-style: none;
margin-bottom: var(--medium-pad);
}
.layout-slider{
height:210px;
}
.slider-263{
height:210px;
}
.text-container.no-pad{
padding-left:0;
}
.offerte-full .omni-summary{
margin-top: var(--little-pad);
}
.offerte-full .omni-specification{
margin-top:var(--big-pad);
}
.offerte-full .uk-slidenav-previous{
background-image:url(../images/freccia-sx_dark.svg);
left: -35px !important;
}
.offerte-full .uk-slidenav-next{
background-image:url(../images/freccia-dx_dark.svg);
right: -35px !important;
}
.gallery-container{
position:relative;
}
.gallery-container::before{
content:"";
background:var(--brown);
height:1px;
display:block;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:100%;
}
select.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large{
height:50px;
border:0;
color: var(--brown);
}
input[type].uk-form-large::placeholder, .uk-form textarea::placeholder{
color: var(--brown);
}
.uk-form * + .uk-margin {
margin-top: 10px;
}
.uk-form textarea{
min-height: 170px;
margin-bottom: 20px;
border:0;
}
.check{
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.check > li{
padding:0 0 0 25px;
position:relative;
}
.check > li::before {
content: url(../images/check.svg);
display: inline-block;
position: absolute;
left: 0;
top: 2px;
width: 18px;
height: 18px;
}
#form-offerta .check{
margin-top:0;
}
#form-offerta .check > li{
display:inline-block;
}
#form-offerta span.h2{
margin-right:20px;
}
.offerte-full .layout-slider{
margin-top: calc(var(--big-pad) * -1);
margin-bottom: var(--big-pad);
}
.zoo-itempro-gallery{
list-style:none;
padding-left:0;
}
div#n2-ss-10 .n2-ss-slide-limiter {
    max-width: 100% !important;
    width: 100% !important;
}
.rsform-block-label-date,
.rsform-block-label-orario,
.rsform-block-label-camere{
font-family: 'gothambold';
}

/* override stili form -- inizio */

.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]),
.uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']),
.uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']),
.uk-form-width-large {
	width: 100%;
}

form {
	margin: 0px;
}

.rsform-checkbox {
	margin-right: 5px!important;
}

.rsform-submit-button {
	width: 100%!important;
}

fieldset {
	border: none!important;
	padding: 0px!important;
	margin: 0px!important;
}

.uk-form-row+.uk-form-row {
	margin-top: 10px;
}

.uk-form-icon {
	display: block;
}

div.formBody {
	display: block;
	float: none!important;
}

.rsform-block-accetto-privace {
    display: inline-block;
    margin-right: 40px;
}
.rsform-block-newsletter-3{
display: inline-block;
}

.rsform-block-new-reg {
	text-align: left;
}

#invia{
    display: inline-block;
    width: auto !important;
    background: var(--gold);
    color: #fff;
    text-transform: uppercase;
    font-family: 'gothambold';
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: var(--big-pad);
}

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

.uk-form-icon:not(.uk-form-icon-flip)>select {
	padding-left: 30px !important;
}


/* override stili form -- fine */

/* Lingua inizio */

.lingua{
    margin-bottom: 30px;
}

p.gold {
    color: var(--brown);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
}

.lingua li a{
    font-family: 'gothambook' !important;
    transition: all .5s;
}

.lingua li a:hover,
.lingua li.lang-active a{
    font-family: 'gothambold' !important;
}

/* Lingua fine */

/* barra mobi -- inizio */

.barra-mobi {
position: fixed;
bottom: 0;
z-index: 100;
width: 100%;
text-align: center;
background: rgba(73, 64, 46, 0.9);
}
.barra-mobi a{
font-size: 12px;
text-transform: uppercase;
padding: 9px 6px 12px 6px;
display: block;
line-height: 1.2em;
}
.barra-mobi a i {
display: block;
font-size: 20px;
pointer-events:none;
margin-bottom: 5px;
}
.barra-mobi a.tele {
/* background: rgba(73, 64, 46, 0.9); */
color: #00af00;
}
.barra-mobi a.scrivi {
/* color: #d1c5b6; */
color:#fff;
background: rgba(71, 132, 71, 0.9);
}
.barra-mobi a.preno {
color: var(--gold);
}
.barra-mobi .temp-text{
padding: 17px 6px 12px 10px;
}
.barra-mobi .temp-text .h2{
color:#fff;
text-align: left;
font-size: 12px;
line-height: 1.3em;
display: block;
}
#scrollToTop {
	bottom: 65px;
	right: 10px;
	background: transparent;
	border: 1px solid #2e2e2e;
	display: none;
}

#scrollToTop:hover {
	background: #fff;
}


/* barra mobi -- fine */

.tm-leading-article .uk-article:last-child {
	border-bottom: 0;
}

.fumetto.uk-alert {
	position: fixed;
	bottom: 45px;
	left: 45px;
	width: 290px;
	z-index: 99;
	background: #444;
	color: #fff;
}

.fumetto ul.zoo-default {
	padding-left: 0;
	list-style: none;
}

/* Strutture inizio */

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
}

.movie-strutture-frontpage .items .row:nth-child(even) {
	background: rgba(255,255,255,0.5);
	padding-left: 30px !important;
}

.strutture-teaser {
    margin: 100px 0;
}

.strutture-teaser .omni-media{
	position: relative;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:after{
	content: url(../images/corner-top.svg);
    width: 71px;
    display: block;
    position: absolute;
    transform: rotate(-180deg);
    bottom: calc(var(--little-pad) * -1);
    right: -1px;
    left: initial;
    top: initial;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:before{
	content: url(../images/corner-simple.svg) ;
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

/*.strutture-teaser .omni-media:after{
	content: url(../images/corner-top.svg);
    width: 71px;
    display: block;
    position: absolute;
    transform: rotate(-180deg);
    bottom: calc(var(--little-pad) * -1);
    right: -1px;
    left: initial;
    top: initial;
}*/


.strutture-teaser .omni-media:before{
	content: url(../images/corner-top.svg);
    width: 71px;
    display: block;
    position: absolute;
    top: calc(var(--little-pad) * -1);
    left: -1px;
    z-index: 1;
}

.strutture-teaser .omni-specification .servizi-text .h2{
	margin-bottom: 15px !important;
}

.strutture-teaser .omni-specification .servizi-text:last-child .h2{
	margin-bottom: 40px !important;
}

/*.strutture-teaser h3.omni-title {
    margin-bottom: 20px;
}*/

.strutture-teaser .omni-mq{
	margin: 20px 0;
}

/* Strutture fine */

/* Lounge Bar inizio */

.slider-279,
.slider-280,
.slider-283 {
    height: 600px;
}

.img-grid {
  margin: 70px 0 !important;	
  display: grid;
  width: 100%;
  height: 500px;
  grid-template-areas: 
    "c a b b"
    "c a b b"
    "d d b b";
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.img-a {
  grid-area: a;
  background: url(../images/cocktail-01.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.img-b {
  grid-area: b;
  background: url(../images/cocktail-02.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-b:after{
	content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.img-c {
  grid-area: c;
  background: url(../images/cocktail-03.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-c:after{
	content: url(../images/corner-simple.svg);
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.img-d {
  grid-area: d;
  background: url(../images/cocktail-04.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.orari hr {
    border-top: 1px solid #c79b66;
    margin: 20px 0;
}

hr.space {
    border-top: 1px solid #c79b66;
    margin: 70px 0;
}

.orari{
	padding-top: 70px;
}

.banner-risto{
	background: linear-gradient(to top, var(--grey), var(--grey)), url(../images/ristorante.jpg);
	width: 100%;
	height: calc(80vh - 70px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

.banner-risto img{
	position: absolute;
    top: var(--big-pad);
    left: calc(var(--fake-margin) - 40px);
    z-index: 1;
    color: #fff;
}

.banner-risto:after{
	content: "";
}

.movie-descrizioni-lounge-bar-2 {
    margin-bottom: -100px !important;
}

/* Lounge Bar fine */

/* Impianti sportivi inizio */

.img-grid-sport {
  margin: 70px 0 !important;    
  display: grid;
  width: 100%;
  height: 500px;
  grid-template-areas: 
    "c a b b"
    "c a b b"
    "d d b b";
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.img-grid-sport .img-aa {
  grid-area: a;
  background: url(../images/active_01.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.img-grid-sport .img-bb {
  grid-area: b;
  background: url(../images/active_02.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-grid-sport .img-bb:after{
    content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.img-grid-sport .img-cc {
  grid-area: c;
  background: url(../images/active_03.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-grid-sport .img-cc:after{
    content: url(../images/corner-simple.svg);
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.img-grid-sport .img-dd {
  grid-area: d;
  background: url(../images/active_04.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.orari-active a.link {
    margin-top: 0px !important;
}

/* Impianti sportivi fine */

/* Piscina inizio */

.movie-descrizioni-piscina-e-solarium {
    padding-bottom: 0px !important;
    margin-bottom: -100px !important;
}

.img-a-piscina {
  grid-area: a;
  background: url(../images/piscina-01.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.img-b-piscina {
  grid-area: b;
  background: url(../images/piscina-02.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-b-piscina:after{
	content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.img-c-piscina {
  grid-area: c;
  background: url(../images/piscina-03.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-c-piscina:after{
	content: url(../images/corner-simple.svg);
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.img-d-piscina {
  grid-area: d;
  background: url(../images/piscina-04.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Piscina fine */

/* Spiaggia inizio */

.img-a-spiaggia {
  grid-area: a;
  background: url(../images/spiaggia-01.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.img-b-spiaggia {
  grid-area: b;
  background: url(../images/spiaggia-02.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-b-spiaggia:after{
	content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.img-c-spiaggia {
  grid-area: c;
  background: url(../images/spiaggia-03.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-c-spiaggia:after{
	content: url(../images/corner-simple.svg);
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.img-d-spiaggia {
  grid-area: d;
  background: url(../images/spiaggia-04.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Spiaggia fine */

/* Business inizio */

.img-business-a{
	background: url(../images/meeting-room.jpg);
	width: 100%;
	height: 500px;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.img-business-a:after{
	content: url(../images/corner-simple.svg) ;
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.img-business-b{
	background: url(../images/coffee-break.jpg);
	width: 100%;
	height: 500px;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.img-business-b:after{
	content: url(../images/corner-top.svg);
    width: 71px;
    display: block;
    position: absolute;
    transform: rotate(-180deg);
    bottom: calc(var(--little-pad) * -1);
    right: -1px;
    left: initial;
    top: initial;
}

.detail-bus {
    margin: 70px 0 !important;
}

.form {
    margin-top: 70px !important;
}

.movie-descrizioni-business {
    margin-bottom: -100px !important;
}

.txt-business-b{
	text-align: right;
}

.txt-business-b.text-container {
    padding-left: 35%;
    width: 60%;
    padding-right: 50px;
    display: table-cell;
}

/* Business fine */

/* Ristorante inizio */

.img-a-ristorante {
  grid-area: a;
  background: url(../images/ristorante-01.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.img-b-ristorante {
  grid-area: b;
  background: url(../images/ristorante-02.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-b-ristorante:after{
	content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.img-c-ristorante {
  grid-area: c;
  background: url(../images/ristorante-03.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.img-c-ristorante:after{
	content: url(../images/corner-simple.svg);
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.img-d-ristorante {
  grid-area: d;
  background: url(../images/ristorante-04.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.orari a.link{
	margin-top: 70px;
}

/* Ristorante fine */

/* Territorio inizio */

#yoo-zoo .details.alignment-center {
    text-align: left;
}

#yoo-zoo .details{
	border-bottom: 0px !important;
}

.uk-accordion-title{
	background: transparent;
	border-bottom: 1px solid #c79b66;
	padding: 10px 20px;
	transition: all .5s;
}

h2.uk-accordion-title.uk-active {
    background: #c79b66;
    color: #fff;
}

.photo-01,
.photo-02,
.photo-03,
.photo-04,
.photo-05,
.photo-06{
	background: url(../images/spiaggia-pescara.jpg);
	width: 100%;
	height: 500px;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative;
}

.photo-02{
	background: url(../images/piazza-della-rinascita.jpg);
}

.photo-03{
	background: url(../images/ponte-sul-mare.jpg);
}

.photo-04{
	background: url(../images/museo-delle-genti-abruzzo.jpg);
}

.photo-05{
	background: url(../images/pineta-dannunziana.jpg);
}

.photo-06{
	background: url(../images/arrosticini.jpg);
}

/*.photo-01:after,
.photo-02:after,
.photo-03:after,
.photo-04:after,
.photo-05:after,
.photo-06:after{
	content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.photo-01:before,
.photo-02:before,
.photo-03:before,
.photo-04:before,
.photo-05:before,
.photo-06:before{
	content: url(../images/corner-simple.svg);
    display: block;
    width: 35px;
    position: absolute;
    top: -1px;
    left: -1px;
}*/

/* Territorio fine */

/* Menu inizio */

/*.uk-offcanvas-bar{
	width: 70%;
	background:linear-gradient(to bottom, rgba(0,0,0,0.4), var(--grey)),url(/media/zoo/images/texture_1f032528e1c813243724a869da0c2775.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
}*/


.uk-offcanvas-bar{
	width: 100%;
	background:#fff;
	position: relative;
	height: 100vh;
}

.uk-offcanvas .uk-panel {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    margin:0;
}

.uk-offcanvas-bar:after{
	content: "";
	width: 55%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .7;
	background: linear-gradient(to left, rgba(73,64,46,0.2), var(--grey)), url(../images/texture.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

ul.uk-nav.uk-nav-offcanvas {
    margin-top: 70px;
}

.uk-nav-offcanvas > li > a {
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    transition: all .5s;
    position: relative;
    width: fit-content;
}

.uk-nav-offcanvas > li > a:after{
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	display: block;
	left: 0;
	bottom: 10px;
	background: var(--gold);
	transition: all .5s;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a,
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus{
	background: transparent;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a:after,
.uk-nav-offcanvas > li > a:hover:after,
.uk-nav-offcanvas > li.uk-active > a:after{
	width: 100%;
}

.uk-offcanvas-close{
opacity:1;
position:relative;
width:129px;
height:34px;
line-height:1em;
display:inline-block;
}

.uk-offcanvas-close:before,
.uk-offcanvas-close:after{
	content:"";
	display:inline-block;
	background: #49402e;
	height:50px;
	width:1px;
	transform:rotate(45deg);
	position: absolute;
	top: 0;
	right: 64px;
	transform-origin: top right;
	transition:all .5s;
}

.uk-offcanvas-close:after{
	transform: rotate(-45deg);
	transform-origin: bottom right;
	top: initial;
	bottom: 0;
	left:64px;
	right:initial;
}

.my-close{
	position:absolute;
	display: block;
    top: 30px;
    right: 0px;
	z-index: 2;
}

.my-close span{
	font-size:12px;
	margin:0;
	position:absolute;
	top:50%;
	left:-30px;
	transform:translateY(-50%);
	opacity:0;
	transition:all .5s;
	color:#49402e;
}

.my-close:hover span{
	opacity:1;
	left:40px;
	z-index:-1;
}
.my-close:hover .uk-offcanvas-close:before,
.my-close:hover .uk-offcanvas-close:after{
	transform:rotate(90deg);
}

.menu-off {
    padding: 60px 50px 80px 50px;
    z-index: 1;
}

.menu-hotel ul,
.menu-risto ul{
	list-style: none;
	padding-left: 0;
}

.menu-hotel a.off-home,
.menu-risto span.off-opera{
	padding-bottom: 20px !important;
    display: block;
}

.menu-off .mod-list li a {
    color: var(--brown);
    text-transform: uppercase;
    font-family: 'gothambold';
}

.uk-offcanvas .uk-panel a:not([class]),
.uk-offcanvas .uk-panel a:not([class]):hover {
    color: var(--brown);
    font-family: 'gothambold';
}

.mod-list li {
    padding: 10px 0;
}

.mod-list li a{
	position: relative;
	width: fit-content;
	font-family: 'gothambold';
}

.mod-list li a:hover{
	text-decoration: none;
}

.mod-list li a:after{
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	display: block;
	left: 0;
	bottom: -5px;
	background: var(--gold);
	transition: all .5s;
}

.mod-list li a:hover:after,
.mod-list li.active a:after{
	width: 100%;
}

.mod-list li.item-256 a:after{
	display: none;
}

.menu-basso{
	margin-top: 70px;
    background: rgba(73,64,46,.9);
    padding: 50px 50px 30px;
}

.menu-basso ul {
    list-style: none;
    padding-left: 0;
}

.menu-basso li{
	display: inline-block;
	margin: 0 50px;
}

.menu-basso li:first-child{
	margin-left: 0;
}

.menu-basso li a:after{
	display: none;
}

.menu-off .menu-basso li a{
	color: #fff;
	transform: all .5s;
}

.menu-off .menu-basso li a:hover{
	color: #fff;
	text-decoration: none;
}

/*.menu-basso li a:after{
	content: "";
    display: block;
    height: 1px;
    background: var(--gold);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    width: 100%;
    transition: bottom .5s;
}

.menu-basso li a:hover:after,
.menu-basso li.active a:after{
	bottom: 0;
}*/

.bottoni{
	margin-top: 100px;
}

.bottoni ul{
	list-style: none;
	padding-left: 0;
}

.bottoni li{
	display: inline-block;
	padding-right: 20px;
}

.menu-social {
    margin-top: 110px;
    display: block;
}

a.newsletter {
    display: block;
    padding-top: 20px;
}

a.esterno{
	color: var(--gold) !important;
    font-family: 'gothammedium' !important;
    text-transform: lowercase !important;
    margin-top: 20px;
    display: block;
    transition: all .5s;
}

a:hover.esterno{
	text-decoration: underline !important;
}

a.esterno:after{
	display: none !important;
}

/*.menu-hotel a.off-home{
	position: relative;
    background: url(../images/logo-mood.svg);
    width: 200px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100px;
}

.menu-risto a.off-opera{
	position: relative;
    background: url(../images/logo-opera.svg);
    width: 200px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100px;
}*/


/* Menu fine */

/* Moodboard inizio */

.moodboard-1 {
  width: 100%;
  display: grid;
  grid-template-areas: 
    "a a b b b . ."
    "c c d d d e e"
    ". . f . g . .";
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
  margin-top: 70px !important;
}

.a-mood {
  grid-area: a;
  background: url(../images/mood-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 300px;
  display: block;
  margin-top: 220px;
}

.b-mood {
  grid-area: b;
  background: url(../images/mood-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 400px;
  display: block;
  margin-top: 0;
}

.c-mood {
  grid-area: c;
  background: url(../images/mood-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 250px;
  display: block;
  margin-left: -150px;
  padding-right: 100px;
  margin-top: 20px;
}

.d-mood {
  grid-area: d;
  background: url(../images/moodboard.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 80%;
  height: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -50px;
}

.e-mood {
  grid-area: e;
  background: url(../images/mood-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 400px;
  display: block;
  padding-top: 150px;
  margin-top: -250px;
}

.f-mood {
  grid-area: f;
  background: url(../images/mood-5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 350px;
  display: block;
  margin-top: -300px;
  padding-right: 120px;
  padding-bottom: 50px;
  margin-left: -10px;
}

.g-mood {
  grid-area: g;
  background: url(../images/mood-6.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 350px;
  display: block;
  padding-left: 80px;
  margin-left: -80px;
  margin-top: -250px;
}

/*.movie-descrizioni-info {
    padding-bottom: 0 !important;
    margin-bottom: -300px !important;
}*/

/* Moodboard fine */

/* Pet free inizio */

.pet-free{
	position: relative;
	background: #c79b66;
	color: #fff;
	padding: 30px 40% 10px 10%;
}

.pet-free:after{
	content: url(../images/pet-free.svg);
	width: 60px;
	position: absolute;
	left: 5%;
    top: 20%;
	display: block;

}

/* Pet free fine */

/* Servizi inizio */

.servizi-hotel {
    column-count: 2;
    display: block;
    margin-top: 70px;
}

.servizi-hotel ul {
    break-inside: avoid-column !important;
}

.servizi-hotel ul li.h2 {
    list-style: none;
    /*padding-left: 0;*/
}

.servizi-hotel .h2 {
    margin: 50px 0 20px;
    padding-left: 20px;
    color: var(--gold);
    font-family: 'gothammedium';
    position: relative;
}

.servizi-hotel .first-tit-1.h2 {
    margin-top: 0;
}

.servizi-hotel .first-tit-1,
.servizi-hotel .first-tit-2,
.servizi-hotel .first-tit-3,
.servizi-hotel .first-tit-4,
.servizi-hotel .first-tit-5,
.servizi-hotel .first-tit-6,
.servizi-hotel .first-tit-7{
	position: relative;
}

.servizi-hotel .first-tit-1:after{
	content: url(../images/servizi-generali.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}

.servizi-hotel .first-tit-2:after{
	content: url(../images/camera.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}

.servizi-hotel .first-tit-3:after{
	content: url(../images/bagno.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}

.servizi-hotel .first-tit-4:after{
	content: url(../images/ristorazione.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: 0;
	display: block;
	transform: translateY(-15px);
}

.servizi-hotel .first-tit-5:after{
	content: url(../images/business.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}

.servizi-hotel .first-tit-6:after{
	content: url(../images/benessere.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}

.servizi-hotel .first-tit-7:after{
	content: url(../images/accessibile.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}

.servizi-hotel .first-tit-8:after{
	content: url(../images/no-pet.svg);
	width: 40px;
	position: absolute;	
	left: -30px;
	top: -20px;
	display: block;
}
.scidoo-form-container {
    margin-bottom: 70px !important;
}
.scidoo-form-container div {
    text-align: left !important;
}

/* Servizi fine */

.opera-home{
background:url(/images/slider/slider-ristorante.jpg) no-repeat top right;
background-size:cover;
text-align: right;
color:#fff;
}

.item-1949 .esterno{
width:200px;
}
.prezzo{
font-size: 18px;
    border-top: 1px dotted var(--gold);
    border-bottom: 1px dotted var(--gold);
    padding: 15px 0;
}
.uk-modal-dialog-lightbox > .uk-close:first-child {
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    float: none;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 25px;
}

/* Eventi inizio */

.bt{
    margin: 30px 0 40px;
    width: fit-content;
}

a.bt-video {
    color: #fff;
    padding: 15px;
    background: var(--gold);
    border: 1px solid var(--gold);
    transition: all .5s;
}

a:hover.bt-video{
    background: transparent;
    color: var(--gold) !important;
    text-decoration: none;
}

/* Eventi fine */

/* Occasioni inizio */

.target-teaser .omni-title span.h2 {
    display: block;
    margin-bottom: 0;
}

.target-teaser a:hover{
    text-decoration: none;
}

.target-teaser .omni-media {
    position: relative;
}

.target-teaser .omni-media:after{
        content: url(../images/corner.svg);
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.target-full h2.omni-subtitle {
    margin-bottom: 0;
}

.target-full h1.omni-title {
    margin: 0 0 30px;
}

.target-full .omni-meta {
    margin-bottom: 50px;
}

.target-full .omni-summary {
    margin-top: 50px;
}

.target-teaser {
    margin-bottom: 30px;
}

/* Occasioni fine */

/* Tour 360 inizio */

.tour {
    padding-top: 50px;
}

.tour h2 {
    font-size: 20px;
    margin-bottom: 0;
}

.tour a.link.top-pad {
    margin-top: 30px;
}

.movie-gallery-frontpage {
    padding: var(--big-pad);
}

/* Tour 360 fine */

.gallery .omni-frontpage {
    margin-bottom: 0 !important;
}
.gallery .omni-frontpage .no-pad p {
    margin-bottom: 0 !important;
}
.gallery .tour {
    padding: var(--big-pad);
}

/* MEDIA QUERY */

@media (max-width: 1670px) {
:root{
--fake-margin:35px;
}
.container-text-left{
padding-left:35px;
}
}

@media (min-width: 960px) and (max-width: 1199px) {
.omni-countdown{
font-size:26px !important;
}

.pet-free{
	padding: 30px 15% 10px;
}

.movie-descrizioni-info {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.movie-strutture-frontpage .items .row:nth-child(even){
	background: transparent;
}

hr.space{
	margin: 40px 0;
}

.orari a.link {
    margin-top: 30px;
}

.img-business-a,
.img-business-b{
	height: 300px;
}

.photo-01,
.photo-02,
.photo-03,
.photo-04,
.photo-05,
.photo-06{
	height: 300px;
}

.uk-accordion-title{
	line-height: 1.2em;
    font-size: 14px;
}

}

@media (min-width: 768px) and (max-width: 959px) {
:root{
--big-font:95px;
--little-pad:30px;
--big-pad: 75px;
}
h1, .h1{
font-size:32px;
}
h3, .h3{
font-size:28px;
}
.lista-icone{
column-count:1;
}
.lista-icone > li p br{
display:none;
}
.layout-target::before{
top:calc(50vh - 218px);
}
#tm-bottom-a .uk-slidenav-position .uk-slidenav {
top: calc(50vh - 248px);
}
.img-frame::before{
top:-48px;
}
.img-frame::after{
bottom:-48px;
}
.omni-countdown{
font-size:26px !important;
}

.pet-free{
	padding: 30px 15% 10px;
}

.movie-descrizioni-info {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.movie-strutture-frontpage .items .row:nth-child(even){
	background: transparent;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:after{
	bottom: -50px;
}

.strutture-teaser .omni-media:before{
	top: -50px;
}

.text-container{
	width: 70%;
}

.txt-business-b.text-container {
    padding-left: 20%;
    width: 75%;
    padding-right: 50px;
}

hr.space{
	margin: 40px 0;
}

.orari a.link {
    margin-top: 30px;
}

.img-business-a,
.img-business-b{
	height: 300px;
}

.photo-01,
.photo-02,
.photo-03,
.photo-04,
.photo-05,
.photo-06{
	height: 300px;
}

.uk-accordion-title{
	line-height: 1.2em;
    font-size: 14px;
}


}

@media(max-width:767px) {
:root{
--big-pad:40px;
--big-font:55px;
--little-pad:25px;
--fake-margin:25px;
--height:calc(100vh - 78px);
}
.uk-touch .uk-hidden-touch, .uk-notouch .uk-hidden-notouch {
display: block !important;
}
body{
margin-bottom:65px;
}
.macro-container{
padding:0 25px;
}
.container-text-left {
padding-left: var(--little-pad);
padding-right: var(--little-pad);
}
.text-container{
width:auto;
}
h1, .h1{
font-size:32px;
}
.contatti > li{
display:block;
}
.topper{
top:30px;
}
.tm-logo {
width: 200px;
}
.tm-headerbar{
display:none;
position: absolute;
right: 0;
text-align: right;
}
ss3-force-full-width,
ss3-fullpage,
.n2-section-smartslider,
#n2-ss-10-align,
#n2-ss-10,
div#n2-ss-10 .n2-ss-slider-1,
.n2-padding,
#n2-ss-10,
.n2-ss-slider[data-responsive=fullpage]{
height:80vh;
min-height:80vh;
}
.uk-article,
#yoo-zoo{
padding:var(--big-pad) 25px !important;
background-image:none;
}
.uk-article .text-container,
#yoo-zoo .text-container{
padding-left:0;
}
.uk-article > .macro-container,
#yoo-zoo > .macro-container{
padding-right:0;
padding-left:0;
}
.img-frame{
margin:var(--little-pad) 0 !important;
}
.img-frame::before{
top:-47px;
}
.img-frame::after{
bottom: -48px;
}
.layout-target{
height:auto;
}
.layout-target .title{
padding:30px 30px 0px 0;
background-size: 175px;
}
.layout-target .title span{
margin-top:-30px;
}
.layout-target .macro-container{
position:initial;
transform: translateY(0px);
}
.layout-target::before{
top:90px;
}
#tm-bottom-a .uk-slidenav-position .uk-slidenav {
top: 60px;
}
.layout-target .lista-icone{
padding: var(--medium-pad) 0 var(--little-pad) 0;
}
.lista-icone > li .servizi-icon{
margin-right:15px;
}
.lista-icone > li .servizi-text{
width: calc(100% - 75px);
}
.lista-icone > li p{
line-height:1.2em;
}
.lista-icone > li p br{
display:none;
}

.cl-business .lista-icone > li p br {
    display: block;


.mood-title{
left:calc(var(--fake-margin) - 25px);
}
.mood-title::before{
margin-left:40px;
}
.mood-title img{
width:180px;
margin-left:25px;
}
.tab-position .uk-tab{
top:130px;
}
.tab-position .uk-tab > li.uk-active > a::before{
width:25px;
}
.tab-position .uk-tab > li.uk-active > a::after{
left:10px;
}
.moodboard{
margin:var(--big-pad) 0 0 0;
}
.moodboard .macro-container,
.moodboard ul{
height:400px;
}
.moodboard ul{
margin-top: var(--medium-pad);
}

li.img-1{
    width: 25%;
    top: 16vh;
    left: 4%;
}

li.img-2{
width: 50%;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
}
li.img-3{
width: 35%;
top: 50%;
transform: translateY(-50%);
right: 0;
text-align:right;
}
li.img-4{
width: 37%;
bottom: 26%;
left: 0px;
}
li.img-5{
width: 26%;
bottom: 0;
left: 18%;
}
li.img-6{
width: 22%;
bottom: 0;
right: 30%;
}
.moodboard-title{
width:50%;
transform: translateY(-144%);
}
.big-title h1{
margin-top:10px;
}
#tm-footer .container-text-left{
text-align:right;
}
.info-footer{
padding-right:var(--little-pad);
}
.offerte-full .uk-slidenav-previous{
background-image:url(../images/freccia-sx_dark.svg);
left: -25px !important;
}
.offerte-full .uk-slidenav-next{
background-image:url(../images/freccia-dx_dark.svg);
right: -25px !important;
}
.slider-263{
height:130px;
}
.slider-full{
height:40vh;
margin:calc(var(--big-pad) * -1) -25px var(--big-pad) -25px;
}
.offerte-full .omni-meta{
margin-bottom:0;
}
.offerte-full h1{
margin-top:10px;
}
.gallery-container{
padding:0;
}
.gallery-container::before{
left:-20px;
width: calc(100% + 40px);
}
.omni-countdown{
font-size:18px !important;
text-align:left !important;
}


.uk-offcanvas-bar{
	width: 100%;
}

.img-grid{
	height: 300px;
    margin-bottom: 100px !important;
}

.strutture-teaser .omni-media:before{
	top: -50px;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
}

.movie-strutture-frontpage .items .row:nth-child(even) {
	padding-left: 0px !important;
	background: transparent;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:after,
.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:before{
	display: none;
}

.strutture-teaser .omni-media{
	padding-bottom: 50px;
}

.strutture-teaser {
    margin: 80px 0 20px 0;
}

.slider-279,
.slider-280,
.slider-283 {
    height: 300px;
}

hr.space{
	margin: 30px 0;
}

.orari a.link {
    margin-top: 20px;
}

.banner-risto img{
	width: 180px;
    margin-left: 25px;
}

.orari .uk-width-medium-1-2.uk-text-right {
    text-align: left !important;
}

.img-business-a,
.img-business-b{
	height: 350px;
	margin-bottom: 50px !important;
}

.img-business-b{
	margin-bottom: 80px !important;
}

.img-business-b:after{
	bottom: -50px;
}

.txt-business-b.text-container {
    width: auto;
    padding-right: 0;
}

.form{
	margin-bottom: 70px !important;
}

.movie-territorio-frontpage .omni-frontpage{
	margin-bottom: -50px;
}

.photo-01,
.photo-02,
.photo-03,
.photo-04,
.photo-05,
.photo-06{
	height: 350px;
}

.plus .text-container{
	padding:50px 0 0 !important;
}

.uk-accordion-title{
	font-size: 14px;
    line-height: 1.2em;
}

.movie-territorio .offerte-full {
    margin-top: 50px;
}




.moodboard-1{
	gap: 0px;
    margin-bottom: -150px !important;
}

.a-mood{
	width: 100%;
	height: 100px;
	margin-top: 80px;
	margin-left: 10px;
	z-index: 1;
}

.b-mood{
	width: 100%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.c-mood{
	width: 150%;
	height: 90px;
    margin-left: -120px;
    padding-right: 100px;
    margin-top: 10px;
}

.d-mood{
	margin-top: -100px;
	z-index: 2;
    width: 150%;
    height: 120px;
    display: block;
    margin-left: -30px;
    margin-right: auto;
    margin-top: -70px;
}

.e-mood{
	width: 100%;
	height: 130px;
    padding-top: 0px;
    margin-top: -70px;
    margin-left: 10px;
}

.f-mood{
    width: 150%;
    height: 100px;
    margin-top: -120px;
    padding-right: 0px;
    padding-bottom: 0;
}

.g-mood{
    width: 150%;
    height: 80px;
    padding-left: 0;
    margin-left: 0;
    margin-top: -100px;
}

.movie-descrizioni-info{
	margin-bottom: 0px !important;
}

.pet-free{
	padding: 100px 20px 10px;
}

.pet-free:after{
	top: 20px;
}

.uk-offcanvas-bar:after{
	width: 100%;
}

.item-1949 .esterno {
    width: auto !important;
}

.uk-offcanvas .uk-panel{
position:relative;
top:0;
transform:translateY(0);
}

.menu-off{
padding:10px 50px;
}
.uk-offcanvas-bar:after{
height:605px;
}

.uk-offcanvas-bar .menu-risto,
.uk-offcanvas-bar .menu-social{
margin-top:60px;
}

.movie-gallery-frontpage {
    padding: var(--little-pad);
}


@media(max-width:480px){
body{
letter-spacing:0;
}
.tm-logo {
width: 180px;
}
h1, .h1,
.tab-position .uk-tab > li.uk-active > a span, .tab-position .uk-tab > li > a span,
h3, .h3 {
font-size: 26px;
letter-spacing:1px;
}
h1 br{
display:none;
}
.lista-icone{
column-count:1;
}
.lista-icone > li .servizi-icon{
width:32px;
}
.moodboard-title{
width:70%;
}
.offerte-full h1{
margin-top:0px;
}

.uk-offcanvas-bar{
	width: 100%;
}

.img-grid{
	height: 300px;
    margin-bottom: 100px !important;
}

.strutture-teaser .omni-media:before{
	top: -50px;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
}

.movie-strutture-frontpage .items .row:nth-child(even) {
	padding-left: 0px !important;
	background: transparent;
}

.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:after,
.movie-strutture-frontpage .items .row:nth-child(even) .uk-flex-order-first .omni-media:before{
	display: none;
}

.strutture-teaser .omni-media{
	padding-bottom: 50px;
}

.strutture-teaser {
    margin: 80px 0 20px 0;
}

.slider-279,
.slider-280,
.slider-283 {
    height: 300px;
}

hr.space{
	margin: 30px 0;
}

.orari a.link {
    margin-top: 20px;
}

.banner-risto img{
	width: 180px;
    margin-left: 25px;
}

.orari .uk-width-medium-1-2.uk-text-right {
    text-align: left !important;
}

.img-business-a,
.img-business-b{
	height: 350px;
	margin-bottom: 50px !important;
}

.img-business-b{
	margin-bottom: 80px !important;
}

.img-business-b:after{
	bottom: -50px;
}

.txt-business-b.text-container {
    width: auto;
    padding-right: 0;
}

.form{
	margin-bottom: 70px !important;
}

.movie-territorio-frontpage .omni-frontpage{
	margin-bottom: -50px;
}

.photo-01,
.photo-02,
.photo-03,
.photo-04,
.photo-05,
.photo-06{
	height: 350px;
}

.plus .text-container{
	padding:50px 0 0 !important;
}

.uk-accordion-title{
	font-size: 14px;
    line-height: 1.2em;
}

.movie-territorio .offerte-full {
    margin-top: 50px;
}

.uk-offcanvas-bar:after{
	width: 100%;
/* 	height: 75%; */
}

.uk-offcanvas-close{
width:95px;
}
.uk-offcanvas-close:before{
right:30px;
}

.uk-offcanvas .uk-panel{
	top: 0%;
	transform: translateY(0%);
}

.menu-off{
	padding: 10px 20px 50px 20px;
}

.menu-risto{
	margin-top: 100px;
}


.menu-social {
    margin-top: 50px;
}

/* Moodboard inizio */

.moodboard-1{
	gap: 0px;
    margin-bottom: -150px !important;
}

.a-mood{
	width: 100%;
	height: 100px;
	margin-top: 80px;
	margin-left: 10px;
	z-index: 1;
}

.b-mood{
	width: 100%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.c-mood{
	width: 150%;
	height: 90px;
    margin-left: -120px;
    padding-right: 100px;
    margin-top: 10px;
}

.d-mood{
	margin-top: -100px;
	z-index: 2;
    width: 150%;
    height: 120px;
    display: block;
    margin-left: -30px;
    margin-right: auto;
    margin-top: -70px;
}

.e-mood{
	width: 100%;
	height: 130px;
    padding-top: 0px;
    margin-top: -70px;
    margin-left: 10px;
}

.f-mood{
    width: 150%;
    height: 100px;
    margin-top: -120px;
    padding-right: 0px;
    padding-bottom: 0;
}

.g-mood{
    width: 150%;
    height: 80px;
    padding-left: 0;
    margin-left: 0;
    margin-top: -100px;
}

.movie-descrizioni-info{
	margin-bottom: 0px !important;
}

.pet-free{
	padding: 100px 20px 10px;
}

.pet-free:after{
	top: 20px;
}
.opera-home{
background:linear-gradient(to top, var(--grey2), var(--grey2)), url(/images/slider/slider-ristorante.jpg) no-repeat center;
background-size:cover;
}
.opera-home h1 img{
width:190px;
}

.movie-gallery-frontpage {
    padding: var(--little-pad);
}

/* Moodboard fine */

}

/* TEMPORANEI LANDING PAGE */

/*#mood-tab .link,
.pescara .link,
.moodboard .link{
display:none;
}*/