/*html {
    scroll-behavior: smooth;
}*/

body {
    width: 100%;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #827870;
    line-height: 1.4;
}

.uk-list-inline > li {
    display: inline-block;
}
.uk-list-large > li {
    padding-right: 10px;
    padding-left: 10px;
}
.uk-list-xlarge > li {
    padding-right: 15px;
    padding-left: 15px;
}
.uk-dropdown {
    text-align: left;
}



.uk-padding-medium {
    padding: 50px;
}

.uk-button {
    font-size: 18px;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 5px 25px;
}

a, a:hover {
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.uk-border-rounded {
    border-radius: 10px;
}

.uk-padding-xsmall{
    padding:5px;
}


/*Testi e colori*/
@font-face {
    font-family: ShelleyAllegroBT;
    src: url('/Content/fonts/ShelleyAllegroBT.otf');
}
.cursive {
    /*font-family: ShelleyAllegroBT;*/
    font-family: "Ballet", cursive;
}

em {
    color: rgb(153 127 89);
}

a {
    color: #827870;
    text-decoration: none;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
    a:hover, .barra-top a:hover {
        /*  color: #997f59;*/
        color: #a09289;
        text-decoration: none;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }

h1, h2, h3, h4 {
    font-family: 'Manrope', sans-serif;
    letter-spacing: 11px;
    font-weight: 500;
    text-transform:uppercase;
}


.slogan {
    z-index:3;
    bottom:-80px;
    padding-right:15px;
    padding-left:15px;
}
    .slogan h1 {
        font-size: 18px;
        letter-spacing: 11px;
        font-weight: 500;
        position: relative;
        z-index: 2;
    }
    .slogan p {
        font-size: 150px;
        font-family: "Ballet", cursive;
        position: relative;
        top: -110px;
        opacity: .2 !important;
        z-index: 1;
    }

h2 {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 9px;
}
h3 {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 9px;
}

.uk-light .uk-dropdown a {
    color: #5c6167;
}

.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
    color: #fff;
}

.uk-background-transparent {
    background-color: transparent;
}

.uk-background-light {
    background-color: #F4F2F2;
}
.uk-background-white{
    background-color:#fff;
}
/*.uk-background-light-50h {
    background: linear-gradient(#F4F2F2 50%, #ffffff00 50%);
}*/

.uk-text-primary, .uk-light .uk-text-primary {
    /* color: #997f59 !important;*/
    color: #a09289 !important;
}

.uk-background-primary {
    /*background-color: #997f59;*/
    background-color: #a09289;
}

.link-primary {
    text-transform: lowercase;
    font-size: 35px;
    display: flex;
  /*  justify-content: center;*/
    align-items: center;
}
    .link-primary.text-center {
        justify-content: center;
    }
    .link-primary .uk-icon {
        font-size: 20px;
        margin-left: 15px;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }
    .link-primary:hover .uk-icon {
        margin-left: 20px;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }

.uk-button-primary, .uk-light .uk-button-primary {
    /*  background-color: #997f59;*/
    background-color: #a09289;
    color: #fff;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
    .uk-button-primary:hover, .uk-light .uk-button-primary:hover, .uk-button-primary:active, .uk-button-primary:focus {
        /*color: #997f59;*/
        color: #a09289;
        background-color: #fff;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }

.uk-button-secondary {
    background-color: #F4F2F2;
    color: #4F4F4F;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
    .uk-button-secondary:hover {
        /*   background-color: #997f59;*/
        background-color: #a09289;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }
        .uk-button-secondary:hover .uk-text-primary {
            color: #fff!important;
            -webkit-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s;
        }
.uk-button .uk-icon, footer .uk-icon {
    vertical-align: middle;
}

::selection {
    /*background-color: #997f59;*/
    background-color: #a09289;
    color:#fff;
}



/*Menu*/
.barra-top {
    z-index: 3;
    transition: .3s linear;
}
.barra-top .uk-logo {
    max-width: 164px;
}
    .barra-top.affix {
        position: fixed !important;
        top: 0px;
        right: 0px;
        left: 0px;
        background-color: #f4f2f3;
        padding-top: 15px;
        padding-bottom: 15px;
        /*   z-index: 2222;*/
        transition: .3s linear;
    }
    .barra-top.affix  .uk-logo {
        max-width: 115px;
    }

/*Btn custom*/
.btn-menu {
   /* padding: 17px;*/
    text-align: center;
    height: 30px;
    width: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    display: inline-block;
    /*    z-index: 3;*/
}
    .btn-menu .icon {
        margin: 0 auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        left: 0px;
    }
   
        .btn-menu .icon .navbar-toggler-icon {
            display: block;
            width: 30px;
            height: 4px;
            border-radius:10px;
            position: relative;
            background: #ffffff;
            z-index: 1;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            margin-left: 0px;
        }
.barra-top.affix .btn-menu .icon .navbar-toggler-icon {
    /*  background: #997f59;*/
    background: #a09289;
}
            .btn-menu .icon .navbar-toggler-icon:first-child {
                -webkit-transition: 0.5s;
                transition: 0.5s;
                margin-bottom: 4px;
                width: 15px;
            }

            .btn-menu .icon .navbar-toggler-icon:nth-child(2) {
                margin-bottom: 4px;
            }

            .btn-menu .icon .navbar-toggler-icon:nth-child(3) {
                margin-bottom: -10px;
                width: 15px;
                right: 0px;
                left: auto;
                margin-right: 0px;
                margin-left: auto;
            }

    .btn-menu .text {
        position: absolute;
        font-size: 10px;
        top: -7px;
        right: 0px;
        color: #fff;
        text-transform: uppercase;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 1;
    }

    .btn-menu:hover .icon .navbar-toggler-icon:first-child, .btn-menu:hover .icon .navbar-toggler-icon:nth-child(3) {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        width: 30px;
    }

    .btn-menu:hover .text {
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }


.container-menu {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
/*    border-right: 1px solid rgb(238 238 238 / 30%);*/
}
.voce-principale {
    font-size: 16px;
    /*  opacity: 0.7;*/
    opacity: 1;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    letter-spacing: 6px;
    line-height: 40px;
}
    .voce-principale:hover {
        /*    opacity: 1;*/
        opacity: 0.7;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }
.sottomenu {
    position: absolute;
    top: 10px;
    right: -100%;
    text-align: left;
    width: auto;
    z-index: -1;
    opacity: 0;
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    width: 80%;
    font-size: 22px;
}

    .sottomenu.show-sottomenu {
        opacity: 1;
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
        z-index: 1;
    }
    .sottomenu .uk-list{
        padding-left:0px;
    }
    .sottomenu a {
        opacity: 1;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }
    .sottomenu a:hover {
    opacity: 0.7;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;

    }

    .voce-menu {
        text-align: right;
        margin-top: 20px;
        margin-bottom: 20px;
        /*   position:relative;*/
    }
        .voce-menu.uk-active .voce-principale a, .sottomenu .uk-active a {
        /*    color: #786140;*/
        opacity:0.5;
        }
.sottomenu .uk-active a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.modal-menu .uk-modal-close-full {
    left: 0px;
    top: 0px;
    right: auto;
}
.modal-menu .lingue{
    font-size:16px;
}
.background-menu {
    background-image: url(/Content/img/bg/menu/hotel.JPG);
}
    .background-menu .mask {
        position: absolute;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#997f59+0,b49d7b+99&0+30,0.8+63,1+82 */
        /* background: linear-gradient(to right, rgba(180,157,123,0) 0%,rgba(180,157,123,0) 30%,rgba(180,157,123,0.8) 63%,rgba(180,157,123,1) 82%,rgba(180,157,123,1) 99%); */
        background: linear-gradient(to left, rgba(180, 157, 123, 0) 0%, rgba(180, 157, 123, 0) 30%, rgb(0 0 0 / 80%) 63%, rgb(0 0 0) 82%, rgb(0 0 0) 99%);
        opacity: 0.6;
    }

    .background-menu.sfondo-menu-home {
        background-image: url(/Content/img/bg/menu/hotel.JPG);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-hotel {
        background-image: url(/Content/img/bg/menu/hotel.JPG);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-camere {
        background-image: url(/Content/img/bg/menu/camere.JPG);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-ristoranti {
        background-image: url(/Content/img/bg/menu/ristoranti.JPG);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-matrimoni {
        background-image: url(/Content/img/bg/menu/meeting.jpg);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-offerte {
        background-image: url(/Content/img/bg/menu/offerte.jpg);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-territorio {
        background-image: url(/Content/img/bg/menu/territorio.jpg);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-contatti {
        background-image: url(/Content/img/bg/menu/contatti.jpg);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

    .background-menu.sfondo-menu-gallery {
        background-image: url(/Content/img/bg/menu/gallery.jpg);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }


    .background-menu.sfondo-menu-centro-benessere {
        background-image: url(/Content/img/bg/menu/centro-benessere.jpg);
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
    }

.lingue {
    font-size: 18px;
}





/*Monitor*/
.mask-top {
    top: 0px;
    right: 0px;
    left: 0px;
    height: 350px;
    opacity: .6;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    z-index: 2;
    position: absolute;
}

.mask-bottom {
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    height: 350px;
    opacity: .8;
    z-index: 2;
    position: absolute;
}


.monitor .mask {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.5+7,0.3+13,0.2+20,0.1+26,0+31,0+36 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 7%,rgba(0,0,0,0.3) 13%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.1) 26%,rgba(0,0,0,0) 31%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    z-index: 1;
}
.background-video .mask {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: rgb(0 0 0 / 40%);
    z-index: 1;
}


/*Impaginazione*/
.divisore{
    position:relative;
    width:100%;
}
    .divisore:before {
        position: absolute;
        content: '';
        width: 1px;
        height: 80px;
        /*  background-color: #997f59;*/
        background-color: #a09289;
        right: 0px;
        left: 0px;
        top: 0px;
        z-index: 1;
        margin-right: auto;
        margin-left: auto;
        margin-top: -5%;
    }

.section-text-img.section-left .box-img {
    position: absolute;
    top: 8%;
    bottom: 0px;
    height: 92%;
    right: 5%;
    left: auto;
    /*    border-radius: 10px;*/
    border-radius: 0px;
    width: 45%;
}

.section-text-img.section-right .box-img {
    position: absolute;
    top: 8%;
    bottom: 0px;
    height: 92%;
    left: 5%;
    right: auto;
    /* border-radius: 10px;*/
    border-radius: 0px;
    width: 45%;
}

.griglia-servizi p {
    font-size: 18px;
    line-height: 1.2;
}
.griglia-servizi .uk-icon{
    font-size:40px;
}

.section-intro-gallery .box-img, .section-gallery .box-img {
    padding-top: 125%;
    width: 100%;
}

.section-gallery .uk-tab {
    justify-content: center;
}
.section-gallery .uk-tab a {
    font-size: 16px;
}
.uk-tab > .uk-active > a {
 /*   border-color: #997f59;*/
    border-color: #a09289;
}

.section-intro-gallery .slide-negative {
    margin-top: -100px;
    margin-bottom: -150px;
}
.section-intro-gallery .uk-slider-items > div:nth-child(2){
    margin-top:80px;
}
.section-intro-gallery .uk-slider-items > div:nth-child(1) {
    margin-top: 10px;
}
.section-intro-gallery .uk-slider-items > div:nth-child(3) {
    margin-top: 40px;
}

.section-image{
    padding-bottom:400px;
}
    .section-image .mask {
        position: absolute;
        z-index: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        top:0px;
        right:0px;
        left:0px;
        bottom:0px;
    }

    footer p{
        font-size:18px;
    }

.form-newsletter .uk-input {
    font-size: 14px;
    padding: 9px 15px!Important;
}
#mc_embed_signup .mc-field-group {
    width: 100%!Important;

}

.form-newsletter .uk-button {
    padding: 0px 15px;
}

/*Pagine interne*/
/*.monitor{
    height:650px;
}*/
.monitor .uk-slideshow-items{
    min-height:100%!important;
}

.tabella-servizi p {
    font-size: 18px;
}
.tabella-servizi .uk-icon {
    /*   vertical-align: middle;*/
    vertical-align: text-bottom;
}

.sottomenu-interno ul li {
    margin: 0px !important;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
    .sottomenu-interno ul li.sezione {
        /*        border-right: 1px solid #997f59;
*/ border-right: 1px solid #a09289;
        font-weight: bold;
        margin-right: 15px !important;
    }
    .sottomenu-interno ul li.uk-active a {
        /*  color: #997f59;*/
        color: #a09289;
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }

.slider-gallery .box-img {
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 0%);
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    position:relative;
}
    .slider-gallery .box-img:after {
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background-image: url(/Content/img/icons/zoom.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 25px;
        opacity: 0;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }
    .slider-gallery .box-img:hover {
        box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 60%);
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }
    .slider-gallery .box-img:hover:after {
        opacity: 1;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }

.section-box-pagine .box-img{
    padding-top:100%;
    width:100%;
}
.section-box-pagine .box-img .text{
    /*padding:15px;*/
    padding:30px;
}
.section-box-pagine .box-img {
   /* box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 60%);*/
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    position: relative;
}
    .section-box-pagine .box-img.uk-background-primary, .section-box-pagine:hover .box-img.uk-background-primary {
        box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 0%);
    }
.section-box-pagine .box-img:hover {
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 30%);
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    position: relative;
}
.section-box-pagine .uk-grid > div{
    /*padding-top:15px;
    padding-bottom:15px;*/
    padding-left:0 !important;
    padding-right:0 !important;
}

/*Box image*/
.sezione-box .box-image {
    overflow: hidden;
    /*   padding-top:100%;*/
    min-height: 100vh;
}

    .sezione-box .box-image.box-image-lg {
        /* padding-top: 35%;*/
        min-height: 100vh;
    }

    .sezione-box .box-image .mask-top, .modal-booking .mask-top {
        height:200px;
    }

    .sezione-box .box-image .mask-bottom, .modal-booking .mask-bottom {
        height: 200px;
    }

    .sezione-box .box-image .uk-background-image {
        top: 0px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }

    .sezione-box .box-image:hover .uk-background-image {
        transform: scale(1.03);
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }
.uk-slidenav img {
    max-width: 50px;
}

.font-secondary {
    font-family: "Ballet", cursive;
}

/*.sezione-box .font-secondary {
    font-size:80px;
    opacity:.5 !important;
}*/

.uk-position-z-index {
    z-index:99;
}

.mdec {
    font-size: 23px;
    line-height: 3.0;
}

.text-bg {
    opacity: 0.5;
    font-size:100px;
}

.slider-gallery div {
    padding-left:0 !important;
    padding-right: 0 !important;
}

.sezione-fotogallery .box-img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 0%);
}

.sezione-fotogallery .box-img {
    padding-top: 100%;
}

    .sezione-fotogallery .box-img:after {
        content: '';
        background-image: url(/Content/img/icons/zoom.png);
        background-size: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0;
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

.sezione-fotogallery a:hover .box-img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 35%);
}

    .sezione-fotogallery a:hover .box-img:after {
        opacity: 1;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

.sezione-fotogallery .uk-grid > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sezione-fotogallery .box-img {
    padding-top: 100%;
}

.uk-subnav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uk-subnav-pill > .uk-active > a {
    background-color: #a09289;
    color: #fff;
    border-radius:5px;
}

#eighty_hotel_reviews_widget{
    z-index:1!important;
}