a { -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
.text_dyn a, .text_dyn a:hover, .text_dyn a:focus, .text_dyn a:visited { color:#5DB59A; }
.text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited { color:#3c3c3c; }
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity:0.9; }
#slideshow img { min-width: 100%; }
.clear { clear: both; }
.overflow { overflow: hidden; }
.documents, .videos { margin: 20px auto 40px auto; }
.documents .document { margin: 10px; padding: 0 10px 10px 10px; display: block; clear:both; border-bottom: 1px solid #D5D5D5; overflow:hidden; }
.documents .document a { }
.documents .document a:before { margin:0px 10px 0px 0px !important; float:left; }
.documents .document .document_size { float:right; color: #D5D5D5; margin-left: 30px }
ul.cnt { margin:0; padding:0; display:flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: stretch; }
ul.cnt li.half { width:50%; }
.cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: flex-start; justify-content: center; }
form .caption-fields .field input[type="phone"]::-webkit-input-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::-moz-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::-ms-input-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::-moz-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::placeholder { opacity: 0.1; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }
* { outline: none; }
/* Da qui specifico */
body { background-color: #F7F7F7 }
/* Infosplash */
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin-bottom: 10px}
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-family: "Playfair Display"; font-size: 30px;}
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "Baskerville"; font-size: 20px; line-height: 20px; color: #3B3B3B; }
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a,
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink a { display: inline-block; font-family: "Aileron-Bold"; font-size: 15px; color: #363636; text-align: center; line-height: 1; letter-spacing: 0; z-index: 1; position: relative; padding: 15px 25px; background-color: transparent}
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before,
#infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink a:before { width: 100%; height: 12px; background-color: #FED5D5; text-align: left; z-index: -1; position: absolute; left: 0; right: 0; bottom: 10px; content: ''; }
/* Messaggi persuasivi */
#persuasive_messages .persuasive_message { border: 5px solid #8dc8e0; }
#persuasive_messages :where(h1, h2, h3, h4, h5, h6) { font-family: "Playfair Display"; margin-bottom: 10px; }
/* 404 */
.summary_text .not-found { text-align: center; font-size: 28px }
#page.not_found_page .section_link { text-align: center; }
/* page_default_ */
#page { background-color: #FFFFFF; text-align: left; }
#page .section_label { text-align: left; margin-bottom: 25px }
#page .section_label .varsimple { display: inline-flex; align-items: center; padding: 15px 58px 15px 15px; border-radius: 6px; background-color: #747474; font-family: "Rubik-Regular"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }
#page .section_label .varsimple:before { width: 10px; height: 10px; border-radius: 5.5px; background-color: #FFFFFF; text-align: left; content: ''; margin-right: 5px; }
#page .summary_text { font-family: "Playfair Display"; font-size: 45px; color: #3B3B3B; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }
#page .section_text { font-family: "Baskerville"; font-size: 20px; color: #3B3B3B; text-align: left; line-height: 30px; letter-spacing: 0; }
/* fine */
/* Menu btn */
#menu_btn .bars { height: 22px }
header .section_left #menu_btn .bars .bar.first {width: 20px}
header .section_left #menu_btn .bars .bar.last {width: 20px; left: calc(100% - 20px)}
header .section_left #menu_btn span {margin-left: 15px}
header .section_left #menu_btn.fired .bars .bar.first, header .section_left #menu_btn.fired .bars .bar.last { left: 0; width: 100% }
/* Menu */
.menu_open { transition: .3s; z-index: -1; opacity: 0; top: -100% }
.menu_open.fired { z-index: 1; opacity: 1; top: 0 }
.menu_open ul li {margin-bottom: 10px; position: relative; z-index: 2}
.menu_open ul li:hover { z-index: 1 }
.menu_open ul li a { z-index: 1; display: block; }
.menu_open ul li a:before, .menu_open ul li:hover a:before{ content: attr(data-before); position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; top: -30px; z-index: -1 }
.menu_open ul li a:before { opacity: 0; pointer-events: none; transition: .6s; white-space: nowrap; }
.menu_open ul li:hover a:before {opacity: .8; top: -70px}
.menu_open .navbar-collapse { width: 100% }
.menu_open .nav > li > a { position: relative; }
.menu_open ul li:hover a { display: block; }
/* Booking btn */
.booking_btn{ transition: .4s; position: relative; }
.booking_btn.fired { z-index: 10; cursor: pointer; }
.booking_btn .varsimple {transition: .3s}
.booking_btn.fired .varsimple {color: transparent!important; border-color: transparent!important;}
.booking_btn:before, .booking_btn:after { opacity: 0; transition: .4s; background-color: transparent; transform: rotate(90deg); width: 35px; height: 1px; background-color: #3A3A3A; content: ''; position: absolute; top: 50%; left: calc(50% - 17px) }
.booking_btn.fired:before { transform: rotate(45deg); opacity: 1 }
.booking_btn.fired:after { transform: rotate(-45deg); opacity: 1 }
/* Booking */
.booking_open { opacity: 0; z-index: -1; left: -100%; transition: .3s; }
.booking_open.fired { left: 0; opacity: 1; z-index: 9 }
.booking_open form .caption-fields .form.field.date .date_from_html {display: block;}
.booking_open form .caption-fields .form.field.date .date_from_html .month_name_tiny {display: none;}
.booking_open form .caption-fields .form.field.date .date_from_html .month_name {display: inline-block;}
.booking_open form .caption-fields .form.field.date .date_from_html .year {display: inline-block;}
.booking_open form .caption-fields .form.field.date .date_from_html:after {display: none;}
.booking_open form .caption-fields .form.field.date .date_from_html { border: unset; }
/* Booking mask */
.booking_open form .caption-fields .booking_element_wrapper .field { width: 70% }
.booking_element_wrapper {width: 33.333%; background-color: #4D83A0; display: flex; flex-direction: column; justify-content: center; height: 100%}
.booking_open form .caption-fields .booking_element_wrapper .form_merge_group {width: 100%!important; padding: 0}
.booking_element_wrapper .remove_selector { width: 15px; height: 15px; cursor: pointer; }
.booking_element_wrapper .add_selector { width: 15px; height: 15px; cursor: pointer; }
.booking_open form .caption-fields .booking_element_wrapper .field .form_element_title { font-family: "Baskerville"; font-size: 18px; text-transform: inherit; color: #fff }
.booking_open form .caption-fields .booking_element_wrapper .field.element_7 .form_element_title { font-family: "Playfair Display"; font-size: 32px; text-align: center; color: #fff }
.booking_open form .caption-fields .booking_element_wrapper .form.field.element_7.select .form_select .current_value { font-family: "Playfair Display"; font-size: 25px; text-align: center; color: #fff }
.booking_open form .caption-fields .booking_element_wrapper .form.field.element_7.select .form_select {background-color: transparent; width: 100px; margin: 0 auto; justify-content: center;}
.booking_open form .caption-fields .booking_element_wrapper .field.element_7 { display: block; }
.booking_element_wrapper .remove_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 19px; color: #FFFFFF; content: '\f068' }
.booking_element_wrapper .add_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 19px; color: #FFFFFF; content: '\f067' }
.booking_open form .caption-fields .booking_element_wrapper .form.field.select .form_select .current_value:after {display: none;}
.booking_open form .caption-fields .booking_element_wrapper .field {float: none; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0}
.booking_open form .caption-fields .form.field.select .form_select { display: flex; align-items: center; background-color: transparent }
.room-number-descr { width: 70%; margin: 30px auto 5px; font-family: "Playfair Display"; font-size: 22px; color: #fff; text-align: left; border-bottom: 1px solid #fff; padding-bottom: 7px }
.booking_open form .caption-fields .booking_element_wrapper .form.field.select .form_select .current_value { font-family: "Playfair Display"; font-size: 25px; text-align: center; color: #fff; padding: 5px 20px }
.booking_open form input[type="submit"] {margin: 30px auto; font-family: 'Aileron-Regular'; background-color: transparent; border: 2px solid #fff}
.booking_open form .caption-fields .booking_element_wrapper .field.element_13 { display: none; padding: 0 30px 0 10px; }
.booking_open form .caption-fields .booking_element_wrapper .field.element_13 input { background-color: #5c91ad; color: #fff }
.booking_open form .caption-fields .booking_element_wrapper .field.element_13 .form_element_title { font-size: 14px; margin-top: 15px; }
.booking_open form .caption-fields .form_merge_group .group_wrapper { padding: 15px 35px 35px 15px; background: #659AB7; }
.booking_open form .caption-fields .form.field.select .form_select .elements_list {display: none!important;}
.booking_open .caption-fields .field.date { justify-content: center; flex-direction: column; width: 33.333%; display: flex; background-color: #fff; text-align: center; align-items: center; height: 100% }
form .caption-fields .field.element_16 { font-family: "Baskerville"; font-size: 20px; color: #2A2A2A; text-align: center; line-height: 1; letter-spacing: 0; justify-content: center!important; position: relative;top: -90px}
.booking_open form {height: 100%}
.booking_open form .caption-fields {height: 100%}
.form_merge_add_button, .form_merge_rem_button { display: none; }
.booking_open .caption-fields .field.date .form_element_title { text-transform: inherit; position: relative; top: -170px }
.booking_open .caption-fields .field.date.element_6 { position: relative; }
.booking_open .caption-fields .field.date.element_6:before { position: absolute; content: ''; background-color: #737373; height: 80%; width: 1px; left: 0 }
.booking_open .caption-fields .field.date.element_6:after { position: absolute; content: ''; background-color: #737373; height: 80%; width: 1px; right: 0; display: none; }
.booking_open .logo { position: absolute; bottom: 40px; z-index: 2; left: 0; right: 0; margin: 0 auto; }
.booking_open form .caption-fields .field.element_14 {display: none;}
@media (max-width: 1375px){
.room-number-descr {width: 100%}
.booking_open form .caption-fields .booking_element_wrapper .field { width: 100% }
}
@media (max-height: 768px){
.booking_open form .caption-fields .booking_element_wrapper .form.field.select .form_select .current_value {font-size: 18px}
.booking_open form .caption-fields .booking_element_wrapper .field .form_element_title {font-size: 16px}
.room-number-descr {font-size: 19px; margin-top: 15px}
.booking_open form .caption-fields .booking_element_wrapper .field.element_7 .form_element_title { font-size: 20px; margin-bottom: 0 }
.booking_open form .caption-fields .booking_element_wrapper .form.field.element_7.select .form_select .current_value {font-size: 18px}
.booking_open .caption-fields .field.date .form_element_title { position: absolute; top: 20px; }
form .caption-fields .field.element_16 { position: absolute; top: 20px; }
.booking_element_wrapper {position: relative;}
.booking_open .logo img { width: 90px; height: auto; }
}
/* language */
#language_btn { cursor: pointer; }
header .section_left #language {margin-left: 60px}
header .section_left #language ul {margin: 0; display: flex; align-content: center; align-items: center;}
header .section_left #language ul li { margin-right: 10px; }
/* Header */
header { padding: 15px; transition: .4s }
header .section_left, header .section_logo, header .section_right { transition: .4s }
header.scrolled, body.no_slideshow header { background-color: #2F556A; height: 135px; align-items: center; }
header.scrolled .section_logo, body.no_slideshow header .section_logo { transform: scale(.6); }
/* Booking btn */
header .section_right .booking_btn .varsimple {padding: 15px 35px}
/* Phone btn */
header .section_right .phone_btn {margin-right: 60px}
/* Slideshow */
.slideshow_cnt:before { background-color: transparent; }
/* generici */
.ztemplate .zsimplebutton a, .link_btn a { padding: 15px 25px }
.ztemplate .zsimplebutton a:before, .ztemplate .zlink a:before, .link_btn a:before { transition: .3s }
.ztemplate .zsimplebutton a:hover:before,.ztemplate .zlink a:hover:before, .link_btn a:hover:before { height: 100%!important; bottom: 0!important}
.slick-dots li { margin: 0 8px; transition: .3s }
.slick-dots li.slick-active { margin: 0 24px 0 8px }
.slick-dots li button:before { transition: .4s }
/* template2 */
.ztemplate_model_2 { padding: 30px 0 }
.ztemplate_model_2 .row .box .elem .caption-cnt .caption .ztextarea {margin: 25px 0}
/* template3 */
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt { margin: 0 auto }
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 40px}
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { margin: 25px 0; }
/* section rooms homepage */
.section_rooms { padding: 40px 0; overflow-x: hidden; }
/* template4 */
.ztemplate_model_4 {margin-bottom: 140px}
.ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt {margin: 0 auto;}
.ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt {margin-top: 30px}
.section_rooms .big_text { position: absolute; z-index: 1; left: calc(100%/2 - 1190px/2); top: -110px }
/* template5 */
.ztemplate_model_5 { }
.ztemplate_model_5 .ztemplate { position: relative; left: calc(100%/2 - 1190px/2 + 250px); }
.ztemplate_model_5 .ztemplate .row .box .elem { margin: 0 40px }
.ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 0 15px 40px 40px }
.ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt { margin-top: 40px }
.ztemplate_model_5 .ztemplate .slick-prev { top: calc(50% - 80px) }
.ztemplate_model_5 .ztemplate .slick-next { top: calc(50%) }
.ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt { transition: .6s }
.ztemplate_model_5 .ztemplate .row .box .elem.slick-current .caption-cnt {background-color: #F8F8F8;}
.ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt {background-color: transparent;}
.ztemplate_model_5 .ztemplate .row .box .elem.slick-current { opacity: 1 }
.ztemplate_model_5 .ztemplate .row .box .elem { opacity: .4; transition: .6s }
/* Home Services */
.section_services { background-image: url('../images/bg/bg_services_new.jpg'); background-repeat: no-repeat; background-size: contain; background-position: bottom; height: 820px; background-color: #FFFFFF; }
/* template6 */
.ztemplate_model_6 { position: relative; top: 50%; transform: translateY(-50%); }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption { bottom: inherit; top: 50%; transform: translateY(-50%); }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt { margin-left: auto; width: 40%; margin-bottom: 10px }
.ztemplate_model_6 .ztemplate .row .box .elem { margin-bottom: 25px }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {padding: 0 15px}
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a:before { width: 0; transition: .4s }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title:hover a:before {width: 125px}
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a:after { height: 0; transition: .4s; opacity: 0 }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title:hover a:after,
.ztemplate_model_6 .ztemplate .row .box .elem.focus .caption-cnt .caption-alt .title a:after { height: 12px; opacity: 1 }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption { opacity: 0; transition: .4s }
.ztemplate_model_6 .ztemplate .row .box .elem:hover .caption-cnt .caption,
.ztemplate_model_6 .ztemplate .row .box .elem.focus .caption-cnt .caption { opacity: 1 }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption img { clip-path: url(#svgPath); }
#svgPath #left, #svgPath #right { }
#svgPath #left { position: relative; transform: translateY(0);}
#v_mask.fired #svgPath #left { transform: translate(10px, -30px); transition: .4s; transition-delay: .3s}
#svgPath #right { position: relative; transform: translateY(0);}
#v_mask.fired #svgPath #right { transform: translate(-10px, 30px ); transition: .4s; transition-delay: .3s}
.section_content_head { margin: 0 auto; padding: 40px 0 }
.section_content_head .section_bottom {margin-top: 30px}
.section_content_head .label_text { margin-bottom: 30px }
/* template7 */
.ztemplate_model_7 {max-width: 1190px; margin: 0 auto;}
.ztemplate_model_7 .slick-list {padding: 0 20px!important}
.ztemplate_model_7 .ztemplate .row .box .elem {margin: 0 40px; opacity: 0; transition: .4s}
.ztemplate_model_7 .ztemplate .row .box .elem.slick-active { opacity: 1 }
.ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 30px}
.ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput {margin-bottom: 20px}
.ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue {margin-left: 7px}
.ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin-top: 20px}
/* per vetrine */
.showcase .ztemplate_model_7 .ztemplate .row .box .elem { opacity: 1; width: calc(33.333% - 80px) }
.showcase .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt { background-color: #F7F7F7; }
.showcase .ztemplate_model_7 { width: 100%; max-width: 1820px; }
.showcase .ztemplate_model_7 .ztemplate .row .box {display: flex; flex-wrap: wrap;}
.showcase .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt {max-width: 520px}
.ztemplate_model_7.centered .ztemplate .row .box .elem .caption-cnt .caption-alt {}
/* template8 */
.ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption img {opacity: .5; height: 550px; object-fit: cover}
.ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption-alt {transform: translateY(-50%); max-width: 920px; margin: 0 auto; padding: 15px}
.ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { margin: 20px 0 30px }
.ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { transition: .3s }
.ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton:hover a { background-color: #fff; color: #000 }
/* template9 */
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput:before { background-color: transparent }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput .fieldkey { display: none; }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput {margin-right: 50px}
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 30px}
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zoption .fieldkey { display: none; }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { margin: 30px 0 }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin-top: 30px}
/* template10 */
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 30px; right: inherit; left: 50%; max-width: 590px; transform: translateY(-50%); bottom: inherit; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput .fieldkey { display: none; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput {margin-right: 50px}
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { margin: 30px 0 }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin-top: 30px}
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption img { opacity: .5; height: 100%; object-fit: cover }
.ztemplate_model_10 .vareditor { left: calc(100%/2 - 1190px/2 + 40px); transform: translateY(-50%); }
/* footer */
footer {padding: 0 30px}
footer .section_top { padding: 60px 15px }
footer .section_top .section_left .section_address {margin-left: 90px}
footer .section_top .section_right .section_contacts {margin-right: 90px}
footer .section_bottom { border-top: 1px solid #A9A5A5;}
footer .section_top .section_right .section_social .socialnet { margin: 0 10px }
footer .section_top .section_left .logo img {height: auto;}
footer .section_bottom .section_right,
footer .section_bottom .section_left,
footer .section_bottom .section_center { width: 33.333%; }
footer .section_bottom .section_right { display: flex; justify-content: flex-start; padding-right: 60px; }
footer .section_bottom .section_center { display: flex; justify-content: center; align-items: center; align-content: center; }
footer .section_bottom .section_right { display: flex; justify-content: flex-end; }
footer .section_bottom .iubenda_button { margin: 5px; }
/* page */
#page .section_date { margin-bottom: 15px; background-color: #efefef; padding: 10px; }
#page .section_date:before { margin-right: 5px }
#page .section_price {margin-bottom: 30px}
#page .section_link a { padding: 15px 25px; margin-top: 30px }
#page {overflow-x: hidden;}
#page .section_content {max-width: 1190px; margin: 0 auto; padding: 40px 15px}
body.no_slideshow #page .section_content { margin-top: 135px }
#page .section_content .section_top {margin-bottom: 40px}
#page.showcase.rooms .summary_text { max-width: 900px; }
#page.showcase.rooms .section_text { max-width: 540px; margin-left: auto; }
#page .top_seo {margin-bottom: 30px}
#page.page .summary_text { margin-bottom: 30px }
#page .section_gallery { left: calc(100%/2 - 1190px/2 + 60px); margin: 60px 0 }
#page .section_gallery li { margin: 0 10px }
#page .section_gallery .slick-prev { top: calc(50% - 80px); left: -90px }
#page .section_gallery .slick-next { top: calc(50%); left: -90px }
.gallery { padding-left: 90px }
.gallery ul li img { min-width: unset; max-width: unset; }
#page .section_albums .album { margin: 20px }
#page .section_albums .album a .album_title {width: calc(100% - 60px); margin: 0 auto; padding: 20px}
.album_media img { width: calc(25% - 20px); margin: 5px; }
#page .section_text.submenu_ok { display: flex; align-items: flex-start; }
#page .section_text.submenu_ok .inner_content { width: calc(100% - 320px); padding: 0 60px 0 0 }
.submenu #tree {margin: 0}
.submenu #tree > li > a {padding: 5px 15px; margin: 5px;}
.submenu #tree > li.active { }
.submenu_cnt .submenu li { display: inline-block; font-family: "Baskerville"; font-size: 24px; color: #3B3B3B; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: relative; }
/*
.submenu_cnt .submenu li span { padding: 0 15px; text-decoration: underline; opacity: .6; display: none; }
.submenu_cnt .submenu li a:before { opacity: 0; bottom: -5px; height: 6px; transition: .3s }
.submenu_cnt .submenu li:hover a:before { opacity: 1; bottom: -3px; height: 12px }
.submenu_cnt .submenu:before { height: calc(100% + 70px); }
*/
/* page camera */
#page.room .summary_text { max-width: 900px }
#page.room .section_room_top {margin-top: 30px}
#page.room .section_room_top .section_right .zinput .fieldkey {display: none;}
#page.room .section_room_top .section_right .zinput {margin-right: 50px}
#page.room .zcheckbox.g5 {margin-bottom: 40px}
#page.room .zcheckbox.g5 .fieldvalue { padding-left: 70px }
#page.room .zcheckbox.g5 .fieldkey {margin-bottom: 15px}
#page.room .section_text h2 {margin-bottom: 15px}
/* Showcase */
.section_content_showcase { padding: 30px 60px; max-width: 1820px; margin: 0 auto}
.showcase .top_seo {margin-bottom: 30px}
/* form contatti */
.form-cnt form .form-title {display: block; margin-bottom: 30px}
.form-cnt form .caption-fields .field input, form .caption-fields .field.textarea textarea { background-color: transparent; border-bottom: 2px solid #D8D8D8; transition: .4s }
.form-cnt form .caption-fields .field input:focus, form .caption-fields .field.textarea textarea:focus { border-color: #5C5C5C }
.form-cnt form input[type="submit"] {background-color: transparent;}
form #showprivacy { padding: 0 10px; }
form .form_messages .message { background-color: #6a98ab }
.maps_cnt { display: block; margin: 60px 0px 0px 0px; }
.maps_cnt iframe { border: 2px solid #6a98ab !important; }
/* Configurazione per RWD */
/* Generic Mobile Devic Tablet */
@media (min-width: 1441px) {
.container { width: 1440px; }
}
@media (max-width: 1439px) {
#page .top_seo { margin-left: 60px }
.section_content_head .label_text { margin-left: 60px }
.section_content_head {padding: 40px 15px}
footer .section_top .section_left .section_address h3 { font-size: 30px; }
footer .section_top .section_left .section_address { font-size: 18px; }
footer .section_top .section_right .section_contacts { font-size: 18px; }
footer .section_top .section_right .section_contacts a { font-size: 18px; }
}
@media (max-width: 1280px) {
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt {left: 40px}
.section_rooms { padding: 40px 15px }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 30px}
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt { left: 40px }
footer .section_bottom { padding: 20px 0px; }
footer .section_bottom .section_right,
footer .section_bottom .section_left,
footer .section_bottom .section_center { width: 100%; justify-content: center; padding: 0px 0px; text-align: center; }
footer .section_bottom .section_center { order: 1; }
footer .section_bottom .section_left { order: 2; padding: 10px 0px 0px 0px; }
footer .section_bottom .section_right { order: 3; }
}
@media (max-width: 1168px){
.ztemplate_model_10 .vareditor {font-size: 30px; left: 15px}
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt {left: inherit; right: 15px}
.showcase .ztemplate_model_7 .ztemplate .row .box .elem { width: calc(50% - 80px); }
}
@media (max-width: 1140px){
#page .section_gallery {left: 15px}
footer .section_top .section_left .logo {margin-bottom: 20px}
footer .section_top {flex-direction: column;}
footer .section_top .section_left {flex-direction: column;}
footer .section_top .section_left .section_address h3 {text-align: center;}
footer .section_top .section_left .section_address { margin-left: 0 }
footer .section_top .section_right {flex-direction: column; margin-top: 20px}
footer .section_top .section_right .section_contacts { margin-right: 0; text-align: center; font-size: 17px }
footer .section_top .section_right .section_contacts a { font-size: 17px }
footer .section_top .section_right .section_social {margin-top: 20px}
footer .section_bottom {flex-direction: column;}
}
@media (max-width: 1024px) {
#page.showcase.rooms .summary_text { margin-bottom: 20px }
#page.showcase.rooms .section_text {max-width: unset;}
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: auto;}
#page .section_room_top { flex-direction: column; }
#page .section_room_top .section_left {width: 100%}
#page .section_room_top .section_right {width: 100%; margin-top: 20px; text-align: left;}
#slideshow img { min-height: 800px; object-fit: cover; }
}
@media (max-width: 979px) {
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { max-width: unset; width: calc(100% - 30px); left: 0; right: 0; margin: 0 auto }
.ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 100%}
.ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {width: 100%}
.ztemplate_model_5 .ztemplate .slick-prev, .ztemplate_model_5 .ztemplate .slick-next { left: 0 }
.ztemplate_model_5 .ztemplate .slick-prev:before, .ztemplate_model_5 .ztemplate .slick-next:before {font-size: 30px}
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption { position: relative;opacity: 1; top: 0; transform: unset; width: 100%; max-width: 390px }
.section_services {height: auto; padding: 15px}
.ztemplate_model_6 { top: 0; transform: unset; }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt {flex-direction: column; position: relative;}
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100%; max-width: 390px; background-color: rgba(255,255,255,.5); margin-left: 0; padding: 10px; text-align: center; }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 25px; text-align: center; width: 100%}
.ztemplate_model_6 .ztemplate .row .box { display: flex; flex-wrap: wrap; justify-content: center; }
.ztemplate_model_6 .ztemplate .row .box .elem {margin: 10px}
.section_content_head .section_bottom .summary_text {width: 100%}
.section_content_head .section_bottom {flex-direction: column;}
.section_content_head .section_bottom .link_btn {margin-bottom: 30px}
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt { max-width: unset; width: calc(100% - 30px); left: 0; right: 0; margin: 0 auto; }
#page .section_gallery .slick-prev:before, #page .section_gallery .slick-next:before { font-size: 30px }
#page .section_gallery .slick-prev, #page .section_gallery .slick-next { left: -30px }
.gallery {padding-left: 30px}
.showcase .ztemplate_model_7 .ztemplate .row .box .elem { width: calc(100% - 80px); }
}
/* Generic Mobile Devic Phone */
@media (max-width: 480px) { }
@media (max-width: 768px) {
.booking_open form .caption-fields .form.field.date .date_from_html .day {font-size: 55px}
.booking_open form .caption-fields .form.field.date .date_from_html .month_name {font-size: 22px}
.booking_open form .caption-fields .form.field.date .date_from_html .year {font-size: 22px}
}
@media (max-width: 767px) {
body { padding-top: 115px }
.ztemplate_model_10 .vareditor {transform: unset; bottom: inherit; top: 30px; left: 30px}
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt {position: relative; left: 0; margin-top: 15px; width: 100%; max-width: unset; transform: unset; text-align: left;}
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt { flex-direction: column; padding: 15px; background-color: #2F556A }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption img {opacity: 1}
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput {margin-bottom: 15px}
.ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-size: 30px }
.ztemplate_model_5 .ztemplate {left: 15px}
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { top: -15px; padding: 15px }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt { top: -15px; padding: 15px }
.ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt { top: -15px }
#page .section_text.submenu_ok {flex-direction: column;}
#page .section_text.submenu_ok .inner_content {width: 100%}
.submenu_cnt {margin-top: 30px; width: 100%}
.form-cnt form .caption-fields .field { width: 100% }
.ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .title a { font-size: 35px; line-height: 35px }
.ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption .title a { font-size: 35px; line-height: 35px }
.ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-size: 35px; line-height: 35px }
.ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-size: 35px; line-height: 35px }
.section_content_head .title_text {font-size: 35px; line-height: 35px}
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption img {clip-path: unset;}
.slideshow_cnt .section_caption h4:before { width: 60px; left: -100px }
.slideshow_cnt .section_caption h4:after { width: 60px; right: -100px }
#menu_btn span {display: none;}
header {background-color: #2F556A; padding: 10px; height: 70px; align-items: center;}
header.scrolled, body.no_slideshow header { height: 70px; }
header .section_right .booking_btn {position: absolute; top: 70px; left: 0; width: 100%;}
header .section_right .booking_btn .varsimple {border: unset; background-color: #213d4c;}
header.scrolled .section_logo, body.no_slideshow header .section_logo { transform: unset; }
header .section_logo img { height: 50px; width: auto; }
header .section_left #language {margin-left: 15px}
header .section_left #language ul li.active a {font-size: 10px}
header .section_left #language ul li.active a {width: 25px; height: 25px; line-height: 25px}
header .section_right .phone_btn {margin-right: 0}
header .section_right .phone_btn a { font-size: 0 }
header .section_right .phone_btn a:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #fff; text-transform: lowercase; text-align: left; line-height: 30px; letter-spacing: 0; content: "\f095"; }
#slideshow img { height: calc( 50vh - 115px); min-height: unset; }
.slideshow_cnt .section_caption { top: 50%; padding: 0 10px; bottom: unset; transform: translateY(-50%);}
.slideshow_cnt .section_caption h2,
.slideshow_cnt .section_caption #page_name,
.slideshow_cnt .section_caption #page_name { font-size: 30px; line-height: 30px }
.slideshow_cnt .section_caption {font-size: 15px}
.menu_open ul li a, .menu_open ul li:hover a {font-size: 25px}
#page .summary_text,
#page .zcheckbox.g5 .fieldkey,
#page.room .section_text h2 { font-size: 30px; line-height: 30px }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 30px; line-height: 30px}
.booking_open { overflow-y: auto; overflow-x: hidden; padding-bottom: 115px }
.booking_open form .caption-fields { flex-direction: column; width: 100%; margin: 0; background-color: #4c829f; padding-top: 0; height: auto; }
.booking_open form {height: auto;}
.booking_open form .caption-fields .form.field.date {width: 100%; padding: 15px 0}
.booking_open form .caption-fields .form.field.date .date_from_html .day {font-size: 30px; padding: 10px 10px 0 10px}
.booking_open form .caption-fields .form.field.date .date_from_html .month_name {display: none;}
.booking_open form .caption-fields .form.field.date .date_from_html .month_name_tiny {display: block; font-size: 16px; border: 0}
.booking_open form .caption-fields .form.field.date .date_from_html .year {font-size: 16px}
.booking_open form .caption-fields .form.field.date .form_element_title {font-size: 13px}
.booking_open form .caption-fields .form_merge_group {width: 100%!important}
.booking_open form .caption-fields .form.field.date:first-of-type { background-color: #4d819f }
.booking_open form .caption-fields .form_merge_group {padding: 15px 0}
.booking_open.fired { top: 115px; }
.booking_open { left: 0; top: -100% }
.booking_open .caption-fields .field.date .form_element_title {position: relative; top: 0}
.booking_open form .caption-fields .field.element_16 {display: none;}
.booking_btn:before, .booking_btn:after { background-color: #fff }
.booking_element_wrapper {width: 100%; padding: 15px 0}
.booking_open form .caption-fields .form.field.date .date_from_html {display: flex;}
.booking_open form .caption-fields .form.field.date .date_from_html .day {padding: 10px 0; font-size: 18px}
.booking_open form .caption-fields .form.field.date .date_from_html .year {padding: 10px 0; font-size: 18px}
.booking_open form .caption-fields .form.field.date .date_from_html .month_name_tiny {text-transform: uppercase; font-size: 18px}
.booking_open .logo { display: none; }
.booking_open form .caption-fields .form.field.date:first-of-type .form_element_title { color: #fff }
.booking_open form .caption-fields .form.field.date:first-of-type .date_from_html .day,
.booking_open form .caption-fields .form.field.date:first-of-type .date_from_html .month_name_tiny,
.booking_open form .caption-fields .form.field.date:first-of-type .date_from_html .year{ color: #fff }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput { margin-right: 10px }
.showcase .ztemplate_model_7 .ztemplate .row .box .elem {width: 100%; margin: 0 0 30px 0}
.showcase .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt {top: 0; left: 0; min-height: unset!important}
.section_content_showcase { padding: 15px }
body.no_slideshow #page .section_content { margin-top: 0 }
#page .section_text.submenu_ok .inner_content { padding-right: 0 }
img.left { margin-bottom: 20px!important }
.section_rooms .big_text { display: none; }
.ztemplate_model_4 { margin-bottom: 60px; }
.ztemplate_model_5 .slick-list { left: -45px; width: calc(100% + 15px); }
.section_services { background-image: unset; }
.ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a:after { height: 12px; opacity: 1 }
footer .section_top .section_left .section_address { text-align: center; }
#page .section_gallery img { max-width: calc(100vw - 30px); height: auto; max-height: calc(50vw); }
#page .section_gallery .slick-prev { top: calc(50% - 50px); }
#page .section_gallery .slick-next { top: calc(50% + 10px); }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput { width: calc(50% - 20px); margin: 10px; }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput:before { font-size: 20px !important; }
.ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue { font-size: 16px !important; margin-top: 4px; }
#page.room .section_room_top .section_right .zinput { width: calc(50% - 22px); margin: 10px; }
#page.room .section_room_top .section_right .zinput:before { font-size: 20px !important; }
#page.room .section_room_top .section_right .zinput .fieldvalue { font-size: 16px !important; margin-top: 4px; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption { height: auto; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption img { height: 30vh; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput { width: calc(50% - 22px); margin: 10px; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput:before { font-size: 20px !important; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue { font-size: 16px !important; margin-top: 4px; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { margin: 0px 0px 20px 0px; }
.ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-size: 30px; line-height: 30px; }
.slideshow_cnt .section_caption #container_name { font-size: 35px; line-height: 35px; }
#page.room .zcheckbox.g5 .fieldvalue { padding-left: 40px; }
#page .zcheckbox.g5 .fieldvalue:before { width: 30px; }
.submenu_cnt { flex-direction: column; }
.submenu #tree { flex-direction: column; margin-top: 20px; width: 100%; }
.submenu_cnt .submenu { width: 100%; }
#page.offer .submenu #tree > li.active { display: none; }
.submenu #tree > li { width: 100%; }
.album_media img { width: 100%; margin: 5px 0px 15px 0px; }
}
@media (max-width: 768px) { }
/* iPad landscape | Kindle landscape width: 1024px */
@media (min-width: 980px) and (max-width: 1199px) { }
/* Large Desktop */
@media (min-width: 1200px) { }
@media (min-width: 1680px) { }
/* Regole per display ad alta densità*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}