@font-face {
    font-family: 'OsAuro';
    src: url('/Fonts/OsAuro/OsAuro-Bold.woff2') format('woff2'), url('/Fonts/OsAuro/OsAuro-Bold.woff') format('woff'), url('/Fonts/OsAuro/OsAuro-Bold.svg#Olive') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
font-family: 'Oxygen', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Montserrat', sans-serif; (solo per voce in trasparenza della voce selezionata del menu)
font-family: 'Herr Von Muellerhoff', cursive; (solo per la scritta "nel centro di" sull'immagine in home)
*/
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
*:focus {outline:0 !important;}
html, body {text-rendering:optimizeLegibility; min-height:100%;}
body#home, html {height: 100%;}

body {position:relative; font-size:14px; color:#898989; font-family: 'Oxygen', sans-serif;}
.button {font-family: 'Playfair Display', serif; text-transform:uppercase; font-size:15pt; border:1px #CAA861 solid; color:#CAA861; padding:20px 30px; border-radius:0; background:none; -webkit-transition:all .4s;transition:all .4s; font-weight:600;}
.button:hover {background:#898989; color:#fff; border:1px #898989 solid;}
.button + .button {margin-left:20px;}
.button .fa {margin-right:5px;}

.button-special {font-family: 'OsAuro'; text-transform:uppercase; background:none!important; border-radius:0; line-height:initial; color:#9E866A; font-size:25pt; padding:0; margin:0; border:0;}
.button-special img {margin-left:15px;}
.button-special:hover {color:#000;}

.button-white {border:1px #fff solid; color:#fff;}
.button-white:hover {border:1px rgba(255,255,255,0.5) solid; color:rgba(255,255,255,0.5); background:none;}

h1, h2, .coursive {font-family: 'Playfair Display', serif;}
h1, h2, h3, h4, h5 {margin:0; padding:0;}

.opacity {opacity:0.5;}

.gold {color:#CAA861!important;}
a.gold:hover {color:#9E866A!important;}

p.small {font-size:11.5pt;}
.sfum {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
a {color:#AA9882; text-decoration:none!important; -webkit-transition:all .4s;transition:all .4s;}
a:hover {color:#000;}
a.link {color:#AA9882; text-transform:uppercase; font-weight:700; font-size:16px;}
a.link img {margin-left:15px; width:20px!important;}

.container {position:relative;}
iframe {display:block;}
.animated {animation-duration: 1s;}
.d-block {display:block!important;}
section {position:relative;}

/* simple booking style */
#sb-container {padding-top: 70px;}
@media (min-width:992px) {
    body:not(#home) #sb-container {padding-top: 40px;}
}
/* #sb-container .sb__calendar {color: #fff!important;} */
#sb-container .sb__footer-link .sb-custom-icon-color {fill: #9E866A!important; color: #9E866A!important;}

/* TOP */
    header {position:relative;}
    header #top {position:relative; height:500px; overflow:hidden; background:url(/assets/images/top/default.jpg) center bottom no-repeat; background-size:cover; z-index:5;}
        #home header #top {height:850px; margin:100px 0 0 0; background:none;}
        #home #top #img-top {position:absolute; right:0; left:0; top:0; bottom:0; background:url(/assets/images/top/home.jpg) center center no-repeat; background-size:cover;}
    #hotel header #top {background:url(/assets/images/top/hotel.jpg) center center no-repeat; background-size:cover;}
    #camere header #top {background:url(/assets/images/top/camere.jpg) center center no-repeat; background-size:cover;}
    #dintorni header #top {background:url(/assets/images/top/dintorni.jpg) center center no-repeat; background-size:cover;}

    #top .navbar {background:transparent; border:0; padding:0; margin:0; border-radius:0;}

    .container-padding {padding:0 6%;}


    #fascia-top {position:fixed; top:0; left:0; right:0; height:100px; background:#fff; z-index:10;}

    #logo-top {position:absolute; top:0; left:calc(50% - 175px); margin:0; text-align:center; background:url('/images/sf_logo_beige.jpg') no-repeat #B9A58D left bottom; width:350px; padding:15px 0px; z-index:10;}

    #img-top.blur {-webkit-filter: grayscale(100%) blur(7px) !important; -moz-filter: grayscale(100%) blur(7px) !important; -o-filter: grayscale(100%) blur(7px) !important; -ms-filter: grayscale(100%) blur(7px) !important; filter: grayscale(100%) blur(7px) !important;}
    /* jumbo */
        /* home */
            #jumbo-dida {font-family: 'Herr Von Muellerhoff', cursive; text-align:center; position:absolute; color:#fff; font-size:52pt; top:28%; left:10%; width:80%;}
            #jumbo-dida1 {font-family: 'Montserrat', sans-serif; text-align:center; position:absolute; color:#fff; font-weight:300; font-size: 32pt; bottom: 70px; left:10%; width:80%;}
        /* pagine interne */
            #jumbo-title {font-family: 'OsAuro'; position: absolute; bottom:15%; left:10%; margin:0 auto; width:80%; text-align:center; font-size:55pt; color:#fff;}
            #dintorni #jumbo-title {text-shadow:1px 1px 1px #000;}
/* menu */
            #fascia-menu {position:relative; padding-top:150px; z-index:25;}
            .btn-menu {position:relative; margin:0; padding:0; cursor:pointer;}
            .btn-menu .btn {background:#fff!important; padding:0; margin-right:10px; /*height:70px; width:70px;*/ text-align:center; border-radius:0;}
            .btn-menu .label {color: #A78E6F; font-size: 10.5pt; padding:0; margin:0;}
            /* opened */
                #btn-menu.opened {left: calc(6% - 7px);}
                #btn-menu.opened .btn {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); writing-mode: lr-tb; margin:0;}

            #btn-menu {position:fixed; top:40px; left:calc(6% - 10px); background:#fff; padding:10px; z-index:40;}
            #btn-menu #img-hide {display:none,}
            #btn-menu-close .btn {background:#A78E6F}
            #btn-menu-close .label {letter-spacing:1px;}
/*
            #btn-menu-close {position:relative; margin:0 auto; width:70px; height:85px; cursor:pointer;}
            #btn-menu-close .btn {background:#fff; padding:15px 0 0 0; height:60px; width:60px; text-align:center;}
            #btn-menu-close .label {position: absolute; left: 40px; top: 21px; border: 0; color: #A78E6F; text-transform: uppercase; font-size: 10pt; letter-spacing: 2px; width: 60px; text-align: center; font-weight:700;
                -webkit-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                transform: rotate(270deg);
                writing-mode: lr-tb;
            }
            */

            #box-menu {position: fixed; top: 100px;left: 6%; width: calc(100% - 12%); height:100%; background: rgba(255,255,255,1); display: none;}
                #home #box-menu {background: rgba(255,255,255,0.7);}
            #box-menu #container-menu {position:relative; z-index:20;}
            #box-menu .texture {position:absolute; bottom:0; left:0; z-index:0;}
            #menu-top {z-index:10;}
            #box-menu #logo img {margin-top:15px; max-width:90%;}
            #box-menu ul {margin:220px 0 0 0; padding:0; text-align:center;}
            #box-menu ul li {list-style:none; margin:0; padding:0;}
            #box-menu ul li a {font-size:26pt; color:#898989; margin:0; padding:5px 0; font-weight:700; font-family: 'Playfair Display', serif; position:relative; height: 100%; display: inline-block;}
            #box-menu ul li a span {display:none;}
            #box-menu ul li a:hover {color: #A78E6F;}
            /* active */
                #box-menu ul li.active {}
                #box-menu ul li.active a {color:#A68E6F; padding:20px 0; margin-right:150px; font-size:37pt; font-weight:400;}
                #box-menu ul li.active a span {position:absolute; left:-5px; top:10px; display:unset; font-family: 'Montserrat', sans-serif; color: rgba(167,142,111,0.2); font-size:85pt; font-weight:800; line-height:90px;}
                #box-menu ul li a span {display:none;}
                #box-menu ul li.active a:after {display: block; content: ''; position: absolute; right: -100px; width: 70px; height: 2px; bottom: calc(50% - 7px); border: 2px solid #A78E6F; border-top: 0;}

            /* affix */
                #home .affix #box-menu {background:#fff; border:1px #f6f6f6 solid;}
            /* language menu */
                ul#languageMenu {position:absolute; top:45px; right:calc(6% + 15px); padding:0; margin:0; z-index:40;}
                    #top #fascia-logo ul#languageMenu {margin:0;}
                ul#languageMenu li .dropdown-menu {min-width: 60px; border: 0; padding:0; left:inherit; right:-17px; margin-top:20px; border-radius: 0 !important; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
                ul#languageMenu li {margin: 0; border-radius: 0!important; display:block;}
                ul#languageMenu li .fa {font-size:8pt; margin-left:5px;}
                ul#languageMenu li a {padding: 0; color: #898989; text-align: center; font-weight: 600;  border-radius: 0!important; font-size:9pt; text-transform:uppercase;}
                ul#languageMenu li ul {margin-top:10px;}
                ul#languageMenu li ul li a {font-weight:400; padding:15px; color:#A78E6F!important}
                ul#languageMenu li ul li:nth-child(2) {border-top:1px #fff solid; border-bottom:1px #fff solid}
                ul#languageMenu li ul li.active a,
                ul#languageMenu li ul li a:hover {background-color: #A78E6F!important; color: #fff!important; border:0;}

                #top a#more_info {float:right; font-size:8pt; text-transform:uppercase; font-weight:500; padding:25px 30px; margin-right:0px; border-left:2px solid rgba(0,0,0,0.1); border-right:2px solid rgba(0,0,0,0.1);}
                #top  #fascia-logo a#more_info {margin-right:60px;}
                #top a#more_info img {height:18px; margin-right:10px;}

                #top #fascia-menu ul#languageMenu {border-right:2px solid rgba(255,255,255,0.5); border-left:2px solid rgba(255,255,255,0.5); margin-left:20px; }
                #top #fascia-menu ul#languageMenu li a {color:#fff;}
                #top #fascia-menu a#more_info {font-size:15pt; text-transform:capitalize ; font-weight:300; padding:20px 40px; border:0; background:#9BAF02; color:#fff;}


                a#more_info_xs {position:absolute; bottom:0; right:0; font-size:15pt; text-transform:capitalize ; font-weight:300; padding:20px 40px; border:0; background:#9BAF02; color:#fff; z-index:20;}
                a#more_info_xs img {height:18px; margin-right:10px;}

        /* fascia contatti */
            #fascia-contatti {padding:30px 0 40px 0; position:relative;}
            #fascia-contatti p {display:inline-block; font-size:10pt; padding:5px 0 7px 0; color:#B9A58D; background:#fff; font-weight:600; letter-spacing:2px; position:relative;}
            #fascia-contatti #mouse {position:absolute; left:calc(50% - 12px); bottom:0;}
            #fascia-contatti #mouse:after {display: block; content: ''; position: absolute;margin:0; width: 1px; height: 100px; top: -110px; left: calc(50% - 1px); border: 1px solid #C9A863; border-bottom: 0;}


/* MIDDLE */
    /* main {position:relative; z-index:0;} */
    main h2 {font-family: 'Playfair Display', serif; position:relative; color:#9E866A; font-size: 29.5pt; font-weight: 700; margin:0 0 30px 0;}
    main p {font-size: 13pt; font-weight: 500; color: #000; margin:30px 0; line-height:28px; line-height: 1.5em;}
    main p.featured {font-size:16pt; font-weight:700;}

    section {padding:50px 0; position:relative;}
    .container {position:relative;  border:0;}

    .div-title {text-align:center; padding:0 150px;}
    .div-title h1 {font-family: 'OsAuro'; text-transform:uppercase; color:#F4EFE9; letter-spacing:5px; font-size:130pt; line-height:150px;}
    .div-title h2 {top:-30px; margin:0 0 10px 0;}
    .div-title p {margin:0;}

    .images3 {padding-bottom:80px; position:relative;}
    .images3 img.main {width:63%; left:15%; position:relative;}
    .images3 img.img-right {position:absolute; right:0; bottom:140px; width:240px;}
    .images3 img.img-left {position:absolute; left:0; bottom:0; width:200px;}

    .fascia-bg {position: absolute; top: 15%; left:0; background: #F4EFE9; height:68%; width: 53%; overflow:hidden;}
    .fascia-bg img {position: absolute; left: -48%; top: -20%; height: 140%;}
    /* HOME - sec benvenuti */
        #div-benvenuti {position:relative; padding:100px 0;}
        #div-benvenuti .text {padding:0 20px 0 100px;}
    /* HOME - sec lago di garda */
        #sec-garda {padding:100px 0 170px 0;}
        #div-garda {background:url('/images/sf_vacanza_garda.jpg') center center; background-size:cover; padding:200px 0 300px 0;}
        #div-garda h2 {font-size:35pt; width:95%; text-shadow:1px 1px 1px rgba(34,34,34,1)}
        #div-garda p {color:#fff; width:80%; text-shadow:1px 1px 1px rgba(34,34,34,1)}
        /* img top right*/
            #div-garda #img-top {position:absolute; top:-300px; right:0;}
            #div-garda #img-top img {width:90%; position:relative; left:10%;}
            #div-garda #img-top p {color:#C9A863; text-align:center; width:70%; position:relative; margin-top: 70px; text-shadow:none;}
            #div-garda #img-top p:after {display: block; content: ''; position: absolute; margin: 0; width: 1px; height: 100px; top: -110px; left:35%; border:0; border-right: 1px solid #C9A863;}
        /* img bottom left */
            #div-garda #img-bottom {position:absolute; bottom:-370px; left:0; width:40%;}        
            ul.list {margin:20px 0 20px 40px; padding:0;}
            ul.list:last-child {margin-bottom:0;}
            ul.list li {margin:10px 0 0 0; padding:0; font-size:12pt; list-style:circle;}
    /* filter */
        .filter {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); text-align:center;}
        a .filter {top:-700px; height:100%; background:rgba(158,134,106,0.7); text-align:center; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s; z-index:2;}
        a .filter img {position:absolute; top:20px; right:20px; width:39px!important; height:auto!important; padding:10px; border:1px #fff solid;}
        a:hover .filter {top:0!important;}
        a .filter h3 {position:absolute; bottom:50px; left:50px; color:#fff; font-size:18pt; text-align:left; line-height:28px; font-family: 'Playfair Display', serif;}
    /* slider */
        .carousel .item a, a.img {position: relative; margin: 0; display: block; overflow: hidden;}
        .carousel .owl-stage-outer, .carousel .owl-stage, .carousel .owl-item, .carousel .item {/*width: 100%; height: 100%;*/}
    /* slider BOX gallery */
        #sec-box-gallery {padding:0 0 200px 0;}
        #slider-box-gallery {height:550px;}
        #slider-box-gallery .owl-stage-outer, 
        #slider-box-gallery .owl-stage,
        #slider-box-gallery .owl-item,
        #slider-box-gallery .item,
        #slider-box-gallery .owl-item .item a,
        #slider-box-gallery .owl-item .item a img{height:100%;}

        #slider-box-gallery .owl-item .item {margin-right:30px;}
        #slider-box-gallery .owl-item .item a img {width:auto;}

        #nav-box-gallery {position: absolute; right:19%; bottom:90px; z-index:30;}
        #nav-box-gallery .owl-prev, #nav-box-gallery .owl-next {display: inline-block; margin: 0px 5px 0 0px; padding:22px; width:74px; height:74px; background:none; border:1px #CAA861 solid; cursor: pointer; float: left; text-align:center;transition:all .3s;-webkit-transform: all .3s;}
        #nav-box-gallery .owl-prev:hover, #nav-box-gallery .owl-next:hover {opacity:0.5;}
    /* map */
        #sec-mappa {padding:0;}
        #sec-mappa #box-mappa {position:absolute; right:3%; top:100px; width:22%; background:#9E866A; padding:30px 40px;}
        #sec-mappa #box-mappa a.logo {display:block; text-align:center; margin-bottom:40px;}
        #sec-mappa #box-mappa a.logo img {}
        #sec-mappa #box-mappa p {font-size: 11.7pt; color: #fff; font-weight: 600;}
        #sec-mappa #box-mappa p a {color:#fff;}
        #sec-mappa #box-mappa p span {float:left; }
        #sec-mappa #box-mappa p img {margin-right:15px;}
        #sec-mappa #box-mappa .button {margin:60px 0 30px 0;}
        #map iframe {height:700px;}

    /* sec content */
        /* box gallery */
            .sec-content .box-gallery {padding:0; margin-bottom:80px;}
            .sec-content .box-gallery a.img.main {height: 300px; overflow: hidden; margin-bottom: 30px;}
        /* table (prezzi) */
            .sec-content #sec-prezzi .table {width:50%;}
            .sec-content #sec-prezzi .table th {background:#F4EFE9; text-transform:uppercase;}
    /* gallery */
        #sec-gallery .img {height:200px; margin-bottom:30px;}
        #sec-gallery .img a {position:relative; display:block; height:100%; width:100%; overflow:hidden;}
        #sec-gallery .img a .filter img {top:20px!important; right:20px!important; left:unset!important;}
        /* PSWP */
            .pswp__caption__center {text-align: center; text-transform: uppercase; letter-spacing: .5px; font-weight: 600; font-size: 12px;}    
    /* footer */
        footer {position:relative; padding:50px 0; color:#9E866A; font-size:9pt; font-weight:600; letter-spacing:2px; z-index:0;}
        footer a {display: block;}

        /* contatti */
            #contatti form .input-control {height:50px; margin:0 0 10px 0; padding: 6px 12px; box-shadow: inset 0 1px 1px rgba(188,216,10,.2);}
            #contatti form textarea.input-control {height:100px; margin-top:40px; padding-top: 12px;}
            #contatti form h4 {margin:25px 0 15px 0;}
            #contatti form p {margin:20px 0 0 0;}
            #contatti form button {margin-top:20px;}
            /* MODAL CENTER */
                .modal iframe {border:0; width:100%; text-align:center;}
                .dialog_modal .modal-dialog { display: inline-block; vertical-align: middle;}
                #dialog-confirm .modal-dialog {width:40%; }
                #dialog-privacy .modal-dialog, #dialog-meteo .modal-dialog {width:55%;}
                #dialog-confirm .modal-body, #dialog-privacy .modal-body, #dialog-meteo .modal-body { padding: 30px;}
                #dialog-privacy iframe {width:100%; height:500px;}
                .dialog_modal {text-align: center; padding: 0!important;}
                .dialog_modal::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
                .dialog_modal .modal-footer .btn {display: block; margin: 0 auto; width: 30%;}
                /* menu wellness */
                    .text-image .paragraph {text-align:left; margin-bottom:30px;}
                    .text-image .paragraph img {width:220px; float:left; margin-right:20px;}
                    .text-image .paragraph.right img {float:right; margin-right:0; margin-left:20px;}
    
        .nice-select {border: 1px solid #ccc; width: 100%;}
        .nice-select .list {width: 100%; margin: 0;}

        #mappa-sito main p {margin: 3px 0;}

        #widgetTP {margin: 30px 0 0 0; padding:0;}
        #widgetTP a {display: inline-block;}
        #widgetTP #newconcept {text-align:center; margin:0; padding:0; color:#898989; font-size:9pt;}
        #newconcept br {display:none!important;}
        #widgetTP #newconcept a {font-size:9pt; font-family: 'Montserrat', sans-serif!important;}
        #widgetTP #newconcept a#link_privacy {padding-right:11px; margin-right:5px; border-right:1px #898989 solid; color:#AA9882; font-size:9pt; font-weight: 600;}

        .modal-header #top {border: 0;}
        .modal-header .close {position: relative; z-index: 2; margin: 30px 30px 0 0; padding: 10px; background-color: #AA9882; opacity: 1;}
        .modal-header .close:hover {opacity: .8;}
        .modal-dialog {margin: 0 auto;}
        .modal-body strong {font-family: 'Playfair Display', serif; font-size: 20pt; font-weight: 400; opacity: 1;}
        .modal-body .paragraph p {opacity: .7; font-weight: 500; line-height: 20pt;}

        .privacy {text-align: center; margin-top: 40px;}

    
    /* mappa api gmaps */
        .gm-style-pbt {float: left; width: 50%; font-size: 14pt; opacity: 1;}

@media (max-width:1499px) {
	body {border:3px solid yellow;}
    /* slider BOX gallery */
        #slider-box-gallery {height:500px;}
    /* map */
        #sec-mappa #box-mappa {width:30%;}
}
@media (max-width:1299px) {
    body {border:3px solid black;}
    #widgetTP #newconcept a#link_privacy {padding-right:0; margin-right:0px; border-right:0; display:block;}
}
/* standard portatile */
@media (max-width:1199px) {
	body {border:3px solid green;}
    #box-menu ul {margin-top:120px;}
    #home header #top {height:600px;}
    #jumbo-dida {top: 20%;}
    /* HOME - sec benvenuti */
        #sec-benvenuti .text {padding: 0 0px 0 50px;}
    /* main */
        main p {margin:20px 0;}
    /* map */
        #sec-mappa #box-mappa {width:35%;}
    /* slider BOX gallery */
        #slider-box-gallery {height:450px;}

    /* sec content - box gallery */
        .sec-content .box-gallery a.img.main {height:380px;}
    footer .separator {display:none;}
    footer br {display:block!important;}
}
/* tablet larghezza più piccola */
@media (max-width:991px) {
    body {border:3px solid blue;}
    #sb-container {padding-top: 40px;}
    #home header #top {height:500px;}
    #jumbo-dida1 {font-size:25pt; bottom: 50px;}
    /* menu */
        #box-menu ul {margin: 80px 0 0 0;}
        #box-menu ul li a {font-size:25pt;}
    /* MIDDLE */
        /* HOME */
             .div-title {padding: 0 50px;} 
             .div-title h1 {font-size: 100pt; line-height: 120px;}
            /* sec benvenuti */
                #sec-benvenuti {padding:80px 0;}
                #sec-benvenuti .text {padding: 0 20px;}
                #div-benvenuti {margin-top:80px;}
                .fascia-bg {top:0; height: 100%; width: 100%;}    
            /* HOME - sec lago di garda */
                #sec-garda {padding:0; overflow:hidden;}
                #div-garda {padding: 70px 50px;}
            /* img top right*/
                #div-garda #img-top img {left:0%;}
                #div-garda #img-top p {width:90%;}
            /* img bottom left */
                #div-garda #img-bottom {bottom: -250px; left: unset; right: 50px;}
        /* slider BOX gallery */
            #slider-box-gallery {height:320px;}
        /* map */
            #sec-mappa .container-padding {padding:0;}
            #sec-mappa #box-mappa {position: relative; right: 0; top: 0; width:100%;}
            #sec-mappa #box-mappa a.logo {margin-bottom: 20px;}
            #sec-mappa #box-mappa p {text-align: center; margin:20px 0;}
            #sec-mappa #box-mappa p span {float: none;}
            #sec-mappa #box-mappa .button {margin: 30px 0 10px 0;}

        /* sec content - box gallery */
            .sec-content .box-gallery a.img.main {height:300px;}
        /* table (prezzi) */
            .sec-content #sec-prezzi .table {width:60%;}
    /* FOOTER */
        footer p, #widgetTP #newconcept {text-align:center; line-height:22px;}
        footer .separator {display:inline;}
}
@media (max-width:767px) {
	body {border:3px solid red;}
    a .filter {display:none!important;}
    #sb-container {padding-top: 30px;}
    #home header #top {height:400px;}
    /* menu */
        #box-menu ul li a {padding: 0;}
        #box-menu ul li.active a span {display:none;}
        #box-menu ul li.active a {padding: 0; font-size: 27pt;}
    /* MIDDLE */
        section {padding:60px 0;}
        .div-title h1 {font-size:80pt; line-height: 100px;}
        .fascia-bg img {left:-100%;}
        /* HOME - sec lago di garda */
            #div-garda {padding: 100px 50px;}
            #div-garda h2, #div-garda p {width:100%;}
        /* slider BOX gallery */
            #sec-box-gallery {padding:0 0 150px 0;}
            #nav-box-gallery {bottom:50px;}
            #nav-box-gallery .owl-prev, #nav-box-gallery .owl-next {padding: 15px; width: 60px; height:60px;}
            #slider-box-gallery {height:250px;}     
        /* table (prezzi) */
        .sec-content #sec-prezzi .table {width:80%;}
        /* sec benvenuti */
            #div-benvenuti {padding:50px 0; margin-top:60px;}
        /* mappa */
        #map iframe {height:500px;}
    #widgetTP #newconcept a#link_privacy {padding-right:0; margin-right:0px; border-right:0; display:block;}
}
@media (max-width:600px) {
    body {border:3px solid blue;}
    #sb-container {padding-top: 30px;}
    .container-padding {padding: 0; overflow:hidden;}
    footer .container-padding {padding:0 20px;}
    #home header #top {height:300px;}
    #jumbo-dida {top:15%;}
    #jumbo-dida1 {display:none;}
    #logo-top {left: 0; width: 100%; padding: 0;}
    ul#languageMenu li a {color: #fff;}
    /* menu */
        #box-menu {left: 0; width:100%;}
        #box-menu ul {margin:30px 0 0 0;}
        #box-menu ul li a {text-transform:uppercase; padding:5px 0; font-size:16pt; font-weight:500!important; }
        .btn-menu .btn {margin-right:0px;}
        .btn-menu .label {display:none!important;}
    /* MIDDLE */   
        
        main h2 {font-size:25pt;}
        .div-title {padding:0 30px;}
        .div-title h1 {font-size:60pt; line-height:80px;}

        /* HOME - sec lago di garda */
           #sec-garda {padding:0;}
            #div-garda {padding: 50px 20px;}
            #div-garda h2 {font-size: 28pt;}
        /* sec benvenuti */
           #sec-benvenuti {padding: 50px 0;}
           .fascia-bg img {top: -5%; height: 110%;}
    /* table (prezzi) */
        .sec-content #sec-prezzi .table {width:100%;}
}

@media (max-width:439px) {
	body {border:3px solid green;}
    header #top {height:300px;}
    #sb-container {padding-top: 20px;}
    #home header #top {height:270px;}

    #logo-top img {width:200px;}
    #jumbo-title {font-size:44pt;}
    #box-menu ul li.active a {font-size: 20pt; margin-right:60px;}
    #box-menu ul li.active a:after {right: -70px; width: 50px; height: 2px; bottom: calc(50% - 3px);}
    ul#languageMenu {right:20px;}
    /* MIDDLE */
        section {padding:50px 0;}
        .div-title {padding:0 20px;}
        .div-title h1 {font-size:50pt; line-height:70px;}
        /* HOME - sec lago di garda */
            #div-garda h2 {font-size:20pt;}
        /* slider BOX gallery */
            #slider-box-gallery {height:200px;}
    /* gallery */
        #sec-gallery .img {width:100%; margin-bottom:15px;}
    /* mappa */
        #map iframe {height:400px;}
}

@media (max-width: 767px) and (orientation: landscape) {
    #box-menu #logo {position: relative;}
    #box-menu #logo img {margin: 0 auto; position: absolute; left: 150px; top: -50px;  max-width: 40%;}
    #home #box-menu #fascia-logo {margin-bottom: 20px;}
    #box-menu .col-indirizzi {margin-top: 0;}
    #box-menu button {margin-top: 10px;}
    #box-menu ul li a {font-size: 12pt;}
    #gomiddle {bottom: 10px;}
}
@media (max-height:500px) and (orientation: landscape) {
    body {border:4px red solid}
    #fascia-top {height:76px;}
    #home header #top {margin: 76px 0 0 0;}
    #logo-top img {width:150px;}
    #btn-menu {top:18px;}
    ul#languageMenu {top:30px;}
    #logo-jumbo {display: none!important;}
    #box-menu {height:100%; overflow-y:scroll; top:76px;}
    #box-menu ul {margin:10px 0 0 0;}
    #box-menu ul li a {padding:3px 0; font-size:11pt;}
    #box-menu ul li.active a {font-size:18pt;}
    #box-menu ul li.active a:after {bottom: calc(50% - 3px);}
}
@media (max-height: 800px) and (min-width: 992px) and (orientation: landscape) {
    body {border:5px #000 solid;}
    #box-menu ul {margin: 70px 0 0 0;}
}


.box_prenotaora {
    background-color: #9E866A;
    padding:3rem;
    text-align:center;
    }


.box_prenotaora a {color:#fff; font-size:20px; font-weight:bold }    
.box_prenotaora a:hover {color:#000;}    

.mt5 {margin-top:4rem;}


body {border:0!important;}