/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500&display=swap');
@font-face {
font-family: 'amalinaregular';
src: url('../fonts/amalina-glyphs.woff2') format('woff2'),
url('../fonts/amalina-glyphs.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root{
--nero:#1E1E1E;
--verdone:#1C3A36;
--verde:#49725F;
--giallo:#E1C443;
--giallo-light:#edc83e;
--sabbia:#F4F2EC;
--basic:'Josefin Sans', sans-serif;;
--cursive:'amalinaregular';
--margin-big:125px;
--margin-medium:80px;
--margin-small:45px;
--width-p:calc(100% - 1230px);
}
body.tm-isblog.uk-offcanvas-page,
body.tm-noblog.uk-offcanvas-page {
	overflow-x: visible !important;
}
body{
background:var(--sabbia);
font-family:var(--basic);
color:var(--verdone);
font-weight:300;
font-size:19px;
line-height:1.5em;
counter-reset: section;
}
em{
color:inherit;
}
a{
color:var(--verde);
font-weight:500;
}
a:hover{
color:var(--verde);
}
strong{
font-weight:500;
}
h1, .h1{
font-family: var(--basic);
font-weight: 400;
font-size: 15px;
color:var(--verdone);
text-transform:uppercase;
letter-spacing:0.05em;
line-height: 1.3em;
margin-bottom: 30px;
}
h1::before, h1::after,
.h1::before, .h1::after{
content:"";
height: 5px;
width: 5px;
background-color: var(--verdone);
border-radius: 50%;
display: inline-block;
margin:0 20px;
}
h1::before, .h1::before{
margin-left:0;
}
h1::after, .h1::after{
margin-right:0;
}
h1.h2::after, h1.h3::after,
h1.h2::before, h1.h3::before{
display:none;
}
h2, .h2{
font-family: var(--basic);
font-weight:300;
font-size:35px;
color:var(--verdone);
text-transform:uppercase;
letter-spacing:0.05em;
line-height:0.85em;
margin-bottom:45px;
}
h2 em, .h2 em{
font-family: var(--cursive);
text-transform:none;
color:var(--verdone);
font-size:52px;
letter-spacing:0;
}
h3, .h3{
font-family: var(--basic);
color:var(--verde);
font-weight: 400;
font-size: 15px;
text-transform:uppercase;
letter-spacing:0.05em;
line-height: 1.3em;
}
h3 strong, .h3 strong{
font-size:20px;
font-weight:500;
}
h3 em, .h3 em{
font-size:31px;
font-family: var(--cursive);
text-transform:none;
}
.mini-container{
text-align: center;
width: 75%;
margin: 0 auto;
}
.uk-container{
max-width:1300px;
}
.smaller-left{
padding-left:25px;
}
.smaller-right{
padding-right:25px;
}
.smaller{
padding-left:25px;
padding-right:55px;
}
.link{
font-family: var(--basic);
font-weight: 400;
font-size: 15px;
color:var(--verde);
text-transform:uppercase;
letter-spacing:0.05em;
padding: 5px 0;
transition:all .5s;
}
.link::before{
content:url(../img/freccia-verde.svg);
display:inline-block;
width: 29px;
margin-right: 10px;
}
.link:hover{
text-decoration:none;
color:var(--verde);
margin-left:20px;
}
.btn,
.uk-modal-footer .uk-button{
font-family:var(--basic);
font-weight:400;
letter-spacing: 0.075em;
font-size:15px;
text-decoration:none;
text-transform:uppercase;
display:inline-block;
text-align: center;
line-height:1em;
transition: all 0.5s ease;
}
.btn:hover{
text-decoration:none;
}
.btn-giallo{
background:var(--giallo);
color:#fff;
padding:15px 20px 12px 45px;
overflow:hidden;
position:relative;
}
.btn-giallo::before{
content:url(../img/freccia.svg);
display:inline-block;
width:40px;
height:17px;
position:absolute;
left:-5px;
top:50%;
transform:translateY(-50%);
transition: all 0.5s;
}
.btn-giallo:hover{
background:var(--giallo-light);
color:#fff;
}
.btn-giallo:hover::before{
left:0px;
}
.btn-bianco{
background:var(--sabbia);
color:var(--verde);
padding:15px 15px 12px 15px;
}
.btn-tel::before{
content:"\f095";
font-family:fontawesome;
margin-right:10px;
}
.btn-tel span{
font-size:11px;
}
.btn-tel:hover{
background:#fff;
color:var(--verde);
}
.btn-transp{
color:#fff;
border:1px solid #fff;
line-height: 1.2em;
width:92px;
height:92px;
}
.btn-transp-inline{
color:#fff;
background: var(--verde);
vertical-align: middle;
}
.btn-transp::before,
.btn-transp::after{
content:"";
display:block;
width:80%;
height:1px;
background:#fff;
margin:10px 0 20px 0;
transition: all 0.5s;
}
.btn-transp::after,
.btn-transp-inline::after{
margin:14px 0 10px auto;
}
.btn-transp-inline::before,
.btn-transp-inline::after{
content:"";
display:block;
width:80%;
height:1px;
background:#fff;
margin:10px 0 12px 0;
transition: all 0.5s;
}
.btn-transp-inline::after{
margin:8px 0 10px auto;
}
.btn-transp-inline span{
padding:0 20px;
}
.btn-transp:hover{
color:#fff;
background:rgba(256,256,256,0.2);
}
.btn-transp-inline:hover{
color:#fff;
}
.btn-transp:hover::before,
.btn-transp:hover::after,
.btn-transp-inline:hover::before,
.btn-transp-inline:hover::after{
width:100%;
}
#tm-top-a{
position:relative;
}
div#n2-ss-10 .n2-ss-slide-limiter {
max-width: none !important;
}
.topper{
position:absolute;
top:60px;
max-width:1500px;
padding:0 40px;
margin:0 auto !important;
right:0;
left:0;
z-index:3;
box-sizing:border-box;
}
.barra-fissa.topper{
background: var(--verdone);
max-width:none;
width: 100% !important;
}
.tm-headerbar .uk-panel{
max-width:none;
}
.barra-fissa .tm-headerbar .uk-panel > div a{
display:inline-block;
vertical-align: middle;
}
.tm-logo .logo-orizzontale{
display:none;
}
.barra-fissa .logo,
.barra-fissa .lingue{
display:none;
}
.barra-fissa .tm-logo{
left:150px;
right:initial;
top:14px;
}
.barra-fissa .logo-orizzontale{
display:block;
width:295px;
margin-bottom:0;
}
.barra-fissa .tm-navbar{
height:75px;
}
.barra-fissa .uk-navbar-toggle{
height:75px;
width:75px;
padding-top:5px;
}
.barra-fissa .uk-navbar-toggle:hover{
padding-top:5px;
}
.barra-fissa .btn-transp{
height:auto;
width:auto;
border: 0;
}
.barra-fissa .btn{
margin-bottom: 0 !important;
}
.barra-fissa .btn-transp br{
display:none;
}
.barra-fissa .btn-bianco{
padding:12px 15px;
margin-left:10px;
}
.barra-fissa .tm-headerbar .uk-panel > div{
vertical-align:middle;
}
.tm-navbar{
position: absolute;
margin:0;
height: 92px;
background:#fff;
color:var(--verde);
z-index: 10;
}
.uk-navbar-toggle{
height: auto;
float: none;
height: 92px;
width: 92px;
padding: 17px 0 0 0;
text-align: center;
line-height: 22px;
font-family: var(--basic);
color: var(--verde);
font-size: 15px;
font-weight:400;
letter-spacing: 0.035em;
transition:all .5s;
}
.uk-navbar-toggle span,
.uk-offcanvas-close span{
display: inline-block;
transition:all .5s;
}
.uk-navbar-toggle span::before,
.uk-navbar-toggle::before {
content: "";
display: block;
width: 57px;
height:2px;
margin: 10px auto 0 auto;
background:var(--verde);
transition:all .5s;
position:relative;
}
.uk-navbar-toggle span::before{
margin-bottom:10px;
}
.uk-navbar-toggle:hover{
background:var(--verde);
color:#fff;
}
.uk-navbar-toggle:hover span::before,
.uk-navbar-toggle:hover::before{
background:#fff;
}
.uk-navbar-toggle:hover span::before{
transform:translateY(40px);
}
.uk-navbar-toggle:hover span{
transform: translateY(-10px);
}
.uk-navbar-toggle:hover{
padding-top:14px;
}
.uk-navbar-toggle::after{
display:none;
}
.lingue{
position:absolute;
top:30px;
left:160px;
}
.mod-languages .btn-group{
display: block !important;
}
.mod-languages .uk-dropdown{
width: 60px;
right: -5px;
left: initial !important;
}
.mod-languages a{
color:#fff;
}
.tm-logo{
position: absolute;
display:inline-block;
width:370px;
right: 0;
left: 0;
top:-40px;
margin: 0 auto;
}
.tm-headerbar{
margin:0;
}
.tm-headerbar .uk-panel > div{
display:inline-block;
vertical-align:top;
margin-right: 7px;
}
.tm-headerbar .uk-panel > div a{
display:block;
margin-bottom: 7px;
}
.dream > div{
background:linear-gradient(to top, RGBA(244,242,236,1) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.3) 100%) !important;
}
div#n2-ss-10 .n2-ss-slider-2,
div#n2-ss-10 .n2-ss-slider-3,
.n2-ss-slider .n2-ss-slide{
overflow:visible !important;
}
.uk-article{
margin-top:var(--margin-big);
}
.box-booking-container{
width: 75%;
margin: 40px 0 0 auto;
position: relative;
}
.box-booking{
background:var(--verdone);
color:#fff;
box-sizing:border-box;
padding:40px;
position: relative;
}
.box-booking h3{
position:relative;
}
.box-booking h3::after{
content:url(../img/freccia-light.svg);
display:block;
width:80px;
position:absolute;
bottom: -90px;
right: 20px;
}
.container-boo > div{
display:inline-block;
border-right: 1px solid;
margin: 10px 10px 10px 0;
padding-right: 15px;
vertical-align: middle;
}
.container-boo > div:last-child,
.container-boo > div.no-border{
border-right:0;
margin-right:0;
padding-right:0;
}
.container-boo > div.no-border-no{
border-right:0;
}
.container-boo .uk-form-label{
text-transform:uppercase;
font-size:14px;
font-weight:300;
line-height: 1em;
}
.container-boo input[type="text"],
.container-boo select{
background:transparent;
color:#fff;
border:0;
font-weight:500;
}
.container-boo input[type="text"]{
width:118px !important;
}
.container-boo .coupon{
display: block;
border-right: 0;
padding-right: 0;
margin: 0;
font-size: 15px;
}
.container-boo .coupon::before{
content:url(../img/coupon.svg);
display:inline-block;
width: 23px;
margin-right: 5px;
vertical-align: -webkit-baseline-middle;
}
.foglia{
background:url(../img/logo_bkg.png) no-repeat;
display:inline-block;
width:450px;
height:450px;
position: absolute;
left: -225px;
top: 50%;
transform: translateY(-50%);
}
.grid-plus{
width:75%;
margin: 0 0 0 auto;
display:block;
}
.check{
padding-left:0;
list-style:none;
}
.check > li{
padding-left:35px;
position:relative;
}
.check > li::before{
content:url(../img/check.svg);
width:25px;
display:inline-block;
position:absolute;
left:0;
}
.check > li span{
font-weight:500;
}
.grid-plus .check{
margin-top: 25px;
}
.grid-plus .check > li{
display:inline-block;
margin-right:40px;
vertical-align:top;
}
#tm-bottom-a{
margin-top: var(--margin-big);
padding-top:var(--margin-medium);
background:linear-gradient(#fff, #fff) 50% 0 / 1230px 85% no-repeat, var(--sabbia);
}
.uk-slider{
margin-top:var(--margin-medium);
}
.layout-camere,
.attivita-teaser{
display:block;
height:80vh;
position:relative;
background-size:cover !important;
background-position:center center !important;
color:#fff;
}
.layout-camere:hover,
.attivita-teaser:hover{
color:#fff;
text-decoration:none;
}
.layout-camere .pos-absolute,
.attivita-teaser .pos-absolute{
position: absolute;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);
padding: 30px;
}
.layout-camere h2,
.strutture-teaser .h2.omni-title{
font-weight:500;
color:#fff;
margin-bottom:0;
}
.layout-camere .meta,
.strutture-teaser .meta{
padding-left:0;
list-style:none;
color:#fff;
font-size:20px;
margin: 10px 0;
}
.layout-camere .meta::before,
.layout-camere .meta::after,
.strutture-teaser .meta::before,
.strutture-teaser .meta::after{
display:none;
}
.layout-camere .meta > li,
.strutture-teaser .meta > li{
display:inline-block;
}
.layout-camere .meta > li:last-child::before,
.strutture-teaser .meta > li:last-child::before{
content:"";
display:inline-block;
height: 5px;
width: 5px;
background-color:#fff;
border-radius: 50%;
margin: 0 5px;
vertical-align: middle;
}
.layout-camere .meta .suffix,
.strutture-teaser .meta .suffix{
margin-left:6px;
}
.info::before{
content:"\f05a";
font-family:fontawesome;
display:inline-block;
width:20px;
animation: pulse .5s infinite;
transform-origin: center center;
}
.love::before{
content:"\f08a";
font-family:fontawesome;
display:inline-block;
width:20px;
animation: pulse .5s infinite;
transform-origin: center center;
}
@keyframes pulse {
0% {transform: scale(0.95);}
70% {transform: scale(1);}
100% {transform: scale(0.95);}
}
#tm-bottom-a .uk-slide-before .pos-absolute,
#tm-bottom-a .uk-slide-after .pos-absolute{
display:none;
}
#tm-bottom-a .uk-slide-before .layout-camere::before,
#tm-bottom-a .uk-slide-after .layout-camere::before{
display:block;
content:"";
background:var(--nero);
opacity:0.5;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.uk-slidenav-position .uk-slidenav{
display:block;
width: 50px;
height: 50px;
margin-top:0;
transform:translateY(-50%);
}
.uk-slidenav-next {
background: url(../img/freccia-dx.svg) no-repeat center center;
background-size:contain;
right:40px !important;
}
.uk-slidenav-previous {
background: url(../img/freccia-sx.svg) no-repeat center center;
background-size:contain;
left:40px !important;
}
.uk-slidenav-previous:before, .uk-slidenav-next:before{
display:none;
}
#tm-bottom-a .uk-slide-before .layout-camere,
#tm-bottom-a .uk-slide-after .layout-camere{
height:60vh;
}
.uk-slider > *{
top:50%;
transform:translateY(-50%);
}
.uk-slider > *.selected-item{
top:0;
transform:translateY(0);
}
.box-offerte{
background:var(--verdone);
color:#fff;
margin-top:var(--margin-small);
padding:var(--margin-small) 0;
}
.box-offerte .h2{
margin-bottom:15px;
}
.box-offerte .h2 em,
.box-offerte .h3{
color:#fff;
}
.box-offerte .foglia-verde{
width:142px;
}
.box-offerte .uk-dotnav{
margin-top: 10px;
margin-bottom: 0;
}
.uk-dotnav{
display:block;
margin-left:-10px;
}
.uk-dotnav > *{
float: none;
display: inline-block;
vertical-align: middle;
padding-left:10px;
}
.uk-dotnav > * > *{
width:7px;
height:7px;
border: 2px solid #fff;
background: transparent;
}
.uk-dotnav-contrast > .uk-active > *{
width:12px;
height:12px;
}
.layout-offerte h3{
margin-bottom:10px;
}
.layout-offerte .pos-description{
color:#fff;
font-weight: 300;
}
.pos-price{
background:var(--verde);
color:#fff;
font-weight:500;
display:inline-block;
padding:3px 15px 0 15px;
}
.layout-offerte .pos-price{
margin-right: 8px;
}
.layout-offerte:hover{
text-decoration:none;
}
.layout-offerte:hover h3{
text-decoration:underline;
}
.inner-frex{
display:inline-block;
font-weight: 300;
color: var(--verdone);
padding: 20px;
margin: 20px 0;
}
.inner-frex::before,
.inner-frex::after{
content:url(../img/freccina-dx.svg);
display:inline-block;
width:40px;
margin:0 10px;
animation: bounce 2s ease infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translatex(0);}
	40% {transform: translatex(-30px);}
	60% {transform: translatex(-15px);}
}
.inner-frex::after{
content:url(../img/freccina-sx.svg);
animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translatex(0);}
	40% {transform: translatex(30px);}
	60% {transform: translatex(15px);}
}
.inner-frex .h3{
font-size:19px;
}
#tm-bottom-c{
margin-top:var(--margin-small);
}
#tm-bottom-c .uk-slidenav-position{
width:75%;
margin:0 0 0 auto;
}
#tm-bottom-c .uk-slidenav-position .uk-slidenav{
position:initial;
display: inline-block;
vertical-align: middle;
height:40px;
}
#tm-bottom-c .best{
position:absolute;
top:var(--margin-medium);
left: -125px;
border-bottom: 1px solid;
}
#tm-bottom-c .best::before{
content: "our best";
text-transform: uppercase;
font-family: var(--basic);
font-size: 15px;
font-weight: 400;
display: block;
position: absolute;
left: -70px;
top: 4px;
transform: rotate(-90deg);
transform-origin: top;
letter-spacing: 1px;
}
.best-current{
font-size:122px;
}
.best-total{
font-size:68px;
margin-right:45px;
}
.layout-servizi{
display:block;
height:80vh;
position:relative;
background-size:cover !important;
background-position:center center !important;
color:var(--verdone);
font-weight:300;
}
.layout-servizi:hover{
color:var(--verdone);
}
.layout-servizi::before{
display:block;
content:"";
background:var(--nero);
opacity:0.2;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.layout-servizi .pos-absolute{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: rgba(256,256,256, 0.5);
backdrop-filter: blur(10px);
width:400px;
}
.layout-servizi .pos-pad{
padding:45px;
}
.layout-servizi  h2{
margin-bottom:20px;
}
.layout-servizi .btn-giallo{
display:inline-flex;
}
.box-misura{
background: url(../img/bg-sand.jpg) 0 52% / 1230px 88% no-repeat, var(--sabbia);
margin-top: var(--margin-medium);
margin-bottom: var(--margin-small);
}
.box-misura > .uk-grid{
margin: 0 0 0 calc((100% - 1230px) /2);
width: calc(1230px - ((100% - 1230px) /2));
}
.box-misura > .uk-grid > div:first-child{
padding-left:0;
}
.box-misura h3{
margin-bottom:0;
}
.box-outline{
border: 2px solid var(--nero);
padding-bottom: 100%;
height: 0;
}
.box-outline h3{
color:var(--nero);
margin-bottom:0;
display: grid;
position: relative;
margin-top: 50%;
transform: translateY(-50%);
}
.mini-text{
width:70%;
}
.griglia-misura{
padding-left: calc(var(--width-p) / 2);
}
.v-sporty{
width:79px;
}
.v-eco{
width:53px;
}
.container-link{
position:relative;
height:100%;
}
.container-link .btn {
position: absolute;
right: 0px;
bottom: 10px;
z-index: 2;
}
.link-pet::after{
content:url(../img/pet.svg);
display:inline-block;
width:27px;
margin-left:8px;
vertical-align:middle;
}
#tm-bottom-e .mini-container{
margin-top: var(--margin-small);
}
.bg-social{
background: linear-gradient(var(--verdone), var(--verdone)) 50% 0 / 1230px 100% no-repeat, var(--sabbia);
padding: var(--margin-small) 0;
margin-top: var(--margin-small);
}
.bg-social > .uk-grid{
margin: 0 0 0 calc((100% - 1230px) /2);
text-align:right;
}
.bg-social .uk-slidenav-position .uk-slidenav{
display:none;
}
#tm-bottom-f{
padding-bottom:var(--margin-small);
}
#tm-bottom-f h1, #tm-bottom-f h1 em{
color:#fff;
}
.social{
list-style:none;
padding-left:0;
}
.social > li{
display:inline-block;
}
.social > li > a{
display:block;
font-size:40px;
padding: 0 10px;
color: var(--verde) !important;
transition:all .5s;
}
.social > li > a:hover{
transform: scale(1.2);
}
#logo-bottom{
width:360px;
}
#tm-footer .uk-grid-divider > * {
padding: 30px var(--margin-small);
}
#tm-footer .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){
border-left: 1px solid var(--sabbia);
}
#tm-footer{
background:#fff;
margin:0;
}
#tm-footer a{
font-weight:300;
}
#tm-footer .mini-text{
margin:20px 0 0 auto;
}
#tm-footer .uk-grid-divider{
padding-top:var(--margin-small);
margin-top: var(--margin-small);
margin-bottom: var(--margin-small);
border-top: 1px solid var(--sabbia);
}
#tm-footer .uk-slidenav-position{
margin-top: var(--margin-small);
}
#tm-footer .uk-slidenav-position li{
width:auto !important;
}
#tm-footer .uk-slidenav-position li a{
transition:opacity .5s;
}
#tm-footer .uk-slidenav-position li a:hover{
opacity: 0.7;
}
.layout-partners{
display:block;
padding: 10px;
}
.bg-location {
position:relative;
background-position: top left;
height: 650px;
background: url(../img/mappa_milano.png);
background-repeat: no-repeat;
margin-top:25px;
}
/*.bg-location{
background:url(../img/roma.png) no-repeat center center;
background-size: 30%;
background-position: 60% bottom;
padding-top: 40px;
padding-bottom: 30px;
}*/
/*.bg-location .container-link::after{
content: "";
display: block;
background: url(../img/roma.png) no-repeat top right;
background-size: contain;
position: absolute;
right: -20px;
bottom: -30px;
height:60%;
width: 30%;
}*/
.family-gif{
position:relative;
width: 85px;
height: 83px;
margin:0 auto;
}
.family-gif > img{
position:absolute;
width: 85px;
height: 83px;
top: 0;
left: 0;
right: 0;
opacity:0;
transition:opacity .5s;
animation:appear 4s infinite;
}
.family-gif2{
animation-delay:1s !important;
}
.family-gif3{
animation-delay:2s !important;
}
.family-gif4{
animation-delay:3s !important;
}
@keyframes appear{
0%{opacity:0}
5%{opacity:1}
25%{opacity:1}
35%{opacity:0}
}
.uk-offcanvas-bar{
width:100%;
background:var(--verdone);
}
.uk-offcanvas-close{
opacity:1;
background: #fff;
color:var(--verdone);
height: 92px;
width: 92px;
position:absolute;
top:60px;
right:40px;
padding: 55px 0 0 0;
text-align: center;
line-height: 22px;
font-family: var(--basic);
font-size:15px;
font-weight:400;
box-sizing: border-box;
z-index: 2;
transition:all .5s;
}
.uk-offcanvas-close::after,
.uk-offcanvas-close::before{
content:"";
display:block;
background:var(--verdone);
height:2px;
width: 46px;
transform: rotate(45deg);
transform-origin:center center;
position: absolute;
top: 30px;
left: 23px;
transition:all .5s;
}
.uk-offcanvas-close::before{
transform: rotate(-45deg);
}
.uk-offcanvas-close:hover{
opacity:1;
background:var(--verde);
color:#fff;
}
.uk-offcanvas-close:hover::after,
.uk-offcanvas-close:hover::before{
transform:rotate(0);
background:#fff;
}
.logo-orizzontale{
width: 100%;
margin-bottom: var(--margin-small);
}
.uk-offcanvas-bar .uk-panel{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
left:0;
margin:0;
}
.uk-offcanvas-bar .h2, .uk-offcanvas-bar .h2 em{
color:#fff;
}
.uk-offcanvas-bar .h2{
font-size:29px;
margin-bottom: 0px;
margin-right:10px;
display:inline-block;
margin-top:var(--margin-small);
}
.uk-offcanvas-bar .social{
display:block;/*inline-block;*/
}
.uk-offcanvas-bar .h2 em{
font-size:30px;
}
.menu.mod-list{
padding-left:0;
list-style:none;
}
.menu.mod-list > li > a{
font-weight: 300;
font-size: 22px;
padding: 5px 0;
display: block;
transition:all .5s;
}
.nav-header{
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
width: 230px;
display: block;
margin-bottom: 15px;
}
.uk-offcanvas .uk-panel a:not([class]):hover,
.menu.mod-list > li.active > a{
color:var(--verde);
text-decoration:none;
}
.menu.mod-list > li.active > a{
font-weight:500;
}
.menu.mod-list > li.item-1936 > a,
.menu.mod-list > li.item-1937 > a ,
.menu.mod-list > li.item-1938 > a ,
.menu.mod-list > li.item-1939 > a {
color:var(--giallo);
font-weight:500;
}
.menu.mod-list > li.item-1936:hover > a,
.menu.mod-list > li.item-1936 > a:hover ,
.menu.mod-list > li.item-1937:hover > a,
.menu.mod-list > li.item-1937 > a:hover,
.menu.mod-list > li.item-1938:hover > a,
.menu.mod-list > li.item-1938 > a:hover ,
.menu.mod-list > li.item-1939:hover > a,
.menu.mod-list > li.item-1939 > a:hover  {
color:var(--giallo-light);
font-weight:500;
}
.layout-slider{
display:block;
height:450px;
background-size:cover !important;
background-position:center center !important;
position:relative;
}
.layout-slider.slider-286 {
background-position: 50% 70%!important;
}
.layout-slider.slider-282 {
background-position: 50% 10%!important;
}
.layout-slider.slider-296 {
background-position: 50% 55%!important;
}
.layout-slider.slider-306{
background-position: 50% 25%!important;
}
.layout-slider.slider-275{
background-position: 50% 75%!important;
}
.layout-slider.slider-298 {
background-position: 50% 30%!important;
}
.layout-slider.slider-310 {
background-position: 50% 65%!important;
}
.layout-slider::before,
.offerte-full .omni-top::before{
content:"";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(to bottom, rgba(0,0,0,0.3), transparent);
}
.offerte-full .omni-top::before{
display:none;
}
.omni-frontpage{
padding-left: 0;
list-style: none;
margin: var(--margin-medium) 0;
}
.strutture-teaser{
margin-bottom: var(--margin-small);
}
.strutture-teaser .btn-giallo{
vertical-align: middle;
padding:22px 20px 20px 45px;
}
.strutture-teaser .h2.omni-title,
.strutture-teaser .meta{
color:var(--verdone);
}
.strutture-teaser .meta > li:last-child::before{
background:var(--verdone);
}
.strutture-teaser .love, .strutture-teaser .info{
border-bottom: 1px dashed var(--verdone);
padding-bottom: 10px;
}
.movie-camere-frontpage .strutture-teaser:nth-child(even) .uk-flex-order-first,
.blocchi .strutture-teaser:nth-child(even) .uk-flex-order-first{
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
}
.movie-camere-frontpage .strutture-teaser:nth-child(even) .smaller,
.blocchi .strutture-teaser:nth-child(even) .smaller{
padding-right: 25px;
padding-left: 55px;
}
.omni-item{
margin: var(--margin-medium) 0 var(--margin-small) 0;
}
.like{
background:url(../img/bg-sand.png) repeat;
padding:var(--margin-small);
position:relative;
margin-top: var(--margin-medium);
}
.like::before{
content:url(../img/like.svg);
display:block;
width:75px;
position:absolute;
top:-30px;
right:0;
left:0;
margin:0 auto;
transform: translatey(0px);
animation: float 2s ease-in-out infinite;
}
@keyframes float {
0% {transform: translatey(0px);}
50% {transform: translatey(-5px);}
100% {transform: translatey(0px);}
}
.like ul{
list-style:none;
padding-left:0;
margin-bottom:0;
}
.like ul > li::after{
content:"";
display:block;
width:30px;
height:2px ;
background:#fff;
margin:8px auto;
}
.like ul > li:last-child::after{
display:none;
}
.blocchi{
list-style:none;
padding-left:0;
margin-top: var(--margin-medium);
}
.blocchi-teaser .omni-media{
height: 80vh;
background-size: cover !important;
background-position: center center !important;
}
.blocchi-teaser .uk-dotnav {
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: 10px;
}
.blocchi-teaser .h2{
margin-bottom:25px !important;
}
.blocchi > :last-child{
margin-bottom:0;
}
#modal-converto iframe{
height:100vh !important;
}
.box-bianco{
padding-top: var(--margin-medium);
}
.camera{
display:block;
background:url(../img/camera.svg) no-repeat center center;
width: 65px;
height: 65px;
margin: 0 auto;
position: absolute;
top: -110px;
right: 0;
left: 0;
}
.movie-descrizioni .omni-item,
.attivita-full .omni-item{
margin-bottom:0;
}
.gallery-teaser{
margin-bottom: var(--margin-medium);
text-align:center;
}
.movie-gallery-frontpage .uk-overlay-icon:before {
bottom: 20px;
right: 20px;
top: initial;
left: initial;
width: 25px;
height: 25px;
font-size: 25px;
}
.movie-gallery-frontpage .uk-overlay-background {
background: linear-gradient(-45deg, rgba(0,0,0,0.4), transparent 150px);
}
.movie-offerte-frontpage{
margin-bottom: var(--margin-small) !important;
}
.simil-slider{
height:220px;
background:var(--verdone);
margin-bottom:var(--margin-medium);
}
.offerte-full .omni-description{
margin-top: var(--margin-small);
}
.offerte-full .omni-summary{
background:url(../img/bg-sand.png) repeat;
padding:var(--margin-small);
margin:var(--margin-small) 0;
}
.mappa-g{
margin-top:var(--margin-medium);
height:70vh !important;
}
.attivita-teaser .h2,
.attivita-teaser .h2 em{
color:#fff;
}
#tm-bottom-b .newsletter{
display:none;
}
.pag-home #tm-bottom-b .newsletter{
display:block;
}
#preventivo{
padding-top:var(--margin-medium);
}
#form-offerta{
padding: var(--margin-medium) 0;
}
select.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large{
height:50px;
}
textarea{
min-height:110px;
}
.rsform-block-invia{
text-align:center;
}
#invia{
width:auto !important;
margin:0 auto;
}
nav.fixed-top {
z-index: 99;
position: fixed;
}
.uk-slidenav-position.uk-margin{
margin-bottom:0;
}
.uk-modal-content.uk-form{
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
.uk-modal-footer.uk-text-right{
text-align:center !important;
}
.uk-modal-footer .uk-button{
padding:12px;
}
.uk-modal-footer .js-modal-ok{
background:var(--verde);
}
.offerte-teaser .pos-absolute{
background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
padding: 50px 30px 30px 30px;
}
#rsform_4_page_0 #invia{
height:50px;
width:100% !important;
}
.movie-descrizioni-newsletter .omni-item{
margin-bottom:var(--margin-small);
}
.grazie .uk-article{
margin-top:0 !important;
}
.omnipolicycookielinks {
display:inline-block
}
.ig-container .uk-grid, .ig-container .uk-grid li{
max-height:353px;
min-height:353px;
}
.ig-container .uk-grid figure{
max-height: 353px;
width:353px;
height: auto;
padding-bottom: 100%;
position:relative;
}
.ig-container .uk-grid figure 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;
}
/* 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 {
    text-align: center;
    padding: 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;
}
.uk-form-icon:not(.uk-form-icon-flip)>select {
	padding-left: 30px !important;
}
/* override stili form -- fine */
/* barra mobi -- inizio */
.barra-mobi {
position: fixed;
bottom: 0;
z-index: 100;
width: 100%;
text-align: center;
}
.barra-mobi a{
font-size: 12px;
text-transform: uppercase;
padding: 9px 6px 12px 6px;
display: block;
}
.barra-mobi a i {
display: block;
font-size: 20px;
pointer-events:none;
}
.barra-mobi a.tele {
background: var(--verdone);
color: #fff;
}
.barra-mobi a.preno {
background: var(--giallo);
color: var(--verdone);
}
.barra-mobi a.scrivi {
color: #fff;
background: var(--verdone);
}
#scrollToTop {
	bottom: 80px;
	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:1920px) {
.bg-location .smaller {
padding:55px;
}
}
@media (min-width: 1220px) {}
@media (min-width: 960px) and (max-width: 1219px) {
.box-misura > .uk-grid{
width:90%;
margin:0;
}
.bg-social{
background:linear-gradient(var(--verdone), var(--verdone)) 50% 0 / 95% 100% no-repeat, var(--sabbia);
}
.bg-social > .uk-grid{
margin:0 0 0 auto;
}
.box-offerte .h2 em,
.pos-pad h2 em{
font-size:42px;
}
}
@media (min-width: 768px) and (max-width: 959px) {
:root{
--margin-big: 60px;
--margin-medium: 45px;
--margin-small: 25px;
}
body{
font-size:17px;
line-height: 1.4em;
}
h1, .h1{
font-size:13px;
}
h1::before, h1::after, .h1::before, .h1::after{
margin: 0 10px;
}
h1::before, .h1::before {
margin-left: 0;
}
h1::after, .h1::after {
margin-right: 0;
}
h2, .h2{
font-size:29px;
}
h2 em, .h2 em{
font-size:30px;
}
h3, .h3{
font-size:13px;
}
.inner-frex .h3,
h3 strong, .h3 strong {
font-size: 17px;
}
.btn{
font-size:13px;
}
.topper{
padding:0 25px;
top:40px;
}
.tm-headerbar .uk-panel > div{
display:block;
}
.tm-logo{
width:220px;
top:-20px;
}
.btn-transp{
width:auto;
height:auto;
}
.btn-transp br{
display:none;
}
.btn-transp::before{
margin: 10px auto 10px 0 !important;
}
.btn-transp::after {
margin: 5px 0 10px auto !important;
}
.dream > div{
background:linear-gradient(to top, RGBA(244,242,236,1) 0%, transparent 30%, transparent 55%, rgba(0,0,0,0.3) 100%) !important;
}
.grid-plus{
width:90%;
}
.box-booking-container{
width:90%;
margin-top:0;
}
.box-offerte{
margin-top:0;
}
.box-offerte .uk-slidenav-position{
text-align:center;
border-top: 1px dashed var(--verde);
padding-top: 25px;
}
.box-misura > .uk-grid{
width:90%;
margin:0;
}
.bg-location{
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.bg-location .smaller-left{
margin-top: 30px;
}
.bg-social{
background:linear-gradient(var(--verdone), var(--verdone)) 50% 0 / 95% 100% no-repeat, var(--sabbia);
}
.bg-social > .uk-grid{
margin:0 0 0 auto;
}
.layout-servizi .pos-absolute{
top:initial;
transform:translateY(0);
bottom:0;
width: 50%;
}
.layout-servizi .pos-absolute .description{
display:none;
}
.layout-servizi .pos-pad {
padding: 25px 25px 0 25px;
}
.barra-fissa .tm-headerbar .uk-panel > div a {
display: block;
}
.barra-fissa .btn-giallo{
padding: 15px 20px 12px 45px;
}
.barra-fissa .btn-bianco{
padding: 15px 15px 12px 15px;
}
.barra-fissa .btn-transp{
margin-top:23px;
}
.barra-fissa .tm-headerbar .uk-panel > div {
display: inline-block;
}
.barra-fissa .tm-logo{
top:18px;
}
.barra-fissa .tm-navbar {
height: 82px;
}
.barra-fissa .uk-navbar-toggle {
height: 82px;
width: 82px;
padding-top: 12px;
}
.barra-fissa .uk-navbar-toggle:hover {
padding-top: 10px;
}
.movie-camere-frontpage .strutture-teaser:nth-child(even) .uk-flex-order-first,
.blocchi .strutture-teaser:nth-child(even) .uk-flex-order-first{
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.smaller{
padding:0 25px !important;
}
.strutture-teaser .h2.omni-title{
position:relative;
padding-left:15px;
}
.strutture-teaser .h2.omni-title::before{
content:"";
display:inline-block;
width:1px;
height:80px;
position:absolute;
left:0;
bottom:0;
background:var(--verdone);
z-index:2;
}
.camera{
top:-80px;
}
.attivita-teaser .uk-text-right{
text-align:left !important;
margin-top:10px;
}
.lingue{
left:145px;
}
#tm-footer .uk-slidenav-previous{
background:url(../img/freccia-sx-v.svg) no-repeat center center;
}
#tm-footer .uk-slidenav-next{
background:url(../img/freccia-dx-v.svg) no-repeat center center;
}
.bg-location{
padding-top:0;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
background-image:none;
height:auto;
}
.bg-location .container-link .btn {
right:0;
bottom:0;
}
}
@media(max-width:767px) {
.uk-touch .uk-hidden-touch, .uk-notouch .uk-hidden-notouch {
display: block !important;
}
:root{
--margin-big: 60px;
--margin-medium: 45px;
--margin-small: 25px;
}
body{
font-size:17px;
line-height: 1.4em;
margin-bottom:65px;
}
h1, .h1{
font-size:13px;
}
h1::before, h1::after, .h1::before, .h1::after{
margin: 0 10px;
}
h1::before, .h1::before {
margin-left: 0;
}
h1::after, .h1::after {
margin-right: 0;
}
h2, .h2{
font-size:29px;
margin-bottom: 25px;
}
h2 em, .h2 em{
font-size:30px;
}
h3, .h3{
font-size:13px;
}
.inner-frex .h3,
h3 strong, .h3 strong {
font-size: 17px;
}
.btn{
font-size:13px;
}
.smaller-left {
padding-left: 0;
}
.mini-container,
.mini-text{
width:auto;
}
.topper{
padding:0 25px 0 0;
top:0px;
left:0;
}
.tm-headerbar .uk-panel > div{
display:block;
}
.tm-logo{
width:220px;
top:35px;
}
.btn-transp{
width:auto;
height:auto;
}
.btn-transp br{
display:none;
}
.btn-transp::before{
margin: 10px auto 10px 0 !important;
}
.btn-transp::after {
margin: 5px 0 10px auto !important;
}
.dream > div{
background:linear-gradient(to top, RGBA(244,242,236,1) 0%, transparent 30%, transparent 55%, rgba(0,0,0,0.3) 100%) !important;
}
.grid-plus{
width:calc(100% - 25px);
}
.box-booking{
padding:25px;
}
.box-booking-container{
width:calc(100% - 25px);
margin-top:0;
}
.box-booking h3::after,
.box-booking h3 em{
display:none;
}
#tm-bottom-a{
margin-top: var(--margin-medium);
}
#tm-bottom-a .mini-container{
text-align:left;
}
.layout-camere,
.attivita-teaser{
height:70vh;
}
.layout-camere .meta,
.strutture-teaser .meta{
font-size:17px;
}
.layout-camere .pos-absolute{
padding:25px 25px 18px 25px;
}
.layout-camere .uk-text-right,
.attivita-teaser .uk-text-right{
text-align:left !important;
margin-top:10px;
}
#tm-bottom-a .uk-slidenav-previous{
left:0 !important;
}
#tm-bottom-a .uk-slidenav-next{
right:0 !important;
}
.box-offerte{
margin-top:0;
}
.box-offerte .uk-slidenav-position{
text-align:center;
border-top: 1px dashed var(--verde);
padding-top: 25px;
}
.box-offerte .uk-text-right{
text-align:center !important;
}
#tm-bottom-c .uk-slidenav-position{
width:100%;
}
#tm-bottom-c .best {
top: var(--margin-big);
left: 40px;
color: #fff;
}
#tm-bottom-c .best::before{
font-size:13px;
left:-65px;
}
.best-current{
font-size:80px;
}
.best-total{
width:50px;
margin-right:0;
}
.box-misura{
margin:var(--margin-small) 25px var(--margin-medium) 25px;
background:url(../img/bg-sand.png) repeat;
}
.box-misura > .uk-grid{
width:auto;
margin:0;
}
.box-misura h3{
margin-bottom: 25px !important;
}
.box-misura .uk-grid{
margin-left:-10px;
}
.box-misura .uk-grid > * {
padding-left: 10px;
}
.box-outline{
height:auto;
padding-bottom:initial;
margin-left: -25px;
border-left:0;
}
.box-outline h3{
margin-top: 25px;
transform: none;
}
.v-sporty {
width: 69px;
}
.v-eco {
width: 43px;
}
.family-gif{
margin-top:25px;
width: 75px;
height: 73px;
}
.bg-location .container-link::after{
display:none;
}
.bg-location{
padding-top:0;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
background-image:none;
height:auto;
}
.bg-location .smaller {
padding:0!important;
}
.bg-location .container-link .btn {
right:0;
bottom:0;
}
#tm-bottom-e .mini-container {
margin-top: 0;
text-align: left;
}
.bg-social{
background: var(--verdone);
padding: var(--margin-medium) 25px;
}
.bg-social > .uk-grid{
margin:0 0 0 -25px;
text-align:center;
}
.bg-social .uk-slidenav-position .uk-slidenav{
display:block;
}
.uk-slidenav-previous{
left:0 !important;
}
.uk-slidenav-next{
right:0 !important;
}
.layout-servizi .pos-absolute{
top:initial;
transform:translateY(0);
bottom:0;
padding-bottom:18px;
background:linear-gradient(to top, rgba(0,0,0,0.3), transparent);
backdrop-filter:none;
width:100%;
}
.layout-servizi .btn-giallo {
display: inline-block;
margin-top: -10px;
margin-left: 25px;
}
.layout-servizi h1,
.layout-servizi h2,
.layout-servizi h2 em{
color:#fff;
}
.layout-servizi h1::before,
.layout-servizi h1::after{
background:#fff;
}
.layout-servizi .pos-absolute .description{
display:none;
}
.layout-servizi .pos-pad {
padding: 25px 25px 0 25px;
}
#tm-footer .uk-text-left, #tm-footer .uk-text-right{
text-align:center !important;
}
#tm-footer .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){
border-left:0;
border-top:1px solid var(--sabbia);
}
ss3-fullpage,
.n2-ss-slider .n2-ss-layers-container,
div#n2-ss-10 .n2-ss-slider-4,
.n2-ss-slider .n2-ss-slide-background-image img,
.n2-ss-slider[data-responsive=fullpage],
.n2-ss-slider .n2-ss-slide-background *,
.n2-ss-slider .n2-ss-layer[data-sstype=content],
div#n2-ss-10 .n2-ss-slide{
height:85vh !important;
min-height:85vh !important;
}
#logo-bottom {
width: 260px;
}
#tm-footer .uk-slidenav-previous{
background:url(../img/freccia-sx-v.svg) no-repeat center center;
}
#tm-footer .uk-slidenav-next{
background:url(../img/freccia-dx-v.svg) no-repeat center center;
}
.uk-offcanvas-bar .uk-panel{
position:initial;
transform:translateY(0);
margin-top:var(--margin-small);
margin-bottom: var(--margin-small);
}
.uk-offcanvas-close{
top:0;
right:0;
}
.logo-orizzontale{
width:260px;
}
.movie-camere-frontpage .strutture-teaser:nth-child(even) .uk-flex-order-first,
.blocchi .strutture-teaser:nth-child(even) .uk-flex-order-first{
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.smaller{
padding:0 25px !important;
}
.strutture-teaser .h2.omni-title{
position:relative;
padding-left:15px;
}
.strutture-teaser .h2.omni-title::before{
content:"";
display:inline-block;
width:1px;
height:80px;
position:absolute;
left:0;
bottom:0;
background:var(--verdone);
z-index:2;
}
.like::before{
width:55px;
}
.blocchi-teaser .omni-media{
height:500px;
}
.camera{
width: 45px;
height: 45px;
top:-70px;
}
.simil-slider{
display:none;
}
.offerte-full .omni-top{
position:relative;
}
.offerte-full .omni-top::before{
display:block;
}
.lingue{
left:initial;
right:20px;
}
.layout-slider.slider-306 {
background-position: 0% 50%!important;
}
.layout-slider.slider-282 {
background-position: 100% 50%!important;
}
}
@media (max-width:480px){
.logo-orizzontale {
width: 260px;
}
.box-bianco .h2{
text-align:left;
}
.nav-header{
margin-top:25px;
}
#modal-converto iframe{
height:150vh !important;
}
}
@media (max-width:360px){
.logo-orizzontale {
width: 220px;
}
}



@media (min-width: 768px) {
  #btn_whatsapp {
    display: block;
    height: 50px;
    width: 50px;
    border:none;
    overflow:hidden;
    background:none;
    display: inline;
    padding:0px;
    bottom: 25px;
    right: 15px;
    position: fixed;
    top: auto;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3pt 12pt;
    border-radius:50%;
    z-index: 321654987;
  }
}
@media all and (max-width: 767px) {#btn_whatsapp{display:none!important;}}


#map_canvas {
  width: 100%;
  height: 450px;
}

.bg_error{background-color:red!important;color:white!important}

.uk-button.uk-button-primary {
  font-family: 'Josefin Sans' !important;
  font-weight: normal !important;
  font-size: 15px !important;
  padding:
18px 20px 15px 45px !important;
  position: relative;
  background:
#cdb043;
  color: #fff;
  letter-spacing: 0.075em;
  text-decoration:
none !important;
  line-height: 100%;
  overflow:
hidden;
  display: inline-block;
  text-transform: uppercase;
  transition:
background .5s ease;
}