/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

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

@font-face {
    font-family: 'Big Caslon';
    src: url('../font/BigCaslon-Medium.woff2') format('woff2'),
        url('../font/BigCaslon-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body.tm-isblog.uk-offcanvas-page,
body.tm-noblog.uk-offcanvas-page {
	overflow-x: clip !important;
	margin-left: 0 !important;
}


/* override stili form -- inizio */

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

form {
	margin: 0px;
}

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

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

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

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

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

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

.rsform-block-accetto-privace {
	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 */

/* Lingua inizio */

.lingua {
    position: absolute;
    top: 60px;
    right: 27px;
    z-index: 1;
    width: 70px;
}

.lingua li a {
    color: var(--white);
    opacity: .6;
    transition: all .5s;
    line-height: 20px;
    font-size: 15px;
}

.lingua li.lang-active a, 
.lingua li a:hover {
    opacity: 1;
    font-size: 18px;
    line-height: 20px;
}


/* Lingua fine */

/* barra mobi -- inizio */

.barra-mobi {
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
}

.barra-mobi a {
	font-size: 18px;
    text-transform: uppercase;
    padding: 10px;
    display: block;
    height: 45px;
    line-height: 50px;
    font-family: 'Botanica';
}

.barra-mobi a.tele {
	background: rgba(0, 128, 0, 1);
	color: #fff;
}

.barra-mobi a.preno {
	color: #fff;
	background: var(--brown);
    position: relative;
}

.barra-mobi a.preno:after{
    content: url(../images/cuore.svg);
    width: 50px;
    position: absolute;
    top: -30px;
    right: 5px;
    z-index: 1;
    animation: heartbeat 1.5s ease-in-out infinite both;
    transform-origin: center;
    transform: rotate(10deg);
}

@keyframes heartbeat {
  from {
    transform: scale(1) rotate(10deg);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91) rotate(10deg);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98) rotate(10deg);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87) rotate(10deg);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1) rotate(10deg);
    animation-timing-function: ease-out;
  }
}

.barra-mobi a.mail {
    color: #fff;
    background: var(--dark-brown);
}

#scrollToTop {
	bottom: 65px;
	right: 10px;
	background: transparent;
	border: 1px solid #2e2e2e;
	display: none;
}

#scrollToTop:hover {
	background: #fff;
}

span.bm-stagioni {
    background: var(--light-brown);
    display: block;
    padding: 10px;
}

span.bm-stagioni .sel {
    display: none;
}

.barra-mobi .omni-switcher, 
.barra-mobi #switch_1, 
.barra-mobi #switch_2 {
    padding: 10px;
    text-align: center;
    width: 30px !important;
    display: block;
}

/* 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;
}

/* Barra fissa inizio */

.barra-fixed {
    background: var(--dark-brown);
    width: 100%;
    height: 100px;
    z-index: 99;
}

.barra-fixed .tm-logo img {
    display: none;
}

.barra-fixed .tm-logo{
    position: relative;
    width: 100%;
    top: 10px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}

.barra-fixed .tm-logo:after{
    content: url(../images/tree-logo.svg);
    width: 220px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.barra-fixed .contatti {
    top: 20px;
}

.barra-fixed .prenota {
    top: 30px;
}

.barra-fixed .uk-navbar-toggle {
    top: 40px;
}

/* Barra fissa fine */

#tm-top-a{
    position: relative;
    overflow: hidden;
}

.tm-headerbar,
.tm-navbar,
.tm-footer{
    margin: 0;
}

.tm-logo {
   position: absolute;
   top: 30px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   display: block;
   z-index: 1;
   width: 220px;
   text-align: center;
}

.uk-navbar-toggle {
    position: absolute;
    left: 40px;
    margin-left: 0;
    top: 60px;
    text-align: center;
    display: block;
    z-index: 1;
    color: var(--white);
    text-transform: uppercase;
    width: fit-content;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.15em;
    height: 50px;
    transition: all .5s;
    font-weight: 400;
}

.uk-navbar-toggle:after{
	content: "";
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus{
    color: var(--white);
}

.men-off{
	position: relative;
}

.uk-navbar-toggle .men-off:after {
    content: "";
    position: absolute;
    left: 0;
    top: -7px;
    width: 60px;
    height: 1px;
    background: var(--white);
    display: block;
    transition: all .5s;
}

.uk-navbar-toggle:hover .men-off:after{
	width: 40px;
}

.uk-navbar-toggle .men-off:before {
    content: "";
    position: absolute;
    left: 0;
    top: -15px;
    width: 40px;
    height: 1px;
    background: var(--white);
    display: block;
    transition: all .5s;
}

.uk-navbar-toggle:hover .men-off:before{
	width: 60px;
}

.movie-offerte-frontpage ul,
.movie-gallery-frontpage ul{
    list-style: none;
    padding-left: 0;
}
#video > .uk-modal-dialog{
        height: 70vh;
        background:#000;
}
#video iframe{
        height: 100%;
        width:100%;
}
#video > .uk-modal-dialog > .uk-close:first-child{
    margin: 0;
    float: right;
    position: absolute;
    top: -15px;
    right: -15px;
    background: #fff;
    border-radius: 50%;
}


.experience-full {
    padding: 5%;
}

/* Switcher inizio */

.sw-season {
    z-index: 1;
    position: absolute;
    top: 130px;
    left: 55px;
    display: block;
}

/*.cl-home .sw-season{
    top: 55px;
}*/

.uk-sticky-placeholder {
    height: 0 !important;
}

.omni-switcher,
#switch_1,
#switch_2{
    width: 55px;
    height: 25px;
    font-size: 0px;
    opacity: .4;
    transition: all .5s;
    display: block;
    background: transparent;
    color: var(--white);
    line-height: 20px;
    padding-top: 50px;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
}

.omni-switcher-active,
#switch_1:hover,
#switch_2:hover {
    opacity: 1 !important;
}

a#switch_1:hover,
a#switch_2:hover{
    text-decoration: none;
}

#switch_1:after{
    content: url(../images/summer.svg);
    width: 40px;
    top: 3px;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: auto;
    position: absolute;
}

#switch_2:after{
    content: url(../images/winter.svg);
    width: 40px;
    top: 3px;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: auto;
    position: absolute;
}

.barra-fixed .sw-season {
    top: 0px;
    left: 130px;
}

/*.cl-home .barra-fixed .sw-season{
    left: 45px;
}*/

.sel span {
    display: block;
}

.sel {
    color: var(--white);
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin-top: 0px;
        letter-spacing: 0.15em;
    text-transform: uppercase;
}

.barra-fixed .sel{
    font-size: 0px;
    line-height: 15px;
}

/* Switcher fine */

/* Offcanvas inizio */

.uk-offcanvas-bar{
    width: 350px;
    background: var(--light-brown);
}

.uk-nav-offcanvas > li > a {
    color: var(--dark-brown);
    padding: 10px 15px;
    font-family: 'Botanica';
    text-transform: uppercase;
    transition: all .5s;
    -webkit-text-stroke: .5px var(--dark-brown);
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: var(--dark-brown);
    color: var(--light-brown);
    -webkit-text-stroke: .5px var(--light-brown);
}

.uk-nav-offcanvas > .uk-open > a, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: var(--dark-brown);
    color: var(--light-brown);
    opacity: .7;
    -webkit-text-stroke: .5px var(--light-brown);    
}

#offcanvas .uk-nav {
    margin-top: 75px;
}

.my-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.uk-close,
.uk-close:hover, 
.uk-close:focus{
    opacity: 1;
}

.uk-close {
    width: 50px;
    height: 50px;
}

.uk-close:after {
  display: block;
  content: "";
  width: 30px;
  height: 1px;
  background: var(--dark-brown);
  transform: rotate(45deg);
  position: relative;
  right: -10px;
    transition: all .5s;
    top: 25px;
}

.uk-close:before {
    display: block;
    content: "";
    width: 30px;
    height: 1px;
    background: var(--dark-brown);
    transform: rotate(-45deg);
    position: relative;
    right: -10px;
    transition: all .5s;
    top: 25px;
}

.uk-close:hover:after,
.uk-close:hover:before{
    transform: rotate(0deg);
}

/* Offcanvas fine */

:root{
	--white: #fff;
	--light-brown: #b59d80;
	--brown: #a0886d;
    --dark-brown: #615343;
}

h1,
.h1{
	font-family: 'Botanica';
	color: var(--brown);
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	margin: 0;
}


h2,
.h2{
	font-family: "Lato", sans-serif;
	color: var(--brown);
	font-weight: 400;
	font-size: 23px;
	line-height: 35px;
	letter-spacing: 0.05em;
	margin: 0;
}

h3,
.h3{
	font-family: 'Big Caslon';
	color: var(--brown);
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	letter-spacing: 0.05em;
	margin: 0;
}

body{
	font-family: "Lato", sans-serif;
	color: var(--brown);
	font-weight: 200;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-weight: 300;
}

.tit-slider {
    position: absolute;
    bottom: 150px;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
}

.tit-slider h1 {
    color: var(--white);
    font-size: 150px;
    line-height: 120px;
}

.tit-slider h3 {
    color: var(--white);
    font-size: 30px;
    line-height: 30px;
}

.scroll {
    position: relative;
}

.scroll:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    height: 60px;
    width: 1px;
    background: var(--white);
}

.scroll:before {
    content: "";
    position: absolute;
    left: -4px;
    right: 0;
    top: 30px;
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 5px;
    animation: roll 4s linear infinite both;
}

@keyframes roll{
    50%{
        top: 90px;
    }
}

.prenota {
    position: absolute;
    top: 65px;
    right: 55px;
    width: fit-content;
}

.prenota a,
.bt a {
    color: var(--white);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.15em;
    position: relative;
    z-index: 1;
    transition: all .5s;
    padding: 10px;
}

.prenota a:hover,
.bt a:hover{
	color: var(--brown);
	text-decoration: none;
}

.prenota a:after,
.bt a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--white);
    bottom: -5px;
    left: 0;
    transition: all .5s;
    z-index: -1;
}

.prenota a:hover:after,
.bt a:hover:after{
	height: 45px;
}

.prenota a.mail {
    text-transform: none;
    font-style: italic;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    line-height: 18px;
    margin: -5px 0 0 20px;
    border: 1px solid var(--white);
    transition: all .5s;
}

.prenota a.mail:hover{
    border-radius: 20px;
    color: var(--white);
}

.prenota a.mail:after{
    content: "";
    display: none;
}


.intro{
	padding: 5%;
	background: linear-gradient(0deg, rgba(181,157,128,0) 14%, rgba(181,157,128,1) 14%, rgba(181,157,128,1) 100%);
}

.intro h2{
	color: var(--white);
	text-align: center;
	padding: 0 10%;
}

.grid-apt {
    margin-top: 5%;
}

.txt-intro {
    padding: 40px 40px 50px 20px;
    text-align: right;
    width: 80%;
    margin-left: auto;
    margin-right: -25%;
    background: var(--light-brown);
    color: var(--white);
    position: relative;
    z-index: 3;
    margin-top: 20px;
}

.txt-intro h1 {
    color: var(--white);
}

.txt-intro h1 span {
    font-size: 80px;
    letter-spacing: 0;
    line-height: 96ox;
}

.wood{
	position: relative;
}

.wood:after {
    content: url(../images/wood.jpg);
    right: calc(10% - 50px);
    width: auto;
    height: 250px;
    position: absolute;
    top: 5%;
    z-index: 1;
}

.foto-apt {
    background: url(../images/apt-detail.jpg);
    height: 580px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.plus {
    text-align: center;
}

.txt-plus {
    padding: 5% 15% 50px;
}

ul.lista-plus {
    padding: 5% 0;
    list-style: none;
    padding-left: 0;
}

.lista-plus li {
    display: inline-block;
    padding: 30px;
}

.lista-plus li img {
    width: 50px;
}

.lista-plus h2 span {
    font-family: 'Lato';
    font-size: 14px;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.15em;
}

.block{
	display: block;
}

.experience {
    background: var(--brown);
    color: var(--white);
    padding: 5% 20%;
}

.experience h1, 
.experience h3 {
    color: var(--white);
}

.grid-family,
.grid-exp {
    padding: 5% 0;
}

.txt-fam{
    padding: 50px 50px 20px;
    text-align: left;
}

.txt-exp {
    padding: 50px 50px 20px;
    text-align: right;
}

.foto-fam,
.foto-exp{
	width: 100%;
	height: 400px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.foto-fam-estate{
	background: url(../images/det-fam-estate.jpg);
	margin-left: -70px;
}

.foto-fam-inverno{
	background: url(../images/det-fam-inverno.jpg);
	margin-left: -70px;
}

.foto-exp-estate{
	background: url(../images/det-exp-estate.jpg);
	margin-left: 70px;
}

.foto-exp-inverno{
	background: url(../images/det-exp-inverno.jpg);
	margin-left: 70px;
}

.dolomiti{
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), url(../images/dolomiti-estate.jpg);
	width: 100%;
	height: 80vh;
	display: block;
	position: relative;
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dolomiti-inverno{
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), url(../images/dolomiti-inverno.jpg);
}

.txt-dolomiti{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 60%;
	padding: 50px;
	color: var(--white);
	text-align: center;
	margin: 0 auto ;
}

.txt-dolomiti .h1,
.txt-dolomiti .h2{
	color: var(--white);
}

.txt-dolomiti .h1{
	font-size: 80px;
	line-height: 96px;
}

.txt-dolomiti .h2{
	margin-bottom: 40px;
}

.layout-experience, .layout-experience .omni-media {
    position: relative;
}

.layout-experience .omni-media:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

.layout-experience .omni-media img{
    width: 100%;
}

.txt-layout-experience {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px;
}

.txt-layout-experience h3.omni-title {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 25px;
    width: 60%;
}

/* Footer inizio */

.footer-img{
    height: 580px;
    position: relative;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    z-index: 2;
}

.footer-img-estate{
    background: url(../images/pigna-estate.jpg);
}

.footer-img-inverno{
    background: url(../images/pigna-inverno.jpg);
}

.tm-footer .wood:after {
    content: url(../images/wood.jpg);
    right: auto;
    left: calc(30% - 50px);
    width: auto;
    height: 250px;
    position: absolute;
    top: 5%;
    z-index: 1;
}

.tm-footer{
    padding: 5%;
    text-align: left;
}

.tm-footer ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.tm-footer li {
    display: inline-block;
    padding-right: 10px;
}

.tm-footer h1{
    margin-top: 50px;
}

.tm-footer a{
    color: var(--brown);
    font-weight: 600;
    text-decoration: underline;
    transition:  all .5s;
}

.tm-footer a:hover{
    text-decoration: none;
}

.tm-footer li a i{
    font-size: 35px;
}

.tm-footer h3{
    font-size: 25px;
    line-height: 30px;
}

/* Footer fine */

.uk-slidenav-position .uk-slidenav {
    display: block;
    position: absolute;
    top: auto;
    z-index: 1;
    margin-top: 0;
    bottom: -50px;
    left: 0px;
}

.grid-experience .uk-slidenav-position .uk-slidenav{
    left: auto;
    right: 0;
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 0px;
}

.uk-slidenav-position .uk-slidenav-next {
    left: 90px;
}

.grid-experience .uk-slidenav-position .uk-slidenav-previous {
    right: 110px;
    left: auto;
}

.grid-experience .uk-slidenav-position .uk-slidenav-next {
    right: 20px;
    left: auto;
}

.uk-slidenav-previous:before{
    content: url(../images/arrow.svg);
    width: 80px;
    display: block;
}

.uk-slidenav-next:before{
    content: url(../images/arrow.svg);
    width: 80px;
    display: block;
    transform: scaleX(-1);
}

/* Slider vuoto inizio */

.slider-vuoto {
    width: 100%;
    height: 230px;
    background: var(--dark-brown);
}

/* Slider vuoto fine */

/* Strutture inizio */

.movie-strutture-frontpage ul{
    list-style: none;
    padding-left: 0;
}

.desc {
    padding: 5% 15%;
    text-align: center;
}

.desc .mod-faq {
    text-align: left;
}

.desc .mod-faq ul {
    list-style: disc !important;
    margin-left: 25px;
}

.desc h1 {
    text-align: center;
}

span.apt-tit {
    color: var(--white);
    text-transform: uppercase;
}

.txt-strutture-teaser ul {
    margin-bottom: 0;
    padding: 30px;
}

.txt-strutture-teaser li{
    color: var(--white);
    text-align: right;
    margin: 0 10px;
    display: inline-block;
}

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

.strutture-teaser{
    margin-bottom: 25px;
}

.strutture-teaser .omni-media:after{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
}

.txt-strutture-teaser{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.tit-teaser{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    z-index: 1;
    color: var(--white);
}

.tit-teaser h1{
    color: var(--white);
}

a:hover .strutture-teaser {
    opacity: .7;
}

a .strutture-teaser {
    transition: all .5s;
}

.strutture-teaser .omni-metri,
.strutture-teaser .omni-persone,
.strutture-full .omni-metri,
.strutture-full .omni-persone{
    position: relative;
}

.strutture-teaser .omni-persone,
.strutture-full .omni-persone {
    margin-left: 50px;
}

.strutture-teaser .omni-metri:after{
    content: url(../images/metri.svg);
    width: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    display: block;
}

.strutture-teaser .omni-persone:after{
    content: url(../images/persone.svg);
    width: 40px;
    position: absolute;
    left: -45px;
    top: -5px;
    display: block;
}

.strutture-full .omni-metri:after{
    content: url(../images/metri-brown.svg);
    width: 30px;
    position: absolute;
    left: -40px;
    top: 0;
    display: block;
}

.strutture-full .omni-persone:after{
    content: url(../images/persone-brown.svg);
    width: 40px;
    position: absolute;
    left: -45px;
    top: -5px;
    display: block;
}


.strutture-full{
    padding: 5% 10%;
}

.strutture-full .pos-dettaglio {
    margin: 0 -100px 0 100px;
}

.strutture-full .pos-description {
    margin: 200px 15% 50px;
    text-align: center;
}

.strutture-full .pos-specification{
    margin-top:40px;
}

.strutture-full .apt-tit {
    color: var(--dark-brown);
    font-size: 15px;
    text-align: right;
}

.planimetria {
    background: var(--dark-brown);
    width: fit-content;
    margin: 40px auto 20px;
    display: block;
    transition: all .5s;
    border: 1px solid var(--dark-brown);
}

.planimetria:hover{
    background: var(--white);
}

.planimetria a {
    color: var(--white);
    font-family: 'Botanica';
    text-transform: uppercase;
    font-size: 17px;
    line-height: 22px;
    transition: all .5s;
    padding: 10px;
    display: block
}

.planimetria a:hover {
    text-decoration: none;
}

.planimetria:hover a{
    color: var(--dark-brown);
}

.txt-full-sx {
    text-align: right;
    margin: 40px 60px 40px auto;
    width: fit-content;
}

.det-full {
    list-style: none;
    padding-left: 0;
}

.det-full li{
    display: inline-block;
}

.ico-tree {
    position: relative;
    margin: 50px auto;
    text-align: center;
    width: auto;
    display: block;
}

.ico-tree:after{
    content: url(../images/tree.svg);
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

a.major {
    padding: 15px;
    display: block;
    width: fit-content;
    margin: 0 0 10px auto;
    background: var(--brown);
    text-transform: uppercase;
    font-size: 15px;
    color: var(--white);
    font-weight: 600;
    border: 1px solid var(--brown);
    transition: all .5s;
}

a:hover.major {
    color: var(--brown);
    background: var(--white);
    text-decoration: none;
}

.bt_b a.link-form,
.info a {
    color: var(--brown);
    font-weight: 600;
    text-decoration: underline;
    transition: all .5s;
}

.bt_b a.link-form:hover,
.info a:hover {
    text-decoration: none;
}

.strutture-full .uk-slidenav-position .uk-slidenav {
    bottom: 50%;
}

.strutture-full .uk-slidenav-position .uk-slidenav-next {
    left: auto;
    right: 20px;
}

.strutture-full .uk-accordion-title {
    font-family: 'Botanica';
    text-transform: uppercase;
    padding: 15px;
    font-size: 25px;
    line-height: 25px;
    position: relative;
    background: var(--light-brown);
    color: var(--dark-brown);
}
.uk-accordion-title{
    margin-top: 0;
    margin-bottom: 10px;
    padding: 15px 20px;
    background: #eeeeee;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    cursor: pointer;
    font-family: 'Lato';
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.uk-accordion span{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.strutture-full .uk-accordion-title:after {
    content: "";
    background: var(--dark-brown);
    width: 30px;
    height: 1px;
    position: absolute;
    right: 30px;
    top: 25px;
    transition: all .5s;
}

.strutture-full .uk-accordion-title:before {
    content: "";
    background: var(--dark-brown);
    width: 1px;
    height: 30px;
    position: absolute;
    right: 45px;
    top: 10px;
    transition: all .5s;
}

.strutture-full .uk-accordion-title:hover:before,
.strutture-full .uk-accordion-title.uk-active:before{
    transform: rotate(90deg);
}

.strutture-full .pos-summary {
    column-count: 3;
}

.strutture-full .pos-summary li {
    padding: 5px 0px 10px 40px;
    position: relative;
}

.strutture-full .pos-summary li:after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 1px;
    background: var(--brown);
    bottom: 23px;
    left: 0;
}

.strutture-full .uk-accordion-content.uk-active{
    margin-top: -20px;
    border: 1px solid var(--brown);
    padding: 20px;
}



/* Strutture fine */

/* Form inizio */

.form {
    background: var(--light-brown);
    padding: 5% 10%;
    text-align: center;
}

textarea#messaggio {
    height: 91px;
}

::placeholder {
    color: var(--dark-brown) !important;
    font-size: 16px !important;
    line-height: 20px;
}

.rsform-block-accetto-privace, .rsform-block-newsletter-3 {
    text-align: left;
    font-size: 14px;
    line-height: 10px;
    font-family: 'Botanica';
}

.rsform-block-invia {
    width: fit-content;
    margin: 30px auto;
}

.uk-button-primary {
  background-color: transparent;
  color: var(--dark-brown) !important;
  text-transform: uppercase;
  font-family: 'Botanica' !important;
  border: 1px solid var(--dark-brown);
  font-size: 19px !important;
  transition: all .5s;
  padding: 15px 30px;
}

.uk-button-primary:hover,
.uk-button-primary:focus,
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: var(--dark-brown) !important;
  color: var(--light-brown) !important;
}

.form a {
    color: var(--dark-brown);
}

.form h1,
.form h2{
    color: var(--dark-brown);
}

.prenotazione{
    margin-top: 50px;
}

/* Form fine */

/* Experience inizio */

.exp_frontpage h3.omni-title {
    color: var(--white);
    font-family: 'Botanica';
}

.exp_frontpage .zx.zoo-itempro-grid{
    margin: 0 10%;
}

/* Experience fine */

/* Info & Contatti inizio */

.txt-map {
    padding: 50px;
    display: block;
}

#yoo-zoo .item .element-textarea > *{
    margin: 0;
}

/* Info & Contatti fine */

/* Territorio inizio */

.movie-territorio-frontpage ul{
    list-style: none;
    padding-left: 0;
}

.movie-territorio-frontpage .items .uk-width-medium-1-1:nth-child(even) .territorio-teaser .txt-territorio-teaser{
    order: -1;
    text-align: right;
}

.territorio-teaser {
    padding-bottom: 5%;
}

.movie-territorio-frontpage {
    padding: 0 5%;
}

/* Territorio fine */

/* Offerte inizio */

.offerte-teaser,
.offerte-teaser .omni-media{
    position: relative;
}

.offerte-teaser .omni-media:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

.txt-offerte-teaser{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    display: block;
}

.txt-offerte-teaser h3.omni-title {
    color: var(--white);
    font-size: 25px;
    line-height: 30px;
}

.movie-offerte-frontpage .items {
    padding: 0 5% 5%;
}

.txt-offerte-teaser .omni-data {
    color: var(--white);
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
}

.txt-offerte-teaser .pos-price {
    color: var(--white);
    font-size: 20px;
    margin-top: 10px;
}

.txt-offerte-teaser .pos-price .price-from {
    display: block;
    font-size: 11px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 20px;
}

.offerte-full .omni-data {
    margin: 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.offerte-full .omni-price {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid;
    width: fit-content;
}

.offerte-full .omni-price span.price-from {
    font-size: 13px;
    font-weight: 300;
    display: block;
    line-height: 20px;
}
.omni-min{
    margin: 20px 0;
}
.omni-min .prefix{
    color: var(--brown);
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin-top: 0px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

/* Offerte fine */

.ai-chat-widget .chat-button {
    display: flex;
    position: fixed;
    visibility: visible;
    width: 65px !important;
    height: 65px !important;
    border-radius: 90px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: all .2s ease-in-out;
    bottom: 30px !important;
    margin: 0px -4px;
    top: auto !important;
    z-index: 2147483647 !important;
}

.ai-chat-widget .zona-nuvoletta{
    bottom: 110px !important;
}

a.link-fum{
    color: var(--brown);
    font-weight: 600;
    text-decoration: underline;
    transition: all .5s;
}

a:hover.link-fum{
    text-decoration: none;
}

/* FAQ inizio */


ul.omni-frontpage,
ul.zoo-itempro-default.zoo-default,
.movie-faq-frontpage .uk-accordion-content ul {
    list-style: none;
    padding-left: 0;
}

.mod-faq {
    margin: 30px 0px 0;
}

.mod-faq h2 {
    margin-bottom: 10px;
}

.uk-nav-offcanvas ul a {
    color: var(--dark-brown);
}

.uk-nav-offcanvas ul a:hover {
    color: var(--dark-brown) !important;
    opacity: 0.5;
    transition: 0.5s;
}

/* FAQ fine */

/*#filter.uk-subnav {
	display: block;
	margin-bottom: 80px;
	text-align:center;
}

#filter.uk-subnav > * {
	float: none;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	padding-left: 0;
}

#filter.uk-subnav > li:first-child > a{
	border: 2px solid #46626F;
	background: #46626F;
}

#filter.uk-subnav > li:first-child > a span{
	font-size: 17px;
	color: #fff;
	font-family: 'Sulphur Point';
    font-weight: 800;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
}*/

#filter.uk-subnav {
	display: block;
	margin-bottom: 80px;
    margin-top: 40px;
	text-align:center;
}

#filter.uk-subnav > * {
	float: none;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	padding-left: 0;
}

#filter.uk-subnav > li:first-child a:after{
	content:url(../images/check-b.svg); 
}

/*
#filter.uk-subnav > li > a{
	border-radius:50%;
}
*/

#filter.uk-subnav > li > a:before{
	height:100px;
	width:100px;
	display:block;
	margin:0 auto;
	content:"";
}

#filter.uk-subnav a:after{
	content: url(../images/check.svg);
	width: 7px;
	display: inline-block;
	position: absolute;
	bottom: -36px;
	transition: all .5s;
	opacity:0;
}

#filter.uk-subnav a:hover:after,
#filter.uk-subnav > li.uk-active > a:after{
	transition: all .5s;
	opacity:1;
	bottom: -26px;
}

#filter.uk-subnav > li:first-child > a{
	border: 2px solid var(--dark-brown);
	background: var(--dark-brown);
}

#filter.uk-subnav > li:first-child > a span{
	font-size: 20px;
	color: #fff;
	font-family: 'Botanica';
    font-weight: 800;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
}

#filter.uk-subnav > li:nth-child(2) > a,
#filter.uk-subnav > li:nth-child(2).uk-active > a{
	border: 2px solid var(--light-brown);
	background: var(--light-brown);
}

#filter.uk-subnav > li:nth-child(2) > a:before {
	background: url(../images/summer.svg) no-repeat center center;
	background-size: 45px;
}

#filter.uk-subnav > li:last-child > a{
	border:1px solid var(--light-brown);
	background: var(--light-brown);
}

#filter.uk-subnav > li:last-child > a:before {
	background: url(../images/winter.svg) no-repeat center center;
	background-size: 40px;
}

/* -- */

.marg-m {
    margin-bottom: 5% !important;
}

.box-ip {
    background: #f5f5f5;
    padding: 30px;
    margin-bottom: 30px;
}

.box-ip a,
.link-s {
    color: var(--dark-brown);
    font-weight: 600;
    text-decoration: underline;
    transition: all .5s;
}

.box-ip a:hover,
.link-s:hover {
    text-decoration: none;
}

.grid-fc{
    font-size: 0.9em;
}

.uk-nav-sub li a {
    font-size: 0.8em;
}

p.ip-tit {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
}

.ital{
    font-style: italic;
    font-size: 0.9em;
}

.grid-fc a .img-w {
    transition: all .5s;
    transform-origin: left;
    display: inline-block;
}

.grid-fc a:hover .img-w {
    width: 0;
}

.grid-fc a {
    height: 40px;
    display: block;
}

/* MEDIA QUERY */

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

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

.tit-slider{
    padding: 0 5%;
}

.txt-intro,
.txt-dolomiti{
    width: auto;
}

.intro {
    background: var(--light-brown);
}

.txt-intro{
    margin-top: 30px;
}

.wood:after{
    right: calc(10% - 100px);
}

.experience{
    padding: 5%;
}

.tm-footer .wood:after{
    left: calc(15% - 110px);
    top: -10px;
}

}

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

.tit-slider{
    padding: 0 5%;
}

.txt-intro,
.txt-dolomiti{
    width: auto;
}

.intro {
    background: var(--light-brown);
}

.txt-intro{
    margin-top: 30px;
}

.wood:after{
    right: calc(10% - 100px);
}

.experience{
    padding: 5%;
}

.tm-footer .wood:after{
    left: calc(15% - 110px);
    top: -10px;
}

.lista-plus h2{
    font-size: 18px;
    line-height: 30px;
}

.lista-plus h2 span{
    font-size: 12px;

}

.lista-plus li img {
    width: 30px;
}

.lista-plus li {
    padding: 20px;
}

.ai-chat-widget .chat-button-mobile {
    display: flex;
    position: fixed;
    visibility: visible;
    width: 65px !important;
    height: 65px !important;
    border-radius: 90px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: all .2s ease-in-out;
    bottom: 90px !important;
    margin: 0px -4px;
}

.ai-chat-widget .zona-nuvoletta {
    bottom: 160px !important;
    margin: 10px 0 !important;
}

}

@media(max-width:767px) {
	#scrollToTop {
		display: block;
	}

	.uk-touch .uk-hidden-touch,
	.uk-notouch .uk-hidden-notouch {
		display: block !important;
	}

    .tm-logo {
    width: 170px;
}

h1, 
.h1 {
    font-size: 40px;
    line-height: 60px;
}

body{
    margin-bottom: 60px;
    overflow: hidden;
}

.prenota {
    top: 4%;
    right: 25px;
}

.prenota a, 
.bt a{
    font-size: 12px;
    padding: 5px;
    font-weight: 400;
}

.sw-season {
    top: auto;
    left: 25px;
    bottom: 80px;
    display: none;
}

.uk-navbar-toggle{
    left: 20px;
    top: 5%;
}

.n2-ss-slider[data-responsive=fullpage]{
    min-height: auto !important;
    height: 90vh !important;
}

.tit-slider h1 {
    color: var(--white);
    font-size: 5em;
    line-height: 90px;
}

.tit-slider h3 {
    font-size: 1.1em;
    line-height: 27px;
}

.intro h2 {
    color: var(--white);
    text-align: center;
    padding: 0;
    font-size: 18px;
}

.foto-intro,
.exp-sx {
    order: -1;
}

.foto-apt {
    height: 450px;
    background-size: cover;
}

.wood:after {
    right: calc(50% - 50px);
    top: 15%;
}

.txt-intro {
    padding: 20px;
    text-align: left;
    width: auto;
    margin-left: auto;
    margin-right: 0;
    background: var(--light-brown);
    color: var(--white);
    position: relative;
    z-index: 3;
    margin-top: 20px;
}

.txt-plus,
.experience {
    padding: 5%;
}

ul.lista-plus{
    padding: 0 0 40px 0;
}

.lista-plus li {
    padding: 20px;
}

.lista-plus li img {
    width: 30px;
}

.txt-fam,
.txt-exp {
    padding: 70px 0 0;
}

.foto-fam,
.foto-exp{
    width: auto;
    height: 300px;
}

.foto-fam-estate,
.foto-fam-inverno,
.foto-exp-estate,
.foto-exp-inverno{
    margin: 0;
}

.txt-dolomiti{
    padding: 50px 20px;
    width: auto;
}

.txt-dolomiti .h1 {
    font-size: 40px;
    line-height: 56px;
}

.txt-dolomiti .h2{
    font-size: 18px;
}

.tm-footer .wood:after{
    top: 0;
    left: -100px;
}

.barra-fixed .uk-navbar-toggle,
.barra-fixed .sw-season,
.barra-fixed .prenota,
.barra-fixed .tm-logo{
    display: none;
}

.barra-fixed{
    background: transparent;
}

.strutture-full .pos-dettaglio{
    display: none;
}

.strutture-full .pos-description {
    margin: 200px 0 50px;
}

.strutture-full .uk-accordion-title{
    font-size: 19px;
}

.strutture-full .pos-summary {
    column-count: 1;
}

.txt-full-sx{
    margin: 40px auto;
}

.slider-vuoto{
    height: 180px;
}

.experience-full,
.desc {
    padding: 5%;
}

.experience-full h1.omni-title {
    margin-top: 5%;
}

.experience-full .omni-subtitle {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.movie-territorio-frontpage .items .uk-width-medium-1-1:nth-child(even) .territorio-teaser .txt-territorio-teaser {
    order: 99;
    text-align: right;
}

.txt-territorio-teaser {
    margin-top: 5%;
}

.lingua {
    position: absolute;
    top: 20px;
    right: 7px;
    z-index: 1;
    width: 70px;
}

.prenota{
    display: none;
}

.offerte-teaser {
    margin-bottom: 15px;
}

.ai-chat-widget .chat-button-mobile {
    display: flex;
    position: fixed;
    visibility: visible;
    width: 65px !important;
    height: 65px !important;
    border-radius: 90px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: all .2s ease-in-out;
    bottom: 90px !important;
    margin: 0px -4px;
}

.ai-chat-widget .zona-nuvoletta {
    bottom: 160px !important;
    margin: 10px 0 !important;
}
#filter.uk-subnav {
	display: inline-flex;

}

}