/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@font-face {
    font-family: 'Bodoni Moda 18pt';
    src: url('../font/BodoniModa18pt-Medium.woff2') format('woff2'),
        url('../font/BodoniModa18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'd-dindin-bold';
    src: url('../font/d-din-bold-webfont.woff2') format('woff2'),
         url('../font/d-din-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'd-dindin-italic';
    src: url('../font/d-din-italic-webfont.woff2') format('woff2'),
         url('../font/d-din-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'd-dinregular';
    src: url('../font/d-din-webfont.woff2') format('woff2'),
         url('../font/d-din-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

:root{
    --dark-grey: #736e6a;
    --grey: #dddcdb;
    --white: #fff;
    --brown: #4c4640;
    --gold: #a78349;
    --green: #25d166;
}

h1,
.h1{
    font-family: 'Bodoni Moda 18pt';
    color: var(--dark-grey);
    font-size: 40px;
    line-height: 60px;
    text-transform: uppercase;
    margin: 0;
}

h2,
.h2{
     font-family: 'd-dindin-bold';
    font-weight: 500;
    font-size: 17px;
    color: var(--grey);
    line-height: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 0;
}

h3,
.h3{
    font-family: 'My Font';
    font-size: 78px;
    line-height: 80px;
    color: var(--dark-grey);
}

body{
    font-family: 'd-dinregular';
    font-size: 20px;
    line-height: 30px;
    color: var(--dark-grey);
    font-weight: normal;
}

body strong{
    font-family: 'd-dindin-bold';
}

em{
    color: var(--dark-grey);
}

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

::placeholder {
    display: block;
    color: var(--dark-grey);
    font-size: 15px;
    line-height: 20px;
}

/* override stili form -- fine */


/* barra mobi -- inizio */

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

.barra-mobi a {
    font-size: 14px;
    text-transform: lowercase;
    padding: 10px;
    display: block;
    height: 55px;
    font-family: 'Bodoni Moda 18pt';
    line-height: 15px;
}

.barra-mobi a i {
    display: block;
    font-size: 20px;
    pointer-events: none;
    margin-bottom: 5px;
}

.barra-mobi a.wa {
    background: var(--green);
    color: #fff;
}

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

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

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

#scrollToTop:hover {
    background: #fff;
}

.block{
    display: block;
}



/* barra mobi -- fine */



/* Form inizio */

textarea#messaggio {
    height: 90px;
}

::placeholder {
    color: var(--brown) !important;
    font-size: 15px;
}

select#adulti,
select#bambini_3{
    font-size: 15px;
}

.rsform-block-accetto-privace {
    text-align: left;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: -5px;
    margin-top: 13px !important;
}

.rsform-block-accetto-privace a{
    color: var(--brown);
    text-decoration: underline;
    transition: all .5s;
}

.rsform-block-accetto-privace a:hover{
    text-decoration: none;
}

.rsform-block-newsletter-3 {
    font-size: 15px;
    line-height: 15px;
}

.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"]{
    font-family: 'Open Sans';
    font-size: 15px !important;
    padding: 5px !important;
    line-height: 15px
}

.rsform-submit-button {
    width: fit-content !important;
}

.uk-button-primary {
    background-color: transparent;
    color: var(--gold) !important;
    padding: 10px 20px;
    border: 1px solid var(--gold);
    font-size: 20px !important;
    line-height: 40px !important;
    font-family: 'Bodoni Moda 18pt' !important;
    transition: all .5s;
}

.uk-button-primary:hover,
.uk-button-primary:focus{
    background-color: var(--gold);
    color: var(--white) !important;
}


/* Form fine */

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

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

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

.cl-home .tm-logo {
    float: none;
   position: absolute;
   top: 50px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   z-index: 1;
   width: fit-content;
}

.tm-logo {
    float: none;
   position: absolute;
   top: 20px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   z-index: 1;
   width: 200px;
}

.cl-home .uk-navbar {
    position: absolute;
    z-index: 1;
    left: 50px;
    top: 90px;
    display: block;
    background: transparent;
    border: 1px solid var(--gold);
}

.cl-home .uk-navbar-toggle{
    width: 80px;
    height: 80px;
    padding: 10px;
   font-size: 16px;
   color: var(--white);
   text-decoration: none;
   text-transform: uppercase;
   line-height: 25px;
   letter-spacing: 0.075em;
   text-align: center;
   position: relative;
   display: block;
}

.cl-home .uk-navbar-toggle:after {
    content: "";
    background: var(--gold);
    width: 70%;
    height: 1px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.cl-home .uk-navbar-toggle:before {
    content: "";
    background: var(--gold);
    width: 70%;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.cl-home .uk-navbar-toggle span.men-off {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 30%;
    transition: all .5s;
    transform: scale(1.0);
}

.cl-home .uk-navbar-toggle:hover span.men-off{
    transform: scale(0.8);
    color: var(--white);
}

.cl-home .uk-navbar-toggle span.lv {
    position: relative;
    width: 80px;
    height: 80px;
    display: block;
    left: -10px;
    top: -10px;
}

.cl-home .uk-navbar-toggle span.lv:after {
   content: "";
   background: var(--gold);
   width: 1px;
   height: 0%;
   position: absolute;
   display: block;
   left: 11px;
   top: 10px;
   transition: all .5s;
}

.cl-home .uk-navbar-toggle:hover span.lv:after{
    height: 75%;
}

.cl-home .uk-navbar-toggle span.lv:before {
   content: "";
   background: var(--gold);
   width: 1px;
   height: 0%;
   position: absolute;
   display: block;
   right: 11px;
   bottom: 10px;
   transition: all .5s;
}

.cl-home .uk-navbar-toggle:hover span.lv:before{
    height: 75%;
}

.uk-navbar {
    position: absolute;
    z-index: 1;
    left: 50px;
    top: 50px;
    display: block;
    background: transparent;
    border: 1px solid var(--white);
}

.uk-navbar-toggle{
    width: 60px;
    height: 60px;
    padding: 10px;
    font-size: 12px;
    color: var(--white);
    text-decoration: none;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: 0.075em;
    text-align: center;
    position: relative;
    display: block;
}

.uk-navbar-toggle:after {
    content: "";
    background: var(--white);
    width: 70%;
    height: 1px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.uk-navbar-toggle:before {
    content: "";
    background: var(--white);
    width: 70%;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.uk-navbar-toggle span.men-off {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 30%;
    transition: all .5s;
    transform: scale(1.0);
}

.uk-navbar-toggle:hover span.men-off{
    transform: scale(0.8);
    color: var(--white);
}

.uk-navbar-toggle span.lv {
    position: relative;
    width: 60px;
    height: 60px;
    display: block;
    left: -10px;
    top: -10px;
}

.uk-navbar-toggle span.lv:after {
   content: "";
   background: var(--white);
   width: 1px;
   height: 0%;
   position: absolute;
   display: block;
   left: 9px;
   top: 10px;
   transition: all .5s;
}

.uk-navbar-toggle:hover span.lv:after{
    height: 67%;
}

.uk-navbar-toggle span.lv:before {
   content: "";
   background: var(--white);
   width: 1px;
   height: 0%;
   position: absolute;
   display: block;
   right: 9px;
   bottom: 10px;
   transition: all .5s;
}

.uk-navbar-toggle:hover span.lv:before{
    height: 67%;
}

/* Offcanvas inizio */

.menu a {
    display: block;
}

ul.menu {
    padding-left: 10px;
}

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

.uk-offcanvas .uk-panel a:not([class]) {
    color: var(--gold);
    font-family: 'Bodoni Moda 18pt';
    font-size: 20px;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
    transition: all .5s;
    width: fit-content;
    z-index: 1;
}

.uk-offcanvas .uk-panel a:not([class]):after{
    content: "";
    position: absolute;
    display: block;
    left: -10px;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--gold);
    transform-origin: left;
    transition: all .5s;
    z-index: -1;
}

.uk-offcanvas .uk-panel a:not([class]):before{
    content: "";
    position: absolute;
    display: block;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 1px;
    background: var(--gold);
    transform-origin: left;
    transition: all .5s;
    z-index: -1;
    transform: translateY(17px);
}

.uk-offcanvas .uk-panel a:not([class]):hover:before{
    width: 30px;
}


.uk-offcanvas .uk-panel a:not([class]):hover {
    text-decoration: none;
    padding-left: 30px;
    color: var(--gold);
}

.menu li.active a {
    padding-left: 30px;
}

.menu li.active a:before{
    width: 30px !important;
}

.menu {
    margin-top: 100px;
}

.my-close {
    position: absolute;
    right: 10px;
    text-align: center;
    top: 20px;
    height: 70px;
    width: 70px;
    z-index: 1;
    display: block;
}

.my-close a {
    width: 50px;
    height: 50px;
    opacity: 1;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
    padding: 10px;
    border: 1px solid var(--gold);
    background: var(--gold);
    color: var(--white);
    position: absolute;
    right: 0;
}

.my-close a span.close-off {
    font-size: 0;
    position: relative;
    left: 0;
    right: 0;
    top: 30px;
    transition: all .5s;
}

.my-close a:hover span.close-off{
    font-size: 15px;
    top: 50px;
    color: var(--white);
}

.uk-close:after {
  display: block;
  content: "";
  background: var(--white);
  height: 30px;
  width: 1px;
  transform: scale(1.0) rotate(45deg);
  left: 0;
  right: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  top: 20px;
  transform-origin: center;
}

.uk-close:hover:after{
    transform: scale(0.8) rotate(45deg);
}

.uk-close:before {
  display: block;
  content: "";
  background: var(--white);
  height: 30px;
  width: 1px;
  transform: scale(1.0) rotate(-45deg);
  left: 0;
  right: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  top: 20px;
  transform-origin: center;
}

.uk-close:hover:before {
    transform: scale(0.8) rotate(-45deg);
}

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

/* Offcanvas fine */

.cl-home .contatti {
    position: absolute;
    z-index: 1;
    width: fit-content;
    right: 50px;
    top: 100px;
    text-align: right;
}

.cl-home .contatti li {
    padding: 10px 0 0;
}

.cl-home .contatti li a {
   color: var(--white);
   text-transform: uppercase;
   line-height: 40px;
   font-size: 16px;
   letter-spacing: 0.075em;
   z-index: 1;
   position: relative;
   display: block;
}

.cl-home .contatti li a:hover{
    text-decoration: none;
    color: var(--white);
}

.cl-home .contatti li a i {
   color: var(--gold);
   font-size: 20px;
}

.cl-home .contatti li.cont_1,
.cl-home .contatti li.cont_2 {
    position: relative;
}

.cl-home .contatti li.cont_1 a i,
.cl-home .contatti li.cont_2 a i{
    transition: all .5s;
}

.cl-home .contatti li.cont_1:hover a i,
.cl-home .contatti li.cont_2:hover a i{
    color: var(--white);
}

.cl-home .contatti li.cont_1:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: -2px;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2%;
    background: var(--gold);
    transition: all .5s;
    z-index: -1;
}

.cl-home .contatti li.cont_2:after{
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2%;
    background: var(--gold);
    transition: all .5s;
    z-index: -1;
}

.cl-home .contatti li.cont_1:hover:after,
.cl-home .contatti li.cont_2:hover:after{
    height: 100%;
}

.contatti {
    position: absolute;
    z-index: 1;
    width: fit-content;
    right: 50px;
    top: 30px;
    text-align: right;
}

.contatti li {
    padding: 10px 0 0;
}

.contatti li a {
   color: var(--white);
   text-transform: uppercase;
   line-height: 40px;
   font-size: 16px;
   letter-spacing: 0.075em;
   z-index: 1;
   position: relative;
   display: block;
   padding: 0 10px;
}

.contatti li a:hover{
    text-decoration: none;
    color: var(--gold);
}

.contatti li a i {
   color: var(--white);
   font-size: 20px;
}

.contatti li.cont_1,
.contatti li.cont_2 {
    position: relative;
}

.contatti li.cont_1 a i,
.contatti li.cont_2 a i{
    transition: all .5s;
}

.contatti li.cont_1:hover a i,
.contatti li.cont_2:hover a i{
    color: var(--gold);
}

.contatti li.cont_1:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: -2px;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2%;
    background: var(--white);
    transition: all .5s;
    z-index: -1;
}

.contatti li.cont_2:after{
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2%;
    background: var(--white);
    transition: all .5s;
    z-index: -1;
}

.contatti li.cont_1:hover:after,
.contatti li.cont_2:hover:after{
    height: 100%;
}

.imp {
    width: 50%;
    margin: 40px auto 20px;
    padding: 20px !important;
    background: var(--gold);
    color: var(--white);
}

.tit-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1;
}

.txt-tit-slider {
    padding: 6%;
}

.txt-tit-slider h1, .txt-tit-slider h2, .txt-tit-slider h3 {
    color: var(--white);
}

.txt-tit-slider h1 {
    font-size: 50px;
    line-height: 50px;
}

.txt-tit-slider h3 {
    margin-top: 0;
}

.tit-slider:after{
    content: "";
    position: absolute;
    background: var(--white);
    width: 2px;
    height: 55px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    transition: all .5s;
    animation: roll_1 5s linear infinite both;
}

@keyframes roll_1{
    50%{
        height: 20px
    }
}

.tit-slider:before {
    content: "";
    position: absolute;
    background: var(--white);
    width: 20px;
    height: 2px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 55px;
    transition: all .5s;
    animation: roll_2 5s linear infinite both;
}

@keyframes roll_2{
    50%{
        bottom: 20px
    }
}

.desc {
    text-align: center;
    padding: 6% 15%;
    position: relative;
}

.intro p {
    padding: 0 5%;
}

.intro hr {
    margin: 3% 0;
}

.desc:after {
    content: "";
    position: absolute;
    background: var(--grey);
    width: 2px;
    height: 55px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    transition: all .5s;
}

.desc:before {
    content: "";
    position: absolute;
    background: var(--grey);
    width: 20px;
    height: 2px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 55px;
    transition: all .5s;
}

hr{
    border-top: 2px solid var(--grey);
}

.img-piscina_1 {
    background: url(../images/img-piscina_001.jpg);
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.img-piscina_2 {
    background: url(../images/img-piscina_002.jpg);
    width: 90%;
    height: 768px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}


/*.img-piscina_3 {
    background: url(../images/img-piscina_003.jpg);
    width: 90%;
    height: 768px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}*/


.bn-piscina {
    padding: 5% 10%;
    position: relative;
}

.bn-piscina a {
    color: var(--dark-grey);
}

.bn-piscina:after{
    content: "";
    position: absolute;
    background: var(--grey);
    width: 20px;
    height: 2px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    transition: all .5s;
}

.bn-piscina:before{
    content: "";
    position: absolute;
    background: var(--grey);
    width: 2px;
    height: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    transition: all .5s;
}

.grid-sx-piscina,
.grid-sx-camere {
    z-index: 1;
    position: relative;
    margin-left: 50px;
    margin-right: -50px;
}

.grid-sx-piscina h1,
.grid-sx-camere h1 {
    color: var(--gold);
    font-size: 60px;
    line-height: 65px;
    text-align: right;
    padding: 20px 80px 20px 0;
}

.img-piscina_1 span,
.img-spiaggia_1 span,
.img-posizione_1 span {
    position: absolute;
    right: 50px;
    top: 0px;
    height: 100px;
    width: 100px;
    background: var(--grey);
    text-align: center;
    color: var(--gold);
    font-size: 60px;
    line-height: 100px;
    font-family: 'Bodoni Moda 18pt';
}

.grid-dx-piscina p {
    padding: 5% 20% 0 5%;
}

article.uk-article {
    padding-bottom: 0 !important;
}

ul.det_1,
ul.det_2 {
    padding-left: 0;
}

.det_1 li {
    display: inline-block;
    margin-right: 15px;
}

.det_2 li {
    display: inline-block;
}

.txt-layout-apt img {
    width: 70px;
}

.txt-layout-apt .links svg {
    width: 100px;
}

.txt-layout-apt .links svg g#scritta_01,
.strutture-teaser a svg g#scritta_01{
    animation: rotation 15s linear infinite;
    transform-origin: center;
}

.txt-layout-apt .links svg g#plus,
.strutture-teaser a svg g#plus{
    transform: scale(1.0);
    transition: .5s all;
    transform-origin: center;
}

.txt-layout-apt .links:hover svg g#plus,
.strutture-teaser a:hover svg g#plus{
    transform: scale(1.2);
}

.txt-layout-apt {
    width: 30%;
    position: absolute;
    bottom: 0;
    background: var(--brown);
    padding: 20px;
    color: var(--white);
    left: calc(30% + 60px);
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.layout-apt {
    position: relative;
}

.txt-layout-apt hr {
    width: 70%;
}

.apt-links {
    position: absolute;
    right: 20px;
    top: calc(35% - 15px);
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
}

.bn-confort {
    width: fit-content;
    position: absolute;
    top: 100px;
    left: calc(0% - 300px);
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.bn-confort h1 {
    color: var(--white);
    font-size: 60px;
    line-height: 70px;
    text-align: right;
}

.bn-confort span {
    height: 100px;
    width: 100px;
    background: var(--grey);
    text-align: center;
    color: var(--gold);
    font-size: 60px;
    line-height: 100px;
    font-family: 'Bodoni Moda 18pt';
    display: block;
    position: absolute;
    right: 0;
    top: -100px;
}

.bn-confort span{
    display: none;
}

.cl-home .bn-confort span{
    display: block;
}

.layout-apt .media{
    position: relative;
}

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

.det_2 h1.title {
    font-size: 30px;
    line-height: 40px;
    color: var(--white);
}

.det_2 .subtitle {
    text-transform: uppercase;
    margin-left: 5px;
    letter-spacing: 0.2em;
    font-size: 17px;
}

.uk-slidenav-position .uk-slidenav{
    display: block;
}

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

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

.off_home {
    background: var(--grey);
    padding: 0 10% 0 calc(10% - 100px);
    height: 300px;
}

.off_home h1 {
    text-align: right;
    font-size: 60px;
    color: var(--brown);
    line-height: 60px;
    padding: 20% 0;
    display: block;
}

.layout-offerte h2.pos-title,
.layout-offerte .pos-data,
.layout-offerte .pos-price {
    color: var(--brown);
}

.layout-offerte ul {
    padding-left: 0;
    margin: 0;
}

.layout-offerte li {
    display: inline-block;
}

.layout-offerte .pos-price {
    font-family: 'Bodoni Moda 18pt';
    font-size: 35px;
    line-height: 50px;
}

.layout-offerte .pos-links {
    color: var(--gold);
    letter-spacing: 0.05em;
    position: relative;
    width: fit-content;
}

.layout-offerte .pos-links:after{
    content: url(../images/arrow-off.svg);
    width: 40px;
    position: absolute;
    right: -50px;
    bottom: -5px;
    display: block;
    transition: all .5s
}

.layout-offerte .pos-links:hover:after{
    right: -60px;
}

.dot-abs {
    position: absolute;
    bottom: 35px;
    left: calc(30% + 50px);
}

.uk-dotnav > .uk-active > *,
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
    background: var(--brown);
    border-radius: 0;
    border: 1px solid var(--brown);
}

.uk-dotnav > .uk-active > *{
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.uk-dotnav > * > * {
    border: 1px solid var(--brown);
    background: transparent;
    border-radius: 0;
    transition: all .5s;
    width: 16px;
    height: 16px;
    margin-top: 12px;
}

.bn-spiaggia p,
.bn-posizione p{
    padding: 50px calc(50% + 50px) 50px 5%;
    text-align: right;
}

.bn-spiaggia:after{
    display: none;
}

.img-spiaggia_1 {
    background: url(../images/img-spiaggia_001.jpg);
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.img-spiaggia_2 {
    background: url(../images/img-spiaggia_002.jpg);
    width: 90%;
    height: 768px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.img-spiaggia_2 svg{
    position: absolute;
    width: 150px;
    bottom: 30px;
    right: 30px;
    display: block;
}

.img-spiaggia_2 svg g#scritta{
    animation: rotation 20s linear infinite;
    transform-origin: center;
}

.img-spiaggia_3 {
    background: url(../images/img-spiaggia_003.jpg);
    width: 90%;
    height: 768px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

@keyframes rotation{
    100%{
        transform: rotate(360deg);
    }
}

.conero{
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%), url(../images/conero_001.jpg);
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 900px;
    position: relative;
}

.conero .bn-confort{
    left: calc(0% - 255px);
}

.txt-conero {
    padding: 0;
    position: absolute;
    bottom: 50px;
    color: var(--white);
    width: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: 10%;
    display: block;
}

.img-posizione_1 {
    background: url(../images/img-posizione_001.jpg);
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.img-posizione_2 {
    background: url(../images/img-posizione_002.jpg);
    width: 90%;
    height: 768px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.bn-posizione:before{
    height: 70%;
}

.bn-posizione:after {
    display: none;
}

.wait {
    background: var(--grey);
    padding: 5%;
    text-align: center;
    display: block;
}

.wait h2{
    color: var(--dark-grey);
}

.wait ul{
    padding-left: 0;
}

.wait li{
    display: inline-block;
    margin: 0 10px;
}

.wait li.link_one a{
    background: var(--white);
    color: var(--gold);
    transition: all .5s;
    display: block;
    padding: 15px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

.wait li.link_one a:hover{
    color: var(--white);
    background: var(--gold);
    text-decoration: none;
}

.wait li.link_two a{
    background: var(--gold);
    color: var(--white);
    transition: all .5s;
    display: block;
    padding: 15px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

.wait li.link_two a:hover{
    color: var(--gold);
    background: var(--white);
    text-decoration: none;
}

.wait li.link_three a{
    background: var(--white);
    color: var(--green);
    transition: all .5s;
    display: block;
    padding: 15px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

.wait li.link_three a:hover{
    color: var(--white);
    background: var(--green);
    text-decoration: none;
}

.wait h3 {
    margin: 0 0 50px 0;
}

/* BANNER IG INIZIO */

.ig-media {
    margin: 0 5px;
}

.ig-content h3.ig-account-name {
    display: none;
}

.ig-box {
    min-height: 300px !important;
}

.ig-media , .ig-media img {
    min-height: 300px !important;
}

.ig-content {
    padding: 5% 10% 0;
}

/* BANNER IG FINE */

.tm-footer{
    padding: 5%;
}

.footer-sx{
    text-align: right;
    padding: 20px 50px 50px;
}

.footer-sx h2{
    color: var(--dark-grey);
}

.footer-sx li{
    display: inline-block;
    padding: 0 10px;
}

.footer-sx img {
    width: 110px;
}

.footer-dx{
    text-align: left;
    padding: 50px;
    position: relative;
}

.footer-dx:after{
    content: url(../images/crocicchio.svg);
    width: 43px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.footer-dx a{
    color: var(--gold);
    transition: all .5s;
}

/* Barra fissa inizio */

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

.barra-fixed ul.contact{
    top: 15px;
    margin: 0;
}

.barra-fixed .tm-logo {
    width: 150px;
    top: 7px;
    display: block;
}

.barra-fixed .contatti{
    top: -5px !important;
}

.barra-fixed .uk-navbar{
    top: 10px !important;
}

/* Barra fissa fine */

/* Slider inizio */

.slider-vuoto {
    height: 160px;
    background: var(--gold);
    display: block;
}

/* Slider fine */

/* Form inizio */

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

.form h2 {
    color: var(--dark-grey);
}

.prenotazione{
    margin-top: 50px;
}

.rsform-block-newsletter-3{
    text-align: left;
}

.rsform-block-invia {
    margin-top: 10px;
}

/* Form fine */

/* Appartamenti inizio */

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

.margin-mio {
    padding: 5% 10%;
    position: relative;
}

.margin-mio:after{
    content: "";
    position: absolute;
    background: var(--grey);
    width: 20px;
    height: 2px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    transition: all .5s;
}

.margin-mio:before{
    content: "";
    position: absolute;
    background: var(--grey);
    width: 2px;
    height: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    transition: all .5s;
}

.det-trilo-balcone{
    background: url(../images/detail-trilocale-balcone.jpg);
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.det-trilo-corte{
    background: url(../images/detail-trilocale-corte.jpg);
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.strutture-teaser{
    margin-bottom: 5%;
}

.strutture-teaser svg {
    width: 120px;
    float: left;
    margin-top: -50px;
}

.strutture-teaser .omni-subtitle {
    text-align: right;
    padding-right: 80px;
    margin: 0;
    text-transform: uppercase;
}

.strutture-teaser h1.omni-title {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.strutture-teaser .omni-subtitle {
    text-align: right;
    padding-right: 80px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: var(--dark-grey);
}

.detail-teaser ul{
    text-align: right;
    padding: 20px 80px
}

.detail-teaser li {
    display: inline-block;
    margin-left: 20px;
}

.detail-teaser li span.prefix svg {
    width: 70px;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .grid-dx-camere {
    order: -1;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .grid-sx-camere {
    margin-left: -50px;
    margin-right: 50px;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser h1.omni-title {
    padding: 20px 0 10px 80px;
    text-align: left;
}


.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .omni-subtitle {
    padding-left: 80px;
    text-align: left;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .detail-teaser ul{
    text-align: left;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser svg {
    width: 120px;
    float: right;
    margin-top: -50px;
}

.strutture-teaser .omni-persone,
.strutture-teaser .omni-metri {
    color: var(--dark-grey);
}

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

.strutture-full h1.pos-title {
    color: var(--gold);
    font-size: 40px;
    margin: 0;
    line-height: 50px;
}

.strutture-full .pos-subtitle {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.1em;
}

.strutture-full ul.list-det {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

.strutture-full .list-det li {
    display: inline-block;
    margin-right: 20px;
}

.strutture-full .list-det li img {
    width: 70px;
}

.grid-full-room{
    padding-top: 5%;
}

.full-room{
    padding: 30px 0 5%;
}

.grid-spec {
    background: var(--gold);
    padding: 30px;
    color: var(--white);
}

.grid-spec li {
    font-size: 16px;
    line-height: 25px;
    padding-left: 15px;
    position: relative;
}

.grid-spec ul {
    list-style: circle;
}

.grid-spec li:after {
    content: "";
    background: transparent;
    position: absolute;
    left: 0;
    top: 9px;
    border: 1px solid var(--white);
    width: 5px;
    height: 5px;
    border-radius: 5px;
}

.strutture-full .pos-bottom {
    margin-top: 30px;
}

.grid-spec h3 {
    color: var(--white);
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 40px;
}

.strutture-full .pos-bottom a.link {
    display: block;
    color: var(--white);
    text-transform: uppercase;
    width: fit-content;
    position: relative;
    transition: all .5s;
    padding: 10px 0 0;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;
}

.strutture-full .pos-bottom a.link:after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2%;
    background: var(--white);
    transition: all .5s;
    z-index: -1;
}

.strutture-full .pos-bottom a.link:hover:after {
    height: 100%;
}

.strutture-full .pos-bottom a.link:hover {
    text-decoration: none;
    color: var(--gold);
}

.strutture-full .pos-specification {
    column-count: 2;
}

.strutture-related{
    padding: 0 0 5% 0;
}

/* Appartamenti fine */

/* Info inizio */

.movie-descrizioni-info a{
    display: inline-block;
    color: var(--gold);
    transition: all .5s;
}

.grid-info {
    background: var(--grey);
    padding: 5%;
}

/* Info fine */

/* Piscina inizio */

.bn-piscina-full .marg-right {
    padding: 50px 80px 20px 20px;
    text-align: right;
}

.img-piscina_4 .uk-dotnav,
.img-spiaggia_4 .uk-dotnav {
    position: absolute;
    bottom: -40px;
    right: 80px;
}

.img-piscina_4 .uk-slideshow {
    overflow: visible;
}

/* Piscina fine */

/* Spiaggia inizio */

.lista li {
    padding-right: 30%;
    padding-left: 10px;
    position: relative;
}

.lista li:after {
    content: "";
    position: absolute;
    top: 12px;
    display: block;
    width: 5px;
    height: 5px;
    background: transparent;
    border: 1px solid var(--dark-grey);
    left: -5px;
    border-radius: 5px;
}

.grid-dx-piscina h3 {
    padding-left: 25px;
}

ul.lista {
    padding-left: 30px;
}

/* Spiaggia fine */

/* Tariffe inizio */

.tariffe-teaser h1.pos-title {
    padding-bottom: 30px;
}

.tariffe-teaser {
    padding: 5% 10%;
    background: var(--grey);
    text-align: center;
}

th.titoli-tariffe {
    text-align: center;
}

th.titoli-tariffe span {
    text-transform: uppercase;
    display: block;
}

.tabelle-tariffe th,
td.prezzo{
    border: 1px solid var(--dark-grey);
}

td.tabelle-tariffe-sec {
    border: 1px solid var(--dark-grey);
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}

tr.tabelle-tariffe:nth-child(even) {
    background: var(--white) !important;
}

tr.tabelle-tariffe:nth-child(odd) {
    background: #a7834980 !important;
    color: var(--white);
}

tr.tabelle-tariffe:first-child {
    background: var(--dark-grey) !important;
}

.condizioni h2 {
    color: var(--dark-grey);
    text-align: left;
}

.condizioni {
    text-align: left;
    padding-top: 5%;
}

.condizioni li {
    padding-left: 15px;
    position: relative;
}

.condizioni li:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    border: 1px solid var(--dark-grey);
    border-radius: 5px;
}

.condizioni hr {
    border-top: 1px solid var(--dark-grey);
}

/* Tariffe fine */

/* Offerte inizio */

.movie-offerte-frontpage .items {
    z-index: 1;
    position: relative;
}

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

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

.offerte-teaser .pos-media img {
    width: 100%;
}

.offerte-teaser .txt-offerte-teaser {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: var(--white);
}

.offerte-teaser .txt-offerte-teaser h2.pos-title,
.offerte-teaser .txt-offerte-teaser .pos-links,
.offerte-teaser .txt-offerte-teaser h1.pos-price{
    color: var(--white);
}

.txt-offerte-teaser ul{
    padding-left: 0;
    margin: 0;
}

.txt-offerte-teaser li{
    display: inline-block;
}

.offerte-teaser .txt-offerte-teaser h1.pos-price {
    text-transform: lowercase;
    font-size: 30px;
    line-height: 40px;
}

.offerte-teaser .txt-offerte-teaser .pos-links {
    margin-top: 20px;
    position: relative;
    transition: all .5s;
    width: fit-content;
}

.offerte-teaser .txt-offerte-teaser .pos-links:after {
    content: url(../images/arrow-off-white.svg);
    width: 40px;
    position: absolute;
    right: -50px;
    bottom: -5px;
    display: block;
    transition: all .5s;
    z-index: 1;
}

.offerte-teaser:hover .txt-offerte-teaser .pos-links:after {
    right: -70px;
}

.offerte-full {
    margin: 5% 5% 0;
    position: relative;
}

.offerte-full .txt-sx {
    text-align: left;
}

.offerte-full .txt-dx {
    text-align: right;
}

.offerte-full h1.omni-price {
    text-transform: lowercase;
    font-size: 30px;
    line-height: 50px;
}

.offerte-full .omni-media {
    text-align: center;
    margin: 0;
}

.offerte-full .omni-description {
    padding-top: 5%;
}

.txt-offerte-full {
    background: var(--white);
    padding: 50px;
    margin-left: -50px;
    z-index: 1;
}

.offerte-full img {
    width: 100%;
}

.bt-fix {
    position: fixed;
    right: 20px;
    top: 35%;
    background: var(--gold);
    padding: 20px;
    z-index: 1;
}

.bt-fix a:hover{
    text-decoration: none;
}

.bt-fix a .txt-link {
    color: var(--white);
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.07em;
    position: relative;
    width: fit-content;
    display: block;
    padding: 3px;
    transition: all .5s;
}

.bt-fix a:hover .txt-link{
    transform: scale(0.8);
}

.bt-fix a:after {
    content: "";
    position: absolute;
    left: 7px;
    bottom: 8px;
    width: calc(100% - 14px);
    height: 1px;
    background: var(--white);
    display: block;
    transition: all .5s;
}

.bt-fix a:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    width: calc(100% - 14px);
    height: 1px;
    background: var(--white);
    transition: all .5s;
    display: block;
}

span.line {
    width: 100%;
    display: block;
    position: relative;
}

.bt-fix a span.line:after {
    content: "";
    position: absolute;
    left: -13px;
    top: -12px;
    width: 1px;
    height: 0;
    background: var(--white);
    display: block;
    transition: all .5s;
}

.bt-fix a:hover span.line:after{
    height: 60px;
}

.bt-fix a span.line:before {
    content: "";
    position: absolute;
    right: -13px;
    bottom: -48px;
    width: 1px;
    height: 0px;
    background: var(--white);
    display: block;
    transition: all .5s;
}

.bt-fix a:hover span.line:before{
    height: 60px;
}

.offerte-full .omni-bottom a.link {
    display: block;
    color: var(--gold);
    text-transform: uppercase;
    width: fit-content;
    position: relative;
    transition: all .5s;
    padding: 10px 0 0;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.offerte-full .omni-bottom a.link:after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2%;
    background: var(--gold);
    transition: all .5s;
    z-index: -1;
}

.offerte-full .omni-bottom a.link:hover:after {
    height: 105%;
}

.offerte-full .omni-bottom a.link:hover {
    text-decoration: none;
    color: var(--white);
}

/* Offerte fine */

/* Territorio inizio */

.territorio-teaser {
    position: relative;
    z-index: 1;
    display: block;
}

.txt-territorio-teaser {
    padding: 50px;
    width: 80%;
    background: var(--grey);
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;
    z-index: 2;
    position: relative;
    margin-bottom: 5%;
    text-align: center;
}

.territorio-teaser img {
    width: 100%;
}

/* Territorio fine */
.form-tariffe{
margin-top:60px;
}
a, a:hover{
color:var(--gold);
}

.uk-offcanvas .h2 {
    color: var(--dark-grey);
    font-size: 13px;
    line-height: 15px;
    margin: 30px 0 10px;
}

.mod-languages a:before, .mod-languages a:after {
    display: none !important;
    
}

.mod-languages li a {
    opacity: .6;
    transition: all .5s;
}

.mod-languages li.lang-active a, 
.mod-languages li a:hover {
    opacity: 1;
padding-left: 0 !important;
}

:lang(en) .apt-links{
right:10px;
}

:lang(en) .det_2 h1.title {
    font-size: 25px;
    line-height: 35px;
}

/* MEDIA QUERY */

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

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

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

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


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

.contatti{
    display: none;
}

.tm-logo {
    width: 180px;
}

.cl-home .tm-logo {
    width: 180px;
}

.cl-home .uk-navbar{
    left: 20px;
    top: 80px;
}

.uk-navbar{
    left: 20px;
    top: 50px;
}

.uk-navbar-toggle,
.uk-navbar-toggle span.lv,
.cl-home .uk-navbar-toggle span.lv,
.cl-home .uk-navbar-toggle{
    width: 60px;
    height: 60px;
}

.uk-navbar-toggle span.men-off {
    bottom: 25%;
    font-size: 15px;
}

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

.txt-tit-slider h1 {
    font-size: 40px;
    line-height: 50px;
}

.slider-vuoto{
    height: 150px;
}

h1,
.h1{
    font-size: 30px;
    line-height: 50px;
}

h3,
.h3 {
    font-size: 40px;
    line-height: 50px;
}

.intro h3 {
    line-height: 40px;
}

body {
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    margin-bottom: 60px;
}

.txt-tit-slider {
    padding: 15% 5%;
}

.intro {
    margin-top: 50px;
}

.desc{
    padding: 5%;
}

.grid-sx-piscina{
    margin: 0;
}

.img-piscina_1,
.img-piscina_2,
.img-piscina_3,
.img-spiaggia_1,
.img-spiaggia_2,
.img-spiaggia_3,
.img-posizione_1,
.img-posizione_2{
    height: 400px;
    width: 100%;
}

.grid-dx-piscina {
    z-index: 1;
    margin-top: 20px;
}

.img-piscina_1 span,
.img-spiaggia_1 span,
.img-posizione_1 span{
    right: 0;
}

.grid-sx-piscina h1,
.grid-sx-camere h1 {
    padding: 20px 0;
    background: var(--white);
    font-size: 40px;
    line-height: 45px;
}

.img-piscina_1 span,
.img-spiaggia_1 span,
.img-posizione_1 span,
.bn-confort span{
    width: 90px;
    height: 90px;
    font-size: 50px;
    line-height: 90px;
}

.grid-dx-piscina p {
    padding: 5% 0;
    background: var(--white);
}

.txt-layout-apt {
    width: auto;
    position: relative;
    bottom: 0;
    background: var(--brown);
    padding: 10px;
    color: var(--white);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.uk-slideshow{
    overflow: visible;
}

.txt-layout-apt img {
    width: 50px;
}

.uk-slidenav-next:before,
.uk-slidenav-previous:before {
    width: 30px;
}

.uk-slidenav-position .uk-slidenav{
    top: 45%;
}

.uk-slidenav-position .uk-slidenav-next {
    right: -10px;
}

.bn-confort,
.conero .bn-confort{
    left: auto;
    right: 5%;
}

.bn-confort h1 {
    padding: 0 20px 0;
    font-size: 40px;
    line-height: 45px;
}

.off_home{
    height: auto;
    padding: 5% 5% 10%;
}

.off_home h1 {
    padding: 5% 0;
    font-size: 40px;
    line-height: 50px;
}

.layout-offerte .pos-media {
    float: right;
}

.off_home .uk-container{
    padding: 0;
}

.det-layout-offerte {
    padding: 5% 0;
    text-align: right;
}

.layout-offerte .pos-links{
    margin-left: auto;
}

.layout-offerte .pos-links:after {
    right: auto;
    left: -50px;
    transform: scaleX(-1);
}

.dot-abs {
    bottom: -30px;
    left: auto;
    right: calc(5% - 17px);
}

.layout-offerte li {
    display: block;
}

.bn-piscina {
    padding: 5%;
}

.bn-spiaggia p,
.bn-posizione p {
    padding: 5px;
    text-align: right;
    background: var(--white);
    z-index: 1;
    position: relative;
}

.txt-conero {
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 50px;
}

.conero{
    height: 600px;
}

.wait li {
    display: block;
    margin: 10px;
}

.footer-dx:after{
    display: none;
}

.footer-sx,
.footer-dx{
    text-align: center;
    padding: 20px;
}

.txt-layout-apt .links svg {
    width: 120px;
}

.apt-links{
    top: calc(20% - 15px);
}

.desc:before{
    top: 5px;
}

.desc:after{
    top: -50px;
}

.cl-home .desc:before{
    top: 55px;
}

.cl-home .desc:after{
    top: 0px;
}

.margin-mio,
.strutture-full,
.form,
.tariffe-teaser{
    padding: 5%;
}

.strutture-related{
    padding: 5% 0;
}

.txt-territorio-teaser {
    padding: 20px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 50px;
}

.grid-sx-camere,
.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .grid-sx-camere{
    margin-left: 0;
    margin-right: 0;
}

.grid-dx-camere {
    display: none;
}

.grid-sx-camere h1,
.detail-teaser ul{
    padding: 20px 0 0 0;
}

.strutture-teaser .omni-subtitle{
    padding-right: 0;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser h1.omni-title{
    padding: 20px 0 0 0;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .omni-subtitle{
    padding-left: 0;
}

.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser .detail-teaser li:first-child {
    margin-left: 0;
}

.strutture-teaser svg,
.movie-strutture-frontpage .items .uk-width-medium-1-1:nth-child(even) .strutture-teaser svg {
    width: 100px;
    margin-top: -60px;
}

.detail-teaser ul {
    background: var(--white);
    padding-bottom: 20px;
}

.bn-piscina-full .marg-right {
    padding: 20px 0;
    background: var(--white);
}

.bn-piscina-full .img-spiaggia_3 {
    display: none;
}

.bn-piscina-full .img-piscina_3{

}

.bn-piscina-full:before {
    height: 70%;
}

.img-piscina_4 .uk-dotnav,
.img-spiaggia_4 .uk-dotnav{
    right: 0;
}

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

.offerte-full .omni-media {
    z-index: 1;
    position: relative;
}

.txt-offerte-full {
    padding: 20px 0;
    margin-left: 0;
}

.movie-descrizioni-info iframe {
    height: 450px;
    margin-bottom: 50px !important;
}

.movie-descrizioni-info .prenotazione {
    margin-top: 10px;
}

.barra-fixed .tm-logo,
.barra-fixed .uk-navbar{
    display: none;
}

.barra-fixed {
    height: 0;
    background: transparent;
}

.bn-piscina-full .img-piscina_3 {
    margin-top: 50px;
}

.imp {
    width: auto;
}

}