/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@font-face {
    font-family: 'elalbaregular';
    src: url('../fonts/elalba-regular-webfont.woff2') format('woff2'),
         url('../fonts/elalba-regular-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;
}

:root{
--grey:#848484;
--grey-dark:#6b6b6b;
--grey-darker:#4d4d4d;
--cream:#e8e2e6;
--blue:#227d8a;
--blue-hover:#3497a5;
--artica:#7694b8;
--olivia:#819c6b;
--pesca:#b88075;
--grad-blue:rgba(106,145,200,0.3);
--grad-grey:rgba(0,0,0,0.3);
--font-title:'elalbaregular';
--font-text:'gothambook';
--font-text-bold:'gothammedium';
--margin-medium:65px;
--margin-big:105px;
}

html{
background:var(--cream);
}
body.tm-isblog.uk-offcanvas-page,
body.tm-noblog.uk-offcanvas-page {
	overflow-x: visible !important;
}
body{
font-size:18px;
color:var(--grey-dark);
font-family:var(--font-text);
line-height: 1.5em;
}
strong{
font-family:var(--font-text-bold);
}
h1, .h1{
font-family:var(--font-title);
font-size:37px;
text-transform:uppercase;
color:var(--grey-dark);
letter-spacing:3.5px;
line-height: 1.2em;
}
h1 strong, .h1 strong{
font-family:var(--font-title);
font-weight:normal;
font-size:63px;
letter-spacing:6px;
display:block;
line-height: 1em;
margin-top:5px;
}
h2, .h2,
.layout-gallery .uk-flex-middle h3{
font-family:var(--font-text);
font-size:16px;
text-transform:uppercase;
color:var(--grey-dark);
letter-spacing:1.5px;
line-height: 1.5em;
}
h2 + p, .h2 + p,
h1 + p, .h1 + p{
margin-top:var(--margin-medium);
}
* + p{
margin-top:30px;
}
a{
color:var(--blue);
transition:color .5s;
}
a:hover{
color:var(--blue-hover);
}
.link-evi{
border-bottom: 2px solid var(--blue);
color: var(--grey-dark);
font-family: var(--font-text-bold);
}
.link-evi:hover{
text-decoration:none;
}
#tm-top-a{
position:relative;
}
.barra-top{
position:absolute;
top:var(--margin-medium);
right:0;
left:0;
z-index:2;
}
.tm-headerbar, .tm-navbar{
margin:0;
}
.uk-navbar{
background:transparent;
}
.tm-logo{
display:inline-block;
width:440px;
}
.tm-logo .logo-dark,
.barra-fixed .tm-logo .logo-w{
display:none;
}
.barra-fixed .tm-logo .logo-dark{
display:inline-block;
}
.tm-headerbar{
float:right;
margin-top: -35px;
}
.tm-headerbar .uk-panel{
max-width:none;
}
.no-list{
padding-left:0;
list-style:none;
}
.contatti{
  text-align:right;
}
.contatti > li{
display:inline-block;
}
.contatti > li > a{
font-family:var(--font-text);
font-size:16px;
text-transform:uppercase;
color:#fff;
text-align:center;
display:inline-block;
letter-spacing:2px;
line-height: 1.3em;
}
.contatti > li:last-child{
display:block;
}
.contatti > li:last-child a{
padding: 25px 16.28px;
}
.btn-square{
width:133px;
height:133px;
box-sizing:border-box;
padding-top:45px;
transition:background .5s;
}
.contatti > li > a:hover,
.btn-square:hover{
text-decoration:none;
}
.square-blu{
background:var(--blue);
}
.square-blu:hover{
background:var(--blue-hover);
}
.square-grey{
background:var(--cream);
color:var(--grey) !important;
}
.square-grey:hover{
background:#fff;
}
.contatti .uk-icon-phone{
font-size:18px;
}
.contatti .uk-icon-whatsapp{
font-size:24px;
}
.link-under-go::after{
content:"";
display:block;
width:0;
height:2px;
background:var(--blue);
transition:width .5s;
}
.link-under-go:hover::after{
width:100%;
}
.uk-navbar-toggle{
color:#fff;
margin-right: var(--margin-medium);
font-size:15px;
height:auto;
margin-top:10px;
padding:0;
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus{
color:#fff;
}
.uk-navbar-toggle::before,
.uk-navbar-toggle::after{
display:block;
background:#fff;
width:100%;
height:2px;
margin-bottom: 18px;
transition: all .5s;
animation:menu-1 1.5s ease-out infinite alternate;
}
.uk-navbar-toggle::after{
position:absolute;
top:20px;
content:"";
width:30px;
animation:menu-2 1.5s ease-out infinite alternate;
}
.uk-navbar-toggle:hover{
color:#fff;
}
.uk-navbar-toggle:hover::before,
.uk-navbar-toggle:hover::after{
animation-play-state: paused;
}
@keyframes menu-1{
0%{width:100%}
100%{width:50%}
}
@keyframes menu-2{
0%{width:15px}
100%{width:46px}
}
.barra-fixed{
background:#fff;
z-index: 9;
top:0;
right:initial;
left:initial;
}
.barra-fixed .contatti{
display:flex;
}
.barra-fixed .contatti > li:last-child{
display:inline-block;
order:-1;
}
.barra-fixed .contatti > li:last-child a{
color:var(--blue);
}
.barra-fixed .contatti > li a{
height:auto;
}
.barra-fixed .tm-logo{
width:290px;
padding: 20px 0;
}
.barra-fixed .tm-headerbar{
margin-top:0;
}
.barra-fixed .btn-square{
padding:18px 0;
}
.barra-fixed .uk-navbar-toggle{
color:var(--grey-dark);
margin-right:25px;
margin-top:25px;
}
.barra-fixed .uk-navbar-toggle::before,
.barra-fixed .uk-navbar-toggle::after{
background:var(--grey-dark);
height:1px;
margin-bottom:10px;
}
.barra-fixed .uk-navbar-toggle::after{
top:32px;
}
.omni-frontpage{
padding-left:0;
list-style:none;
margin-bottom:0;
padding:var(--margin-big) 0;
}
.firma{
width:123px;
}
.height{
height:75vh;
}
.bg-adapt{
background-size:cover !important;
background-position:center center !important;
}
.simil-container-sx{
padding: 0 var(--margin-medium) 0 calc((100vw - 1150px) / 2) ;
}
.simil-container-dx{
padding: 0 calc((100vw - 1150px) / 2) 0 var(--margin-medium) ;
}
.simil-container{
    padding: 0 calc((100vw - 1150px) / 2);
    margin: 0 auto;
    max-width: 1150px;
/*     width: 1150px; */
}
.last-p{
width:80%;
}
.link{
font-family:var(--font-text);
font-size:16px;
text-transform:uppercase;
display: inline-block;
letter-spacing:1.5px;
position: relative;
transition:all .5s;
}
.link-blu{
color:var(--blue);
}
.link-grey{
color:var(--grey-darker);
}
.link::after{
display:inline-block;
width:55px;
margin-left:20px;
position: relative;
z-index: 1;
transition:all .5s;
}
.link:hover{
text-decoration:none;
}
.link::after{
content:url(../images/freccia-w.svg);
}
.link-blu::after,
.circle-white::after{
content:url(../images/freccia-blu.svg);
}
.link-grey::after{
content:url(../images/freccia-grey.svg);
}
.link-blu:hover{
color:var(--blue-hover);
}
.link-grey:hover,
.layout-strutture:hover .link-grey{
color:var(--cream);
}
.link-grey:hover::after,
.layout-strutture:hover .link-grey::after{
content:url(../images/freccia-w.svg);
}
.link:hover::after,
.layout-strutture:hover .link::after,
.layout-fumetto a:hover .link::after{
margin-left:30px;
}
.line-w{
animation-iteration-count: 1;
animation-fill-mode: forwards;
stroke-dasharray: 3600px;
stroke-dashoffset: 3600px;
stroke-width: 2px;
}
.start-line .line-w{
animation-name: line;
animation-duration: 25s;
}
@keyframes line{
0% {stroke-dashoffset: 3600px;}
100% {stroke-dashoffset: 0;}
}
#leone{
width: 250px;
position: absolute;
right: -70px;
bottom: -14vh;
z-index: 0;
}
.bollo{
position: absolute;
bottom: 0;
right: -57.5px;
background: #fff;
width: 115px;
height: 115px;
border-radius: 50%;
text-align: center;
text-transform: uppercase;
font-size: 12px;
line-height: 1.3em;
padding-top: 35px;
box-sizing: border-box;
transform:rotate(-8deg);
z-index: 2;
}
.link-famiglia{
padding-left: var(--margin-medium);
}
.bg-grey{
color:#fff;
background:var(--grey);
padding:var(--margin-big) 0;
}
.bg-grey h1,
.bg-grey .h1,
.bg-grey h2{
color:#fff;
}
.number-3::before{
content:url(../images/3.svg);
display:inline-block;
float:left;
width:70px;
margin-right: 30px;
margin-top: 3px;
}
.lista{
list-style:none;
padding-left:0;
}
.lista > li{
padding-left:20px;
background:url(../images/check-dark.svg) top 3px left no-repeat;
background-size:12px;
}
.lista2{
margin-top: var(--margin-medium);
}
.lista2 > li{
margin-bottom:10px;
}
.bg-grey .lista > li,
.strutture-full .pos-summary .lista > li{
background:url(../images/check.svg) top 3px left no-repeat;
background-size: 12px;
}
.layout-strutture{
display:block;
color:#fff;
}
.layout-strutture:hover{
text-decoration:none;
}
.layout-strutture .bg-video{
opacity:0;
transition:all .5s;
}
.layout-strutture .bg-video video{
object-fit:cover;
height: 33.1vw !important;
}
.layout-strutture:hover .bg-video{
opacity:1;
}
.layout-strutture .btn-square{
font-family: var(--font-title);
font-size:25px;
display: inline-block;
text-align:center;
margin-bottom: -25px;
margin-right:10px;
color:#fff;
position: relative;
z-index: 1;
}
.layout-strutture .media{
height:33vw;
overflow: hidden;
}
#camera-237 .btn-square{
background:var(--artica);
}
#camera-237 .btn-square{
background:var(--artica);
}
#camera-253 .btn-square{
background:var(--olivia);
}
#camera-254 .btn-square{
background:var(--pesca);
}
.features{
list-style:none;
padding-left:0;
color:#fff;
display: inline-block;
text-transform:uppercase;
}
.features > li{
display:inline-block;
border-right:1px solid rgba(200, 194, 198, 0.3);
padding:0 10px;
}
.features > li:last-child{
border:0;
}
.plus::before{
content:"\f08a";
font-family:fontawesome;
display:block;
width:22px;
font-size:22px;
margin: 0 0 10px auto;
position: relative;
animation:pulse 2s infinite;
}
.layout-strutture .plus,
.strutture-full .plus{
position:absolute;
bottom:20px;
right:20px;
color:#fff !important;
text-align:right;
}
.layout-strutture .plus strong,
.strutture-full .plus strong{
font-weight:normal;
font-family: var(--font-text);
}
.layout-strutture .link{
margin-right:20px;
}
.layout-strutture .uk-text-right{
margin-bottom:0;
}
#camera-237 .plus strong,
#full-237 .plus strong{
border-bottom:2px solid var(--artica);
}
#camera-253 .plus strong,
#full-253 .plus strong{
border-bottom:2px solid var(--olivia);
}
#camera-254 .plus strong,
#full-254 .plus strong{
border-bottom:2px solid var(--pesca);
}
@keyframes pulse{
  0% {
    transform: scale( .75);
  }
  20% {
    transform: scale( 1);
  }
  40% {
    transform: scale( .75);
  }
  60% {
    transform: scale( 1);
  }
  80% {
    transform: scale( .75);
  }
  100% {
    transform: scale( .75);
  }
}
.ospiti::before{
content:url(../images/ospiti.svg);
display:inline-block;
width:20px;
    margin-right: 5px;
}
.piano::before{
content:url(../images/piano.svg);
display:inline-block;
width:30px;
    margin-right: 5px;
}
.grid-camere,
.grid-experience,
.grid-offerte{
margin-top:var(--margin-medium) !important;
max-width: 1700px;
margin-right: auto;
margin-left: auto;
}
.greta{
max-width:850px;
    z-index: 1;
    position: relative;
}
.brand{
text-align:center;
color:var(--cream);
}
.brand ul{
list-style:none;
display:inline-block;
margin: 0;
padding: 0 var(--margin-medium);
}
.brand ul > li{
display:inline-block;
letter-spacing: 1.5px;
margin: 0 20px;
}
.brand p{
border-top:1px solid var(--grey-dark);
text-align:center;
padding-top:20px;
color:var(--cream);
position:relative;
}
.brand p::before{
content:url(../images/cit.svg);
display:inline-block;
background:var(--grey);
padding:10px;
width:20px;
position:absolute;
top:-20px;
right:0;
left:0;
margin:0 auto;
}
.brand img{
margin-bottom: 15px;
}
.brand-trip{
width:37px;
}
.brand-book{
width:27px;
}
.brand-google{
width:23px;
}
.brand strong{
font-size:25px;
font-family:var(--font-text);
font-weight:normal;
}
.full-block{
height:85vh;
position:relative;
background-size:cover !important;
padding-top:var(--margin-big);
padding-bottom:var(--margin-big);
}
.full-block .circle-link{
position:absolute;
bottom:var(--margin-big);
right:calc((100vw - 1150px) / 2);
color:#fff;
}
.full-block h1{
color:#fff;
}
.colazione{
background:linear-gradient(to bottom, var(--grad-blue), transparent 20vh), linear-gradient(to top, var(--grad-grey), transparent 20vh), url(../images/colazione-conero.jpg) no-repeat center center;
}
.spiaggia{
background:linear-gradient(to bottom, var(--grad-blue), transparent 20vh), linear-gradient(to top, var(--grad-grey), transparent 20vh), url(../images/numana-conero.jpg) no-repeat center center;
}
.circle-link::before{
content: "";
display: inline-block;
width: 62px;
height: 62px;
background: var(--blue);
border-radius: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -20px;
z-index: 0;
transition:all .5s;
}
.circle-white::before{
background: #fff;
}
.circle-link span{
position:relative;
z-index:1;
}
.circle-link:hover::before{
width:100%;
}
.bg-experience{
padding-top: var(--margin-big);
position:relative;
overflow: hidden;
}
#bicon{
position: absolute;
width: 105%;
min-width: 105%;
top: 170px;
left: 0;
    right: 0;
    margin: 0 auto;
}
#bicon .line-w{
stroke-dasharray: 4620px;
stroke-dashoffset: 4620px;
animation-timing-function: ease-in;
}
.start-line #bicon .line-w{
animation-name: line2;
animation-duration: 10s;
}
@keyframes line2{
0% {stroke-dashoffset: 4620px;}
100% {stroke-dashoffset: 0;}
}
.layout-experience{
height:50vh;
display:block;
position:relative;
}
.layout-experience .h2{
color:#fff;
padding: 25px 20px;
margin:0;
position:absolute;
bottom:0;
right:0;
left:0;
top: 0;
}
.layout-experience .h2::after{
content:url(../images/freccia-w.svg);
display: block;
width: 0;
height:0;
margin:0 0 0 auto;
transition:all .5s;
}
.layout-experience:hover .h2::after{
width:55px;
height:24px;
}
.grid-experience{
margin-top:calc(var(--margin-big) * -1) !important;
margin-bottom: calc(var(--margin-big)* 2);
}
.grid-experience > div > div:first-child{
margin-top:50vh;
}
.grid-experience > div > div:nth-child(2),
.grid-experience > div > div:nth-child(4),
.grid-experience > div > div:nth-child(5){
margin-top:25vh;
}
.grid-experience > div > div:nth-child(5),
.grid-experience > div > div:nth-child(6){
transform:translateX(25vw);
}
.grid-experience > div > div:first-child .layout-experience .h2,
.grid-experience > div > div:nth-child(2) .layout-experience .h2,
.grid-experience > div > div:nth-child(3) .layout-experience .h2{
align-content: flex-end;
background:linear-gradient(to top, var(--grad-grey), transparent);
text-align:right;
}
.grid-experience > div > div:nth-child(4) .layout-experience .h2,
.grid-experience > div > div:nth-child(5) .layout-experience .h2,
.grid-experience > div > div:nth-child(6) .layout-experience .h2{
background:linear-gradient(to bottom, var(--grad-grey), transparent);
}
.movie-experience-frontpage .grid-experience > div > div .layout-experience .h2{
align-content: flex-end;
background:linear-gradient(to top, var(--grad-grey), transparent) !important;
text-align:right;
}
.grid-experience > div > div:nth-child(4) .layout-experience .h2::after,
.grid-experience > div > div:nth-child(5) .layout-experience .h2::after,
.grid-experience > div > div:nth-child(6) .layout-experience .h2::after{
margin:0 auto 0 0;
}
.movie-experience-frontpage .grid-experience > div > div .layout-experience .h2::after{
margin:0 0 0 auto;
}
.movie-experience-frontpage .grid-experience > div > div:nth-child(3n+2){
margin-top:var(--margin-medium);
}
.movie-experience-frontpage .grid-experience > div > div{
transform:translate(0) !important;
margin-top:0;
}
.incastro .uk-grid{
margin-top: var(--margin-medium) !important;
}
#tm-bottom-e{
padding:var(--margin-big) 0;
}
.social{
list-style:none;
padding-left:0;
margin-top:var(--margin-medium);
}
.social > li{
display: inline-block;
margin-right: 10px;
}
.social > li > a{
display:inline-block;
font-size:32px;
padding:5px 10px;
}
.tm-footer{
text-align:left;
margin:0;
background:var(--grey);
color:#fff;
padding:var(--margin-medium) 0;
}
.tm-footer .dati{
font-size:14px;
}
.tm-footer .dati p{
margin-top:0;
line-height: 1.5em;
}
.tm-footer a{
color:var(--cream);
}
.strutture-teaser,
.strutture-teaser .features,
.strutture-teaser:hover,
.strutture-teaser:hover .link-grey{
color: var(--grey-dark);
}
.strutture-teaser:hover .link-grey::after{
content:url(../images/freccia-grey.svg)
}
.intro{
padding:0 20px var(--margin-medium) 20px;
}
.strutture-teaser{
margin-bottom:var(--margin-medium);
}
.movie-strutture-frontpage .items > :last-child{
border-bottom:0;
}
.tm-leading-article .uk-article:last-child{
padding-bottom:0;
}
.layout-slider{
height: 50vh;
position:relative;
}
.layout-slider::before{
content:"";
display:block;
position:absolute;
bottom:0;
right:0;
left:0;
top:0;
background:linear-gradient(to bottom, var(--grad-grey), transparent);
}
}
.movie-strutture-frontpage .grid-camere{
margin-top:0 !important;
}
#freccia{
width:100px;
position: absolute;
margin-left: 20px;
}
.strutture-teaser#camera-237 .circle-link::before{
background:var(--artica);
}
.strutture-teaser#camera-253 .circle-link::before{
background:var(--olivia);
}
.strutture-teaser#camera-254 .circle-link::before{
background:var(--pesca);
}
.strutture-teaser .circle-link{
color:#fff;
margin-top:20px;
}
.strutture-teaser .bg-half{
background: linear-gradient(to top, var(--grey) 100px, transparent 100px);
}
.strutture-teaser .bg-grey{
padding: var(--margin-medium) 0 0 0;
}
.strutture-full .pos-top{
height:100vh;
position:relative;
}
.strutture-full .pos-top::before{
content:"";
display:block;
position:absolute;
bottom:0;
right:0;
left:0;
top:0;
background:linear-gradient(to bottom, var(--grad-grey), transparent, var(--grad-grey));
}
.strutture-full h1{
position: absolute;
bottom: 0;
color: #fff;
}
.strutture-full h1 #freccia{
width:115px;
margin-top:15px;
}
.strutture-full .pos-summary{
color:#fff;
padding: var(--margin-medium) 0;
margin-top:var(--margin-medium);
}
.strutture-full .pos-summary .h1{
color:#fff;
margin-bottom:var(--margin-medium);
}
.strutture-full .pos-summary .features{
margin-top:0;
}
#full-237 .pos-summary{
background:var(--artica);
}
#full-253 .pos-summary{
background:var(--olivia);
}
#full-254 .pos-summary{
background:var(--pesca);
}
[class*='uk-column-']{
column-gap: var(--margin-medium);
}
.strutture-full .uk-slideshow-fullscreen, 
.strutture-full .uk-slideshow-fullscreen > li{
height:calc(100vh - 80px);
}
.strutture-full .pos-bottom .uk-overlay-panel{
bottom:10px;
}
.uk-dotnav{
-ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.uk-dotnav > * > *{
    width: 3px;
    height: 3px;
}
.uk-dotnav-contrast > * > * {
    background: transparent;
    border: 2px solid;
}
.uk-dotnav-contrast > .uk-active > *{
    width: 10px;
    height: 10px;
}
.uk-slidenav-position .uk-slidenav{
display:block;
}
.uk-slidenav-previous::before,
.uk-slidenav-next::before{
display:none;
}
.uk-slidenav-position .uk-slidenav-next{
background:url(../images/freccia-w.svg) no-repeat center center;
}
.uk-slidenav-position .uk-slidenav-previous{
background:url(../images/freccia-w_sx.svg) no-repeat center center;
}
.strutture-full .pos-sidebar{
margin-top:var(--margin-big)
}
.gradient-slider > div{
background:linear-gradient(to bottom, var(--grad-grey), transparent, var(--grad-grey)) !important;
}
.marg-top{
margin-top:var(--margin-medium);
}
.bollo-map i{
margin-bottom:5px;
}
.bollo-map{
padding-top:21px;
transition:all .5s;
}
.leone-off .bollo{
transition:all .5s;
}
.bollo-map:hover,
.leone-off .bollo:hover{
color:#fff;
text-decoration:none;
background:var(--blue);
}
.leone-off .bollo:hover{
background:var(--grey-dark);
}
.uk-modal-dialog{
height: calc(100vh - 100px);
width:70%;
}
#map iframe{
height:100%;
width:100%;
}
.uk-modal-dialog > .uk-close:first-child,
.uk-offcanvas-close,
.eb-close{
    position: absolute;
    top: -12px;
    right: -12px;
    background: var(--blue);
    opacity: 1;
    color: #fff;
    padding: 15px;
    border-radius: 50%;
    margin: 0;
    width: 45px;
    height: 45px;
    transition:all .5s;
}
.uk-offcanvas-close{
top: 20px;
    right: 20px;
    background: var(--grey-darker);
    z-index:1;
}
.uk-modal-dialog > .uk-close::after,
.uk-modal-dialog > .uk-close::before,
.uk-offcanvas-close::after,
.uk-offcanvas-close::before{
content:"";
width:45px;
transform:rotate(-45deg);
height:1px;
background:#fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.uk-modal-dialog > .uk-close::before,
.uk-offcanvas-close::before{
transform:rotate(45deg);
}
.uk-modal-dialog > .uk-close:first-child:hover{
background:var(--blue-hover);
}
.uk-offcanvas-close:hover{
opacity:1;
background:var(--grey-dark);
}
.layout-gallery .uk-slider-fullscreen, 
.layout-gallery .uk-slider-fullscreen > li{
height:33.1vw !important;
}
.layout-gallery .uk-flex-middle{
justify-content: flex-end;
align-items: flex-end;
background:linear-gradient(to top, var(--grad-grey), transparent 20%);
}
.layout-gallery .uk-flex-middle h3{
color:#fff;
}
.layout-gallery{
margin:var(--margin-medium) 0 var(--margin-big) 0;
}
.ig-content .ig-media {
max-height: 768px;
height: auto;
padding-bottom: 100%;
position: relative;
}
.ig-content .ig-media img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.00);
    -ms-transform: translate(-50%, -50%) scale(1.00);
    transform: translate(-50%, -50%) scale(1.00);
    -webkit-transform-origin: inherit;
    -ms-transform-origin: inherit;
    transform-origin: inherit;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform .5s;
}
.lista-icone > li{
background:transparent;
display:flex;
align-items:center;
padding-left:0;
margin-bottom:20px;
}
.lista-icone > li img{
width: 90px;
margin-right:20px;
}
.simple-lion #leone{
width: 45%;
position: initial;
margin: 0 auto;
}
.movie-descrizioni-la-nostra-storia .omni-frontpage{
padding-bottom:0;
}
.movie-experience-frontpage .grid-experience > div > div:first-child{
margin-top:0;
}
.movie-experience-frontpage .grid-experience,
.movie-offerte-frontpage .grid-offerte{
margin-top:0 !important;
margin-bottom:var(--margin-big) !important;
}
.my-bar{
position:initial;
}
.experience-full{
padding-top: var(--margin-medium);
}
.experience-full .omni-summary img{
max-height: 60px;
width: auto;
margin-left:20px;
}
.experience-full .omni-summary{
transition:all .5s;
}
.experience-full .omni-specification{
padding: var(--margin-medium) 0; 
}
.experience-full .omni-summary:hover{
text-decoration:none;
transform:scale(1.05);
}
.uk-breadcrumb{
padding: 10px calc((100vw - 1150px) / 2) 0;
}
.uk-breadcrumb span{
display:none !important;
}
.uk-breadcrumb .uk-active::after{
content: "";
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50%;
vertical-align: middle;
border: 1px solid var(--grey-darker);
}
.lista-icone-colonne{
column-count:2;
}
.lista-icone-colonne > li{
break-inside: avoid-column;
align-items: flex-start;
}
.offerte-teaser .features{
color:var(--grey-dark);
font-size: 14px;
line-height: 1.4em;
padding-left:10px;
}
.offerte-teaser .plus{
font-size:18px;
}
.offerte-teaser .plus::before{
display:none;
}
.offerte-teaser .btn-square{
background:var(--blue);
padding-top: 33px;
}
.offerte-teaser .btn-square span{
display:block;
font-size:14px;
line-height:1em;
}
.offerte-teaser:hover .btn-square{
background:var(--blue-hover);
}
.offerte-teaser:hover .link{
color:var(--blue);
}
.offerte-teaser:hover .link::after{
content:url(../images/freccia-blu.svg);
}
.height iframe{
width:100%;
height:100%;
}
.movie-descrizioni-info .omni-frontpage{
padding-bottom:0;
}
.link-form{
color:var(--cream);
}
.link-form:hover{
color:var(--cream);
}
.movie-descrizioni-info .omni-frontpage #freccia{
width:70px;
}
.circle-link.link-form{
margin-left: 20px;
}
.uk-offcanvas-bar{
width:100%;
box-sizing: border-box;
background: linear-gradient(var(--grad-grey), var(--grad-grey)), url(../images/offcanvas-bg.jpg) no-repeat center center;
padding: 20px;
}
.offcanvas-wrapper{
background: var(--blue);
padding: 50px 60px;
display: inline-block;
position: absolute;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
}
.offcanvas-wrapper .tm-logo{
    width: 270px;
    margin-bottom: 40px;
}
.uk-nav-offcanvas > li{
position:relative;
display:block;
}
.uk-nav-offcanvas > li > a{
display:inline-block;
font-family: var(--font-text);
color:var(--cream);
font-size: 16px;
text-transform: uppercase;
margin:0 auto;
background:var(--blue);
position: relative;
z-index: 1;
}
.uk-nav-offcanvas{
    margin-left: -15px;
}
.uk-nav-offcanvas > li > a::before{
    content: "";
    display: inline-block;
    width: 0%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
    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{
color: #ffffff;
background:var(--blue);
font-family: var(--font-text-bold);
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a::before,
html .uk-nav.uk-nav-offcanvas > li:hover > a::before{
 width: 80px;
}
ul.uk-nav-sub{
padding: 0 0 12px 0;
}
.uk-nav-sub > li{
display:inline-block;
}
.uk-nav-sub > li > a{
padding: 0 10px 0 30px;
color:var(--cream);
position: relative;
    font-size: 16px;
}
.uk-nav-sub > li > a::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.uk-nav-sub > li.uk-active a{
font-family: var(--font-text-bold);
}
.uk-nav-sub > li:first-child > a::before{
background:var(--artica);
}
.uk-nav-sub > li:nth-child(2) > a::before{
background:var(--olivia);
}
.uk-nav-sub > li:last-child > a::before{
background:var(--pesca);
}
.leone-off{
    position: absolute;
    bottom: 0;
    right: 0;
    width:190px;
    margin:0 !important;
}
.leone-off #leone{
transform: scaleX(-1);
width: 190px;
position: absolute;
right: -120px;
bottom: 0px;
z-index: 0;
}
.experience-full .link-famiglia{
padding-left:22px;
}
.layout-fumetto a{
color:var(--dark-grey);
}
.layout-fumetto a:hover{
text-decoration:none;
}
.layout-fumetto .h1{
font-size:24px;
color:var(--blue);
    margin: 0 8px;
    line-height: 1em;
}
.layout-fumetto .h1 + p{
margin-top:10px;
}
.layout-fumetto .price{
font-size:24px;
}
.layout-fumetto p{
margin-bottom:0;
}
.layout-fumetto .p-link{
margin-top:10px;
}
.eb-dialog{
padding-top:10px !important;
overflow: visible;
margin:0 var(--margin-medium) var(--margin-medium) 0 !important
}
.eb-close{
top:0;
right:15px;
padding:0;
background:var(--grey-dark);
}
.eb-close span{
padding:0;
}

#switch-container {
  margin: 0 25px;
}

#sound-off-icon,
#sound-on-icon {
  z-index: 0;
  position: absolute;
}

#sound-off-icon {
  top: 7px;
  right: 8px;
}

#sound-on-icon {
  top: .5rem;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch:before input { 
  content: "switch";
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input:before {
  content: "input";
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c7c7c7;  /* light gray */
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked + .slider {
  background-color: var(--blue-hover);
}

.switch input:focus + .slider {
  /* blue */
  box-shadow: 0 0 1px var(--blue-hover); /* blue */
}

.switch input:checked + .slider:before {
  content: "";
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* give the button rounded edges */
/* for square edges, remove these values */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
  width: 1em;
  height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #fff;
}

.svg-icon circle {
  stroke: #fff;
  stroke-width: 1;
}
div#n2-ss-10 .n2-ss-slide-limiter {
    max-width: 100% !important;
}


/* 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,
.rsform-block-newsletter-3 {
margin: 20px 0;
}

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

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

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

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

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

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

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

select.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large,
input[type].uk-form-large:focus,
.uk-form select:focus{
height: 50px;
font-size: 16px;
border: 0;
background: var(--grey-darker);
color:#fff;
}
textarea.uk-form-large{
background: var(--grey-darker);
border: 0;
min-height: 91px;
}
input[type]::placeholder,
textarea.uk-form-large::placeholder,
select.uk-form-large{
color:#fff;
}
input[type].uk-form-large:focus::placeholder{
color: var(--grey-darker);
}
#invia{
background:var(--blue);
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
padding:20px 25px;
width: auto !important;
    color: #fff;
}
#rsform_3_page_0{
margin-top: var(--margin-medium) !important;
}
.rsform-block-accetto-privace a{
color:var(--cream);
text-decoration:underline;
}


/* override stili form -- fine */


/* barra mobi -- inizio */

.barra-mobi {
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
	background: rgba(256,256,256, 0.9);
}

.barra-mobi a {
	font-size: 12px;
	text-transform: uppercase;
	padding: 9px 6px 13px 6px;
	display: block;
	    backdrop-filter: blur(4px);
}

.barra-mobi a i {
	display: block;
	font-size: 16px;
	pointer-events: none;
}

.barra-mobi a.tele {
	background: transparent;
	color: green;
}
.barra-mobi a.square-blu{
color:#fff;
    line-height: 1.3em;
    padding: 12px 0 16.3px 0;
}
.barra-mobi a.square-grey{
    line-height: 1.3em;
    padding: 12px 0 16.3px 0;
}

.barra-mobi a.preno {
	color: #fff;
	background: rgba(73, 73, 68, 0.9);
}

#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;
}


/* MEDIA QUERY */


@media (min-width: 1700px) {
.grid-experience > div > div:nth-child(5), .grid-experience > div > div:nth-child(6) {
    transform: translateX(calc(1725px / 4));
}
#bicon{
width: 1930px;
min-width: 1930px;
}
}

@media (min-width: 960px) and (max-width: 1219px) {

.simil-container-sx {
padding: 0 var(--margin-medium) 0 25px;
}
.simil-container-dx{
padding: 0 25px 0 var(--margin-medium);
}
.simil-container{
padding: 0 25px;
}
.uk-breadcrumb{
padding:10px 25px 0 25px;
}
.full-block .circle-link{
right:25px;
}
.features > li{
padding:0 5px;
}
.features > li:last-child{
display:block;
margin-top: 10px;
}
.brand ul{
padding:0 20px;
}
.brand ul > li{
margin: 0 12px 10px 12px;
}
}

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

:root{
--margin-medium: 40px;
--margin-big: 60px;
}
body{
font-size:15px;
line-height:1.4em;
}
h1, .h1{
font-size:25px;
}
h1 strong, .h1 strong{
font-size:42px;
}
* + p {
    margin-top: 20px;
}
.simil-container-sx {
    padding: 0 var(--margin-medium) 0 25px;
}
.simil-container-dx{
padding: 0 25px 0 var(--margin-medium);
}
.simil-container{
    padding: 0 25px;
}
.uk-breadcrumb{
padding:10px 25px 0 25px;
}
.full-block .circle-link{
right:25px;
}
h2, .h2,
.link,
.contatti > li > a{
font-size:14px;
}
.uk-navbar-toggle{
font-size:13px;
}
.tm-logo{
width:310px;
}
.btn-square{
width:120px;
height:120px;
padding-top:40px;
}
.tm-headerbar{
margin-top:-40px;
}
.barra-fixed .tm-logo{
width:230px;
}
.contatti > li:last-child a{
padding:22px 16.28px;
}
.barra-fixed .uk-navbar-toggle{
margin-top:20px;
}
.barra-fixed .uk-navbar-toggle::after {
    top: 28px;
}
.number-3::before{
width:45px;
}
.brand-small{
transform:translateY(-150%);
position: absolute;
right: 0;
left: 50%;
}
.brand ul > li{
margin:0 8px;
}
.brand strong{
font-size:20px;
}
.brand-trip {
width: 33px;
}
.brand-book {
width: 24px;
}
.brand-google {
width: 21px;
}
.full-block{
height:65vh;
}
.layout-experience .h2 br{
display:none;
}
.colazione{
background:linear-gradient(to bottom, var(--grad-blue), transparent 40vh), linear-gradient(to top, var(--grad-grey), transparent 40vh), url(../images/colazione-conero.jpg) no-repeat center center;
}
.spiaggia {
background: linear-gradient(to bottom, var(--grad-blue), transparent 40vh), linear-gradient(to top, var(--grad-grey), transparent 40vh), url(../images/numana-conero.jpg) no-repeat center center;
}
#leone{
width:220px;
bottom: -22vh;
}
.link-famiglia {
padding-left: 0;
position: relative;
z-index: 1;
}
.layout-gallery .uk-slider-fullscreen, 
.layout-gallery .uk-slider-fullscreen > li{
height:50vh !important;
}
}

@media(max-width:890px) {

.barra-fixed .tm-logo,
.my-bar .link-under-go span{
display:none;
}
.my-bar .tm-logo{
display:inline-block;
}
}
@media(max-width:767px) {
.uk-touch .uk-hidden-touch,
	.uk-notouch .uk-hidden-notouch {
		display: block !important;
	}
	
:root{
--margin-medium: 40px;
--margin-big: 60px;
}
body{
font-size:15px;
line-height:1.4em;
margin-bottom:60px;
}
h1, .h1{
font-size:25px;
}
h1 strong, .h1 strong{
font-size:42px;
}
* + p {
    margin-top: 20px;
}
.simil-container-sx,
.simil-container-dx {
    padding: 0 25px;
}
.simil-container{
    padding: 0 25px;
}
.uk-breadcrumb{
padding:10px 25px 0 25px;
}
.full-block .circle-link{
right:25px;
}
.strutture-teaser .media{
height:33vh;
}
.intro{
padding-bottom:0;
}
.little-mobi{
margin-top:5px !important;
}
h2, .h2,
.link,
.contatti > li > a{
font-size:14px;
}
.uk-navbar-toggle{
font-size:13px;
}
.tm-logo{
width:310px;
}
.btn-square{
width:120px;
height:120px;
padding-top:40px;
}
.circle-link::before{
width:52px;
height:52px;
}
.tm-headerbar{
margin-top:-40px;
}
.barra-fixed .tm-logo{
width:230px;
}
.contatti > li:last-child a{
padding:22px 16.28px;
}
.barra-fixed .uk-navbar-toggle{
margin-top:20px;
}
.barra-fixed .uk-navbar-toggle::after {
    top: 28px;
}
.number-3::before{
width:45px;
margin-bottom: 20px;
}
.brand-small{
transform:translateY(0%);
position: initial;
margin-top: var(--margin-big);
}
.brand ul > li{
margin:0 8px;
}
.brand strong{
font-size:20px;
}
.brand-trip {
width: 33px;
}
.brand-book {
width: 24px;
}
.brand-google {
width: 21px;
}
.full-block{
height:65vh;
}
.layout-experience .h2 br{
display:none;
}
.colazione{
background:linear-gradient(to bottom, var(--grad-blue), transparent 40vh), linear-gradient(to top, var(--grad-grey), transparent 40vh), url(../images/colazione-conero.jpg) no-repeat center center;
}
.spiaggia {
background: linear-gradient(to bottom, var(--grad-blue), transparent 40vh), linear-gradient(to top, var(--grad-grey), transparent 40vh), url(../images/numana-conero.jpg) no-repeat center center;
}
.layout-strutture .media,
.layout-gallery .uk-slider-fullscreen, 
.layout-gallery .uk-slider-fullscreen > li{
height:44vh !important;
}
.layout-strutture .btn-square{
font-size:20px;
padding-top:45px;
}
.offerte-teaser .btn-square{
padding-top: 33px;
}
.grid-experience{
margin-top: var(--margin-big) !important;
margin-bottom: var(--margin-big);
}
.grid-experience > div{
margin-left:-5px !important;
}
.grid-experience > div > div:nth-child(odd){
margin-top: var(--margin-big);
}
.movie-experience-frontpage .grid-experience > div > div:nth-child(odd),
.grid-experience > div > div:nth-child(2), .grid-experience > div > div:nth-child(4){
margin-top:0;
}
.grid-experience > div > div:nth-child(5), .grid-experience > div > div:nth-child(6){
transform:translateX(0);
}
.grid-experience > div > div{
padding-left:5px !important;
padding-bottom:5px !important;
}
.incastro{
    margin-top: calc(var(--margin-big)* 2);
    padding: 0 25px;
}
.title-slider > div{
line-height: 1.3em !important;
}
ss3-fullpage,
#n2-ss-10{
height:80vh !important;
min-height:80vh !important;
}
.height{
height:65vh;
}
.link-famiglia{
padding: 0 25px;
width:40%;
}
#leone{
width:210px;
bottom: -80px;
right:0;
}
.bollo{
bottom: -45px;
right: 10px;
}
#bicon{
top:105px;
}
.layout-strutture .circle-link{
margin-top:0;
}
.layout-strutture .uk-text-right{
text-align:left !important;
padding:0 20px;
}
.strutture-teaser .bg-grey {
padding: var(--margin-medium) 0;
}
.strutture-full .pos-top,
.strutture-full .pos-top .og-video-browserplayer,
.strutture-full .pos-top .og-video-browserplayer video {
    height: 65vh;
}
.strutture-full .omni-frontpage{
margin-top: var(--margin-big);
padding-bottom:0;
}
.strutture-full .pos-summary{
margin-top:0;
}
.strutture-full .media{
margin-top:20px;
}
#rsform_3_page_0 .uk-grid-medium > .uk-grid-margin{
margin-top: 10px;
}
.rsform-block-newsletter-3{
margin-top:0;
}
.link-half{
width: 50%;
}
.ig-content > div:not(:first-child){
display:none;
}
#tm-bottom-e{
padding-bottom:0;
}
.movie-descrizioni .media.height.bg-adapt,
.experience-full .media.height.bg-adapt{
margin-top:20px;
}
.movie-descrizioni-colazione .layout-gallery{
margin-top:0;
}
.experience-full .layout-gallery{
margin-bottom:0;
}
.lista-icone-colonne{
column-count:1;
}
.griglia-contatti .uk-grid-margin{
margin-top:35px;
}
.leone-off #leone{
    right: -60px;
    bottom: -55px;
    width: 170px;
}
.strutture-full .uk-slideshow-fullscreen, .strutture-full .uk-slideshow-fullscreen > li{
height:65vh !important;
}
.movie-experience-frontpage .grid-experience > div > div:nth-child(3n+2){
margin-top:0;
}
.eb-dialog{
margin: 0 25px 80px 0 !important;
width:210px !important;
height:210px !important;
}
.layout-fumetto .h1{
font-size:19px;
}
.layout-fumetto .price {
    font-size: 21px;
}
}

@media (max-width:560px){
.leone-off #leone{
right:20px;
}
.bollo {
bottom: -60px;
right: 95px;
}
}

@media (max-width:480px){
:root{
    --margin-medium: 30px;
--margin-big: 40px;
}
h1, .h1 {
font-size: 20px;
}
h1 strong, .h1 strong{
font-size: 34px;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 15px 0;
}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6{
margin-top:15px;
}
.tm-logo {
        width: 220px;
}
.link::after{
    width:38px;
}
.number-3::before{
width:36px;
margin-right:22px;
}
.firma{
    width: 90px;
}
.layout-experience{
height:44vh;
}
.layout-experience .h2{
padding:18px 15px;
}
#leone{
width:170px;
}
.bollo{
width: 100px;
height: 100px;
font-size: 10px;
bottom:-65px;
padding-top: 32px;
}
.greta .bollo{
bottom:-105px;
}
.map-container .bollo{
bottom:-65px;
padding-top:20px;
}
#bicon .line-w{
stroke-width: 4px;
}
#bicon {
width: 122%;
min-width: 122%;
left: -32px;
}
.uk-navbar-toggle{
margin-top:0;
font-size:11px;
}
.uk-navbar-toggle::after{
top:10px;
}
.uk-navbar-toggle::before, .uk-navbar-toggle::after{
margin-bottom:14px;
}
.lista-icone > li img{
width:65px;
}
.offcanvas-wrapper .tm-logo{
width:240px;
}
.offcanvas-wrapper{
padding:50px 40px;
}
.leone-off #leone{
right: 10px;
bottom: -45px;
width: 135px;
}
.offcanvas-wrapper{
position: initial;
transform: translate(0);
}
.uk-offcanvas-bar{
padding-top:60px;
}
.uk-offcanvas-close{
transform: scale(0.8);
    top: 10px;
    right: 10px;
}
}