/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600;700&display=swap');

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

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

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


body.tm-isblog.uk-offcanvas-page,
body.tm-noblog.uk-offcanvas-page {
	overflow-x: visible !important;
}

.zoo-itempro-gallery {
	padding-left: 0;
	list-style: none;
}

#yoo-zoo .details {
	margin-bottom: 0;
	border: 0;
}

:root{--font-title:'Gangitem';--font-basic:'Prompt', sans-serif;--brown:#8e694a;--brown-light:#bda288;--beige:#e8e5e2;--green:#636f38;--green-light: #a3a753;--white:#fff;--padding:120px 0;--height:100vh;}

body{
font-family:var(--font-basic);
color:var(--brown);
font-size:17px;
font-weight:200;
line-height:1.8em;
letter-spacing:0.05em;
background:var(--beige);
}
h1, .h1{
font-family:var(--font-title);
color:var(--brown);
font-size:76px;
letter-spacing:0;
font-variant-ligatures: common-ligatures;
-moz-font-feature-settings: "liga", "clig";
-webkit-font-feature-settings: "liga", "clig";
font-feature-settings: "liga", "clig";
margin-bottom:30px;
letter-spacing:0.03em;
line-height:0.9em;
}
h2, .h2{
font-family:var(--font-basic);
color:var(--brown);
font-size:18px;
text-transform:uppercase;
letter-spacing:0.12em;
font-weight:400;
margin-bottom:30px;
line-height:1.2em;
}
.relativo,
#top-a{
position:relative;
}
.assoluto{
position:absolute;
}
ul{
list-style:none;
margin:0;
padding-left:0;
}
strong{
font-weight:400;
}
a, a:hover{
text-decoration:none;
color:inherit;
}
.sez-home #top-a .uk-panel:after,
.strutture-full .relativo:after{
    content: '';
    height: 400px;
    background: linear-gradient(to top, var(--brown), transparent);
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode: multiply;
    opacity: 0.7;
}
#top-a .uk-panel:before {
    content: '';
    height: 400px;
    background: linear-gradient(to bottom, var(--brown), transparent);
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    mix-blend-mode: multiply;
    opacity: 0.9;
}
#top-a .uk-panel.slider-vuoto:before,
#top-a .uk-panel.slider-vuoto:after{
display:none;
}
.padding{
padding:var(--padding);
}
.offerte-full .padding{
padding-bottom:90px;
}
.esperienze-full .padding{
padding-bottom:120px;
}
.box-green{
background:var(--green-light);
}
.box-green.padding{
padding:90px 0;
}
.blocco-top {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
}


.form-fixed .barra,
.slider-vuoto,
.sopra-menu{
background: var(--green-light);
width: 100%;
height: 70px;
}
.slider-vuoto{
height:140px;
}
.form-fixed .tm-logo,
.sopra-menu .tm-logo{
width:120px;
top:10px;
}
.form-fixed .recapiti,
.sopra-menu .recapiti{
    top: 20px;
}
.sopra-menu .recapiti a{
	color:var(--white)!important;
}
.form-fixed .uk-navbar-toggle,
.sora-menu .uk-close{
top:14px;
}
.tm-logo{
position:absolute;
z-index:3;
left:0;
right:0;
width:269px;
margin-left:auto;
top:20px;
margin-right:auto;
}
.recapiti{
position:absolute;
z-index:3;
right:60px;
color:var(--white);
font-size:14px;
letter-spacing:0.1em;
font-weight:500;
top:70px;
}
.recapiti span{
font-weight:300;
}
.recapiti a{
padding:0 10px;
position:relative;
transition: all 0.5s;
}
.recapiti a:before{
content:'';
background:var(--white);
height:1px;
width:0;
position:absolute;
left:0;
right:0;
bottom:-10px;
transition: all 0.5s;
}
.recapiti a:hover:before{
width:100%;
transition: all 0.5s;
}
.prenota{
text-transform:uppercase;
}
.uk-offcanvas-close{
position:absolute;
left:40px;
top:10px;
}
.icon-close {
    display: block;
    width: 46px;
}
.uk-close{
opacity:1;
}
.uk-close span{
font-size:12px;
text-transform:uppercase;
color:var(--white);
font-weight:700;
letter-spacing:0.2em;
position:absolute;
left:0;
right:0;
top: 50%;
transform: translateY(-50%);
transition: all 0.1s;
opacity:0;
}
.uk-close:hover,
.uk-close:focus{
opacity:1;
}
.uk-close:hover span{
opacity:1;
transition: all 2s;
}
.sopra-menu .uk-close:after{opacity:0;width:50px;height:50px;margin-top: -50px;}
.icon-close #Livello_1,
.icon-close #Livello_2,
.icon-close #Livello_3,
.icon-close #Livello_4{
stroke-miterlimit: 5;
stroke-dasharray: 70;
stroke-dashoffset: 20;
transition: all .5s;
}
.uk-close:hover .icon-close #Livello_1,
.uk-close:hover .icon-close #Livello_2,
.uk-close:hover .icon-close #Livello_3,
.uk-close:hover .icon-close #Livello_4{
stroke-miterlimit: 5;
stroke-dasharray: 70;
stroke-dashoffset: 70;
transition: all .5s;
}

.testo-slider{
position:absolute;
z-index:3;
bottom:50px;
left:0;
right:0;
text-align:center;
}
.testo-slider .h1,
.strutture-full h1{
font-size:136px;
color:var(--white);
border-bottom:1px solid var(--white);
display:inline-table;
padding-bottom:90px;
	
}
.testo-slider .h2{
font-size:24px;
color:var(--white);
}
.uk-navbar-toggle{
position:absolute;
z-index:3;
left:60px;
top:50px;
color:var(--white);
font-size:12px;
text-transform:uppercase;
letter-spacing:0.35em;
transition: all 0.5s;
}
.uk-navbar-toggle span{
position:relative;
opacity:0.8;
transition: all 0.5s;
font-weight:500;
}
.uk-navbar-toggle span:before{
content:'';
background:var(--white);
height:1px;
width:45px;
display:block;
position:absolute;
top:-9px;
transition: all 0.5s;
left:0;
right:0;
}
.uk-navbar-toggle span:after{
content:'';
background:var(--white);
height:1px;
width:45px;
display:block;
position:absolute;
bottom:-8px;
transition: all 0.5s;
left:0;
right:0;
}
.uk-navbar-toggle:hover span:before,
.uk-navbar-toggle:hover span:after{
width:0;
transition: all 0.5s;
}
.uk-navbar-toggle:hover span{
color:var(--white);
opacity:1;
}
.uk-navbar-toggle:after{
display:none;
}
.mod-languages,
.mod-languages form{
display:inline;
color:#fff;
}
.chzn-container{
text-align:left;	
width: 52px!important;
}
.chzn-container-single .chzn-single {
border:none!important;
border-radius: 0px;
background:none!important;
box-shadow:none;
color: #fff;
text-decoration: none;
white-space: nowrap;
text-transform:uppercase;
padding:0;
font-weight:500;
}
.chzn-container-single .chzn-single span{overflow: initial;margin-right: 0px;}
.chzn-container-single .chzn-single div{
width:50px!important;
height:80%; 
}
.chzn-container .chzn-results li {
    padding: 1px 6px;
}
.chzn-container .chzn-results li:hover,
.chzn-container .chzn-results li.result-selected{
background:var(--brown-light);
color:var(--white);
}
.chzn-container-single .chzn-single span:after{
content: "\f107";
font-family: fontawesome;
margin-left:6px;
}
.chzn-container-single .chzn-single div b {
display: none;
}
.chzn-container-single .chzn-drop {
    margin-top: -1px;
    border-radius: 0 0 0px 0px;
    background-clip: padding-box;
}
.chzn-container .chzn-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border:none;
    border-top: 0;
    background: #efece8;
    box-shadow: none;
 color:#efece8;
}
.chzn-container .chzn-results {
    color: #344242;
    margin: 0 0px 0px 0;
    padding: 2px;
}
.lista li,
h3, .h3{
text-transform:uppercase;
font-size:14px;
letter-spacing:0.3em;
color:var(--brown-light);
font-weight:400;
line-height:1.4em;
}
.lista li{
padding-bottom:20px;
}
.due .lista{
margin-top:90px;
}
.testo-slider .h3,
.bottone .h3{
color:var(--white);
letter-spacing:0.6em;
}
.bottone .h3{
letter-spacing:0.3em;	
}
.lista li:before{
content:'';
background:var(--brown-light);
height:1px;
width:35px;
display:inline-block;
vertical-align:middle;
margin-right:10px;
transition: all 0.5s;
}
.offerte li:hover:before{
transition: all 0.5s;	
width:50px;
}
.due-due .lista li:after{
content:'';
background:var(--brown-light);
height:1px;
width:35px;
display:inline-block;
vertical-align:middle;
margin-left:10px;
}
.due-due .lista li:before{
display:none;	
}
.bottone{
background:var(--green-light);
padding:7px 35px;
transition: all 0.5s;
margin-bottom:60px;
display:inline-block;
}
.sotto-offerta{
text-align:center;
}
.link-offerte{
margin:60px 0 90px;
}
.movie-esperienze .bot{
margin-top:60px;
}
.bot a{
border:1px solid var(--brown);
padding:15px 35px;
transition: all 0.5s;
color:var(--brown);
}
.bot:hover a{
transition: all 0.5s;
background:var(--brown);
color:var(--white);
}
.bot.newsletter:hover a{
transition: all 0.5s;
background:var(--white);
color:var(--brown)!important;
}
.bg-menuoff .bot.newsletter:hover a{
color:var(--green-light)!important;
}
.strutture .bot{
margin-top:90px;
}
.bottone a{
transition: all 0.5s;
}
.bottone:hover{
transition: all 0.5s;
background:var(--white);
color:var(--green-light);
}
.bottone:hover a{
transition: all 0.5s;
color:var(--green-light);	
}
.relativo .bottone{
position:absolute;
left:-60px;
bottom:100px;
}
.due-due .relativo .bottone{
position:absolute;
right:-60px;
left:initial;
bottom:100px;
}
.bottone a:{
position:relative;
}
.bottone a:after{
content:url(../images/fr-g.svg);
display:block;
position:absolute;
right:-40px;
width:59px;
top:50%;
transform: translateY(-40%);
z-index:3;
transition: all 0.5s;
}
.due-due .bottone a:after{
left:-40px;
right:initial;
transform: rotate(180deg) translateY(60%);
}
.bottone a:before{
content:url(../images/f-w.svg);
display:block;
position:absolute;
right:-46px;
width:13px;
top:50%;
transform: translateY(-40%);
z-index:2;
transition: all 0.5s;
}
.due-due .bottone a:before{
left:-46px;
right:initial;
transform: rotate(180deg) translateY(60%);
}
.bottone:hover a:after{
right:-50px;
transition: all 0.5s;
width:66px;
opacity:0;
}
.bottone:hover a:before{
right:-55px;
transition: all 0.1s;
width:20px;
}
.due-due{
text-align:right;
}
.due .uk-width-medium-1-2:first-child{
padding:0 120px 0 60px;
}
.due-due .uk-width-medium-1-2:nth-child(2){
padding:0 60px 0 120px!important;
}
.due.due-sotto .uk-width-medium-1-2:first-child{
padding:0;
}
.due-sotto{
background: var(--beige);
margin-top:120px;
}
.due-due .uk-width-medium-1-2:last-child,
.due-sotto .uk-width-medium-1-2:last-child{
padding:0 60px 0 100px;
}
.due-due .uk-width-medium-1-2:last-child .due-txt{
padding:0 60px 0 150px;
}
.due-due .uk-width-medium-1-2:first-child{
padding:0;
}
.due img{
width:100%;
}

/* layout strutture inizio */
.layout-strutture .uk-width-medium-6-10,
.layout-strutture .uk-width-large-4-10{
height:90vh;
}
.layout-strutture .pos-mediabig{
height: 100%;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
width: 100%;
}
.layout-strutture:hover{
opacity:0.7;
transition: all 0.5s;	
}
.layout-strutture{
transition: all 0.5s;	
}
.layout-strutture:hover .plus,
.layout-esperienze:hover .plus,
.tris-ristorante .uk-width-medium-1-3 a:hover .plus,
.layout-esperienze a:hover .plus{
transform: rotate(180deg);
transition: all 0.5s;	
}
.layout-esperienze a:hover .relativo:before{
opacity:0;	
transition: all 0.5s;	
}
.layout-strutture .pos-mediasmall{
height: 55%;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
width: 100%;
position:relative;
}
.layout-strutture .pos-mediasmall:before{
content:url(../images/ulivo-w.svg);
width: 136px;
display:block;
position:absolute;
bottom:-10px;
right:10px;
opacity:0.4;
}
.bg{
height: 90vh;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
width: 100%;
}
.layout-strutture .bg-struttura{background:var(--brown-light);width: 100%;color:var(--white);height:45%;position:relative;}
.layout-strutture .h1{
color:var(--white);
font-size:66px;
margin-bottom:0;
margin-left:40px;
}
.id301.layout-strutture .h1 span{
display:none;
}
.layout-strutture .h1 span{
display:block;
font-family:var(--font-basic);
font-size:19px;
text-transform:uppercase;
margin-bottom:20px;
}
/* layout strutture fine */
.box-bg{background:var(--white);padding:25px;height:90vh;color:var(--white);}
.bg .sopra{
margin-top:10vh;
}
.box-bg .h1,
.box-bg .h2{
color:var(--white);
margin-top:40px;
}
.box-bg .testo{
width:500px;
margin-top:30vh;
}
.box-bg.bg-dx{
text-align:right;
}
.bg .assoluto{
right:60px;
top:50%;
z-index:3;
transform: translateY(-50%);
}
.bg .assoluto p{
margin-bottom:0;
}
.bg-sx .bg .assoluto{
left:60px;
right:initial;
}
.bg.relativo:before{
content: '';
background: var(--brown);
opacity: 0.4;
mix-blend-mode: multiply;
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
left:0;
right:0;
}
.bg.relativo:after{
content:url(../images/fr-sx-g.svg);
width:62px;
display:block;
position:absolute;
z-index:3;
bottom:5%;
left:60px;
}
.bg-sx .bg.relativo:after{
right:60px;
left:initial;
content:url(../images/fr-dx-g.svg);
}
.bg-piscina{
background:url(../images/agriturismo-con-piscina-ostuni.jpg);
}
.bg-ostuni{
background:url(../images/ostuni.jpg);
}
.plus{
display:block;
width:36px;
}
.layout-strutture .specifica{
position:relative;
padding-bottom:80px;
margin:0 40px;
}
.layout-strutture .specifica:after{
content:'';
height:1px;
width:100%;
background:var(--white);
display:block;
position:absolute;
bottom:40px;
}
#my-offerte .layout-strutture .specifica:after{
bottom:20px;
}
.cento{
width:100%;
}
.layout-strutture .pos-links{
position:absolute;
bottom:20%;
right:40px;

}
.offerte-teaser .pos-links{
right:20px;
bottom:70px!important;
}
.offerte-teaser .pos-price{
display:block;
}
.layout-strutture .pos-persone:before,
.tab-strutture .pos-persone:before{
content:url(../images/user.svg);
display:inline-block;
width:38px;
margin-right:6px;
vertical-align:bottom;
}
.tab-strutture .pos-persone:before{
width:28px;
}
.layout-strutture .pos-metri,
.tab-strutture .pos-metri{
margin-left:40px;
}
.layout-strutture .pos-metri:before,
.tab-strutture .pos-metri:before{	
content:url(../images/area.svg);
display:inline-block;
width:29px;
margin-right:4px;
vertical-align:bottom;
}
.tab-strutture .pos-metri:before{
width:22px;
}

/* layout strutture fine */

.strutture-teaser{
margin-bottom:25px;
}
.movie-strutture .row:nth-child(even) .strutture-teaser .uk-flex-order-first {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
}

/* offerte teaser inizio */

.offerte-teaser .pos-validita{
margin-left:40px;
color:var(--white);
margin-bottom:35px;
margin-left:20px;
font-size:17px;
}
.offerte-teaser .pos-title{
font-size:32px!important;
margin-left:20px;
margin-top:10px;
margin-right:100px;
}
.offerte-teaser .cento{
padding:25px 0;
min-height:250px;
}
.offerte-teaser .pos-price span{
font-size:30px;
font-weight:100;
font-family: var(--font-title);
}
.offerte-teaser .pos-price,
.offerte-full .pos-price{
font-size:20px;
font-weight:300;

}
.offerte-teaser .specifica {
    padding-bottom: 40px;
	margin:0 20px;
}
.offerte-subnav{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom:0px;
}
.uk-subnav-pill > .uk-active > *{
background:none;
}
.uk-subnav > * {
float: none;
display:inline-block;
text-transform:uppercase;
padding:0 30px;
font-size:15px;
    font-weight: 400;
	background:var(--green);
padding:10px 25px;
width:300px;
letter-spacing:0.12em;
transition: .5s;
margin-bottom:0;
}
.uk-subnav li:hover,
.uk-subnav .uk-active{
background:var(--green-light);
transition: .5s;
}
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
  background: none;

}
.uk-subnav > .uk-active > *{
color:var(--white);
}
.uk-subnav > * > :hover{
color:var(--white);
}
.uk-subnav > * > * {
    display: inline-block;
    color: var(--white);
}
.prezzo{
text-align:center;
margin: 0px 0 60px;
border:1px solid var(--brown-light);
padding:60px;
width:500px;
margin-left:auto;
margin-right:auto;
color:var(--brown-light);
}
.offerte-full .pos-validita{
font-size: 17px;
font-weight:400;
text-transform:uppercase;
}

/* offerte teaser fine */
/* strutture full inizio */
.strutture-full .bg-media{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;	
height:70vh;
}
.slider-camere{
height:0;
}
.strutture-full .assoluto{
    z-index: 3;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
}
.strutture-full .pos-v {
margin:20px 0;
}
.strutture-full .pos-v li{
display:inline-block;
padding:0 10px;
color:var(--white);
letter-spacing: 0.6em;
font-size:14px;
text-transform:uppercase;
font-weight:400;
}
.strutture-full .pos-v li:after{
content:'-';
margin-left:20px;
}
.strutture-full .pos-v li:last-child:after{
display:none;
}
.strutture-full .pos-v li:last-child{
padding-right:0;
}

.strutture-full .uk-tab li.uk-hidden {
    /* display: inline-block !important; */
    /* visibility: visible !important; */
    /* margin-bottom: 10px; */
    /* width: fit-content; */
}
.tab-strutture{
transform: translateY(-55%);
top:50%;
position:relative;
}
.strutture-full .uk-tab{
border:none;
height:100%;
}
.strutture-full .uk-tab > li{
float:none;
display:block;
background:var(--beige);
text-align:center;
height:30%;
transition: all 0.5s;
margin-bottom:8px;
}
.strutture-full .uk-tab > li:last-child{
margin-bottom:0;
}
.strutture-full .uk-tab > li.uk-active{
background:var(--green-light);
height:69%;
}
.movie-strutture-comfort .uk-tab > li.uk-active{
height:30%;
}
.movie-strutture-comfort .uk-tab > li{
height:16.35%;
}
.movie-strutture-appartamento .uk-tab > li.uk-active{
height:36%;
}
.movie-strutture-appartamento .uk-tab > li{
height:20.2%;
}
.strutture-full .uk-tab > li .pos-links,
.strutture-full .uk-tab > li .specifica{
display:none;
}
.strutture-full .uk-tab > li.uk-active .pos-links,
.strutture-full .uk-tab > li.uk-active .specifica{
display:block;
}
.strutture-full .uk-tab > li.uk-active .specifica{
margin-bottom:10px;	
}
.strutture-full .uk-tab > li.uk-active .pos-links{
margin-top:30px;	
}
.tab-strutture .bot a{
border-color:var(--white);
color:var(--white);
}
.tab-strutture .bot a:hover{
border-color:var(--white);
color:var(--white);
background:var(--white);
color:var(--green-light)!important;
}
.strutture-full .uk-tab > li.uk-active .h3,
.strutture-full .uk-tab > li.uk-active .h2{
color:var(--white);
transition: all 0.5s;
opacity:1;
}
.strutture-full .uk-tab > li .h3,
.strutture-full .uk-tab > li .h2{
color:var(--brown);
opacity:0.4;
transition: all 0.5s;
}
.strutture-full .uk-tab > li:hover .h3,
.strutture-full .uk-tab > li:hover .h2{
color:var(--brown);
opacity:1;
transition: all 0.5s;
color:var(--white);
}
.strutture-full .uk-tab > li:hover{
transition: all 0.5s;
background:var(--green-light);
}
.strutture-full .pos-tipo{
margin:0;
}
.tabcontent-strutture .uk-slideshow{
height:700px!important;
}
.strutture-full .pos-servizi{
column-count:3;
text-align:left;
margin-top:60px;
}
.strutture-full .uk-slidenav-position .uk-slidenav-previous{
bottom:10%;
top:initial;
left:3%;
}
.strutture-full .uk-slidenav-position .uk-slidenav-next{
bottom:5%;
top:initial;
left:4%;
}
.strutture-full .uk-slidenav-next:before {
    content: url(../images/fr-dx-w.svg);
}
.strutture-full .uk-slidenav-previous:before {
    content: url(../images/fr-sx-w.svg);
}
.strutture-full .box-bg{
height:auto;
}
/* strutture full fine */
.form-strutture{
padding:120px 0;
}

#my-offerte,
	#my-territorio{
background:#fff;
padding:40px 0;
}
#my-offerte .h1,
	#my-territorio .h1{
font-size:40px;
margin-bottom:5px;
}
#my-offerte .h2,
	#my-territorio .h2{
font-size:15px;
	margin-bottom:0;
	margin-top:5px;
	
}
.offerteteaser .pos-title{
font-size:26px!important;
font-weight:200!important;
padding:20px;
}
#my-offerte .layout-descrizioni,
	#my-territorio .layout-descrizioni{
font-size:15px;
line-height:1.4em;
}
.items{
margin-top:60px;
padding:0 25px;
}
.items-indicazioni{
margin-top:0;
}
/* layout offerte inizio */

.layout-offerte{
text-align:center;
color:var(--white);
}
.layout-offerte .h1{
color:var(--white);
font-size:36px;
}
.layout-offerte .pos-validita{
font-weight:500;
letter-spacing:0.3em;
margin-top:10px;
font-size:16px;
}
.layout-offerte .pos-links .st0 {
    stroke: var(--green);
}
.layout-offerte .pos-links div{
margin-left:auto;
margin-right:auto;
margin-top:30px;
}
.layout-offerte .pos-categoria.h3{
color:var(--green);
margin-bottom:30px;
z-index:2;
position:relative;
}
.layout-offerte .pos-price .prefix{
font-size:22px;
}
.layout-offerte .pos-price{
font-size:28px;
}
.euro{
font-family:var(--font-basic);
}
.tit-price{
position:relative;
padding-top:30px;
}
.tit-price:before{
content:'';
background:var(--white);
height:1px;
width:70%;
position:absolute;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
bottom:70px;
opacity:0.4;
}
.offerte-home .uk-slideshow li{
padding:60px 0;
}
.offerte-home .box-green.padding {
    padding: 60px 0 90px;
}
.tit-price:after{
content:url(../images/ulivo-w.svg);
width: 136px;
display:block;
position:absolute;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
bottom:62px;
z-index:0;
opacity:0.2;
}
.uk-slidenav-position .uk-slidenav{
display:block;
}
.offerte-home .uk-slidenav {
top:20%;
}
/* layout offerte fine */

.uk-slidenav-previous:before {
    content: url(../images/fr-sx-g.svg);
	width:62px;
}
.uk-slidenav-next:before {
    content: url(../images/fr-dx-g.svg);
	width:62px;
}
.recensioni .uk-slidenav-previous:before {
    content: url(../images/fr-sx-b.svg);
}
.recensioni .uk-slidenav-next:before {
    content: url(../images/fr-dx-b.svg);
}
.bg-txt{
padding:50px 50px 30px;
color:var(--white);
position:relative;
}
.bg-txt .h1{
color:var(--white);
font-size:58px;
border-top:1px solid var(--white);
padding-top:50px;
margin-top:40px;
margin-top:0;
}
.bg-txt-brown{
background:var(--brown);
}
.bg-txt-brown-light{background: var(--brown-light);}
.bg-txt-green{
background:var(--green);
}
.bg-txt .plus{
position:absolute;
right:50px;
bottom:65px;
}
.sotto{
background:var(--white);
padding:120px 0 5px;
}
.gallery{
margin:120px 25px 0;
}
.gallery-margin{
margin-top:25px;
}
/* layout esperienze inizio */

.layout-esperienze{
margin: 10px;
}
.offerteteaser{
margin:0;
}
.layout-esperienze .relativo:before{
    content: '';
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0 !important;
    left: 0;
    right: 0;
	mix-blend-mode:multiply;
	transition: all 0.5s;	
}
.layout-esperienze .assoluto{
bottom:40px;
color:var(--white);
z-index:3;
text-align:center;
left:0;
right:0;
font-weight:400;
letter-spacing:0.3em;
font-size:16px;
}
.layout-esperienze .h2{
color:var(--white);
margin-bottom:0;
font-weight:400;
}
.layout-esperienze .pos-links div{
margin-left:auto;
margin-right:auto;
text-align:center;
display:block;
margin-top:60px;
}
.carosello-slider .uk-slidenav-previous:before {
content: url(../images/fr-sx-w.svg);
}
.carosello-slider .uk-slidenav-next:before {
content: url(../images/fr-dx-w.svg);
margin-left:auto;
margin-right:0;
}
.carosello-slider{
position:relative;
}
.carosello-slider .uk-slidenav-previous{
float:left;
}
.carosello-slider .uk-slidenav-next{
float:right;
}
.carosello-slider .frecce-slider{
position:absolute;
z-index:4;
top:40%;
left:0;
right:0;
width:98%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.esperienze .bot{
margin:90px auto;
text-align:center;
}

/* layout esperienze fine */

.recensioni{
border-top:1px solid var(--white);
margin:0 60px;
}
.recensioni:after{
content:url(../images/ulivo-b.svg);
width:136px;
display:block;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
opacity:0.2;
bottom:-10px;
position:absolute;
}
#tm-footer{
background:var(--brown);
margin:0;
color:var(--white);
}
#tm-footer .uk-grid{
padding:0 60px;
}
#tm-footer .h2{
color:var(--white);
margin-bottom:0;
font-size:16px;
font-weight:400;
letter-spacing:0.3em;
}
.social .bot a{
color:var(--white);
border-color:var(--white);
}
.newsletter{
margin-top:60px;
}
.social i{
font-size:35px;
margin:0 10px;
}
#tm-footer .sopra{
border-bottom: 1px solid rgba(250, 250, 250, 0.2);
margin-bottom:40px;
padding-bottom:40px;
}
#tm-footer li{
padding:5px 0;
}
#tm-footer li a span{
font-weight:300;
}
#tm-footer li a{
font-weight:400;
letter-spacing:0.1em;
}
.t:before{
content:url(../images/telefono.svg);
display:inline-block;
width:42px;
vertical-align:middle;
margin-right:10px;
}
.w:before{
content:url(../images/whatsapp.svg);
display:inline-block;
width:43px;
vertical-align:middle;
margin-right:10px;
}
.m:before{
content:url(../images/mail.svg);
display:inline-block;
width:42px;
vertical-align:middle;
margin-right:10px;
}
.privacy{
background:var(--green);
padding:10px 0;
font-size:12px!important;
}

/* menu offcanvas inizio */

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.uk-offcanvas-bar {
    transition: all 1s;
    transform-origin: top center;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    /* opacity: 0; */
    width: 100%;
    text-align: center;
    background: #fff;
}
.uk-offcanvas .uk-panel{
margin:0;
}
.sopra-menu{
background:var(--green-light);
}
.uk-offcanvas .uk-panel .bg-menu {
    display: block;
    height: 100vh;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.uk-offcanvas .uk-panel .bg-menu:after{
content:'';
background:var(--white);
opacity:0.8;
height:100%;
width:100%;
display:block;
position:absolute;
top:0;
}
.bg-agriturismo {
    background: url(../images/bg-agriturismo.jpg) no-repeat center center;
    background-size: cover;
}
.bg-ristorante {
    background: url(../images/bg-ristorante.jpg) no-repeat center center;
    background-size: cover;
}
.bg-menuoff{
background:var(--green-light);
 height: 100vh;
}
.tit-menu{
padding-top:90px;
position:relative;
z-index:3;
}
.bg-ristorante .h1{
color:var(--green);
}
.menu{
padding-top:40px;
z-index:3;
position:relative;
}
.bg-menuoff .menu{
padding-top:120px;
}
.nav.menu.mod-list{
text-transform:uppercase;
font-weight:500;
margin:0px 80px;
}
.bg-agriturismo .nav.menu.mod-list a{
color:var(--brown);	
transition: all 0.5s;
}
.bg-ristorante .nav.menu.mod-list a{
color:var(--green);	
transition: all 0.5s;
}
.bg-agriturismo .nav.menu.mod-list li,
.bg-ristorante .nav.menu.mod-list li{
padding:25px 0;
border-bottom:1px solid;
}
.bg-agriturismo .nav.menu.mod-list li{
border-color:var(--brown-light);
transition: all 0.5s;
}
.bg-agriturismo .nav.menu.mod-list li:hover{
transition: all 0.5s;
background:rgba(142, 105, 74, 0.7);
}
.bg-ristorante .nav.menu.mod-list li:hover{
transition: all 0.5s;
background:rgba(99, 111, 56, 0.7);
}
.bg-agriturismo .nav.menu.mod-list li:hover a,
.bg-ristorante .nav.menu.mod-list li:hover a{
color:var(--white);	
transition: all 0.5s;
}
.bg-ristorante .nav.menu.mod-list li{
border-color:var(--green-light);
transition: all 0.5s;
}
.bg-menuoff .nav.menu.mod-list li{
text-align:left;
padding:8px 0;
}
.bg-menuoff .nav.menu.mod-list li a{
color:var(--white);
font-size:14px;
letter-spacing:0.3em;
transition: all 0.5s;
}
.bg-menuoff .nav.menu.mod-list li a:hover{
margin-left:20px;
transition: all 0.5s;
}
.bg-menuoff .nav.menu.mod-list li a:before{
content:url(../images/plus-icon.svg);
display:inline-block;
width:22px;
vertical-align:middle;
margin-right:10px;
height:22px;
}
.bg-menuoff a{
color:var(--white)!important;
transition: all 0.5s;	
}
.bg-menuoff a:hover{
opacity:0.6;
transition: all 0.5s;	
}
.bg-menuoff .social{
margin-top:90px;
}
.translated .uk-width-large-1-3 {
flex:1;
transition: flex 0.8s ease;
}
.translated .uk-width-large-1-3:hover {
flex:2;
transition: flex 0.8s ease;
}
/* menu offcanvas fine */
.layout-slider{
height: 70vh;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
width: 100%;
}
.articolo{
padding:90px 0;
}
.padding-items,
.padding-servizi{padding: 0 15px;}
.form-newsletter{
border-top:1px solid var(--brown-light);
margin-top:60px;
padding-top:60px;
}
::placeholder{
color:var(--brown)!important;	
}
.rsform-block-accetto-privace-4,
.rsform-block-accetto-privace-3{
	font-size:13px;
	text-transform:uppercase;
}
.rsform-block-accetto-privace-4 a,
.rsform-block-accetto-privace-3 a{
font-weight:400;
}
#invia{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.3em;
	font-weight:400;
	background:var(--green-light);
	padding:10px 0;
	color:var(--white);
}
.form{
margin-top:60px;
padding-bottom:60px;
}
#messaggio{
height:340px;
}
.rsform-block-newsletter-3{
text-align:left;
}
.rsform-block-accetto-privace,
.rsform-block-newsletter-3{
font-size:12px;
text-transform:uppercase;
letter-spacing:0.1em;
}
.rsform-block-accetto-privace a{
font-weight:400;
text-decoration:underline;
}
/* 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%;
	color:var(--brown);
	border-color:var(--brown-light);
	background:none;
	border-top:none;
	border-right:none;
	border-left:none;
}

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: right;
}

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


/* override stili form -- fine */


/* barra mobi -- inizio */
.barra-mobi {
position: fixed;
bottom: 0;
left:0;
z-index: 100;
width: 100%;
text-align: center;
}
.barra-mobi a{
font-size:12px!important;
text-transform:uppercase;
padding: 8px 6px 3px 6px!important;
display: block;
color: #fff;
	font-weight:500;
	letter-spacing:0.3em;
}
.barra-mobi a i{
    display: block;
    font-size: 20px;

}
.barra-mobi a.tele {background: rgba(163, 167, 83, 0.9);color: #fff;}
.barra-mobi a.scrivi {background: rgba(189, 162, 136, 0.9);}
.barra-mobi a.preno{background: rgba(147, 140, 127, 0.9);}
#scrollToTop{
bottom:65px;
right:10px;
background:transparent;
border:1px solid #2e2e2e;
display:none;
padding:5px !important;
box-shadow: 0 0 5px #fff;
}
#scrollToTop:hover{
background:#fff;
}
/* barra mobi -- fine */

.menu-tipo{
padding:120px 60px;
}
.menu-tipo .h1{
font-size:36px;
}
.lista-due{
margin:50px 0;
}
.raggiungici{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.3em;
	width:auto;
	font-weight:400;
margin-top:0px;
}
.raggiungici a:before{
content:url(../images/icon-map.svg);
display:block;
width:50px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
transition: all 0.5s;

}
.raggiungici:hover{
opacity:0.6;
transition: all 0.5s;
}
.padding-servizi .h1{
font-size:36px;
margin-bottom:20px;
}
.padding-servizi .h1:before {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.padding-servizi .lista li{
letter-spacing:0.1em;	
padding-bottom:20px;
}
.padding-servizi .lista li span{
display:block;
text-transform:none;
letter-spacing:0.05em;
font-weight:300;
}
.icon-generali:before {
    content: url(../images/icon-generali.svg);
    width: 16px!important;
}
.icon-ristorazione:before {
    content: url(../images/icon-ristorazione.svg);
    width: 45px!important;
}
.icon-camera:before {
    content: url(../images/icon-camera.svg);
    width: 40px!important;
}
.icon-appartamento:before {
    content: url(../images/icon-appartamento.svg);

}
.icon-relax:before {
    content: url(../images/icon-relax.svg);
width:45px!important;
}
.icon-sport:before {
    content: url(../images/icon-sport.svg);
width:45px!important;
}
.lista {
    /* border-bottom: 1px solid var(--green-light); */
    /* padding-bottom: 30px; */
    margin-bottom: 45px;
}
.movie-descrizioni-la-piscina .lista{
column-count:2;
}
.offerteteaser .pos-title.h2{
font-size:30px;
}
.offerteteaser .pos-specifica{
letter-spacing:0.1em;
padding:0 10px;
}
.offerteteaser .pos-price{
display:block;
font-size:22px;
font-weight:300;
letter-spacing:0.1em;
}
.contatti-raggiungici{
margin-top:60px;
}
.offerte-full .pos-gallery{
margin:90px 25px 0;
}
.esperienze-full .pos-gallery{
margin-top:0;
}
.coordinate{
text-align:center;
margin-top:90px;
	border-top:1px solid var(--beige);
	padding-top:90px;
}
.indicazioni span{
text-transform:uppercase;
}
.indicazioni p{
margin-top:10px;
}
.indicazioni{
line-height:1.4em;
}
.mappa{
margin-top:90px;
    filter: grayscale(0.7);
}
.esperienze-teaser{
margin-bottom:25px;
}
.offerteteaser{
margin-bottom:25px!important;
}
.tris-ristorante .uk-width-medium-1-3 a:hover{
opacity:0.6;
transition: all 0.5s;
}
.tris-ristorante .uk-width-medium-1-3 a{
.tris-ristorante .uk-width-medium-1-3 a
}
.movie-esperienze-frontpage .items{
margin-top:0;
}
.form-mobile{
padding:50px 25px;
}
.layout-percorsi .uk-accordion-title {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    background: none;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}
.layout-percorsi .prefix{
display:block;
text-transform:uppercase;
font-weight:400;
font-size:15px;
color: var(--green);
}
.layout-percorsi{
font-size:17px;
line-height:1.6em;
}
.layout-percorsi .pos-tragitto,
.layout-percorsi .pos-strada,
.layout-percorsi .pos-difficolta,
.layout-percorsi .pos-lunghezza,
.layout-percorsi .pos-durata{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid var(--green-light);
}
.movie-gallery .articolo{
padding-bottom:0;
}
.gallery-teaser .h1{
font-size:40px;
}
.gallery-teaser h3{
text-transform:none;
}
.gallery-teaser{
margin-bottom:60px;
}
.gallery-teaser .pos-media{
margin-top:40px;
}
.eventi{
margin-top:60px;
text-align:left;
}
.eventi h3{
color:var(--brown);
}
.menu-gallery{
text-align:center;
margin-top:50px;
}
.menu-gallery li{
display:inline-block;
background:var(--green);
padding:5px 10px;
color:var(--white);
text-transform:uppercase;
font-size:13px;
font-weight:400;
letter-spacing:0.2em;
}
.grecaptcha-badge {
visibility: hidden;
}
/* MEDIA QUERY */

@media (min-width: 1200px) {}

@media (min-width: 960px) and (max-width: 1199px) {
:root{
--padding:50px 0;
}
.tm-logo{
width:200px;
}
.due .uk-width-medium-1-2:first-child,
	.due-sotto .uk-width-medium-1-2:last-child{
    padding: 0 25px 0 25px;
}
	.due-due .uk-width-medium-1-2:first-child{
	padding:0;
	}
.due-due .uk-width-medium-1-2:nth-child(2) {
    padding: 0 25px 0 25px !important;
}
.due .lista {
    margin-top: 30px;
}
.lista li {
    padding-bottom: 10px;
}
h1, .h1{
	font-size: 55px;
margin-bottom:10px;
	}
h2, .h2{
margin-bottom:5px;
margin-top:5px;
}
.relativo .bottone,
	.due-due .relativo .bottone{bottom:0px;/* left:-10px; */}
.prezzo {
    padding: 30px 30px;
margin-bottom:0;
}
.raggiungici{
margin-bottom:40px;
}
.offerte-home .box-green.padding {
    padding: 40px 0 70px;
}
.link-offerte {
    margin: 60px 0 0px;
}
.bg,
.box-bg{
    height: 70vh;
}
.box-bg .testo {
    margin-top: 10vh;
}
.bg-txt {
    padding: 30px 25px 20px;
    color: var(--white);
    position: relative;
}
.bg-txt .h1 {
    font-size: 39px;
    padding-top: 25px;
}
	.layout-strutture .h1{
	font-size:48px;
	}
.layout-strutture .specifica:after{
bottom:20px;
}
.layout-strutture .specifica {
    padding-bottom: 40px;
}
.bg-txt .plus {
    position: absolute;
    right: 25px;
    bottom: 40px;
}
.layout-strutture .h1 span{
margin-bottom:10px;
}
.layout-strutture .bg-struttura{
height:40%;
}
.layout-strutture .pos-mediabig{
height:80%;
}
.layout-strutture .pos-mediasmall{
height:40%;
}
.strutture .uk-slideshow,
.strutture .uk-slideshow li{
height:560px!important;	
}
.strutture .bot {
    margin-top: 60px;
}
.nav.menu.mod-list {
    margin: 0px 25px;
}

.sotto {
    background: var(--white);
    padding: 60px 0 5px;
}
.due-sotto {
    background: var(--beige);
    margin-top: 60px;
}
.menu-tipo {
    padding: 60px 30px;
}
.articolo {
    padding: 60px 0;
}
.items {
    margin-top: 0px;
}
.layout-strutture .uk-width-medium-6-10,
.layout-strutture .uk-width-medium-4-10 {
    height: 90vh;
}
.strutture-teaser {
    margin-bottom: -105px;
}
.testo-slider .h1, .strutture-full h1 {
    font-size: 106px;
    padding-bottom: 30px;
}
.strutture-full .pos-servizi {
    margin-top: 50px;
	margin-bottom:0!important;
}
.tabcontent-strutture .uk-slideshow {
    height: 500px !important;
}
.tabcontent-strutture .uk-slideshow,
	.tabcontent-strutture .uk-slideshow li{
	height:500px!important;
	min-height:500px!important;
}
.form-strutture {
    padding: 60px 0;
}
.gallery {
    margin: 60px 25px 0;
}
.offerteteaser .pos-title.h2 {
    font-size: 24px!important;
}
.layout-esperienze .pos-links div{
margin-top:30px;
}
.offerteteaser .pos-title{
padding:10px;
}
.form-newsletter {
    margin-top: 30px;
    padding-top: 30px;
}
.uk-navbar-toggle{
left:25px;
}
.recapiti{
right:25px;
}

.coordinate {
    margin-top: 60px;
    padding-top: 60px;
}
.mappa {
    margin-top: 60px;
}
	.uk-subnav > *{
	width:210px;
	padding:10px 10px;
	}
	.menu-gallery{
	margin-bottom:50px;
	}
}

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

:root{
--padding:50px 0;
--height:100vh;
}
	
.testo-slider .h1, .strutture-full h1 {
    font-size: 90px;
    padding-bottom: 0px;
	margin-top:0;
	border:none;
	margin-bottom:0;
}
.tm-logo {
    width: 150px;

}
.uk-navbar-toggle {
    left: 0px;
    top: 30px;
}
.testo-slider .h2 {
    font-size: 16px;
margin-bottom:10px;
}
.due .uk-width-medium-1-2:first-child {
    padding: 0 25px 0 25px;
}
	.due-due .uk-width-medium-1-2:last-child, .due-sotto .uk-width-medium-1-2:last-child {
    padding: 0 25px 0 25px;
	text-align:left;
}
	.due-due .uk-width-medium-1-2:last-child .due-txt{
	padding:0px;
	text-align:left;
	}
.due-due .lista li:after{
display:none;
}
.due-due .lista li:before{
    content: '';
    background: var(--brown-light);
    height: 1px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    transition: all 0.5s;
}
.due .lista {
    margin-top: 40px;
}
	.due-due .lista{
	margin-bottom:0;
	}
.due-due .bottone a:after{
left: initial;
    right: -40px;
    transform: rotate(0deg) translateY(-55%);
}
.due-due .bottone a:before{
    right: -46px;
    left: initial;
    transform: rotate(0deg) translateY(-55%);
}
	.sez-home .due img{
	display:none;
	}
	.due img{
	display:block;	
padding:35px 25px 0;
	}
	.due-sotto img{
	padding:0 25px 35px;
	}
	
.relativo .bottone{
position:relative;
left:25px;
bottom:initial;
margin-top:30px;
margin-bottom:0;
}
.lista li:before{
width:20px;
}
.lista li, h3, .h3{
line-height:1.1em;
}

.layout-strutture .specifica {
    padding-bottom: 25px;
    margin: 0 25px;
}

.layout-strutture .specifica:after {
    bottom: 0px;
}
.layout-strutture .h1 {
    font-size:60px;
    margin-left:25px;
}
	.strutture-teaser .h1{
	margin-top:15px;
	}
.layout-strutture .h1 span{
margin-bottom:0;
}
h1, .h1 {
    font-size: 52px;
}
h2, .h2{
font-size:16px;
}
.lista li, h3, .h3{
font-size:16px;
letter-spacing:0.15em;
}
.strutture .bot {
    margin-top: 50px;
}
	.offerte-home .box-green.padding {
    padding: 10px 0 40px;
}
.tit-price:before{
display:none;
}
	.layout-offerte .pos-price{
	display:block;
	margin-top:20px;
	}
.offerte-home .uk-slidenav-position .uk-slidenav-next{
right:0;
}
	.offerte-home .uk-slidenav-position .uk-slidenav-previous{
left:0;
}
	.tit-price:after {
    bottom: 142px;
}
.tit-price:before{
display:none;
}

.bg .assoluto {
    left: 15px;
	right:45px;
	text-align:left;
}
.bg-sx .bg .assoluto {
    left: 15px;
    right: 45px;
}
.bg-sx .bg.relativo:after {
    right: initial;
    left: 25px;
}
	.box-bg .h1,
.box-bg .h2{
margin-top:10px;
}

.box-bg .testo {
    width: auto;
    margin-top: 20px;
	line-height:1.4em;
}
.bg.relativo:after {
    content: url(../images/fr-dx-g.svg);
    left: 15px;
}
.due-due .relativo .bottone{
position:relative;
right:initial;
left:-25px;
bottom:0;
}
.due-due{
text-align:left;
padding:40px 25px;
}
.bg-txt {
    padding: 25px 25px 10px;
    color: var(--white);
    position: relative;
}

.bg-txt .h1 {
    font-size: 30px;
    padding-top: 30px;
}

.bg-txt .plus {
    right: 25px;
    bottom:40px;
}
.layout-esperienze .assoluto{
padding:0 25px;
letter-spacing:0.15em;
}
.carosello-slider .frecce-slider{
width:80%;
}

.layout-esperienze {
    margin:0 5px;
}
.esperienze .bot {
    margin: 50px auto 50px;
    text-align: center;
}

.recensioni {
    margin: 0 0px;
}
.recensioni .uk-slidenav-position .uk-slidenav{
bottom:0;
top:initial;
}
#tm-footer .uk-grid {
    padding: 0 25px;
}
.t:before,
.w:before,
.m:before{
width:35px;	
}
#tm-footer li a{
letter-spacing:0.05em;
}
.tm-footer .uk-width-medium-1-2.uk-text-right{
text-align:left!important;
}
.tit-menu {
    padding-top: 30px;
}
.nav.menu.mod-list {
    margin: 0px 25px;
text-align:left;
}
.menu {
    padding-top: 0px;
}
.bg-agriturismo .nav.menu.mod-list li, .bg-ristorante .nav.menu.mod-list li {
    padding: 8px 0;
}
.uk-offcanvas .uk-panel .bg-menu:after{
display:none;
}
.uk-offcanvas .uk-panel .bg-menu{
background:var(--green-light);
}
.bg-agriturismo .nav.menu.mod-list a,
	.bg-ristorante .nav.menu.mod-list a{
color:var(--white);
	    font-size: 14px;
    letter-spacing: 0.3em;
    transition: all 0.5s;
}
.bg-agriturismo .nav.menu.mod-list a:before,
	.bg-ristorante .nav.menu.mod-list a:before,
	.bg-menuoff .nav.menu.mod-list li a:before{
    content: url(../images/plus-icon.svg);
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
    height: 22px;
}
.uk-offcanvas .uk-panel .tit-menu{
display:none;
}
.translated .uk-width-medium-1-3{
flex:1;
transition:none;
}
.uk-offcanvas .uk-width-medium-1-3:nth-child(2){
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;	
}
.uk-offcanvas .uk-panel .bg-menu{
height:auto;
}
.uk-offcanvas-bar{
background:var(--green-light);	
}
.bg-agriturismo .nav.menu.mod-list li,
.bg-ristorante .nav.menu.mod-list li {
border:none;
}
.bg-agriturismo{
margin-top:30px;
}
.bg-menuoff .menu {
    padding-top: 0px;
}
.bg-menuoff .social {
    margin-top: 40px;
text-align:left;
margin-left:25px;
}
.bg-agriturismo .nav.menu.mod-list li a:hover,
.bg-ristorante .nav.menu.mod-list li a:hover{
background:none;	
    margin-left: 20px;
    transition: all 0.5s;
}
	.bg-agriturismo .nav.menu.mod-list li:hover,
.bg-ristorante .nav.menu.mod-list li:hover{
background:none;	
}
.uk-offcanvas-close {
    left: 25px;
    top: 20px;
}
.sopra-menu .tm-logo{
top:20px;
}
.sotto {
    padding: 50px 0 5px;
}

.due-sotto{
margin-top:40px;
}
.layout-gallery .uk-hidden-touch,
#tariffe-tab .uk-hidden-touch{
display:block!important;
}
.gallery-margin {
    margin: 25px!important;
}
#top-a .uk-panel:before{
height:200px;
}
.articolo {
    padding: 40px 25px 30px;
}
.items {
margin-top:0;
padding:0;
}
.layout-strutture .bg-struttura {
    height: 30%;
}
.layout-strutture .pos-persone:before, .tab-strutture .pos-persone:before{
width:30px;
}
.layout-strutture .pos-metri:before, .tab-strutture .pos-metri:before{
width:23px;
}
.strutture-teaser .pos-links {
    bottom: 24%;
    right: 25px;
}
.strutture-teaser {
    margin-bottom: -115px;
}
.id301.layout-strutture .h1{
margin-top:30px;
}
.strutture-full .assoluto {
    bottom:30px;
}

.strutture-full .pos-v {
    margin: 0;
}
.strutture-full .pos-servizi{
column-count:2;
margin-top:30px;
margin-bottom:0;
}
.strutture-full .uk-slideshow ,
.strutture-full .uk-slideshow > li,
	.strutture-full .uk-slideshow div{
height:360px!important;
}
.strutture-full .uk-tab > li.uk-active{
height:240px;
}
.strutture-full .uk-tab {
    height: auto;
}
.strutture-full .uk-tab > li{
height:100px;
}
.rsform-block-accetto-privace{
text-align:left;
}
	#messaggio{
	height:200px;
	}	
	.form-strutture {
    padding: 50px 0;
}
.gallery {
    margin: 40px 25px 0;
}
.menu-tipo {
    padding: 50px 25px;
}
.menu-tipo .h1 {
    font-size: 30px;
}
.padding-servizi .uk-width-medium-1-3{
margin-bottom:30px;
}
	.padding-servizi .uk-width-medium-1-3:last-child{
margin-bottom:0px;
}
	.padding-servizi .uk-width-medium-1-3:last-child li:last-child{
	padding-bottom:0;
	}
.padding-servizi .lista{
margin-bottom:0;
}
.padding-servizi .h1 {
    font-size: 39px;
    margin-bottom: 20px;
}
.padding-servizi .h1:before{
width:35px;
}
.icon-appartamento:before{
width:32px!important;
}
	.icon-generali:before{
		width:17px!important;
	}
.padding-servizi .lista li{
line-height:1.4em;
}
.slider-vuoto {
    height: 100px;
}
#my-offerte,
	#my-territorio{
margin-top:25px;
}
.form-newsletter {
    margin-top: 40px;
    padding-top: 40px;
}
.raggiungici {
padding:20px;
}
.due-due .uk-width-medium-1-2:nth-child(2) {
    padding: 0!important;
}
	.due .uk-width-medium-1-2{
	width:100%;
	}
.bg,
	.box-bg{
    height: 45vh;
 
}
.strutture .uk-slideshow,
	.strutture .uk-slideshow li{
height:800px!important;	
}
.layout-esperienze .assoluto{
bottom:20px;
}
.layout-esperienze .pos-links div{
margin-top:30px;
}
.layout-esperienze .pos-subtitle{
line-height:1.4em;
}
.recapiti{
right:15px;
top:40px;
}
	.recapiti a{
	padding:0 5px;
	}
.mod-languages{
margin-right:-25px;
}
.translated .uk-width-large-1-3{flex: none;transition:none;}
.uk-offcanvas .uk-width-large-1-3:nth-child(2){
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;	
}
.uk-offcanvas .uk-panel .bg-menu{
height:auto;
}
.layout-slider {
    height: 50vh;
}
}
@media(max-width:767px){

:root{
--padding:50px 0;
--height:100vh;
}
	
.testo-slider .h1, .strutture-full h1 {
    font-size: 80px;
    padding-bottom: 0px;
	margin-top:0;
	border:none;
	margin-bottom:0;
}
.tm-logo {
    width: 150px;
}
.uk-navbar-toggle {
    left: 0px;
    top: 30px;
}
.testo-slider .h2 {
    font-size: 16px;
margin-bottom:10px;
}
.due .uk-width-medium-1-2:first-child {
    padding: 0 25px 0 25px;
}
	.due-due .uk-width-medium-1-2:last-child, .due-sotto .uk-width-medium-1-2:last-child {
    padding: 0 25px 0 25px;
	text-align:left;
}
	.due-due .uk-width-medium-1-2:last-child .due-txt{
	padding:0px;
	text-align:left;
	}
.due-due .lista li:after{
display:none;
}
.due-due .lista li:before{
    content: '';
    background: var(--brown-light);
    height: 1px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    transition: all 0.5s;
}
.due .lista {
    margin-top: 40px;
}
	.due-due .lista{
	margin-bottom:0;
	}
.due-due .bottone a:after{
left: initial;
    right: -40px;
    transform: rotate(0deg) translateY(-55%);
}
.due-due .bottone a:before{
    right: -46px;
    left: initial;
    transform: rotate(0deg) translateY(-55%);
}
	.sez-home .due img{
	display:none;
	}
	.due img{
	display:block;	
padding:35px 25px 0;
	}
	.due-sotto img{
	padding:0 25px 35px;
	}
	
.relativo .bottone{
position:relative;
left:25px;
bottom:initial;
margin-top:30px;
margin-bottom:0;
}
.lista li:before{
width:20px;
}
.lista li, h3, .h3{
line-height:1.1em;
}

.layout-strutture .specifica {
    padding-bottom: 25px;
    margin: 0 25px;
}

.layout-strutture .specifica:after {
    bottom: 0px;
}
.layout-strutture .h1 {
    font-size: 40px;
    margin-left:25px;
}
	.strutture-teaser .h1{
	margin-top:15px;
	}
.layout-strutture .h1 span{
margin-bottom:0;
}
h1, .h1 {
    font-size: 52px;
}
h2, .h2{
font-size:16px;
}
.lista li, h3, .h3{
font-size:14px;
letter-spacing:0.15em;
}
.strutture .bot {
    margin-top: 50px;
}
	.offerte-home .box-green.padding {
    padding: 10px 0 40px;
}
.tit-price:before{
display:none;
}
	.layout-offerte .pos-price{
	display:block;
	margin-top:20px;
	}
.offerte-home .uk-slidenav-position .uk-slidenav-next{
right:0;
}
	.offerte-home .uk-slidenav-position .uk-slidenav-previous{
left:0;
}
	.tit-price:after {
    bottom: 142px;
}
.tit-price:before{
display:none;
}

.bg .assoluto {
    left: 15px;
	right:45px;
	text-align:left;
}
.bg-sx .bg .assoluto {
    left: 15px;
    right: 45px;
}
.bg-sx .bg.relativo:after {
    right: initial;
    left: 25px;
}
	.box-bg .h1,
.box-bg .h2{
margin-top:10px;
}

.box-bg .testo {
    width: auto;
    margin-top: 20px;
	line-height:1.4em;
}
.bg.relativo:after {
    content: url(../images/fr-dx-g.svg);
    left: 15px;
}
.due-due .relativo .bottone{
position:relative;
right:initial;
left:-25px;
bottom:0;
}
.due-due{
text-align:left;
padding:40px 25px;
}
.bg-txt {
    padding: 25px 25px 10px;
    color: var(--white);
    position: relative;
}

.bg-txt .h1 {
    font-size: 45px;
    padding-top: 30px;
}

.bg-txt .plus {
    right: 25px;
    bottom:40px;
}
.layout-esperienze .assoluto{
padding:0 25px;
letter-spacing:0.15em;
}
.carosello-slider .frecce-slider{
width:80%;
}

.layout-esperienze {
    margin:0 25px;
}
.esperienze .bot {
    margin: 0px auto 50px;
    text-align: center;
}

.recensioni {
    margin: 0 0px;
}
.recensioni .uk-slidenav-position .uk-slidenav{
bottom:0;
top:initial;
}
#tm-footer .uk-grid {
    padding: 0 25px;
}
.t:before,
.w:before,
.m:before{
width:35px;	
}
#tm-footer li a{
letter-spacing:0.05em;
}
.tm-footer .uk-width-medium-1-2.uk-text-right{
text-align:left!important;
}
.tit-menu {
    padding-top: 30px;
}
.nav.menu.mod-list {
    margin: 0px 25px;
text-align:left;
}
.menu {
    padding-top: 0px;
}
.bg-agriturismo .nav.menu.mod-list li, .bg-ristorante .nav.menu.mod-list li {
    padding: 8px 0;
}
.uk-offcanvas .uk-panel .bg-menu:after{
display:none;
}
.uk-offcanvas .uk-panel .bg-menu{
background:var(--green-light);
}
.bg-agriturismo .nav.menu.mod-list a,
	.bg-ristorante .nav.menu.mod-list a{
color:var(--white);
	    font-size: 14px;
    letter-spacing: 0.3em;
    transition: all 0.5s;
}
.bg-agriturismo .nav.menu.mod-list a:before,
	.bg-ristorante .nav.menu.mod-list a:before,
	.bg-menuoff .nav.menu.mod-list li a:before{
    content: url(../images/plus-icon.svg);
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
    height: 22px;
}
.uk-offcanvas .uk-panel .tit-menu{
display:none;
}
.translated .uk-width-large-1-3{
flex:none;
transition:none;
}
.uk-offcanvas .uk-width-large-1-3:nth-child(2){
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;	
}
.uk-offcanvas .uk-panel .bg-menu{
height:auto;
}
.uk-offcanvas-bar{
background:var(--green-light);	
}
.bg-agriturismo .nav.menu.mod-list li,
.bg-ristorante .nav.menu.mod-list li {
border:none;
}
.bg-agriturismo{
margin-top:30px;
}
.bg-menuoff .menu {
    padding-top: 0px;
}
.bg-menuoff .social {
    margin-top: 40px;
text-align:left;
margin-left:25px;
}
.bg-agriturismo .nav.menu.mod-list li a:hover,
.bg-ristorante .nav.menu.mod-list li a:hover{
background:none;	
    margin-left: 20px;
    transition: all 0.5s;
}
	.bg-agriturismo .nav.menu.mod-list li:hover,
.bg-ristorante .nav.menu.mod-list li:hover{
background:none;	
}
.uk-offcanvas-close {
    left: 25px;
    top: 20px;
}
.sopra-menu .tm-logo{
top:20px;
}
.sotto {
    padding: 50px 0 5px;
}
.sotto .uk-text-center{
text-align:left!important;
}
.due-sotto{
margin-top:40px;
}
.layout-gallery .uk-hidden-touch,
#tariffe-tab .uk-hidden-touch{
display:block!important;
}
.gallery-margin {
    margin: 25px!important;
}
#top-a .uk-panel:before{
height:200px;
}
.articolo {
    padding: 40px 25px 30px;
}
.items {
margin-top:0;
padding:0;
}
.layout-strutture .bg-struttura {
    height: 40%;
}
.layout-strutture .pos-persone:before, .tab-strutture .pos-persone:before{
width:30px;
}
.layout-strutture .pos-metri:before, .tab-strutture .pos-metri:before{
width:23px;
}
.strutture-teaser .pos-links {
    bottom: 24%;
    right: 25px;
}
.strutture-teaser {
    margin-bottom: -15px;
}
.id301.layout-strutture .h1{
margin-top:30px;
}
.strutture-full .assoluto {
    bottom:30px;
}

.strutture-full .pos-v {
    margin: 0;
}
.strutture-full .pos-servizi{
column-count:2;
margin-top:30px;
margin-bottom:0;
}
.strutture-full .uk-slideshow ,
.strutture-full .uk-slideshow > li,
	.strutture-full .uk-slideshow div{
height:360px!important;
}
.strutture-full .uk-tab > li.uk-active{
height:240px;
}
.strutture-full .uk-tab {
    height: auto;
}
.strutture-full .uk-tab > li{
height:100px;
}
.rsform-block-accetto-privace{
text-align:left;
}
	#messaggio{
	height:200px;
	}	
	.form-strutture {
    padding: 50px 0;
}
.gallery {
    margin: 40px 25px 0;
}
.menu-tipo {
    padding: 50px 25px;
}
.menu-tipo .h1 {
    font-size: 30px;
}
.padding-servizi .uk-width-medium-1-3{
margin-bottom:30px;
}
	.padding-servizi .uk-width-medium-1-3:last-child{
margin-bottom:0px;
}
	.padding-servizi .uk-width-medium-1-3:last-child li:last-child{
	padding-bottom:0;
	}
.padding-servizi .lista{
margin-bottom:0;
}
.padding-servizi .h1 {
    font-size: 30px;
    margin-bottom: 20px;
}
.padding-servizi .h1:before{
width:35px;
}
.icon-appartamento:before{
width:32px!important;
}
	.icon-generali:before{
		width:17px!important;
	}
.padding-servizi .lista li{
line-height:1.4em;
}
.slider-vuoto {
    height: 100px;
}
#my-offerte,
	#my-territorio{
margin-top:25px;
}
.form-newsletter {
    margin-top: 40px;
    padding-top: 40px;
}
.raggiungici {
padding:20px;
}
.due-due .uk-width-medium-1-2:nth-child(2) {
    padding: 0!important;
}
}	

@media(max-width:480px){

.box-bg, .bg{
height:50vh;
}
.bg .testo{
display:none;
}
.menu-tipo {
    padding: 40px 25px;
}
.layout-slider{
height:40vh;
}
.strutture-full .bg-media{
height:50vh;	
}
.strutture-full h1{
font-size:60px;	
}
.strutture-full .pos-v li{
font-size:13px;
letter-spacing:0.3em;
}
.strutture-full .pos-servizi{
column-count:1;
}
.strutture-full .uk-slideshow ,
.strutture-full .uk-slideshow > li,
	.strutture-full .uk-slideshow div{
height:260px!important;
}
h1, .h1 {
    font-size: 50px;
}
	.offerteteaser{
margin:0 25px;
}
.movie-descrizioni-la-piscina .menu-tipo .lista{
column-count:1;
}
.raggiungici {
letter-spacing:0.1em;
line-height:1.4em;
}
}