body {
    width: 100%;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Karla', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #545454;
    background-color: #161616;
}

/*.modal-booking .uk-modal-close-full {
    color: #545454 !important;
}*/
.modal-booking .uk-modal-dialog {
    background-color: #161616;
}
.uk-modal-close-full{
    background:transparent;
}
.uk-list-bullet > li {
    position: relative;
    padding-left: calc(1.5em + 5px);
}
.uk-list-bullet > li {
    font-size: 16px;
}
.uk-list > li:nth-child(n+2), .uk-list > li > ul {
    margin-top: 5px;
}
.uk-list-inline > li {
    display: inline-block;
    margin-top:0px!important;
}
.uk-list-large > li {
    padding-right: 10px;
    padding-left: 10px;
}
.uk-list-xlarge > li {
    padding-right: 30px;
    padding-left: 30px;
}
.uk-dropdown {
    text-align: left;
}
.uk-container-medium{
    max-width:1500px;
}

.uk-height-xlarge{
    height:700px;
    max-height:700px;
}
.lista-centrale {
    justify-content: center;
}

/*Font e colori*/
.uk-light .uk-list-bullet > li::before {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/icons/bullet-primary.png);
    background-size: 5px;
}
b, strong {
    font-weight: 600;
}
.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-dark {
    background-color: #111111;
}

a, a:hover{
    text-decoration:none!important;
}
h1 {
    font-family: 'Prata', serif;
    font-size:40px;
}
h2 {
    font-size:30px;
    font-family: 'Prata', serif;
}
h3 {
    font-size: 30px;
    font-family: 'Prata', serif;
}

.link-primary {
    font-size: 22px;
    font-family: 'Prata', serif;
}
    .link-primary .uk-icon {
        /*  max-width: 28px;*/
        max-width: 35px;
        margin-right: 10px;
    }
.uk-text-primary, .uk-light .uk-text-primary {
    color: #be8b65!important;
}
.uk-background-primary {
    background-color: #161616 !important;
}

.uk-button-primary {
    background-color: #be8b65 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    border: 2px solid #be8b65;
    padding: 4px 53px;
}
    .uk-button-primary:hover {
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        background-color: transparent !important;
    }

/*Menu*/
.barra-top {
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
    .barra-top.affix {
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        /*      background-color: rgb(190 139 101 / 88%);*/
        background-color: rgb(255 255 255 / 5%);
        position: fixed !important;
        right: 0px;
        left: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        z-index: 3!important;
    }
.barra-top.affix .uk-logo{
    max-height:54px;
}
.barra-top.affix .uk-flex-top {
    align-items: center!important;
}

/*Btn custom*/
.btn-menu {
    padding: 17px;
    text-align: center;
    height: 25px;
    width: 25px;
    -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: 60px;
            height: 2px;
            position: relative;
            background: #ffffff;
            z-index: 1;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            margin-left: 0px;
        }
            .btn-menu .icon .navbar-toggler-icon:first-child {
                -webkit-transition: 0.5s;
                transition: 0.5s;
                margin-bottom: 8px;
                width: 18px;
            }

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

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

    .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 {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        width: 60px;
    }

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

.modal-menu .voce {
    font-size: 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.voci-menu > li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
    .modal-menu .voce:hover, .modal-menu .voce:active, .modal-menu .voce:focus, .voci-menu > li a:hover, .voci-menu > li a:active, .voci-menu > li a:focus {
        color: #be8b65;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
.voci-menu .uk-active > a, .voci-menu .uk-active > ul > li > a {
    font-weight: 500;
    color: #be8b65 !important;
}

.background-menu {
    transition: ease-in-out .2s;
    webkit-transition: ease-in-out .2s;
    position: relative;
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/home.jpg);
}
body.home .background-menu {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/home.jpg);
}
body.camere .background-menu {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/camere.jpg);
}
body.contatti .background-menu {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/contatti.jpg);
}
.sfondo-menu-home {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/home.jpg) !important;
    transition: ease-in-out .2s;
    webkit-transition: ease-in-out .2s;
}
.sfondo-menu-contatti {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/contatti.jpg) !important;
    transition: ease-in-out .2s;
    webkit-transition: ease-in-out .2s;
}
.sfondo-menu-camere {
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/bg/menu/camere.jpg) !important;
    transition: ease-in-out .2s;
    webkit-transition: ease-in-out .2s;
}

.button-mobile{
    z-index:2;
}


/*Monitor*/
.monitor{
    overflow:hidden;
}
.mask-top {
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 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: -moz-linear-gradient(top, 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%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, 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%); /* Chrome10-25,Safari5.1-6 */
    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+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.mask-bottom {
    position:absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+64,0+69,0.1+74,0.2+80,0.3+87,0.5+93,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0) 69%, rgba(0,0,0,0.1) 74%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0.3) 87%, rgba(0,0,0,0.5) 93%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.1) 74%,rgba(0,0,0,0.2) 80%,rgba(0,0,0,0.3) 87%,rgba(0,0,0,0.5) 93%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.1) 74%,rgba(0,0,0,0.2) 80%,rgba(0,0,0,0.3) 87%,rgba(0,0,0,0.5) 93%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}




/*Paginazione*/
.section-textimg.bottom .uk-background-image {
    width: 100%;
    /*padding-top:100%;*/
    width: 100%;
    position: absolute;
    bottom: -80px;
    left: -80px;
    top: 80px;
    right: 80px;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
.section-textimg.top .uk-background-image {
    width: 100%;
    /*padding-top:100%;*/
    width: 100%;
    position: absolute;
    bottom: 80px;
    left: -80px;
    top: -80px;
    right: 80px;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.section-textimg .col-text.uk-padding-large {
    padding: 250px 50px;
}
.sezione-servizi-camera .section-textimg .col-text.uk-padding-large {
    padding: 150px 50px;
}
.uk-background-image {
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    /*    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);*/
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 0%);
}
.slider-gallery-box .uk-background-image:after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-image: url(https://palazzodurazzo.b-cdn.net/Content/img/icons/zoom.png);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
.slider-gallery-box a:hover .uk-background-image:after {
    opacity: 1;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.slider-gallery li {
    padding: 50px 140px;
}
a:hover .uk-background-image, .slider-gallery .uk-active .uk-background-image {
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    /* box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 0%);*/
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 0%);
}
.slider-gallery .uk-background-image, .slider-gallery-box a:hover .uk-background-image {
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);
}
.slider-gallery .uk-slidenav-previous {
    margin-left: 18px;
}


.section-textimg.bottom .col-img:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: -50px;
    left: -50px;
    top: 50px;
    right: 50px;
    border: 2px solid #be8b65;
    width: 100%;
    height: 100%;
}
.section-textimg.top .col-img:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: -50px;
    top: -50px;
    right: 50px;
    border: 2px solid #be8b65;
    width: 100%;
    height: 100%;
}


.uk-container-expand-right{
    padding-right:0px;
    margin-right:0px;
}

.section-textslide .text-expand-left {
    margin-left: -130px;
}

.uk-list-primary .uk-icon{
    margin-right:8px;
    max-width:20px;
}
.uk-list-primary > li:nth-child(n+2), .uk-list-primary > li > ul {
    margin-top: 0px;
}

.slider-gallery .uk-background-image {
    width: 100%;
    /*   padding-top:50%;*/
    height: 100%;
}

.slider-gallery-box .uk-background-image {
    width: 100%;
    padding-top: 140%;
    position:relative;
}

.uk-slidenav-next:before {
    display: none;
}

.slider-gallery .uk-slidenav-previous, .uk-slider-container .uk-slidenav-previous,
.slider-gallery .uk-slidenav-next, .uk-slider-container .uk-slidenav-next {
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 30px 36px;
}

.gallery-scorrimento-home img {
    width: auto !important;
    margin: 0 auto;
    height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.lista-info-camere {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

body.no-monitor .monitor{
    display:none;
}
body.no-monitor .section-top {
    padding-top: 200px;
}

.uk-button-small {
    padding: 4px 15px;
}


.lista-info-camere {
    align-items: flex-start !important;
}
.li-lingue{
    position:relative;
    padding-left:30px!important;
}
    .li-lingue:before {
        content: '';
        position: absolute;
        height: 100%;
        background-color: rgb(255 255 255 / 26%);
        width: 1px;
        left: 10px;
        top: 0px;
        bottom: 0px;
    }

.section-box .box-sezione {
    padding-top: 140%;
}
    .section-box .box-sezione .mask {
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background-color: rgb(0 0 0 / 31%);
        position: absolute;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }
        .section-box .box-sezione .mask:hover {
            top: 0px;
            bottom: 0px;
            right: 0px;
            left: 0px;
            background-color: rgb(0 0 0 / 55%);
            position: absolute;
            -webkit-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s;
        }
.section-box .uk-grid > div{
    padding-top:20px;
    padding-bottom:20px;
}

/*.box-news {
    min-height: 450px;
}*/