@import url("../fonts/font-suisse.css");
@import url("../fonts/font-futura.css");

body { font-family:"Futura LT W01 Book", Arial, san-serif; font-size:20px; line-height:30px; letter-spacing: .025em; color: #3c3c3b; transition: background-color .3s;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: 'SwMediumItalic', "Times New Roman", serif; color: #8E8E8D; }
button:focus { outline: none; }
.wp-block-spacer { height:45px !important; }
.wp-block-column:not(:first-child) { margin-left:60px !important;}

h1, a .s-italic { font-size: 48px; line-height: 52px; letter-spacing: -0.025em;} 

h2 { font-size:31px; line-height: 35px; letter-spacing: -0.025em; color: #3D3D3D;  }
a { transition: all .3s; color: #3c3c3b;}
a:hover { color: #3c3c3b;  }
strong { font-family:"Futura LT W01 Bold", Arial, san-serif; }
.s-italic { font-family: 'SwMediumItalic', 'Times News Roman' !important; font-weight: normal !important;  }
img { max-width:100%; height: auto;  }
hr { border-color: #999; margin-top:80px; margin-bottom: 80px;}
button { background-color: transparent; }

.container-fluid { padding-left:130px; padding-right:130px;}

#preloader-out, #preloader-in { position: fixed; left: 0; top: 100%; z-index: 9999; width: 100%; transition: top .3s; height: 100vh; overflow: visible; background: #fff url('../images/loading.gif') no-repeat center center; }
#preloader-in { top: 0px; }

*:hover, *:focus, *:active { outline: none; box-shadow: none !important;  }
input { border-radius: 0px !important; }

/* blocco gallery core */
.gallery-pagina img, .slider-pagina img { width: 100% !important;}
.gallery-pagina, .slider-pagina {margin-top:75px; margin-bottom: 75px; position:relative;  }
.gallery-pagina .slick-track, .slider-pagina .slick-track { max-height:calc( 100vh - 80px ); overflow:hidden; }
.gallery-pagina .slick-arrow, .slider-pagina .slick-arrow { width:50%; left: -50px; position: absolute; top: 0px; height: 100%; z-index:100; }
.gallery-pagina .slick-arrow.slick-next, .slider-pagina .slick-arrow.slick-next{ left: auto; right: -50px; }

.gallery-pagina .slick-arrow.slick-prev:hover, .slider-pagina .slick-arrow.slick-prev:hover { cursor:url(../images/ar-prev.svg), url(../images/ar-prev.cur), pointer;  }
.gallery-pagina .slick-arrow.slick-next:hover, .slider-pagina .slick-arrow.slick-next:hover { cursor:url(../images/ar-next.svg), url(../images/ar-next.cur), pointer; }

header #booking.open { width:70px; text-indent: -100000px; background-image: url('../images/menu-chiudi-book.svg'); background-repeat: no-repeat; background-position: right;}
#booking { cursor: pointer; transition: top .5s; font-size: 20px; position: absolute; top: 20px; right: 60px; width: auto; color: #fff; height: 30px; z-index: 995; border:none; background: transparent; }
#booking span { display:inline-block !important;}

#menu-lingue, #menu-lingue-inglese { position: fixed; top: 20px; left:60px; width:auto; text-align: left; text-transform: none; font-size:20px; z-index: 995; }
#menu-lingue li:last-child::after, #menu-lingue-inglese li:last-child::after { content:'';}
#menu-lingue li, #menu-lingue-inglese li { text-transform: none;  }
#menu-lingue li.wpml-ls-current-language a, #menu-lingue-inglese li.wpml-ls-current-language a { border-bottom: 2px solid;}

.menu-testata { position:relative;z-index:1000; }
.menu-testata ul { display:inline; }
#hotels-open { border:none; background-color: transparent; color: #fff; margin:0px; padding: 0px;   font-family: 'SwMediumItalic', 'Times News Roman' !important; cursor: pointer; font-size: 16px;   }
#hotels-open:hover { border-bottom: 1px solid; }

#collapsing-header { position:relative; z-index: 800; }

/* Form BOOKING */
header #navbarBookingContent.navbar  { position:fixed; right:0px; top:0px; height: 100vh; width:100vw; z-index: 990; will-change:transform;  transform: translateX(100vw); transition: transform .2s, background-color .8s; }
#navbarBookingContent.navbar.collapsing, #navbarBookingContent.navbar.show { transform: translateX(0vw); }
#navbarBookingContent.navbar.show {background-color: rgba(0,0,0,.4); }

#navbarBookingContent .contenuti {  width: 50%;  height: 100vh; margin-left:50%; background-color: #efeee9; }
#navbarBookingContent .contenuti form { margin-top:0px; padding-top:120px; padding-right: 17%; padding-left: 17%;}

header #navbarBookingContent, header #navbarBookingContent a, header #navbarBookingContent p { color: #5b5e5f; text-align: left; font-size:25px; line-height:30px; }
#navbarBookingContent a, #navbarBookingContent button { display:block; border:none; background-color: transparent; padding: 0px; color: #5b5e5f; }
header #navbarBookingContent p, #navbarBookingContent button { float:left; width:100%; text-align: left; }
header #navbarBookingContent input { font-family: 'SwMediumItalic', 'Times News Roman'; background-color: transparent; color: #636362; border:none;  }
header #navbarBookingContent .sconto input { height:30px; line-height: 30px; width:100%; text-align: left; font-size: 31px;}
header #navbarBookingContent p span { float: left; width: 30%; }
header #navbarBookingContent input { float: left;  width:70%;  cursor: pointer;}
header #navbarBookingContent  form { padding:60px 90px; max-height: calc( 100vh - 100px ); overflow-y: scroll; }
header #booking.open { right: auto; top:30px;  }
#navbarBookingContent a.small { line-height: 30px; padding: 3px 0px; font-size:18px; border-bottom:1px solid #d7d7d4; color: #7F7F7D; }
header #navbarBookingContent #results { border:2px solid #5b5e5f; clear:both; text-align:center;  font-size:20px; letter-spacing:.1em; padding: 15px;font-family:"Futura LT W01 Medium", Arial, san-serif;  }
header #navbarBookingContent #results:hover { background-color: #5b5e5f; color: #efeee9; }
#navbarBookingContent ::placeholder {  font-size:31px; color: #5b5e5f; opacity: 1; font-family: 'SwMediumItalic', 'Times News Roman' !important; }
#navbarBookingContent :-ms-input-placeholder {  font-size:31px; color: #5b5e5f; font-family: 'SwMediumItalic', 'Times News Roman' !important;}
#navbarBookingContent ::-ms-input-placeholder {   font-size:31px; color: #5b5e5f; font-family: 'SwMediumItalic', 'Times News Roman' !important;}
#navbarBookingContent ::-webkit-input-placeholder {   font-size:31px; color: #5b5e5f; font-family: 'SwMediumItalic', 'Times News Roman' !important;}

header #navbarBookingContent .sconto { border-bottom: 0px; }
header #navbarBookingContent .options { padding-bottom:30px; }

header #navbarBookingContent { font-size:31px; }
header #navbarBookingContent input#arrival, header #navbarBookingContent input#endDate { width:100%;  font-size:31px; line-height: 30px; height:40px;}
#navbarBookingContent h3 { text-align:center; font-size:20px; letter-spacing: .22em; color: #636362; font-family:"Futura LT W01 Medium", Arial, san-serif; text-transform:uppercase; padding-bottom:30px; }
#navbarBookingContent .arrivo, #navbarBookingContent .partenza { border-bottom: 0px; padding-bottom: 0px;   }
#navbarBookingContent .arrivo input, #navbarBookingContent .partenza input { text-align: left; font-family: 'SwMediumItalic', 'Times News Roman'; }
#navbarBookingContent .partenza { padding-left: 20px;}

#navbarBookingContent .bottone { border-top:1px solid; width:100%; float: left; padding-top:24px; padding-bottom:24px; line-height:30px;}
#navbarBookingContent .arrivo, #navbarBookingContent .partenza { height:30px;}
header #navbarBookingContent input#arrival, header #navbarBookingContent input#endDate, header #navbarBookingContent .sconto input{ padding:0px !important; }
header #navbarBookingContent .options { padding-top:20px; clear:both;}

input:focus::placeholder { color: transparent !important; }
input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent !important; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent !important; } /* IE 10+ */
#navbarBookingContent .open-option span { float:right; background-image: url(../images/arrow.svg); padding-right: 50px; background-repeat:no-repeat; background-size:25px; background-position: right top 10px; width: 50%; padding-left:20px; text-align: right;}
#navbarBookingContent .arrivo, #navbarBookingContent .partenza, .wpcf7-form-control-wrap.arrivo input, .wpcf7-form-control-wrap.partenza input { background-image: url(../images/data.svg); background-repeat: no-repeat;  background-size: 25px; background-position: center right 1px; }
#navbarBookingContent .arrivo { background-position: center right 10px;  }

#navbarBookingContent #results.disabled { opacity: .5; }
#navbarBookingContent .oblg { border-color: red !important; color: red !important;  }
#navbarBookingContent .oblg input { color: red; }

#navbarBookingContent button.chiaro { color: #b5b5b1;}

#navbarBookingContent a.small.delete { text-align:center; border: none; width:100%; margin-top:20px; letter-spacing: 0px; }

/* datepicker height: 85vh !important; */
.daterangepicker.show-calendar, .daterangepicker.show-calendar .drp-calendar, .calendar-table { background-color: #efeee9 !important; color: #000; max-width:100% !important; position:static!important; overflow:auto; width:100% !important; border:none!important;margin-bottom: 30px;}
.daterangepicker.show-calendar .drp-calendar.right { display:none !important; }

.table-condensed thead { height:20% !important;}
.table-condensed tbody { font-family:"Futura LT W01 Book", Arial, san-serif !important;}
.table-condensed tr { height: 8vh !important;  }
.daterangepicker .table-condensed  td { font-size: 20px !important; font-family:"Futura LT W01 Medium", Arial, san-serif !important; background-color: #efeee9 !important; border-top:1px solid #000 !important; border-color: #000 !important; border-right: 0px!important; border-left: 0px !important; border-radius: 0px !important;  }
.daterangepicker .table-condensed  td.in-range { background-color: #333 !important; color: #fff !important; border-left: 1px solid #fff !important; }
.daterangepicker .table-condensed  td.start-date, .daterangepicker .table-condensed  td.end-date { background-color: #fff !important; color: #000!important;   }

.daterangepicker .table-condensed  th { color: #333333 !important; border-bottom:1px solid !important; font-size: 20px !important; letter-spacing: .1em !important; text-transform: uppercase !important; font-family:"Futura LT W01 Bold", Arial, san-serif !important; color: #636362 !important; }
.daterangepicker .drp-calendar.left { padding: 0px !important; margin-top:10px; }
.daterangepicker.show-calendar { margin-top:0px!important; }

.ui-datepicker { border-radius: 0px !important; font-family:"Futura LT W01 Book", Arial, san-serif !important; font-size:20px !important; text-transform:uppercase !important; padding:0px !important; }
.ui-datepicker .ui-datepicker-header { border: none !important; background: transparent !important;  }
.ui-datepicker table thead { font-size:10px !important; border-top: 1px solid #C7C7C7 !important; border-bottom:1px solid #C7C7C7 !important; font-family:"Futura LT W01 Bold", Arial, san-serif !important; }
.ui-datepicker .ui-datepicker-title { font-size: 16px !important; font-family:"Futura LT W01 Medium", Arial, san-serif !important; letter-spacing: .1em !important; }
.ui-datepicker td { padding: 0px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: transparent !important; border-color: #000 !important;border:none !important; font-family: 'SwMedium' !important;  font-weight:300 !important; text-align:center !important; font-size:12px !important; }
.ui-datepicker td { border-right: 1px solid #C7C7C7 !important; border-bottom:1px solid #C7C7C7 !important;  }
.ui-datepicker .ui-datepicker-header { height:50px !important; line-height:50px !important;}
.ui-datepicker .ui-datepicker-title { margin: 0px !important; height:45px !important; line-height:45px !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top:2px !important;}
.ui-datepicker a.ui-state-hover { background-image: none !important; border: 0px !important; background-color: transparent !important;  }
span.ui-icon { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #000000; background-image: none !important; }
.ui-datepicker-prev span.ui-icon { width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0;
border-color: transparent #000000 transparent transparent;} 
#ui-datepicker-div { width:15.90% !important; margin-left:0px !important; }
.ui-datepicker th {font-family:"Futura LT W01 Medium", Arial, san-serif !important;}

header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; text-align:center; padding-top:60px; color: #fff; font-size:14px; letter-spacing: .1em; }
header a, footer a { color: #fff; }
header a:hover, footer a:hover { text-decoration: none; border-bottom:1px solid; color: #fff;  }
.menu-testata { width:100%; display:block; margin-top:10px; }
.menu-testata ul, #menu-lingue, #menu-lingue-inglese { list-style-type: none; margin: 0px; padding: 0px; text-transform: uppercase;  }
.menu-testata ul li, #menu-lingue li, #menu-lingue-inglese li { display:inline-block; 
 margin-right:5px; }
.menu-testata ul li::after, #menu-lingue li::after, #menu-lingue-inglese li::after { content: '/'; margin-left: 10px; display:inline-block; }
#menu-lingue li,#menu-lingue-inglese li { margin-left: 0px; margin-right: 0px; float:left; }
#menu-lingue li::after,#menu-lingue-inglese li::after { margin:0px; }

header, .menu-testata { transition: max-height .5s, padding-top .5s, background-color 2s, opacity .1s; max-height: 200px; }
header.active, .page-template-page-viewpoint header, .page-template-page-privacy header { padding-top:20px; background-color: #fff; max-height: 65px;  color: #000; }
.page-template-page-viewpoint header img, .page-template-page-privacy header img { filter: invert(100%); }
header.active a, header.active a:hover, header.active #booking, .page-template-page-viewpoint header a, .page-template-page-viewpoint header #hotels-open, 
.page-template-page-privacy #booking, .page-template-page-privacy header a, .page-template-page-privacy header #hotels-open, .page-template-page-privacy #booking,
header.active #menu-lingue a, .page-template-page-privacy #menu-lingue a, .page-template-page-privacy #menu-lingue a, 
header.active #menu-lingue-inglese a, .page-template-page-privacy #menu-lingue-inglese a, .page-template-page-privacy #menu-lingue-inglese a, header.active #hotels-open {color: #000; }


header img {  height:30px; width:auto; max-width:200px; max-height:30px; transition: max-width .5s, max-height .5s; }
header.active img {   transition: max-width .5s, max-height .5s;}
header.active img { transition: filter .5s; max-width:200px; max-height:30px;}

header.active img {
    -webkit-animation: all .7s; /* Chrome, Safari, Opera */ 
    animation: all .7s;
    animation-fill-mode: forwards;
}

@keyframes all {
    0%   {max-width:230px; max-height:200px; filter: invert(0%);}
    50%  {max-width:0px; max-height:0px;}
    100% {max-width:130px; max-height:200px; filter: invert(100%);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes all {
    0%   {max-width:230px; max-height:200px; filter: invert(0%);}
    50%  {max-width:0px; max-height:0px;}
    100% {max-width:130px; max-height:200px; filter: invert(100%);}
}

#logo { display:inline-block;  }
#logo:hover { border:none; }
.active #logo, .page-template-page-viewpoint #logo, .page-template-page-privacy #logo { margin-bottom: 20px; }
.page-template-page-viewpoint header #collapsing-header, .page-template-page-privacy header #collapsing-header { border-top:1px solid #000; border-bottom: 1px solid #000;  }
#navbarBookingContent.navbar { padding: 0px;}
header.active .menu-testata, .page-template-page-viewpoint header .menu-testata, .page-template-page-privacy header .menu-testata { margin-top:0px;}
.page-template-page-viewpoint header, .page-template-page-privacy header { max-height: 200px; }

/* home */
.home #gallery::after { background-image: url(../images/arrow-bounce.svg); position:absolute; z-index: 998; left: 50% ;  margin-left:-20px; animation: bounce 2s infinite; -webkit-animation: bounce 4s infinite; -moz-animation: bounce 4s infinite; -o-animation: bounce 4s infinite; content: ''; width:40px; height: 40px; display:block; background-repeat: no-repeat; bottom: 20px; background-position: center; }
@-webkit-keyframes bounce {
 0%, 20%,  100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-5px);}
 60% {-webkit-transform: translateY(-2px);}
}
 
@-moz-keyframes bounce {
 0%, 20%,  100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-5px);}
 60% {-moz-transform: translateY(-2px);}
}
 
@-o-keyframes bounce {
 0%, 20%,  100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-5px);}
 60% {-o-transform: translateY(-2px);}
}
@keyframes bounce {
 0%, 20%,  100% {transform: translateY(0);}
 40% {transform: translateY(-5px);}
 60% {transform: translateY(-2px);}
}


#wrapper p, #wrapper ul, #wrapper ol {color: #8e8e8d;} 
#wrapper #testo p { color: #fff;  }

/* pagina stanze */
#stanze, #offerte, .pagina, .gallerymansory { margin-top:80px; margin-bottom:80px;}
#stanze .stanza img { transition: opacity .3s; width:100%; }
#stanze .stanza a:hover img { opacity: .8;}
#stanze .stanza figure { background-color: #000;}
.blocks-gallery-grid, .wp-block-gallery { display:block !important; }
.wp-block-gallery img { width:100% !important; height:100% !important;}

#stanze .row { margin-right: -25px; margin-left: -25px;}
.stanza { padding-right:25px; padding-left:25px;}
#stanze h2 a:hover { text-decoration: none;color: #8e8e8d; }
#stanze .stanza { padding-bottom:40px;}

/* 3 or more colums display next to each other */
.wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3),
.wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3) ~ .wp-block-column {
 flex-basis: 60%!important; }

#wrapper .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3) { flex-basis: 20%!important;}
#wrapper .wp-block-columns .wp-block-column:last-child:nth-child(n + 3) { flex-basis: 20%!important;}

/* pagina offerte */
.offerta { margin-bottom: 50px; }
.offerta p, .stanza p { color: #8E8E8D; font-family:"Futura LT W01 Medium", Arial, san-serif;  }
.offerta .bottone { padding: 0px; position:relative; width:100%; background-color: transparent; border:none; cursor:pointer; width:100%; text-align:left; border-bottom:1px solid; font-size:17px; text-transform: uppercase; letter-spacing: 1px; color: #232323; line-height: 30px; height: 30px;   } 
.offerta .bottone::after { content:''; background-image: url('../images/freccia.svg'); background-repeat: no-repeat; background-position: right; display:block; width:30px;  height:15px; position: absolute; right: 0px; top: 7px; background-size: contain; }
.offerta .bottone.collapsed::after { transform: rotate(0deg); -webkit-transform: rotate(0deg);background-position: right; }
.offerta .bottone::after { transform: rotate(1800deg); -webkit-transform: rotate(180deg); background-position: left;  }

.offerta .book a {  font-family:"Futura LT W01 Medium", Arial, san-serif; border: 2px solid; margin-bottom:20px; display:inline-block; padding: 5px 30px; font-size:12px; text-transform: uppercase; }
.offerta .book a:hover { color: #fff; background-color: #000; border-color: #000; text-decoration:none; }
.offerta img { width:100%; }
.offerta .more-contents { font-family:"Futura LT W01 Medium", Arial, san-serif; position:relative;  width:100%; border-bottom:1px solid; font-size:17px; text-transform: uppercase; color: #232323; line-height: 30px; height: 30px; display:block; background-size: contain; }

#offerte  .row, #stanze .row { margin-left: -30px; margin-right:-30px;}
#offerte .offerta, #stanze .stanza { padding-left: 30px; padding-right:30px;}
#offerte .offerta img { margin-bottom:10px;}
.offerta .more-contents, .offerta .bottone { height: 40px; padding-bottom: 20px;}

form { margin-top:40px; }
form input, label, form textarea { width:100%; }
form input, form textarea { border:none; border-bottom:1px solid; }
form input[type=submit]{ border:2px solid #000; width:auto; padding: 5px 30px; font-family:"Futura LT W01 Bold", Arial, san-serif; font-size:12px; text-transform:uppercase; letter-spacing: 1px; transition: background-color .3s; cursor: pointer; }
form input[type=submit]:hover { background-color: #000; color: #fff; }

/* single offerta */
.single-offerta #gallery, .single-offerta .slick-slider { height: 40vh;}
label.media-width { width:48%; margin-right:4%; }
label.media-width.last, label.terzo-width.last { margin-right: 0px;}
label.terzo-width { width:30%; margin-right:5%; }
.single-offerta #wrapper   form { margin-bottom:80px; }
.modale label.terzo-width { width:100%; font-size:30px;}
label.terzo-width select { width:40%; }
#breadcrumbs { padding-top:45px; color: #8e8e8d; }
#breadcrumbs a {color: #8e8e8d; }
.single-offerta #gallery { margin-bottom: 0px; }

/* punti di interesse */
.page-template-page-viewpoint header #collapsing-header, .page-template-page-privacy header #collapsing-header { transition: padding .1s; }
.page-template-page-viewpoint header.active #collapsing-header, .page-template-page-privacy header.active #collapsing-header { padding: 0px; border-bottom: 0px; }
.page-template-page-viewpoint header.active:hover #collapsing-header , .page-template-page-privacy header.active:hover #collapsing-header  { padding: .5rem 1rem; border-bottom: 1px solid; }

#punti-di-interesse.container-fluid { padding: 0px;  }
#punti-di-interesse .row { margin: 0px;}
#mappa { margin-top:99px; height: calc( 100vh - 80px );}
#mappa-google { height: calc( 100vh - 80px ); }
.wp-block-columns .map { width:100%; padding-top: 100%; height: 0px; position:relative; }
.wp-block-columns #mappa-google { position:absolute !important; top:0px; left: 0px; width:100%; height: 100%; }


.category, .category-mobile { margin-top:10px; cursor: pointer; }
.category:first-child, .category-mobile:first-child { margin-top:40px; }
.category button, .category-mobile button { font-family: 'SwMediumItalic'; border:none; text-align: left; font-size:32px; margin-bottom:10px; line-height: 40px; letter-spacing: -0.025em; color: #111111; }
.category button { margin-bottom: 0px; line-height: 30px; }
.category ul, .category-mobile ul { list-style-type:none; margin: 0px; padding: 0px; margin-left: 7px;}
.category ul li, .category-mobile ul li { text-transform: uppercase; font-size:15px; line-height: 30px; color: #8e8e8d; letter-spacing: .1em; }

#accordion { height:calc( 100vh - 150px ); overflow:scroll; }

/* modale contenuti */
#modale, #modalePrev, .modale.right, .modale { position: fixed; top: 0px; left: 0; background-color: #fff; width: calc( 25% + 15px ); height: 100vh; z-index: 990; transform: translateX(-55vw); will-change:transform;  }
#modale {width: calc( 33.333333% + 15px );}
#modale.open, #modalePrev.open, .modale.open { transform: translateX(0); }
.modale { width:50%; left: auto; right: 0px; transform: translateX(55vw);}
.modale.right {  width:50%; }
.modale .chiudi  { top: 60px; position: absolute; right: 40px; display:inline-block;  cursor: pointer;  width:50px; height: 50px; }
.modale.right, .modale { background-color: #f3f2ed; z-index:999; color: #636362; }
.modale .contenuti { height:80vh;}
.modale h3 { text-align:center; font-family:"Futura LT W01 Book", Arial, san-serif; text-transform: uppercase; }
.modale input, .modale textarea { background-color: transparent; color: #636362; font-family: 'SwBookItalic', 'Times News Roman'; font-size: 30px; border-bottom:2px solid; }
.modale input[type=checkbox]{ width: 15px; margin: 0px; padding: 0px;  }
span.privacy { font-size: 13px;font-family:"Futura LT W01 Bold", Arial, san-serif;  }
span.wpcf7-list-item { margin: 0px; }
.modale form input[type=submit] { width:100%; border-color: #36454c; background-color: #36454c; color: #f3f2ed; font-family:"Futura LT W01 Book", Arial, san-serif;}
.modale .chiudi svg { width:30px; height:30px;}
.chiudi svg { width:20px; height: 20px; }

/*body.openModale { background-color: #f2f2f2; }*/
#modale figure img { width:100%; }

#modale h3, #modalePrev h3 { margin-bottom: 30px; color: #111111; font-size: 28px; letter-spacing: -.025px;}

#modalePrev, .modale, #modale { transition: transform .3s;}
#modale, #modalePrev, .modale {  padding-top: 70px;}
#content, .modale .contenuti { height: 100%; overflow:hidden; overflow-y: scroll; padding-bottom: 60px; }
.modale .contenuti { padding:40px; }
#modale #chiudi, #modalePrev #chiudiPrev  { cursor: pointer; text-indent: -10000px; background-image: url(../images/ar-prev.svg); background-repeat: no-repeat; background-position: left center;  }
#content.loading { background-image: url('../images/loading.gif'); background-repeat: no-repeat; background-position: center; }
#modale .punto { padding: 20px 40px 0px 40px; }
#modale .testo-punto { padding: 0px 40px 20px 40px; }
#modale #chiudi, #modalePrev #chiudiPrev, #modale #p-id  { cursor: pointer; float:left; width:15%; font-size:30px; }
#modale .header { float:left; width:70%; }
#modale .testo-punto { clear:both; padding-top:20px;}
#modale h3 { margin-bottom:0px;}
#modale .indirizzo { font-family: 'SwBookItalic', 'Times News Roman' !important; font-weight: normal;  color: #868686; font-size: 28px;line-height: 32px; letter-spacing: -.025px; }
#modale #p-id { background-image: url(../images/local.svg);  }
#modale #p-id { height: 30px; background-repeat: no-repeat; background-size: contain; transition: opacity .3s; }
#modale #p-id:hover { opacity: .8; }
/*#modale #p-id { height:40px; top:50%; position:absolute; margin-top:-20px; right:10px;}
#modale .punto { position:relative; }*/

.gm-style .gm-style-iw-c  { font-size: 12px !important; border-radius: 0px; background-color: #f3f3f3; padding:15px !important; border:1px solid #999; font-family: 'SwMediumItalic', 'Times News Roman' !important;}
.gm-style-iw-d { overflow:hidden !important; padding-left:3px;  }
.gm-style .gm-style-iw-t::after { background: #f3f3f3 !important;  }
.gm-style {font-size: 15px; letter-spacing: -.5px; color: #868686; }
.gm-style h4 { font-size: 15px; letter-spacing: -.5px; color: #868686; font-family: 'SwMediumItalic', 'Times News Roman' !important; margin-bottom: 0px;}
.gm-style .address {color: #878787; margin-bottom:0px;}
.gm-style .address a { margin-top: 10px; display:block; font-family:"Futura LT W01 Book", Arial, san-serif; text-transform:uppercase; font-size:15px; letter-spacing: .8px; }
.gm-style .gm-style-iw { font-size: 15px !important; letter-spacing: -.025 !important; color: #868686 !important; }

/* pagina Contatti */
#wrapper form { line-height:40px; width:80%; margin: 0 auto; margin-top:30px; font-family: 'SwMediumItalic', 'Times News Roman' !important; font-size:33px; color: #636362;}
#wrapper form h3, .offert-form h3 { color: #636362; text-align:center; margin-bottom:60px; font-size:20px; font-family:"Futura LT W01 Medium", Arial, san-serif; text-transform:uppercase; letter-spacing: .22em; }
#wrapper form input, #wrapper form textarea { border:none; color: #636362; padding: 0px!important;}
#wrapper form label { border-bottom:1px solid;padding: 10px 0px; margin-bottom:0px; height:64px; line-height: 44px;  }
#wrapper form select { border:none; background-color: transparent;  height:40px; padding-left: 0px;}
#wrapper form input[type=checkbox]{ width:10px;}
#wrapper form input[type=submit]{ background-color: transparent; clear:both; float: none; width: 100%; border: 1px solid; margin-top:10px; color: #636362; font-size: 20px; letter-spacing: .1em; font-family:"Futura LT W01 Medium", Arial, san-serif; }
#wrapper form input[type=submit]:hover { background-color: #636362; color: #fff; }
#wrapper form input[disabled]:hover { background-color: #fff; color: #636362; }
#wrapper form .acceptance .wpcf7-form-control-wrap, .privacy-form { font-size:13px; float:left; font-family:"Futura LT W01 Book", Arial, san-serif;  color: #7F7F7D;}
.privacy-form { float:right; padding-top:10px;}
#wrapper form .acceptance label, form .acceptance label { border-bottom: 0px;}
#wrapper form .wpcf7-list-item { margin: 0px; margin-right: 15px;}

#wrapper form ::-webkit-input-placeholder {  color: #636362; }
#wrapper form ::-moz-placeholder {  color: #636362; }
#wrapper form :-ms-input-placeholder {  color: #636362; }
#wrapper form :-moz-placeholder {  color: #636362; }
form p { margin-bottom:0px; }

#wrapper form .chiaro input, #wrapper form .chiaro textarea, #wrapper form .chiaro span, #wrapper form .chiaro, #wrapper form .chiaro select { color: #b5b5b1;  }
#wrapper form .your-message textarea { line-height: 50px; height: 250px; }
#wrapper form ::placeholder, .big { opacity: 1;  }
#wrapper form .chiaro ::placeholder { color: #b5b5b1; opacity: 1;  }
#wrapper form .chiaro :-ms-input-placeholder { color: #b5b5b1; opacity: 1; }
#wrapper form .chiaro ::-ms-input-placeholder {  color: #b5b5b1; opacity: 1; }
#wrapper form .chiaro ::-webkit-input-placeholder {  color: #b5b5b1; opacity: 1; }

select { color: #636362; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("../images/arrow.svg"); background-repeat: no-repeat; width:100%; padding-right:60px;  background-size: 35px; background-position: right; }
textarea { resize: none; }

.wpcf7-form-control-wrap.arrivo input::placeholder, 
.wpcf7-form-control-wrap.partenza input::placeholder { padding-left:1px; }

#wrapper form p.small-privacy {  font-family:"Futura LT W01 Book", Arial, san-serif; font-size: 13px; line-height: 20px; letter-spacing: -.025em; color: #dadada;}

div[data-id="prenotazione"] label.terzo-width { padding-left:2px !important;}

label.terzo-width select { float:right; padding-right:50px; text-align:right; text-align-last: right;}

/* pagina privacy */
.page-template-page-privacy #wrapper { padding-top:180px;}
#cookie-law-info-bar { font-size:12px !important; text-align:left !important; padding: 20px 30px 10px 30px !important;}
#cookie_action_close_header {  float:right; border:1px solid; padding:10px 40px; margin-top:00px !important;}

.page-template-page-privacy h1, .page-template-page-privacy h2 { font-family:"Futura LT W01 Medium", Arial, san-serif; font-size: 20px; line-height: 30px; color: #878787; letter-spacing: .1em; text-transform: uppercase; }
.page-template-page-privacy #wrapper p, .page-template-page-privacy #wrapper ul, .page-template-page-privacy #wrapper ol { margin-bottom:20px; color: #9d9d9c;  }
.page-template-page-privacy h3 { font-family:"Futura LT W01 Book", Arial, san-serif; font-style: italic; font-size: 20px; line-height: 30px;  }
.page-template-page-privacy #wrapper p strong { font-family:"Futura LT W01 Book", Arial, san-serif; color: #878787 !important; }
.page-template-page-privacy #wrapper ul, .page-template-page-privacy #wrapper ol { padding-left: 32px; margin-bottom: 0px; }
.page-template-page-privacy li { padding-bottom: 6px; }

/* checkbox */
.checkbox span.checkbox { margin-bottom:-2px; margin-right: 10px; height: 15px; width: 15px; border: 1px solid #585856; display: inline-block; border-radius: 50%; cursor: pointer; transition: background .3s; }
.checkbox input[type=checkbox] { visibility: hidden !important; display: block !important; height: 0 !important; width: 0 !important; position: absolute !important; overflow: hidden !important; }
.checkbox span.checkbox.checked { background-image: url(../images/check.svg);  }

/* footer */
footer { position:relative; z-index: 949; background-color: #1d1d1b; overflow:auto; padding-bottom:60px;  color: #fff; line-height:20px;  }
#c-hotels { background-color: #f6f6f6; border-top: 5px solid #fff; border-bottom:5px solid #fff; padding: 24px 60px; height:100px; }
#c-hotels svg { height:40px; width: 100px;}
.st0 {fill:#B1B1B1; transition: fill .3s;}
#c-hotels a:hover .st0 { fill: #000 !important; }
#c-hotels a:hover { text-decoration: none; border:none; }

#newsletter p { float:right; letter-spacing: -.04em;  }
#newsletter form { float:left; margin-top: 0px; width:50%; }
#newsletter form input { height: 25px; width:85%; float:left; background-color: transparent; margin-left:5%; color: #b2b2b2;}
#newsletter form input[type=submit] { text-align:right; width:10%; padding: 0px; border:none; margin-left:0px; border-bottom:1px solid; height: 25px; }
#newsletter form input[type=submit]:hover { color: #000; }
#newsletter ::placeholder { color: #b2b2b2; opacity: 1; }
#newsletter :-ms-input-placeholder { color: #b2b2b2; }
#newsletter ::-ms-input-placeholder {  color: #b2b2b2; }
#newsletter ::-webkit-input-placeholder {  color: #b2b2b2; }


#social-footer { padding-right: 60px; float: right; padding-top:30px;  }
.dati {width:25%; padding-left:60px; float: left; padding-top:30px;  text-transform: uppercase; font-size:14px;font-size:12.5px; letter-spacing: 1px;  }
#menu-footer, #menu-footer-inglese { width:50%;  text-transform: uppercase; font-size:14px;font-size:12px; }
#menu-footer,  #menu-footer-inglese { padding-top:30px; }
.dati, #menu-footer,  #menu-footer-inglese { float:left; }
footer ul { list-style-type:none; margin: 0px; padding: 0px; }
#menu-footer li,  #menu-footer-inglese li { float:left; width:25%; font-family:"Futura LT W01 Bold"; letter-spacing: .05em;  }
#menu-footer li li,  #menu-footer-inglese li li { float:none; width:100%; font-family:"Futura LT W01 Medium"; letter-spacing: .15em; } 
#menu-footer li a:hover,  #menu-footer-inglese li a:hover { cursor: default; text-decoration: none; border:none;  }
#menu-footer .sub-menu a, #social-footer a,  #menu-footer-inglese .sub-menu a { color: #ededed;  }
#menu-footer .sub-menu a:hover, #social-footer a:hover,  #menu-footer-inglese .sub-menu a:hover { color: #3D3D3A; border:none; cursor: pointer;  }
#social-footer a { font-size:30px; margin-left:10px; }
#newsletter { float:right; width: 36.5%; color: #b2b2b2; margin-top:12px; font-size: 16px; line-height: 20px;}

#hotels { color: #fff; height: 100vh; background-color: #1d1d1b; clear:both; text-align:center; padding:60px;  }
#hotels svg { fill: white; width:150px; margin-bottom:60px;}
#hotels strong { text-transform: uppercase; letter-spacing: 1px; border-bottom:1px solid; font-family:"Futura LT W01 Medium"; }
#hotels img {  max-width:60%; width:auto; margin: 30px 0px; transition: opacity .3s; }
#hotels a { opacity: 1;  }
#hotels a:hover { text-decoration: none; border:none; }
#hotels a:hover img {opacity: .5;  }

#hotels { position: fixed; top: 0px; left: 0px; width:100%; z-index: 9999; }
#social-hotels { position: absolute; right: 60px; font-size: 30px; }
#social-hotels a { color: #fff;  }
#hotels { transform: translateY(100vw); transition: transform .3s;  }
#hotels.show { transform: translateY(0vw); }
#hotels-close { cursor: pointer; width:40px; height:40px; position: absolute; top: 60px; right: 60px; text-indent: -100000px; background-image: url('../images/menu-chiudi-book.svg'); background-repeat: no-repeat; background-position: right; background-color: transparent; filter: invert(100%); border:none;}

#hotels .hotel { text-transform: uppercase; color: #fff; font-family:"Futura LT W01 Medium", Arial, san-serif; }
#hotels .col-6 { margin-bottom:30px;}

/* POP UP STYLE */
.pum-theme-1443 .pum-content + .pum-close, .pum-theme-c-hotels-theme .pum-content + .pum-close { font-size:20px; background-image: url(../images/menu-chiudi-book.svg); margin:10px; text-indent: -10000px; background-size:20px; background-repeat:no-repeat; background-color: transparent!important; }
.pum-theme-c-hotels-theme .pum-content .inserimento input[type="submit"] {  border:none; text-align:center; margin: 0 auto; display:block; text-indent: -100000px; background-image: url(../images/ar-next.svg); background-repeat: no-repeat; background-position: center; margin-top:20px; transition: opacity .3s;  }
.pum-theme-c-hotels-theme .pum-content .inserimento input[type="submit"]:hover { background-color: transparent; opacity: .3;}
.pum-content+.pum-close:hover { text-indent: -10000px  !important; background-image: url(../images/menu-chiudi-book.svg) !important; margin:10px !important; background-size:20px !important; background-repeat:no-repeat !important; }
.pum-theme-c-hotels-theme .pum-content .bottone { margin: 0px 30px; margin-top:30px; font-size: 14px; letter-spacing: .1em; }
.pum-theme-c-hotels-theme .pum-content p.bottone a { font-family:"Futura LT W01 Medium" !important; color: #fff !important; text-decoration: none; }

.pum-theme-c-hotels-theme .pum-content h1, .pum-theme-c-hotels-theme .pum-content h2 { font-family: 'SwMediumItalic', 'Times News Roman' !important; letter-spacing: -.025em; color:#1D1D1B !important; }
.pum-theme-c-hotels-theme .pum-content h1 {  font-size: 34px !important; line-height: 41px !important;  }
.pum-theme-c-hotels-theme .pum-content h2 {  margin-bottom:0px; font-size: 25px !important; line-height: 31px !important; }
.pum-theme-c-hotels-theme .pum-content h3 { font-family:"Futura LT W01 Medium" !important; text-transform: capitalize; letter-spacing: .1em; font-size: 16px !important; line-height: 22px !important; color: #3C3C3B;  }
.pum-theme-c-hotels-theme .pum-content p { font-family:"Futura LT W01 Book", Arial, san-serif !important; font-size: 18px ; line-height: 26px ; letter-spacing: .025em; color: #626262;    }
.pum-theme-c-hotels-theme .pum-content p a { text-decoration: underline; font-family: 'SwBookItalic', 'Times News Roman' !important; letter-spacing: -.025; color: #40403F !important;}


 @media screen and (max-width: 1280px) {
#newsletter { width:60%; }

}
@media screen and (max-width: 1175px) {

.dati { width:30%; }
#menu-footer, #menu-footer-inglese { width:50%; }
.container-fluid { padding-left:70px; padding-right: 70px; }
#navbarBookingContent .contenuti form { padding-left:10%; padding-right: 10%; padding-top: 100px; }
#hotels { padding-left:0px; padding-right:0px;}
#hotels p { margin-bottom:0px;}
}
@media screen and (min-width: 968px) {

header.active .menu-testata { max-height: 0px; overflow:hidden; opacity: 0; }
header.active:hover { max-height: 200px; }
header.active:hover .menu-testata { max-height: 65px; opacity: 1; }
header.active:hover #collapsing-header { border-top:1px solid #000; border-bottom: 1px solid #000;  }

}

@media screen and (max-width: 968px) {

header #navbarBookingContent.navbar {  width:100%; transform: translateX(100vw); }
header #navbarBookingContent form { padding: 60px 40px;  }
header #navbarBookingContent form, header #navbarBookingContent p span, header #navbarBookingContent input { font-size:18px;}
header #navbarBookingContent input { padding-right:30px;}
#navbarBookingContent .arrivo, #navbarBookingContent .partenza { background-size:25px;}
#navbarBookingContent .open-option span { padding-right: 30px; background-size:25px; }
header #booking.open { top: 30px; left: 50%; right: auto; background-position: center; margin-left:-35px; }
header #navbarBookingContent form { max-height: 100%; }
#booking { right: 30px; }

.navbar-toggler { width:30px; position: fixed; top:30px; left: 30px; padding:0px; }
.navbar-toggler svg { width:20px; height:20px; }
.active .navbar-toggler svg rect, .active .navbar-toggler svg polygon, 
.page-template-page-viewpoint .navbar-toggler svg rect, .page-template-page-viewpoint .navbar-toggler svg polygon,
.page-template-page-privacy .navbar-toggler svg rect, .page-template-page-privacy .navbar-toggler svg polygon { fill: black; }
.navbar-toggler svg rect, .navbar-toggler svg polygon { fill: white; }
.navbar-toggler.collapsed #openM, .navbar-toggler #closeM { display:block; }
.navbar-toggler #openM, .navbar-toggler.collapsed #closeM { display:none; }
#menu-globale, #menu-globale-en { width:80%; margin-left: 10%; }
header a:hover, footer a:hover { color: #C7C7C7; border: none; text-decoration: none; }
.active .navbar { padding: 0px; background-color: #fff; }
.active .navbar-collapse.show, .active .navbar-collapse.collapsing { border-top:1px solid #000; border-bottom:1px solid #000; }
.active #logo, .page-template-page-viewpoint #logo, , .page-template-page-privacy #logo { margin-bottom:15px;}
.page-template-page-viewpoint header #collapsing-header, .page-template-page-privacy header #collapsing-header { padding:0px;}


#hotels { transform: translateY(200vw);  }

.dati { width: 35%; font-size:11px; padding-left:30px; }
#menu-footer,  #menu-footer-inglese { width:65%; font-size:11px;  }
#c-hotels {padding:20px 30px;}
#newsletter { width:70%;  }

.container-fluid { padding-left:60px; padding-right: 60px; }
.wp-block-column, .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3), .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3) ~ .wp-block-column, .wp-block-column:not(:first-child) { flex-basis: 100% !important; margin-left: 0px !important; margin-right:0px !important; }

button#list { margin-top:70px; width:100%; background-color: #000; color: #fff; text-transform: uppercase; border-color: #000; padding:10px;}
#mappa .col-12 { padding: 0px; }
#mappa { margin-top:0px; }
#list.collapsed .open, #list .closed { display:none; }
#list.collapsed .closed, #list .open { display:block; }
.category-mobile button { border-bottom: 1px solid; width: 100%; line-height: 35px;}

#navbarBookingContent .contenuti { width:100%; margin-left:0px; }
label.terzo-width, label.media-width { width:100%;}
label.terzo-width select { float:right; }
#wrapper form .privacy label, #wrapper form .news-form label, .privacy-form { margin:0px; padding:0px; }
#ui-datepicker-div { width: 48% !important;}
.page-template-page-viewpoint #booking, .page-template-page-privacy #booking  {color: #fff; }

#navbarBookingContent button { font-size: 31px; }

#modale { width:100%; transform: translateX(-120vw); }

#newsletter form input { margin-left:0px; width:90%; }


header #navbarBookingContent input#arrival, header #navbarBookingContent input#endDate { line-height: 35px; height: 35px; }
#navbarBookingContent .contenuti { padding-bottom: 50px; }

#bookingMobile {  color: #fff; border:none;  position:fixed; top: auto; right: auto; bottom: 0px; left: 0px; width: 100%; background-color: #1d1d1b; padding:15px; height:50px; text-transform: uppercase; font-size:15px; z-index: 999;}

#menu-lingue, #menu-lingue-inglese { top:25px; left:100px; }

}



@media screen and (max-width: 820px) {

.wp-block-column, .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3), .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3) ~ .wp-block-column, .wp-block-column:not(:first-child) { flex-basis: 100% !important; margin-left: 15px !important; margin-right:15px !important; }

.navbar-toggler { left:10px; top:10px; }
header { transition: background-color .3s; }
header, header.active { padding-top:8px;  }
header img { max-width:200px; max-height:30px; width:130px; }
.menu-testata { min-height:100vh; color: #000;}
.menu-testata ul li { display:block; width:44%; float:left; font-size:29px; text-align:left; margin-left:20px; margin-right:20px; border-bottom:1px solid #C7C7C7 !important; font-family: 'SwMediumItalic', 'Times News Roman' !important; text-transform: none; letter-spacing: -0.025em; margin-bottom:0px; padding-bottom:0px; line-height:50px;}
.menu-testata ul li::after { content:''; }
#hotels-open { font-size:29px; height:29px; line-height: 29px; }

header.open { background-color: #fff; max-height: 1500px;  }
header a, #hotels-open { color: #000;  }
.open .navbar-toggler svg rect, .open .navbar-toggler svg polygon { fill: black; }
header.open img {filter: invert(100%);}

#hotels-open { height:29px;  display:block; margin: 0 auto; width:100%; text-align:left; margin-left: 20px; }
#menu-globale, #menu-globale-en { padding-top:30px;width:100%; float:left; clear:both; margin: 0px; }
.active .navbar-collapse.show, .active .navbar-collapse.collapsing { border-top:none; }
.menu-testata ul li:last-child {margin-bottom:12px;}
#booking { right: 10px; top:8px; }

#menu-globale, #menu-globale-en { margin-bottom:-64px;}
#hotels-open { margin-left: calc( 45% + 50px ); line-height: 50px; border-bottom:1px solid #C7C7C7; height:52px; width:44.5%;}

h1, a .s-italic, .homeSmall .s-italic, .strisce p.s-italic { font-size: 30px !important; line-height: 35px !important;  }

header #booking.open { top:20px; right: 40px; left: auto; }
#navbarBookingContent .contenuti form { padding-top:30px;}
.table-condensed tr { height: 16vh!important; }

#wrapper p { font-size: 15px; line-height: 22px; }
#wrapper form p, #wrapper form label { font-size: 20px; line-height: 40px; }
#wrapper form { width:100%; }
.wp-block-spacer { height: 10px !important; }

#hotels .container-fluid { overflow:scroll; height:100vh; padding-bottom:50px;}
#hotels svg { margin-bottom:20px;  }
#hotels p { font-size:15px; line-height:20px;}
#social-hotels { bottom:20px;}
html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container { max-height: 100vh !important; overflow: scroll; position: absolute !important; top: 10px!important; }
#cookie_action_close_header { float: none; width:auto !important; margin: 10px 0px !important; }
.gallery-pagina .slick-arrow, .slider-pagina .slick-arrow { right:auto ;left: auto; background-image: url('../images/ar-prev.svg'); background-repeat: no-repeat; background-position: left 10px center;}
.gallery-pagina .slick-arrow.slick-next, .slider-pagina .slick-arrow.slick-next { right:0px; background-position: right 10px center; background-image: url('../images/ar-next.svg');}


#menu-lingue-inglese, #menu-lingue { top: 5px; left: 60px; }    

#hotels-open { display:inline-block; margin-left:20px; float:left; clear:both; width:44%; margin-top:-10px;}
#menu-globale { display:inline-block; margin-bottom:0px;}
}



/* Landscape iPhone */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.unquarto, .quattrosesti, .trequarti {
    height: auto!important; 
}
.unquarto .contenuti, .quattrosesti .contenuti, .trequarti .contenuti {padding-top:40px !important; padding-bottom: 30px !important; }
#wrapper form.homeSmall {padding-top:30px; padding-bottom: 30px;}
#menu-globale, #menu-globale-en { padding-top: 0px !important; }
#wrapper form label input, #wrapper form label select, #wrapper form label textarea { padding-left: 0px;   }
button#list { margin-top:70px; }
.category-mobile button { padding-left: 0px; padding-bottom: 10px; }
.category, .category-mobile { margin-top:0px !important; }

#gallery.wait, #gallery.wait .slick-slider, #gallery.wait .slide, #gallery, #gallery .slick-slider, #gallery .slide {
max-height: 90vh !important; overflow: hidden; }
.gallery-pagina { margin-bottom: 35px;  }


}

@media (max-height: 740px ){
	#navbarBookingContent .contenuti form { padding-top:50px; max-height: calc(100vh - 50px); }
}

@media screen and (max-width: 500px) {

	header img { height:20px; max-height:20px; width:auto;  }


hr { margin-top:15px; margin-bottom: 15px;}

header, header.active, .page-template-page-viewpoint header, .page-template-page-privacy header { padding-top:15px;  }
.menu-testata ul li { display:block; width:calc( 100% - 40px ); float:none;}
h2 {font-size:29px; }
#offerte .offerta, #stanze .stanza { padding-left:20px; padding-right: 20px; }

#menu-globale, #menu-globale-en { margin-bottom:0px;}
#hotels-open { display:block; margin: 0 auto; width:100%; text-align:left; margin-left: 20px; border-bottom: none; }
.menu-testata ul li:last-child {margin-bottom:0px;}

.navbar-toggler { top:15px; }


.container-fluid, .container { padding-left:20px; padding-right: 20px; }
#hotels { transform: translateY(100vh);  }
body { font-size:15px; line-height: 19px; letter-spacing: .05em;  }
#c-hotels { text-align:center; height: auto; float:left; clear: both; width:100%; padding-bottom:32px; border-top:0px; }
#newsletter, #newsletter form, #newsletter p { float: left; width:100%; height: auto; }
.dati, #menu-footer,  #menu-footer-inglese { width:100%;padding:20px; }
.dati { padding-bottom: 0px;  }
.dati p { margin-bottom: 0px;  }
#menu-footer li,  #menu-footer-inglese li { width:50%; margin-bottom: 10px; }
#menu-footer li li,  #menu-footer-inglese li li { margin-bottom:0px; }
#social-footer { float:left; padding-left:10px; }
#hotels { padding: 20px; }
#hotels-close { width:25px; top:25px; right:30px;}
#hotels-open:hover { text-decoration: none; border-bottom: 0px; }
#wrapper form { width:100%; }
.privacy-form { float:left; }

header #navbarBookingContent .sconto input, #navbarBookingContent button, #wrapper form,
header #navbarBookingContent input#arrival, header #navbarBookingContent input#endDate { font-size: 20px; }
#navbarBookingContent ::placeholder { font-size: 20px; }
#navbarBookingContent :-ms-input-placeholder { font-size: 20px; }
#navbarBookingContent ::-ms-input-placeholder { font-size: 20px; }
#navbarBookingContent ::-webkit-input-placeholder { font-size: 20px; }
#navbarBookingContent .arrivo, #navbarBookingContent .partenza { width:100%; padding-left: 0px; }
#navbarBookingContent .arrivo { background-position: center right; border-right: 0px;  }
#navbarBookingContent a.small { font-size:15px; line-height:20px; }
#navbarBookingContent h3 { padding-bottom:20px; margin-bottom:0px;}
#navbarBookingContent .contenuti form { padding-top:80px; padding-left:20px; padding-right:20px;  }
.table-condensed tr { height: 6vh !important;}

header #navbarBookingContent.navbar  { min-height: 100vh; will-change:transform;  transform: translateY(150vh); transition: transform .2s, background-color .8s; }
#navbarBookingContent.navbar.collapsing, #navbarBookingContent.navbar.show { transform: translateY(0vh); }


.daterangepicker.show-calendar, .daterangepicker.show-calendar .drp-calendar, .calendar-table { height: 55vh !important; margin-bottom: 40px; }


#ui-datepicker-div { width: 90% !important;margin-left: -5% !important; }

#booking { top:13px; font-size:15px; text-transform: uppercase; letter-spacing: .05em;  }
#booking span { display:none !important;}

.home #gallery::after { bottom: 50px;}
header #booking.open { width: 20px; height: 20px;  background-color: transparent; margin-left: 0px; padding:0px;  }
header #navbarBookingContent #results { width: 100%; padding:15px; height:50px; text-transform: uppercase; font-size:15px; line-height:20px;clear: both;
    float: left; }
.daterangepicker .table-condensed td, .daterangepicker .table-condensed th { font-size: 15px!important; }

#navbarBookingContent .bottone { padding-top:10px; padding-bottom:10px;}
#navbarBookingContent .arrivo { padding-bottom:10px; line-height:30px; height:40px;}
#navbarBookingContent .partenza { height:40px; padding-top:10px;}
#navbarBookingContent .arrivo {  background-position: right 1px; }
#navbarBookingContent .partenza { background-position: right 12px; }

#offerte .row, #stanze .row { margin-left:-15px; margin-right:-15px; }
#navbarBookingContent .open-option span  { background-position: right top 12px; background-size: 15px;}
header #navbarBookingContent .options { clear:both; }
.wp-block-spacer { height: 15px !important; }
.offerta { margin-bottom:20px;  }
#breadcrumbs { margin-bottom: 0px;  }
select {  background-size: 20px; padding-right:30px; padding-left:0px; }
#wrapper form label {margin-bottom:0px;}

#modale, #modalePrev, .modale  { padding-top: 50px;  }
#content, .modale .contenuti { padding-bottom: 120px; }
#collapseFilters .col-lg-4  { min-height: 100vh; }
.category-mobile button {font-size: 29px; border-bottom: 1px solid #C7C7C7 !important; padding: 0px; margin-bottom:0px; line-height: 50px;}
.category-mobile { margin-top:0px;}
.category-mobile:first-child { margin-top:20px;}
#modale #chiudi { margin-top:6px;}
.category-mobile button::after { content:''; display:block; float: right; width:20px; height: 20px; margin-top:15px; background-image: url(../images/center.svg); background-size: cover; background-position: right top; }
.category-mobile.is-open button::after, .category-mobile:hover button::after { background-position: left top;  }

#c-hotels a { position: absolute; top:153px; right:30px; }
#c-hotels svg { height:30px; width:80px; }
.st0 { fill: #FFF; }

.wp-block-column, .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3), .wp-block-columns .wp-block-column:first-child:nth-last-child(n + 3) ~ .wp-block-column, .wp-block-column:not(:first-child) { flex-basis: 100% !important; margin-left: 0px !important; margin-right:0px !important; }

#hotels svg { margin-bottom:40px; width:100px; margin-top:10px; }
#social-hotels { bottom:auto;}
#wrapper p.small-privacy { font-size:13px; line-height: 16px; }

.gallery-pagina {margin-bottom:20px;}
.gallery-pagina .slick-track { max-height: 200px;}
.page-template-page-privacy #wrapper { pading-top:80px; }
header #navbarBookingContent input#arrival, header #navbarBookingContent input#endDate,
header #navbarBookingContent .sconto input { padding-bottom:0px; padding-top: 0px; padding-left:0px;}

#wrapper form .privacy label, #wrapper form .news-form label { height: auto; margin-bottom: 5px;font-size: 13px; line-height: 17px; }
a.privacy-form { display:block; margin-bottom:30px; }

#stanze, #offerte, .pagina, .gallerymansory { margin-top:0px; margin-bottom:0px;}
.gallery-pagina, .slider-pagina { margin-top:0px; margin-bottom:31px;}

#menu-lingue-inglese, #menu-lingue { top:65px; left:35px; font-size:15px; z-index: 9999;}
#menu-lingue-inglese li , #menu-lingue li { color: #000; margin-right:0px;}

button#list { margin-top:55px; }
.page-template-page-viewpoint #booking, .page-template-page-privacy #booking, header.open #booking { color: #000; }
#preloader-out { display:none!important; top:100% !important; }

#menu-footer li, #menu-footer-inglese li { float:none; }
#collapsing-header { padding:0px 15px;}
.menu-testata { margin-top:0px;  }

.page-template-page-viewpoint header #collapsing-header, .page-template-page-privacy header #collapsing-header, .page-template-page-viewpoint header.active:hover #collapsing-header, .page-template-page-privacy header.active:hover #collapsing-header { padding:0px 15px;  }
.page-template-page-viewpoint header #collapsing-header, .page-template-page-privacy header #collapsing-header { border-bottom: 0px; }

#menu-globale, #menu-globale-en { padding-top:40px; }
#menu-lingue-inglese, #menu-lingue { top:70px;}
header { min-height: 58px;}
header a#logo { min-height: 22px; display: block; margin-bottom: 20px; }
header.active img { max-width:300px;}

#hotels .col-6 p { line-height: 21px;}
#hotels .col-6 p:first-child { margin-bottom:21px; }
}