/* animazioni */ @keyframes button_animation { 0% { left: 50%; right: 0; width: 45px; } 50% { left: -10px; right: 0; width: 10px; } 100% {left: -10px; right: 0; width: 100px } } @keyframes button_animation_two { 0% { bottom: 0; height: 0 } 50% { height: 100%; bottom: 0 } 100% { height: 0; bottom: 100% } } @keyframes scroll_down { 0% { transform: translate(0,0); } 100% { transform: translate(0,15px); opacity: 0 } } 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:#de964b; } .text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited { color:#715A5A; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity:0.9; } .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; } 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; } /* Da qui specifico */ /* featured box Natural Spa Chalet */ .featured_box { width: 100%; max-width: 1280px; margin: 0 auto 200px; color: #fff; padding-left: 80px;} .featured_box_cnt { min-height: 490px; display: flex; align-items: center; margin: 0 auto; padding: 90px; background-color: #836F6F; background-image: url('../images/bg/natural_spa_chalet_bg'); background-size: cover; background-repeat: no-repeat; background-position: bottom; margin-left: 70px;} .featured_box_cnt .col { width: 50%; padding: 15px; } .featured_box .section_title { font-family: "D-DINCondensed"; font-size: 50px; } .featured_box .section_summary { font-family: "ATRotisSansSerif-Bold"; font-size: 22px; } .featured_box .section_text { font-family: "ATRotisSansSerif"; font-size: 20px; line-height: 1.2;} .featured_box .section_text p { margin-bottom: 15px;} .featured_box .section_btn { margin-top: 30px} .featured_box .section_btn a { border: 1px solid #AD9F9F; background-color: #AD9F9F; font-family: "BrandonText-Bold"; font-size: 13px; color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; padding: 15px} /* Smartphone */ .smartphone .featured_box { margin: 0; padding: 0;} .smartphone .featured_box_cnt { min-height: 568px; margin-left: 0; padding: 10px;} .smartphone .featured_box .section_title { font-size: 35px; text-align: center;} .smartphone .featured_box .section_summary { font-size: 18px; text-align: center;} .smartphone .featured_box .section_btn { margin-top: 60px} .smartphone .featured_box .section_btn a { display: block;} .smartphone .featured_box_cnt .col { margin-bottom: 20px; text-align: center; } .smartphone .featured_box .section_text { font-size: 16px;} @media (max-width: 375px){ .featured_box_cnt .col { padding: 20px 5px;} .smartphone .featured_box_cnt { min-height: unset; height: 100%;} .smartphone .featured_box_cnt { min-height: 507px;} } /* Slide popup */ .slide_popup { transition: .4s; box-shadow: 0 2px 44px 0 rgb(0 0 0 / 10%); position: fixed; top: 50%; transform: translateY(-50%); right: -320px; z-index: 92; background-color: #fff; padding: 30px; height: 240px; max-width: 320px; min-width: 320px; box-sizing: border-box; } .slide_popup.fired { right: 0;} .slide_label { font-size: 18px; color: #fff; background-color: #836e6f; cursor: pointer; position: absolute; left: auto; top: 94px; transform: translateX(-176px) rotate(-90deg); min-width: 240px; text-align: center; padding: 17px; } .slide_cnt { font-family: "ATRotisSansSerif"; font-size: 18px; color: #717171;} .slide_cnt .varsimple { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; margin-bottom: 20px;} .slide_cnt .varlink { margin-top: 20px;} .slide_cnt .varlink a { font-family: "BrandonText-Bold"; font-size: 13px; color: #656565; text-decoration: underline!important; text-transform: uppercase;} /* loghi partners */ .partners { display: flex; align-items: center; justify-content: center; background-color: #f8f8f8} /* messaggi persuasivi */ #persuasive_messages h1, #persuasive_messages h2, #persuasive_messages h3 { font-size: 16px } #persuasive_messages a { color: #5B4E4E } #persuasive_messages { bottom: inherit; top: 15px } #persuasive_messages .persuasive_message { border-radius: 8px; width: 100%; max-width: 240px; border: none; padding: 12px} .persuasive_message .close_message { text-align: center; border-radius: 100%; width: 18px; height: 18px; background-color: #5B4E4E; color: #fff; text-align: center; line-height: 18px; top: -9px; right: -9px } .persuasive_message .close_message:before { float: none; font-family: "FontAwesome5Pro-Light"; content: '\f00d' } /* video homepage */ .inline-YTPlayer { height: 100vh!important; max-height: unset; max-width: unset!important; overflow: hidden; position: absolute!important; top: 0; left: 0; width: 100%; height: 100vh } .mb_YTPlayer { position: absolute!important; z-index: 2; bottom: 0; width: 100%; top: 0; bottom: 0; height: 100vh!important; padding-bottom: 0!important } .mb_YTPBar .buttonBar { left: 90px } .mb_YTPBar span.mb_OnlyYT { display: none; } /* Video Camere */ #page_room .inline-YTPlayer { height: calc(100vh - 90px)!important; position: relative!important; padding-left: 80px} .smartphone #page_room .inline-YTPlayer { height: 200px!important; padding-left: 0} .smartphone #page_room .mb_YTPlayer { height: 200px!important; } .smartphone #page_room .mb_YTPlayer { position: relative!important; height: 200px!important; padding-bottom: 0!important; padding-left: 0 } /* Fix Pagine */ #page p { margin-bottom: 15px;} /* page video */ .section_page_video { max-width: 1024px; margin: 90px auto; box-shadow: 0px 56px 62px -48px rgba(0,0,0,0.56); } /* 404 */ #page.page_not_found { background-color: #e1e1e1 } #page.page_not_found .section_not_found { display: flex; } #page.page_not_found .section_not_found .section_door { background-image: url('../images/elements/not_found.svg'); width: 70%; height: 100vh; background-repeat: no-repeat; background-size: contain; margin-left: 80px } #page.page_not_found .section_not_found .section_content .section_wrap { width: 360px; } #page.page_not_found .section_not_found .section_content {margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 30%; background-color: #E1E1E1; padding: 25px } #page.page_not_found .section_not_found .section_content .section_bild {background: #fff; border: 10px solid #AD9F9F; padding: 30px 25px; font-size: 25px; position: relative; z-index: 2; background-image: url(../images/bg/bg_mountain.svg); background-repeat: no-repeat; background-size: cover; background-position: 0 15px; text-align: center;} #page.page_not_found .section_not_found .section_content .section_bild:before {position: absolute; content: ''; background-image: url('../images/elements/chiodo.svg'); z-index: 1; background-repeat: no-repeat; width: 53px; height: 32px; top: -40px; left: 0; right: 0; margin: 0 auto;} #page.page_not_found .section_not_found .section_content .section_link a { font-family: "BrandonText-Bold"; text-transform: uppercase; margin-top: 30px; color: #fff; background-color: #B1C1A7; padding: 15px 25px; text-align: center; display: block; width: 100% } #page.page_not_found .section_not_found .section_content .section_link {margin-top: 30px} /* Infosplash */ #infosplash { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); } #infosplash #infosplash_container { display: flex; align-items: center; justify-content: center; height: 100%; } #infosplash #infosplash_container .infosplash_wrapper { text-align: center; } #infosplash #infosplash_container .infosplash_wrapper #infosplash_content { padding: 15px } #infosplash .close {color: #fff; font-size: 18px; margin-bottom: 5px; cursor: pointer;} #infosplash .ztemplate .caption-cnt {position: relative;} #infosplash .ztemplate .caption-cnt .caption-alt {background-color: #fff; position: absolute; z-index: 2; bottom: -80px; top: inherit; width: calc(100% - 40px); margin: 0 auto; left: 0; right: 0; padding: 15px 15px 15px; font-family: "ATRotisSansSerif"; color: #5b4d4e; font-size: 18px} #infosplash .ztemplate .caption-cnt .caption .zinput { position: absolute; z-index: 2; top: 20px; right: 20px; padding: 25px; background-color: #938383; color: #fff; text-align: right; } #infosplash .ztemplate .caption-cnt .caption .zinput .fieldkey {font-family: "BrandonText-Regular"; text-transform: lowercase; font-size: 16px} #infosplash .ztemplate .caption-cnt .caption .zinput .fieldvalue { font-family: "BrandonText-Bold"; font-size: 32px; } #infosplash .ztemplate .caption-cnt .caption-alt .title {margin-top: 0} #infosplash .ztemplate .caption-cnt .caption-alt .title a { font-family: "D-DINCondensed"; font-size: 38px; color: #656565; margin-top: 0 } #infosplash .ztemplate .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; background-color: #836F6F; font-size: 16px; margin-top: 30px; padding: 15px 25px; color: #fff } .slick-slide {height: auto;} /* Elementi nascosti */ .hidden_elements > div { display: none; } .data_loading {position: fixed;padding: 25%;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;z-index: -1;background-color: rgba(255, 255, 255, 0.8);transition: .3s; z-index: 9999999;text-align: center;} .pf_cal .template_calendar .data_loading .fa-spin {color: #9b8b8b;} .data_loading .fa-spin {color: #9b8b8b;} #page_room .head #bottom .section_link a { background-color: #715A5A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; padding: 15px 25px } #page_room .head #bottom .section_link { margin-left: 30px } .post_blog .head #bottom .section_link a { background-color: #715A5A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; padding: 15px 25px } .post_blog .head #bottom .section_link { margin-left: 30px } #varscript_google_maps {padding-left: 80px} .grecaptcha-badge {opacity: 0} /* Messaggi */ #page_error.none {display: none;} #page_error {background-color: rgba(0,0,0,.6); position: fixed; z-index: 9999;} #page_error .cnt-message {padding: 30px; margin: 0 auto;} #page_error .close {color: #fff; cursor: pointer; margin-bottom: 30px} #wrapper {overflow: hidden; transition: .6s} #wrapper.fired { filter: blur(8px); } @-moz-document url-prefix() { #wrapper.fired { filter: unset; transform: unset; } } .desktop_cnt { padding-left: 80px } textarea:focus, input:focus, button:focus, a:focus, li:focus, ul:focus, p:focus, div:focus{ outline: none; } /* Menu */ #menu_open { transition: .6s; left: calc( -40% - 200px); background: #F1F1F1 url('../images/bg/bg_menu_open.jpg'); background-repeat: no-repeat; background-size: contain; background-position: bottom left; padding: 30px} #menu_open.fired { left: 80px; z-index: 996 } #menu_open:before { width: 0; height: 2px; top: calc(50% - 20px); z-index: 1; left: unset; right: 0; transition: .6s; transition-delay: .6s; opacity: 0 } #menu_open.fired:before { width: 95%; opacity: 1 } #menu_open #menu1 li a {padding-left: 0} #menu_open #menu1 li a:before { opacity: 0; transition: .3s; left: -30px; top: 50% } #menu_open #menu1 li:hover a:before { opacity: 1; left: 0; } #menu_open #menu1 li:hover a { padding-left: 30px; } #menu_open #menu1 li {position: relative;} #menu_open #menu1 li .extended-menu { position: absolute; left: 50%; opacity: 0; transition: .3s } #menu_open #menu1 li .extended-menu.fired { opacity: 1 } #menu_open #menu1 li {display: table;} #menu_open #menu2 { top: calc(50% + 40px); } #menu_open #menu2 li { margin-right: 40px; position: relative; left: -20px; opacity: 0; transition: .6s;} #menu_open #menu2 li.mc-0 {transition-delay: .9s} #menu_open #menu2 li.mc-1 {transition-delay: 1s} #menu_open #menu2 li.mc-2 {transition-delay: 1.2s} #menu_open #menu2 li.mc-3 {transition-delay: 1.3s} #menu_open.fired #menu2 li {left: 0; opacity: 1} #menu_open #menu2 li.cid-4 a:before { background-image: url('../images/icons/offerte.svg'); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; top: -40px; left: 0; right: 0; margin: 0 auto } #menu_open #menu2 li.cid-18 a:before { background-image: url('../images/icons/gift.svg'); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; top: -40px; left: 0; right: 0; margin: 0 auto } #menu_open #menu2 li.cid-9 a:before { background-image: url('../images/icons/blog.svg'); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; top: -40px; left: 0; right: 0; margin: 0 auto } #menu_open #menu2 li.cid-10 a:before { background-image: url('../images/icons/contatti.svg'); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; top: -40px; left: 0; right: 0; margin: 0 auto } #menu_open .logo { line-height: 110px; top: calc(50% - 85px); right: 0; z-index: 2; transition: .3s; transition-delay: .5s } #menu_open.fired .logo { right: -110px; } /* submenu */ .submenu {padding: 0; display: inline-block;} .submenu a {padding: 6px; margin-bottom: 10px} .submenu #tree > li > a {display: block;} .submenu #tree > li.active {display: none;} .submenu #tree > li { display: inline-block; margin: 0 7px } /* Booking */ #booking_open .search_data_loading { position: absolute; left: 0; right: 0; top: 180px; color: #9b8b8b; } #booking_open.submitted #booking { opacity: .2 } #booking_open .section_title { max-width: 260px; margin: 30px auto 15px } #booking_open { transition: .6s; left: calc( -550px - 200px); padding: 28px; overflow-y: auto;} #booking_open::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #booking_open::-webkit-scrollbar { width: 12px; background-color: transparent; } #booking_open::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #725a5b; } #booking_open.fired { left: 80px; z-index: 996 } #booking_open #booking {margin-top: 20px} #booking_open #booking form .caption-fields .form_merge_group { position: relative; z-index: 4 } #booking_open #booking form .caption-fields .date .date_from_html .month_name_tiny {display: block;} #booking_open #booking form .caption-fields .date .date_from_html {display: flex; align-items: center;} #booking_open #booking form .caption-fields .date .date_from_html .day {position: relative;} #booking_open #booking form .caption-fields .date .date_from_html .day:before{ display: none; } #booking_open #booking form .caption-fields .date .date_from_html .day:after { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; content: "/"; } #booking_open #booking form .caption-fields .date .date_from_html .month_name_tiny {margin: 0 7px 0 0} #booking_open #booking form .caption-fields .element_7 { display: none; } #booking_open #booking form .form_merge_add_button {display: none;} #booking_open #booking form .caption-fields .date .form_element_title { position: relative; left: 8px; top: 40px } #booking_open #booking form .caption-fields .form { padding-bottom: 30px; position: relative; z-index: 2 } #booking_open #booking form .caption-fields .date {border-bottom: 1px solid #EBEBEB; position: relative; z-index: 5} #booking_open #booking form .caption-fields .select { margin-bottom: 0px } #booking_open #booking form .caption-fields .select .html_select {justify-content: space-between;} #booking_open #booking form .caption-fields .select .html_select .current_value { position: relative; top: 0; line-height: 40px } #booking_open #booking form .caption-fields .select .html_select .remove_selector, #booking_open #booking form .caption-fields .select .html_select .add_selector { display: block!important; } #booking_open #booking form .caption-fields .select .form_element_title {position: relative; top: 60px} body.en #booking_open #booking form .caption-fields .select .form_element_title { font-size: 8px } body.en #booking_open #booking form .caption-fields .child-container .select { margin-bottom: 4px } body.en #booking_open #booking form .caption-fields .child-container .select.element_13 { top: -8px } #booking_open #booking form .caption-fields .form {/* border-bottom: 1px solid #EBEBEB */} #booking_open #booking form .caption-fields input[type="submit"] { margin: 30px auto; width: 100%; padding: 10px 15px } #booking_open #booking form .caption-fields .text.element_11 { padding-bottom: 0; margin-top: 0px; border-bottom: 0; transition: .3s } #booking_open #booking form .caption-fields .text.element_11.fired{ opacity: 0 } #booking_open #booking form .caption-fields .text.element_11 input[type=text] { border: 1px solid #ebebeb } #booking_open #booking form .caption-fields .text input[type=text] { text-transform: inherit; } #booking_open #booking .section_edit_booking a:before {padding-right: 7px} #booking_open #booking .section_edit_booking.more_rooms a:before { content: '\f0fe'; } #booking_open #booking form .caption-fields .select .html_select .remove_selector:before { line-height: 40px } #booking_open #booking form .caption-fields .select .html_select .add_selector:before { line-height: 40px } #booking_open #booking form .caption-fields .text.element_14 { width: 50%; display: inline-block; padding-bottom: 28px } #booking_open #booking form .caption-fields .text .form_element_title {position: relative; top: 60px; z-index: 2} #booking_open #booking form .caption-fields .text.element_14 input[type=text] { cursor: pointer; padding-top: 9px; padding-bottom: 11px } #booking_open #booking form .caption-fields .merge_group {position: relative; z-index: 1} #booking_open #booking form .caption-fields .child-container { width: 100%; position: absolute; left: 0; bottom: -42px; z-index: 999; } #booking_open #booking form .caption-fields .child-container .select {width: 33.333%; padding: 0 0 30px 0; margin-bottom: 10px} #booking_open #booking form .caption-fields .child-container .select:nth-of-type(2){background-color: #f9f9f9} #booking_open #booking form .caption-fields .child-container .child-container-ok { clear: both; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; display: inline-block; padding: 10px 35px; cursor: pointer; } #booking_open.fired_modal { left: 0; right: 0; width: 100%; max-width: unset; background-color: rgba(255,255,255,.95); z-index: 9999; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; } #booking_open.fired_modal #booking { width: 100%; max-width: 380px; margin: 30px auto 0; border: 1px solid #dedede; padding: 30px; background-color: #fff;} #booking_open .close_info_room.booking_modal_close {display: none; margin-bottom: 15px} #booking_open.fired_modal .close_info_room.booking_modal_close {display: block;} #booking_open.fired_modal .section_title { margin-top: 0 } @media not all and (min-resolution:.001dpcm) /* fix solo per safari */ { @supports (-webkit-appearance:none) { #booking_open #booking form .caption-fields .text.element_14 {padding-bottom: 23px} #booking_open #booking form .caption-fields .text.element_14 input[type=text] { padding-top: 5px; padding-bottom: 15px } }} #booking_open #booking form .caption-fields .text.element_11 .form_element_title { top: 70px } #booking_open #booking form .caption-fields .text.element_11 {margin-bottom: 60px} /* New Calendar */ #booking .template_calendar .calendar_dates_info { 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: space-between; } #booking .template_calendar .calendar_dates_info .date_1_wrapper, #booking .template_calendar .calendar_dates_info .date_2_wrapper { } #booking .template_calendar .calendar_dates_info .date_1_label, #booking .template_calendar .calendar_dates_info .date_2_label, #booking .template_calendar .calendar_dates_info .num_days_label { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 2; letter-spacing: 0; } #booking .template_calendar .calendar_dates_info .date_1_text, #booking .template_calendar .calendar_dates_info .date_2_text, #booking .template_calendar .calendar_dates_info .num_days_text { font-family: "BrandonText-Regular"; font-size: 17px; color: #787878; text-transform: lowercase; text-align: center; line-height: 22px; letter-spacing: 0 } #booking .template_calendar .calendar_dates_info .num_days_wrapper { display: block; } #booking .template_calendar .calendar_dates_info .num_days_wrapper .num_days_text {line-height: 24px;font-size: 18px;} #booking .template_calendar .calendar_dates_info .num_days_control {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; } #booking .template_calendar .calendar_dates_info .num_days_control .remove_day_selector { width: 36px; height: 26px; text-align: center; position: relative; cursor: pointer; } #booking .template_calendar .calendar_dates_info .num_days_control .remove_day_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 576; position: absolute; left: 0; right: 0; top: -1px; content: ""; line-height: 26px; } #booking .template_calendar .calendar_dates_info .num_days_control .add_day_selector { width: 36px; height: 26px; text-align: center; position: relative; cursor: pointer; } #booking .template_calendar .calendar_dates_info .num_days_control .add_day_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 552; position: absolute; left: 0; right: 0; bottom: 0px; content: ""; line-height: 26px; } #booking .template_calendar .calendar_control { margin: 15px 0 0 0; } #booking .template_calendar .calendar_header {padding: 10px;background-color: #715a5a;color: #fff;font-family: "BrandonText-Bold";text-transform: uppercase;} #booking .template_calendar .calendar_header .controls .prev_month, #booking .template_calendar .calendar_header .controls .next_month {top: 5px;} #booking .template_calendar .fc-calendar .fc-head {background-color: #938383c7;color: #fff;font-family: "BrandonText-Bold";text-transform: uppercase;} #booking .template_calendar .fc-calendar .fc-row > div { height: 40px; position: relative;} #booking .template_calendar .fc-calendar .fc-row > div > span.fc-date { font-family: "BrandonText-Regular"; font-size: 14px; color: #787878; line-height: 1; } #booking .template_calendar .fc-calendar .fc-row > div.selected { background-color: #b1c1a6; } #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-first:before {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 15px;border-color: transparent transparent transparent #ffffff;left: 0;} #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-last { background-color: #fff; } #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-last > span.fc-date { color: #787878; } #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-last:before {content: "";position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #b1c1a6; left: 0;} #booking .template_calendar .fc-calendar .fc-row > div.selected > span.fc-date { color: #fff; } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext {background-color: #e74c3c; } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext.fc-other-month {background-color: #fff; } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext > span.fc-date { color: #fff; } #booking .template_calendar .fc-calendar .fc-row > div.fc-today {background-color: #ececec;} #booking .template_calendar .fc-calendar .fc-row > div.fc-today.selected {background-color: #B1C1A6;} #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-last.empty-ext { background-color: #E44C3A } #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-last.empty-ext > span.fc-date { color: #fff } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext.selected { background-color: #e7a23c } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext.selected.sel-first:before { border-color: transparent transparent transparent #e74c3c; } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext.selected.sel-last:before { border-color: transparent transparent transparent #e7a23c; } #booking .template_calendar .fc-calendar .fc-row > div.prev-empty:before { content: ""; position: absolute; left: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #e74c3c; } #booking .template_calendar .fc-calendar .fc-row > div.prev-not-empty:before { content: ""; position: absolute; left: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #fff; } #booking .template_calendar .fc-calendar .fc-row > div.selected.sel-first.prev-empty:before { border-color: transparent transparent transparent #e74c3c; } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext.selected.sel-last.prev-not-empty:before { border-color: transparent transparent transparent #b1c1a6; } #booking .template_calendar .fc-calendar .fc-row > div.empty-ext.selected.sel-first.prev-not-empty:before { border-color: transparent transparent transparent #fff; } #booking .template_calendar .fc-calendar .fc-row > div.prev-empty.selected:before { border-color: transparent transparent transparent #e7a23c; } #booking .template_calendar .fc-calendar .fc-row > div.prev-not-empty.selected:before { border-color: transparent transparent transparent #b1c1a6; } /*MODIFICA PER FLUSSO OFFERTE! START*/ .textview { font-family: "BrandonText-Bold"; color: #787878;} .offers_pf .template_calendar .calendar_dates_info { 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: space-between; } .offers_pf .template_calendar .calendar_dates_info .date_1_label, .offers_pf .template_calendar .calendar_dates_info .date_2_label, .offers_pf .template_calendar .calendar_dates_info .num_days_label { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 2; letter-spacing: 0; } .offers_pf .template_calendar .calendar_dates_info .date_1_text, .offers_pf .template_calendar .calendar_dates_info .date_2_text, .offers_pf .template_calendar .calendar_dates_info .num_days_text { font-family: "BrandonText-Regular"; font-size: 17px; color: #787878; text-transform: lowercase; text-align: center; line-height: 22px; letter-spacing: 0 } .offers_pf .template_calendar .calendar_dates_info .num_days_wrapper { display: block; } .offers_pf .template_calendar .calendar_dates_info .num_days_wrapper .num_days_text {line-height: 24px;font-size: 18px;} .offers_pf .template_calendar .calendar_dates_info .num_days_control {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; } .offers_pf .template_calendar .calendar_dates_info .num_days_control .remove_day_selector { width: 36px; height: 26px; text-align: center; position: relative; cursor: pointer; } .offers_pf .template_calendar .calendar_dates_info .num_days_control .remove_day_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 576; position: absolute; left: 0; right: 0; top: -1px; content: ""; line-height: 26px; } .offers_pf .template_calendar .calendar_dates_info .num_days_control .add_day_selector { width: 36px; height: 26px; text-align: center; position: relative; cursor: pointer; } .offers_pf .template_calendar .calendar_dates_info .num_days_control .add_day_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 552; position: absolute; left: 0; right: 0; bottom: 0px; content: ""; line-height: 26px; } .offers_pf .template_calendar .calendar_control { margin: 15px 0 0 0; } .offers_pf .template_calendar .calendar_header {padding: 10px;background-color: #715a5a;color: #fff;font-family: "BrandonText-Bold";text-transform: uppercase;} .offers_pf .template_calendar .calendar_header .controls .prev_month, .offers_pf .template_calendar .calendar_header .controls .next_month {top: 5px;} .offers_pf .template_calendar .fc-calendar .fc-head {background-color: #938383c7;color: #fff;font-family: "BrandonText-Bold";text-transform: uppercase;} .offers_pf .template_calendar .fc-calendar .fc-row > div { height: 40px; position: relative;} .offers_pf .template_calendar .fc-calendar .fc-row > div > span.fc-date { font-family: "BrandonText-Regular"; font-size: 14px; color: #787878; line-height: 1; } .offers_pf .template_calendar .fc-calendar .fc-row > div.selected { background-color: #b1c1a6; } .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-first:before {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 15px;border-color: transparent transparent transparent #ffffff;left: 0;} .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-last { background-color: #fff; } .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-last > span.fc-date { color: #787878; } .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-last:before {content: "";position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #b1c1a6; left: 0;} .offers_pf .template_calendar .fc-calendar .fc-row > div.selected > span.fc-date { color: #fff; } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p {background-color: #e74c3c; } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p.fc-other-month {background-color: #fff; } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p > span.fc-date { color: #fff; } .offers_pf .template_calendar .fc-calendar .fc-row > div.fc-today {background-color: #ececec;} .offers_pf .template_calendar .fc-calendar .fc-row > div.fc-today.selected {background-color: #B1C1A6;} .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-last.empty-p { background-color: #E44C3A } .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-last.empty-p > span.fc-date { color: #fff } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p.selected { background-color: #e7a23c } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p.selected.sel-first:before { border-color: transparent transparent transparent #e74c3c; } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p.selected.sel-last:before { border-color: transparent transparent transparent #e7a23c; } .offers_pf .template_calendar .fc-calendar .fc-row > div.prev-empty:before { content: ""; position: absolute; left: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #e74c3c; } .offers_pf .template_calendar .fc-calendar .fc-row > div.prev-not-empty:before { content: ""; position: absolute; left: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #fff; } .offers_pf .template_calendar .fc-calendar .fc-row > div.selected.sel-first.prev-empty:before { border-color: transparent transparent transparent #e74c3c; } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p.selected.sel-last.prev-not-empty:before { border-color: transparent transparent transparent #b1c1a6; } .offers_pf .template_calendar .fc-calendar .fc-row > div.empty-p.selected.sel-first.prev-not-empty:before { border-color: transparent transparent transparent #fff; } .offers_pf .template_calendar .fc-calendar .fc-row > div.prev-empty.selected:before { border-color: transparent transparent transparent #e7a23c; } .offers_pf .template_calendar .fc-calendar .fc-row > div.prev-not-empty.selected:before { border-color: transparent transparent transparent #b1c1a6; } .offers_pf .min_stay {display: none;} .offers_pf .min_adults {display: none;} .offers_pf .max_adults {display: none;} .offers_pf .offers_ids {display: none;} .offers_pf .day-content {display: none;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.offer { /* background-color: #f1e7e7 */ border: 2px solid #f66a6a; /* background-image: url('../images/bg/gift_bg_2.svg?v=4'); */ } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .offer .caption {position: relative;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .offer .caption:after { font-family: "FontAwesome5Pro-Solid"; font-size: 20px; color: #fff; content: '\f0a1'; position: absolute; z-index: 2; top: 0px; right: 0px;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .offer .caption:before { position: absolute; content: ''; top: -15px; right: -15px; width: 0; height: 0; border-style: solid; border-width: 0 80px 80px 0; border-color: transparent #f66a6a transparent transparent;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .offer .ztextarea { color: #696969; } .smartphone #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .offer .caption:before { border-width: 0 40px 39px 0} .smartphone #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .offer .caption:after { font-size: 12px; top: -8px; right: -11px} .smartphone .offers_pf { padding: 20px 30px; min-width: 100%} .smartphone .offers_modal { align-items: flex-start; overflow: auto;} .smartphone .textview { font-size: 9px} /* booking_open */ .offers_pf form { text-align: center; } .offers_pf form .caption-fields { text-align: center; } .offers_pf form .caption-fields .date { width: 50%; text-align: left; } .offers_pf form .caption-fields .date .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .offers_pf form .caption-fields .date .date_from_html { background-color: #FFFFFF; text-align: left; cursor: pointer; } .offers_pf form .caption-fields .date .date_from_html .day { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } .offers_pf form .caption-fields .date .date_from_html .day:before { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; content: "/"; } .offers_pf form .caption-fields .date .date_from_html .month_name_tiny { font-family: "BrandonText-Regular"; font-size: 16px; color: #787878; text-transform: uppercase; text-align: left; line-height: 22px; letter-spacing: 0; } .offers_pf form .caption-fields .date .date_from_html .year { font-family: "BrandonText-Light"; font-size: 16px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } .offers_pf form .caption-fields .select { width: 50%; background-color: #FFFFFF; text-align: center; } .offers_pf form .caption-fields .select .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } .offers_pf form .caption-fields .select .html_select { display: flex; text-align: center; align-items: center; } .offers_pf form .caption-fields .select .html_select .current_value { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: center; line-height: 22px; letter-spacing: 0; } .offers_pf form .caption-fields .select .html_select .remove_selector { width: 40px; height: 40px; text-align: center; position: relative; cursor: pointer; } .offers_pf form .caption-fields .select .html_select .remove_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 576; position: absolute; left: 0; right: 0; top: -1px; content: ""; } .offers_pf form .caption-fields .select .html_select .add_selector { width: 40px; height: 40px; text-align: center; position: relative; cursor: pointer; } .offers_pf form .caption-fields .select .html_select .add_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 552; position: absolute; left: 0; right: 0; bottom: 0px; content: ""; } .offers_pf form .caption-fields .text { width: 100%; clear: both; float: none; text-align: center; } .offers_pf form .caption-fields .text .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } .offers_pf form .caption-fields .text input[type=text] { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-transform: uppercase; text-align: center; line-height: 22px; letter-spacing: 0; position: relative; } .offers_pf form .caption-fields input[type="submit"] { clear: both; float: none; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 21px; letter-spacing: 0; } .offers_pf form .caption-fields .form_merge_group { position: relative; z-index: 4 } .offers_pf form .caption-fields .date .date_from_html .month_name_tiny {display: block;} .offers_pf form .caption-fields .date .date_from_html {display: flex; align-items: center;} .offers_pf form .caption-fields .date .date_from_html .day {position: relative;} .offers_pf form .caption-fields .date .date_from_html .day:before{ display: none; } .offers_pf form .caption-fields .date .date_from_html .day:after { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; content: "/"; } .offers_pf form .caption-fields .date .date_from_html .month_name_tiny {margin: 0 7px 0 0} .offers_pf form .caption-fields .element_7 { display: none; } .offers_pf form .form_merge_add_button {display: none;} .offers_pf form .caption-fields .date .form_element_title { position: relative; left: 8px; top: 40px } .offers_pf form .caption-fields .form { padding-bottom: 30px; position: relative; z-index: 2 } .offers_pf form .caption-fields .date {border-bottom: 1px solid #EBEBEB; position: relative; z-index: 5} .offers_pf form .caption-fields .select { margin-bottom: 0px } .offers_pf form .caption-fields .select .html_select {justify-content: space-between;} .offers_pf form .caption-fields .select .html_select .current_value { position: relative; top: 0; line-height: 40px } .offers_pf form .caption-fields .select .html_select .remove_selector, .offers_pf form .caption-fields .select .html_select .add_selector { display: block!important; } .offers_pf form .caption-fields .select .form_element_title {position: relative; top: 60px} body.en .offers_pf form .caption-fields .select .form_element_title { font-size: 8px } body.en .offers_pf form .caption-fields .child-container .select { margin-bottom: 4px } body.en .offers_pf form .caption-fields .child-container .select.element_13 { top: -8px } .offers_pf form .caption-fields .form {/* border-bottom: 1px solid #EBEBEB */} .offers_pf form .caption-fields input[type="submit"] { margin: 30px auto; width: 94%; padding: 10px 15px } .offers_pf form .caption-fields .text.element_11 { padding-bottom: 0; margin-top: 0px; border-bottom: 0; transition: .3s } .offers_pf form .caption-fields .text.element_11.fired{ opacity: 0 } .offers_pf form .caption-fields .text.element_11 input[type=text] { border: 1px solid #ebebeb } .offers_pf form .caption-fields .text input[type=text] { text-transform: inherit; } .offers_pf form .caption-fields .select .html_select .remove_selector:before { line-height: 40px } .offers_pf form .caption-fields .select .html_select .add_selector:before { line-height: 40px } .offers_pf form .caption-fields .text.element_14 { width: 50%; display: inline-block; padding-bottom: 28px } .offers_pf form .caption-fields .text .form_element_title {position: relative; top: 60px; z-index: 2} .offers_pf form .caption-fields .text.element_14 input[type=text] { cursor: pointer; padding-top: 9px; padding-bottom: 11px } .offers_pf form .caption-fields .merge_group {position: relative; z-index: 1} .offers_pf form .caption-fields .child-container { width: 100%; position: absolute; left: 0; bottom: -42px; z-index: 999; } .offers_pf form .caption-fields .child-container .select {width: 33.333%; padding: 0 0 30px 0; margin-bottom: 10px} .offers_pf form .caption-fields .child-container .select:nth-of-type(2){background-color: #f9f9f9} .offers_pf form .caption-fields .child-container .child-container-ok { clear: both; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; display: inline-block; padding: 10px 35px; cursor: pointer; } .offers_pf form .caption-fields .element_19 { padding-top: 30px; } .offers_pf { background: white; min-width: 420px; padding: 20px; } .offers_modal {position: fixed; z-index: -1; pointer-events: none; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; opacity: 0; } .offers_modal.fired{opacity: 1; z-index: 999999999; pointer-events: initial;} .close_offers_modal { width: 28px; height: 28px; position: relative; cursor: pointer; left: 0px; top: 0px; cursor: pointer; margin-bottom: 12px } .close_offers_modal .bar:nth-of-type(1) { position: absolute;width: 100%; height: 2px; background-color: #665d5d; content: ''; top: 50%; transform: rotate(45deg); } .close_offers_modal .bar:nth-of-type(2) { position: absolute;width: 100%; height: 2px; background-color: #665d5d; content: ''; top: 50%; transform: rotate(-45deg); } .offers_pf .close_offers_modal {float: right;} .offers_modal #pf_4_cal { margin-top: 25px; } .purchase_flow_step .fieldvalue.f3 {display: none;} /* MODIFICA PER FLUSSO OFFERTE! END */ /* Fine New Calendar*/ .hidden_overlay { display: none; position: fixed;z-index: 995; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0 } .hidden_overlay.fired {display: block;} /* Sidebar Contact */ #contact_open .section_title { max-width: 260px; margin: 30px auto 15px } #contact_open { transition: .6s; left: calc( -550px - 200px); padding: 30px; overflow-y: auto;} #contact_open::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #contact_open::-webkit-scrollbar { width: 12px; background-color: transparent; } #contact_open::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #725a5b; } #contact_form .textview { width: 25%; font-size: 10px; color: #727272; padding-top: 20px!important; padding-bottom: 0!important; font-family: "BrandonText-Bold"; text-align: left; } #contact_open.fired { left: 80px; z-index: 996; max-width: 560px } #contact_form form .caption-fields .textarea { clear: both; } #contact_open #contact_form form .caption-fields .textarea textarea {height: 120px} #contact_open #contact_form form .caption-fields .text {width: 50%} #contact_form form .caption-fields .form.element_9 { width: 100% } #contact_form form .caption-fields .form.element_12 { width: 25% } #contact_form form .caption-fields .form.element_13 { width: 25% } #contact_form form#form_17 .caption-fields .form.element_12 { width: 25% } #contact_form form#form_17 .caption-fields .form.element_13 { width: 25% } #contact_form form#form_18 .caption-fields .form.element_10 { width: 100% } #contact_form form#form_18 .caption-fields .form.element_12 { width: 50% } #contact_form form#form_18 .caption-fields .form.element_13 { width: 50% } #contact_open #contact_form form .caption-fields .form_element_title { font-size: 10px; color: #B4B4B4 } #contact_open #contact_form form .caption-fields .email {width: 50%} #contact_open #contact_form form .caption-fields .phone {width: 50%} #contact_open #contact_form form .caption-fields .phone input[type=phone], #contact_form.info_room form .caption-fields .phone input[type=phone], #contact_open #contact_form form .caption-fields .phone .selected-dial-code { font-size: 15px } #contact_form form .caption-fields .date { position: relative; border: 1px solid #e6e6e6; background-color: #f7f7f7; margin: 5px; width: calc(50% - 10px); padding-top: 10px!important; padding-bottom: 10px!important; margin-bottom: 20px } #contact_form form .caption-fields .date .date_from_html {display: flex; align-items: center; background-color: #f7f7f7} #contact_form form .caption-fields .date .date_from_html:after { font-family: "FontAwesome5Pro-Solid"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; content: "\f0d7"; position: absolute;z-index: 1; right: 0 } #contact_form form .caption-fields .date .form_element_title { position: absolute; z-index: 1; top: -15px } #contact_form form .caption-fields .date .date_from_html .month_name_tiny {display: inline-block; margin-right: 7px} #contact_form form .caption-fields .select .current_value { padding: 8px; width: 100%; text-transform: inherit;} #contact_form form .caption-fields .select .current_value:after {margin-left: 10px; font-size: 16px; position: absolute; right: 5px; top: calc(50% - 8px)} #contact_form form .caption-fields .select .elements_list { bottom: inherit; width: calc(100% - 10px); top: calc(100% - 20px); left: 5px } #contact_form form .caption-fields .select .elements_list .option {text-transform: inherit; padding: 5px; cursor: pointer; transition: .4s} #contact_form form .caption-fields .select .elements_list .option:hover { background-color: #907a7a } #contact_form form .caption-fields .select {width: 50%} #contact_form form .caption-fields .select.element_14, #contact_form form .caption-fields .select.element_15, #contact_form form .caption-fields .select.element_16, #contact_form form .caption-fields .select.element_17, #contact_form form .caption-fields .select.element_18, #contact_form form .caption-fields .select.element_19, #contact_form form .caption-fields .select.element_20, #contact_form form .caption-fields .select.element_21 { width: calc(100% / 8); } #contact_form form .caption-fields .form { padding: 0 5px 20px 5px } #contact_open #contact_form form .caption-fields .textarea {padding-bottom: 10px; clear: both;} #contact_open #contact_form form .caption-fields .textarea textarea, #contact_form form .caption-fields .textarea textarea { height: 90px } #contact_form form .caption-fields input[type="submit"] { margin: 0 5px } #contact_form form .caption-fields .text input[type=text], #contact_form form .caption-fields .email input[type=email], #contact_open #contact_form form .caption-fields .textarea textarea { padding: 4px } #contact_open #contact_form form .caption-fields .phone input[type=phone], #contact_form.info_room form .caption-fields .phone input[type=phone]{ padding: 6px 6px 6px 84px; } #contact_form form .caption-fields .form_merge_add_button, #contact_form form .caption-fields .form_merge_rem_button {display: none;} #contact_form form .caption-fields .merge_group { width: 100%; display: table; } #contact_form.info_room .room_title .title { margin: 0 } #contact_form.info_room form .caption-fields .text .form_element_title, #contact_form.info_room form .caption-fields .email .form_element_title, #contact_form.info_room form .caption-fields .phone .form_element_title, #contact_form.info_room form .caption-fields .textarea .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form.info_room form .caption-fields .textarea {padding-bottom: 5px} #contact_form form .form_messages .message {padding: 15px} form#form_5 .caption-fields .form input { padding: 4px 10px 4px 84px } /* fix contact */ #contact_form form .caption-fields .phone input[type=phone] { padding: 4px 4px 4px 84px } /* language */ #language ul {margin: 0} #menu_open #language {padding: 2px; display: inline-block; border-radius: 25px} #menu_open #language li a, #menu_open #language li.active a {width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px} /* slideshow */ #slideshow_cnt #slideshow img { height: 100vh; object-fit: cover; object-position: bottom; } #slideshow_cnt #slideshow .slick-prev {bottom: 80px} /* fix per pulsante chat */ #slideshow_cnt #slideshow .slick-next { bottom: 80px } /* fix per pulsante chat */ /* scroll down */ #slideshow_cnt #scroll_down {margin: 0 auto} #slideshow_cnt #scroll_down #arrows .arrow:nth-of-type(1) { animation: scroll_down 1.6s ease-out infinite; } #slideshow_cnt #scroll_down #arrows .arrow:nth-of-type(2){ top: 7px; animation: scroll_down 1.6s ease-out infinite; } /* Sidebar */ #sidebar {transition: .3s; overflow: hidden;} #sidebar #sidebar_wrap { flex-direction: column; justify-content: space-between; } #sidebar #sidebar_wrap #contacts #booking_btn {justify-content: center; transition: .3s} #sidebar #sidebar_wrap #contacts > div:after { position: absolute; background: #fff; top:0; left: 80px; width: 80px; height: 100%; opacity:.5; transform: perspective(400px) rotateY(90deg); transform-origin: 0 100%; transition:all .4s ease-out; content: ""; background-image: url('../images/icons/close.svg'); background-repeat: no-repeat; background-position: center; } #sidebar #sidebar_wrap #contacts #booking_btn:hover { background-color: rgba(113, 90, 90, 1); } #sidebar #sidebar_wrap #contacts #contacts_btn {justify-content: center; transition: .3s} #sidebar #sidebar_wrap #contacts #contacts_btn:hover { background-color: rgba(147, 131, 131, 1)} #sidebar #sidebar_wrap #contacts > div.fired { transform: translateX(-80px); } #sidebar #sidebar_wrap #contacts > div.fired:after { opacity: 1; transform: perspective(400px) rotateY(0deg) scale(1) ; } /* Menu */ #sidebar #sidebar_wrap #menu_btn { margin: 0 auto; transition: .3s } #sidebar #sidebar_wrap #menu_btn #bars .bar { transition: .3s } #sidebar #sidebar_wrap #menu_btn #bars .bar:nth-of-type(2) { top: calc(50% - 2px); } #sidebar #sidebar_wrap #menu_btn #bars .bar:nth-of-type(3) { top: calc(100% - 4px); } #sidebar #sidebar_wrap #menu_btn.fired #bars .bar:nth-of-type(2) { opacity: 0 } #sidebar #sidebar_wrap #menu_btn.fired #bars .bar:nth-of-type(1) { transform: rotate(45deg); top: 50%} #sidebar #sidebar_wrap #menu_btn.fired #bars .bar:nth-of-type(3) { transform: rotate(-45deg); top: 50% } #sidebar .mini_logo { transition: .3s; transform: scale(0); } #sidebar.scrolled .mini_logo {transform: scale(1);} /* social */ #sidebar #sidebar_wrap #social {flex-direction: column;} /* FullPage */ .section { } /* Homepage */ /* intro */ #intro .intro_wrap {justify-content: space-evenly; padding-bottom: 40px} #intro .intro_wrap #left { width: 30%; padding: 30px } #intro .intro_wrap #right:before {background-image: url('../images/elements/mugo_1.png'); background-repeat: no-repeat; background-size: contain;} #intro .intro_wrap #left .section_title { margin: 20px 0 30px -60px } #intro .intro_wrap #left .top_seo { margin-left: -60px } #intro .intro_wrap #left .top_seo:before {margin-right: 5px} #intro #bottom { background-color: #F3F8F9 } #page .head .top_seo:before {display: none;} /* Nuova intro con immagine da template */ #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt {justify-content: space-evenly; padding-bottom: 40px} #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption{ padding: 30px } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption-alt:before {background-image: url('../images/elements/mugo_1.png'); background-repeat: no-repeat; background-size: contain; left: -100%} #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption .g2{ margin: 20px 0 30px -60px } #intro .intro_wrap .top_seo { margin-left: -60px } #intro .intro_wrap .top_seo:before {margin-right: 5px; display: none;} /* template1 */ #template1 .row .box {justify-content: space-around;} #template1 .row .box .elem {padding: 35px; transition: .3s} #template1 .row .box .elem:hover { background-color: rgba(0,0,0,.04); } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin-top: 30px} #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } /* Second step Home */ #second_step { background-color: #7b6b6b; } /* template2 */ #template2 {position: unset;} #template2 .row .box { display: flex; justify-content: space-around; } #template2 .row .box .elem .caption-cnt .caption-alt {opacity: 0; bottom: 90px; left: unset; right: calc(60% + 60px); transition: .3s; pointer-events: none;} /* #template2 .row .box .elem:hover .caption-cnt .caption-alt {opacity: 1} */ #template2 .row .box .elem .caption-cnt .caption .title a { opacity: .4; transition: .3s } #template2 .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { position: relative; top: 20px; transition: .3s } /* #template2 .row .box .elem:hover .caption-cnt .caption .title a {opacity: 1} */ #template2 .row .box .elem .caption-cnt .caption-add { width: 100%; max-width: 60%; top: 0; z-index: 1; opacity: 0; transition: .3s; pointer-events: none; right: -10%; } /* #template2 .row .box .elem:hover .caption-cnt .caption-add { opacity: 1; right: 0 } */ #template2 .row .box .elem.focus .caption-cnt .caption-add { opacity: 1; right: 0 } #template2 .row .box .elem.focus .caption-cnt .caption-alt {opacity: 1} #template2 .row .box .elem.focus .caption-cnt .caption .title a {opacity: 1} #template2 .row .box .elem.focus .caption-cnt .caption-alt .ztextarea.g5 { top: 15px } #template2 .row .box .elem .caption-cnt .caption-add img { width: 100%; height: 100%; object-fit: cover } #template2 .row .box .elem .caption-cnt .caption { z-index: 2 } #template2 .row .box .elem .caption-cnt .caption-alt:before { transform: rotate(-180deg); opacity: 0; left: -180px; transition: .6s } #template2 .row .box .elem.focus .caption-cnt .caption-alt:before { left: 0; transform: rotate(0); opacity: 1 } #template2 .row .box .elem .caption-cnt .caption-alt:after { left: 305px } /* Home offers step */ #offers_step {background-image: url('../images/bg/offers_step_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: left;} #offers { text-align: left; max-width: 640px; position: absolute; left: 45%; padding: 30px; z-index: 3 } #offers .section_text { margin: 45px 0 30px } #offers .section_link_a a, #offers .section_link_b a { padding: 10px 15px; position: relative; } #offers .section_link_a a:hover { background-color: transparent; color: #fff } #offers .section_link_b a:hover { background-color: transparent; color: #fff; border-color: #fff } #offers_step #offers { display: none; } #offers_step #offers.visible { display: block; } /* template3 */ #template3 .row .box .elem { opacity: .2; transition: .3s; padding-right: 540px; padding-bottom: 60px; padding-top: 40px } #template3 .row .box .elem.slick-active { opacity: 1 } #template3 .row .box .elem .caption-cnt .caption-alt { padding: 30px; bottom: -30px; min-width: 360px } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { position: relative; right: 25px; top: 11px; margin-left: auto; } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template3 .slick-next { left: 70px; bottom: unset; top: unset; } #template3 .slick-prev { left: 20px; bottom: unset; top: unset;} #template3 .row .box .elem .caption-cnt .caption:before { opacity: 0; left: 40px; top: 40px; transition: .6s; transition-delay: .6s; transform: scale(0); } #template3 .row .box .elem.slick-active .caption-cnt .caption:before { left: -40px; top: -40px; opacity: 1; transform: scale(1); } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { margin: 20px 0 } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text { margin: 0 0 } #template3 .caption-alt .group { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; position: relative; } #template3 .caption-alt .group .zoption .fieldvalue{ font-family: "BrandonText-Bold"; position: absolute; top: 100%; left: 0; z-index: 1; color: #656565; text-transform: uppercase; font-size: 10px; padding: 0; } .price_type{ font-family: "BrandonText-Bold"; color: #656565; text-transform: uppercase; font-size: 12px; padding: 0; margin-top: 2px } body.de #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-size: 25px } body.de #template3 .row .box .elem .caption-cnt .caption-alt { padding: 15px } body.de #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { font-size: 11px } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text { text-align: left; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 40px; color: #656565; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-size: 30px } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text { padding-top: 15px } /* Home Section Blog */ #section_blog { position: absolute; display: none; } #section_blog.visible { display: block; } /* template4 */ #section_blog { position: absolute; left: 50%; z-index: 3; top: -60px } #section_blog .section_text { margin: 30px 0 0 30px } #section_blog .section_link a:after {padding-left: 15px; top: -8px} #template4 { max-width: 1099px } #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker {margin: 30px 0} #template4 .row .box .elem .caption-cnt .caption-alt { padding: 30px; width: 50% } #template4 .row .box .elem .caption-cnt .caption-alt:before { display: none; } #template4 .row .box .elem .caption-cnt .caption-alt .group { display: flex;align-items: center; justify-content: space-between; } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton {position: relative; right: 30px} #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template4 .slick-next { top: unset; bottom: -70px; right: -80px } #template4 .slick-prev { top: unset; right: 50px; bottom: -70px; right: -35px } /* fix per data mese */ #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #page .head #bottom .section_date .zdatepicker .fieldvalue .month { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template11 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template19 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone #page.post #date_row .section_date .zdatepicker .fieldvalue .month { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template9 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month{ font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } /* Section Review */ #review_wrap {padding: 0 90px} #review_wrap #review_cnt { padding: 30px } #review_step {background-image: url('../images/bg/bg_trentino.jpg?v=1'); background-repeat: no-repeat; background-size: cover; background-position: left;} #review_wrap {justify-content: center;} /* template5 */ #template5 {max-width: 767px; margin-top: 30px} #template5 .row .box .elem .caption-cnt { flex-direction: column; } #template5 .row .box .elem .caption-cnt .caption .title {margin: 0} #template5 .row .box .elem .caption-cnt .caption .g2 {margin-bottom: 10px} #template5 .row .box .elem .caption-cnt .caption .g3 .fieldvalue { font-size: 0 } #template5 .row .box .elem .caption-cnt .caption .g3 { margin: 12px 0 40px 0} #template5 .row .box .elem .caption-cnt .caption .g3 .v0:before { background-image: url('../images/elements/v0_bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} #template5 .row .box .elem .caption-cnt .caption .g3 .v1:before { background-image: url('../images/elements/v1_bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} #template5 .row .box .elem .caption-cnt .caption .g3 .v2:before { background-image: url('../images/elements/v2_bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} #template5 .row .box .elem .caption-cnt .caption .g3 .v3:before { background-image: url('../images/elements/v3_bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} #template5 .row .box .elem .caption-cnt .caption .g3 .v4:before { background-image: url('../images/elements/v4_bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} #template5 .row .box .elem .caption-cnt .caption-add { flex: unset; width: 100%; margin-top: 90px } #template5 .row .box .elem .caption-cnt .caption-add .g5 { display: flex; float: right; } #template5 .row .box .elem .caption-cnt .caption-add .g5:before { padding-right: 7px } #template5 .row .box .elem .caption-cnt .caption-alt { max-height: 280px; overflow-y: auto; padding: 0 15px;; width: 100% } #template5 .row .box .elem .caption-cnt .caption-alt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #template5 .row .box .elem .caption-cnt .caption-alt::-webkit-scrollbar { width: 12px; background-color: transparent; } #template5 .row .box .elem .caption-cnt .caption-alt::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #725a5b; } .slick-dots li {margin: 2px} .slick-dots li button {background-color: transparent; transition: .3s} /* mappa vettoriale */ #v_maps { margin-top: 0 } #marker { opacity: 0; transition: .3s; transition-delay: 1.3s; transform-origin: top left;} #map_section.active #marker { opacity: 1; } #map_section #city { opacity: 0; transition: .3s; transition-delay: 1.3s; transform-origin: top right; } #map_section.active #city { opacity: 1 } #trentino { fill: #E7E7E7; transition: .3s; transition-delay: .3s } #map_section.active #trentino { fill: #7BB695 } #big_trentino { transition: .3s; transition-delay: .6s; opacity: 0; } #map_section.active #big_trentino { opacity: 1; } #stivale { fill: #d2cbc1 } /* Vetrina */ #showcase .head { padding: 90px 30px 90px 150px; background-image: url('../images/bg/page_bg_top.jpg'); background-repeat: no-repeat; background-size: contain; background-position: right; } #showcase #top {max-width: 1440px; margin: 0 auto} #showcase #top .section_content #page_name {margin: 0} #showcase #top .section_content:before { bottom: unset; top: -10px; left: 0px; opacity: 0; transition: .6s; transition-delay: .6s; transform: rotate(45deg); transform-origin: bottom; } #showcase #top .section_content.fired:before { opacity: 1; left: -30px; transform: rotate(0); } #showcase #top .section_content .top_seo:before {display: none;} /* form info camera */ #contact_summary {margin-bottom: 10px} #contact_summary .section_text a {margin: 7px auto 30px} #contact_form.info_room {position: fixed; top: 0; width: 100%; z-index: -1; opacity: 0; transition: .3s; background-color: rgba(255,255,255,.95); max-width: unset; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: flex-start;} #contact_form.info_room form {max-width: 990px; margin: 0 auto; border: 1px solid #dedede; padding: 30px; background-color: #fff} #contact_form.info_room.fired { z-index: 9999; opacity: 1; overflow-y: auto;} #contact_form.info_room::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #contact_form.info_room::-webkit-scrollbar { width: 12px; background-color: transparent; } #contact_form.info_room::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #725a5b; } .close_info_room { width: 28px; height: 28px; position: relative; cursor: pointer; left: 0px; top: 0px; cursor: pointer; margin-bottom: 12px } .close_info_room .bar:nth-of-type(1) { position: absolute;width: 100%; height: 2px; background-color: #665d5d; content: ''; top: 50%; transform: rotate(45deg); } .close_info_room .bar:nth-of-type(2) { position: absolute;width: 100%; height: 2px; background-color: #665d5d; content: ''; top: 50%; transform: rotate(-45deg); } /* template6 */ .showcase_rooms_template .ztemplate {padding-right: 80px} .showcase_rooms_template .ztemplate .template_filters {margin: 30px 0; display: inline-block; } .showcase_rooms_template .ztemplate .template_filters .template_filter { padding: 8px } .showcase_rooms_template .ztemplate .template_filters .template_filter .filter_values {margin-left: 10px} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .group {max-width: 420px; width: 100%; position: relative; right: -150px; bottom: -70px; z-index: 2} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt { align-items: flex-end; justify-content: center; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption { padding: 30px } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .g10 {padding: 25px; top: -20px; right: -20px} .showcase_rooms_template .ztemplate .row .box .elem {margin-bottom: 200px} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g6 {margin: 10px 0 30px} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt {justify-content: center; padding: 15px} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink.g14 { border-left: 1px solid #A3A1A1; border-right: 1px solid #A3A1A1 } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt > div { padding: 5px 30px; transition: .3s } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt > div:hover { opacity: .7} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g6 .fieldkey {order: 2} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g6 .fieldvalue {order: 1; margin-right: 5px} /* Pagina Camera */ #page_room .head {flex-direction: column; padding: 90px 120px; background-image: url('../images/bg/room_bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: right;} #page_room .head #top { max-width: 1440px; margin: 0 auto } #page_room .head #bottom {max-width: 1440px; margin: 30px auto 0; flex-wrap: wrap;} #page_room .head #top #page_name { margin-bottom: 30px } #page_room .head #top #page_name:before {z-index: 2;} #page_room .head #bottom .section_btns .zlink a { padding: 15px 30px } #page_room .head #bottom .section_price { margin-right: 20px } #page_room #slideshow img { max-height: calc(100vh - 200px); object-fit: cover; } #page_room #content { max-width: 1440px; margin: 0 auto; padding: 90px 15px 90px 120px } #page_room .section_content { align-items: baseline; margin: 90px 0; max-width: 920px; float: right; } #page_room .section_content .section_detail {padding-left: 120px} #page_room .section_content .section_info .g6 {margin-left: 15px} #page_room .section_content .section_info .g6 .fieldkey {order: 2; margin-left: 3px} #page_room .section_content .section_info .g7 .fieldvalue:before {margin-right: 4px} #page_room .section_content .section_info .g7 .fieldkey { display: none; } #page_room .section_content .section_detail .section_title {margin-bottom: 15px} #page_room .section_gallery {padding-left: 80px} #page_room .section_next_room { padding-left: 80px } #page_room .section_next_room .section_title {margin-left: 60px} #page_room .head #top .top_seo:before {display: none;} #page_room .section_content .section_detail .section_text img {width: 100%} .section_extra { max-width: 1440px; margin: 0 auto; padding: 90px; justify-content: space-around; } .section_extra .section_services .section_title { margin-bottom: 30px } .custom_link {margin-bottom: 15px} .custom_link a { padding: 10px 25px } .section_extra .section_services .section_conditions_btn a { padding: 35px 25px 15px } .section_extra .section_services .section_conditions_btn { margin-top: 50px; } .section_extra .section_services .section_summer_btn a:before {background-image: url('../images/icons/sun.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} .section_extra .section_services .section_winter_btn a:before {background-image: url('../images/icons/snowflake.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} .section_next_room .section_title {max-width: 1440px; margin: 0 auto} .section_offers {min-height: 510px; background-image: url('../images/bg/offers_bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center; padding-bottom: 90px; padding-left: 120px; clear: both; } .section_offers .section_offers_content { max-width: 1440px; width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; padding: 60px 15px } .section_offers .section_offers_content #left { max-width: 290px } .section_offers .section_text {margin-top: 60px; max-width: 200px} .section_offers .section_offers_content #left {width: 20%;} .section_offers .section_offers_content #right {width: 80%} .section_blog {min-height: 510px; padding-bottom: 220px; background-color: transparent; background-color: #F1F1F1; padding-left: 120px} .section_blog .section_blog_content { padding: 60px 15px; height: 390px; background-color: #F1F1F1 } .section_blog .section_blog_content .section_wrap { max-width: 1440px; width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between;} .section_blog .section_blog_content .section_title {max-width: 320px} /* template7 */ #template7 {margin-top: 30px} #template7 .row .box .elem .caption-cnt .caption { max-width: 1440px; left: 60px; right: 0; margin: 0 auto; bottom: unset; } #template7 .row .box .elem .caption-cnt .caption-alt img { opacity: .4; transition: .6s } #template7 .row .box .elem:hover .caption-cnt .caption-alt img { opacity: .8 } /* template8 */ #template8 {max-width: 820px} #template8 .row .box .elem { margin: 0 8px } #template8 .row .box .elem .caption-cnt {flex-direction: column;} #template8 .row .box .elem .caption-cnt .caption-alt { display: flex; flex-direction: column; } #template8 .row .box .elem .caption-cnt .caption-alt .title {margin: 0; padding: 15px 10px} #template8 .row .box .elem .caption-cnt .caption-alt .ztextarea {padding: 0 10px} #template8 .row .box .elem .caption-cnt .caption-alt .group { padding: 10px; margin: 15px 0; justify-content: space-between; align-items: center; margin-bottom: 45px; margin-top: auto; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text {padding: 0 10px 15px; position: absolute; bottom: 0;} #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { position: relative; right: 25px; top: 0; margin-left: auto; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template8 .slick-prev, #template8 .slick-next { bottom: -80px } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue {font-size: 15px; line-height: 15px; max-width: 80px} #template8 .caption-alt .group { display: flex; align-items: center; justify-content: space-between; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text { text-align: left; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 15px; color: #656565; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; } /* template9 */ #template9 {width: 80%; max-width: 790px; padding-bottom: 40px; position: relative; z-index: 4;} #template9 .slick-list { padding: 40px } #template9 .row .box .elem .caption-cnt .caption-alt {padding: 25px} #template9 .row .box .elem .caption-cnt .caption-alt .group { margin: 15px 0; justify-content: space-between; align-items: center; } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { position: relative; right: 25px; top: 0 } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template9 .slick-next, #template9 .slick-prev { top: -20px } #template9 .slick-next {right: 30px} #template9 .slick-prev {right: 60px} /* template10 */ #template10 {max-width: 1440px; margin: 0 auto; padding: 30px 90px 90px 130px; text-align: center;} #template10 .row .box { display: flex; flex-wrap: wrap } #template10 .row .box .elem { width: 33.333%; float: none; padding: 20px; } #template10 .row .box .elem .caption-cnt {flex-direction: column; position: relative;} #template10 .row .box .elem .caption-cnt .caption-alt { display: flex; flex-direction: column; } #template10 .row .box .elem .caption-cnt .caption-alt .title {margin: 0; padding: 15px 10px} #template10 .row .box .elem .caption-cnt .caption-alt .ztextarea {padding: 0 10px; margin-bottom: 10px} #template10 .row .box .elem .caption-cnt .caption-alt .group { padding: 10px 25px 10px 13px; margin: 15px 0; justify-content: space-between; align-items: center; margin-bottom: 45px; margin-top: auto; position: relative; } #template10 .row .box .elem .caption-cnt .caption-alt .group .zoption .fieldvalue{ font-family: "BrandonText-Bold"; position: absolute; top: 47px; left: 10px; z-index: 1; color: #656565; text-transform: uppercase; font-size: 10px; padding: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldkey { line-height: 10px } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text {padding: 0 10px 15px; position: absolute; bottom: 0;} #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { /* position: relative; */ right: 35px; top: 11px; opacity: 1; margin-left: auto; transition: .6s } #template10 .row .box .elem:hover .caption-cnt .caption-alt .zsimplebutton {opacity: 1; right: 25px} #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue {font-size: 15px; line-height: 20px} #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g9.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 15px; color: #656565; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; } #template10 .template_filters { text-align: left; display: inline-block; margin-bottom: 10px } #template10 .template_filters .template_filter { display: flex; border: 1px solid #5B4E4E; font-family: "FontAwesome5Pro-Regular"; font-size: 15px; color: #5B4E4E; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; align-items: center; padding: 8px; } #template10 .template_filters .template_filter .filter_key { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template10 .template_filters .template_filter .filter_values { text-align: left; margin-left: 10px } #template10 .template_filters .template_filter .filter_values .filter_value { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } /* Pagina Offerta */ #page_offer .head {padding: 90px 40px 90px 120px; max-width: 1440px; margin: 0 auto } #page_offer .head #left .top_seo:before { display: none; } #page_offer .head #left { width: 50% } #page_offer .head #right { width: 50% } #page_offer .head #right .section_btns {margin-top: 30px} #page_offer .head #right .section_btns .zlink {width: 50%; margin: 5px} #page_offer .head #right .section_btns .zlink a { padding: 15px 30px; } #page_offer .head #right .group { display: flex;align-items: center; justify-content: space-between; } #page_offer .section_content { position: relative; width: 85%; max-width: calc(1440px - 160px); padding: 30px 30px 30px 100px; margin: 0 auto; display: flex; margin-bottom: 60px; background-color: transparent; } #page_offer .section_content:before { position: absolute; content: ''; background-color: #F8F8F8; height: 100%; width: 4000px; top: 0; } #page_offer .section_content .group_image { width: 50%; max-width: 670px; position: relative; top: -80px; left: -80px; } #page_offer .section_content .group_image img { width: 100%; } #page_offer .section_content .text {width: 50%; position: relative; left: -80px; padding-left: 30px} #page_offer .head #right .section_price {min-width: 110px} #page_offer .section_link_offers a { font-family: "BrandonText-Bold"; text-transform: uppercase; margin: 0px auto; color: #FFFFFF; background-color: #837070; padding: 15px 25px; text-align: center; display: inline-block; } #page_offer .section_link_offers { display: block; text-align: center; margin: 0 auto 50px} /* Vetrina Blog */ #showcase_blog .head { padding: 90px 90px 90px 150px; background-image: url('../images/bg/bg_blog.jpg'); background-repeat: no-repeat; background-size: contain; background-position: right; } #showcase_blog #top {max-width: 1440px; margin: 0 auto} #showcase_blog #top .section_content #page_name {margin: 0; line-height: 60px} #showcase_blog #top .section_content:before { bottom: unset; top: -10px; left: 0px; opacity: 0; transition: .6s; transition-delay: .6s; transform: rotate(45deg); transform-origin: bottom; } #showcase_blog #top .section_content.fired:before { opacity: 1; left: -30px; transform: rotate(0); } #showcase_blog #top .section_content .top_seo:before {display: none;} /* template11 */ #template11 {max-width: 1440px; margin: 0 auto; padding: 40px 90px 90px 130px; text-align: center;} #template11 .row .box .elem { width: 33.333%; float: left; padding: 20px; position: relative; transition: .3s } #template11 .row .box .elem .caption-cnt {flex-direction: column; position: relative;} #template11 .row .box .elem .caption-cnt .caption-alt .title {margin: 0; padding: 15px 10px} #template11 .row .box .elem .caption-cnt .caption-alt .ztextarea {padding: 0 10px} #template11 .row .box .elem .caption-cnt .caption-alt .group { display: flex; padding: 10px; margin: 15px 0; justify-content: space-between; align-items: end; } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { position: relative; right: 25px; top: 0 } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template11 .row .box .elem .caption-cnt .caption-alt { padding-right: 15px; width: 100%; padding-bottom: 80px } #template11 .row .box .elem .caption-cnt .caption-alt .group { position: absolute; bottom: 0; width: 100% } #template11 .template_filters { text-align: left; display: inline-block; margin-bottom: 10px } #template11 .template_filters .template_filter { display: flex; border: 1px solid #5B4E4E; font-family: "FontAwesome5Pro-Regular"; font-size: 15px; color: #5B4E4E; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; align-items: center; padding: 8px; } #template11 .template_filters .template_filter .filter_key { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template11 .template_filters .template_filter .filter_values { text-align: left; margin-left: 10px } #template11 .template_filters .template_filter .filter_values .filter_value { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } /* Pagina standard + pagina blog */ #page .head { background-color: #F1F1F1; flex-direction: column; padding: 90px 90px 90px 150px; background-image: url('../images/bg/bg_blog.jpg'); background-repeat: no-repeat; background-size: contain; background-position: right;} #page .head #top { max-width: 1440px; margin: 0 auto } #page .head #bottom {max-width: 1440px; margin: 30px auto 0} #page .head #top #page_name { margin-bottom: 30px } #page #slideshow img { max-height: calc(100vh - 200px); object-fit: cover;} #page .section_content {max-width: 960px; margin: 30px auto} #page .section_content .fieldvalue { margin-bottom: 30px } #page .section_content .text_dyn {margin-bottom: 30px} #page .section_content img.left, #page .section_content img.right { float: none!important;width: auto; max-width: 100%; margin: 15px auto 15px!important; display: inherit; } #page.model_two .section_content img.left { float: left!important; width: 50%; max-width: 100%; margin: 0 15px 0 0!important; display: inherit; } #page.model_two .section_content img.right { float: right!important; width: 50%; max-width: 100%; margin: 0 0 0 15px!important; display: inherit; } #page.model_two .section_content .fieldvalue { clear: both; margin-bottom: 30px; overflow: hidden; } #page.model_two .section_content h2 { display: inline-block; } /* tabs */ .tabs {margin-top: 30px} .tabs > ul { list-style-type: none; display: flex; align-items: center; justify-content: center; border-bottom: 4px solid #715a5ab2; padding-bottom: 13px; padding-left: 0 } .tabs > ul li a { padding: 15px 30px; background-color: #AD9F9F; color: #fff!important } .tabs > ul li a.selected { padding: 15px 30px; background-color: #715a5ab2; color: #fff!important } .tabs > ul li a.selected:hover {background-color: #715a5ab2;} .tabs > ul li a:hover { color: #fff; background-color: #938383b3 } /* Gift Box */ #showcase_blog.giftbox .section_intro {background-color: #eaeaea; padding-bottom: 160px} #showcase_blog.giftbox .section_intro .section_text {max-width: 1440px; margin: 0 auto; padding: 40px 30px 40px 150px; color: #656565} #showcase_blog.giftbox .section_intro .section_text h2 { margin-top: 0; font-size: 40px } /* template12 */ #template12 {max-width: 1440px; top: -100px} #template12 .row .box .elem {margin-bottom: 90px} #template12 .row .box .elem .caption-cnt { justify-content: center; } #template12 .row .box .elem .caption-cnt .caption {padding: 25px; width: 50%; max-width: 320px; position: relative; right: -30px} #template12 .row .box .elem .caption-cnt .caption-alt { width: 50% } #template12 .row .box .elem .caption-cnt .caption .ztextarea {margin-bottom: 30px} #template12 .row .box .elem .caption-cnt .caption .zlink a {padding: 10px 15px} #template12 .row .box .elem .caption-cnt .caption .zlink.g6 {margin-bottom: 5px} #template12 .row .box .elem.odd .caption-cnt .caption {order: 2; z-index: 2; left: 0} #template12 .row .box .elem.odd .caption-cnt .caption-alt {order: 1; position: relative; right: -30px; z-index: 1} #template12 .row .box .elem .caption-cnt .caption .zinput.g5.text .fieldkey {display: none;} #template12 .row .box .elem .caption-cnt .caption .title {margin-bottom: 0} #template12 .row .box .elem .caption-cnt .caption .zinput.g5.text { padding: 5px 0 10px; border-bottom: 1px solid #dedede; margin-bottom: 10px } /* vetrina Esperienze */ /* template13 */ #template13 {/* max-width: 1440px; */ padding: 40px 40px 90px 130px} #template13 .row .box .elem .caption-cnt { flex-direction: column; } #template13 .row .box .elem { width: 25%; padding: 10px; display: inline-block;} #template13 .row .box .elem .caption-cnt .caption-alt {padding: 25px; width: 100%} #template13 .row .box .elem .caption-cnt .caption-alt .title {margin-top: 0} #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { position: relative; } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #template13 .row .box .elem .caption-cnt .caption-alt .ztextarea {margin-bottom: 30px} /* Pagina esperienza (Giornata all'Olympic) */ #page.experience_page .section_content{max-width: unset; padding: 30px 120px;} #page.experience_page .section_content .text_dyn .fieldvalue { margin-bottom: 90px; justify-content: center; } #page.experience_page .section_content .text_dyn .fieldvalue img { margin: 0 auto!important; height: 100%; object-fit: cover; width: 100% } #page.experience_page .section_content .text_dyn .fieldvalue > div:not(.boxed_image) {padding: 30px; max-width: 590px; position: relative; left: -50px; box-shadow: unset;} #page.experience_page .section_content .text_dyn .fieldvalue.odd > div:not(.boxed_image) {order: 1; left: unset; right: -50px; z-index: 2} #page.experience_page .section_content .text_dyn .fieldvalue.odd .boxed_image {order: 2;} #page.experience_page .section_content .text_dyn .fieldvalue.first { box-shadow: unset; } #page.experience_page .section_content .text_dyn .fieldvalue.first .boxed_image {/* display: none; */} #page.experience_page .section_content .text_dyn .fieldvalue.first .boxed_image.empty { display: none; } #page.experience_page .section_content .text_dyn .fieldvalue.first > div { width: 100%; box-shadow: unset; max-width: unset; left: unset; text-align: center; } .experience_page .fieldvalue > div {width: 50%} #page.experience_page .section_content h2 { margin-top: 0 } .experience_page #top .fieldvalue {background-color: transparent; box-shadow: unset;} .experience_page #top .fieldvalue .boxed_image {display: none;} .experience_page .text_dyn {counter-reset: section; } /* .experience_page .fieldvalue .boxed_image:before {left: -200px; counter-increment: section; content: counter(section); line-height: 190px; text-align: right; padding: 0 20px} */ .experience_page .fieldvalue.odd .boxed_image:before { left: unset; right: -200px; text-align: left; } .experience_page .fieldvalue .boxed_image:after {left: -70px} .experience_page .fieldvalue.odd .boxed_image:after {left: unset; right: -70px} .experience_page .fieldvalue div { } .section_link.back a { background-color: #715A5A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; padding: 15px 25px; } /* Other Experience */ .section_other_experience { padding: 60px 120px; } .section_other_experience .section_wrap { text-align: center; } #page .section_other_experience .section_btn_b {padding: 10px 15px; cursor: pointer;} /* Albums */ .section_albums { max-width: 1440px; margin: 0 auto; padding: 0 0 0 120px } .album { margin: 60px; width: calc(50% - 120px) } .album .album_title {padding: 15px} .section_album_gallery {padding-left: 85px} .section_album_gallery img { float: left; width: calc(33.333% - 12px); margin: 5px } .section_album_title {padding: 30px} .section_link_albums {display: block; text-align: center; margin: 30px auto} .section_link_albums a {padding: 10px 25px} /*template21 */ #template21 {max-width: 1440px; padding: 40px 90px 90px 130px; height: 420px; overflow: hidden; position: relative; transition: .6s} #template21.fired {height: auto;} #template21:before{ position: absolute; width: 100%; height: 100%; z-index: 9; transition: .6s; background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 100%); display: block; } #template21.fired:before { background: transparent; display: none; } #template21 .row .box .elem .caption-cnt { flex-direction: column; } #template21 .row .box .elem { width: 33.333%; padding: 20px; display: inline-block;} #template21 .row .box .elem .caption-cnt .caption-alt {padding: 25px} #template21 .row .box .elem .caption-cnt .caption-alt .title {margin-top: 0} #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { position: relative; } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s } #template21 .row .box .elem .caption-cnt .caption-alt .ztextarea {margin-bottom: 30px} #template21 .slick-dots li {margin: 2px} #template21 .fieldvalue {display: block;} #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } /* Vetrina Tradizioni */ /* pagina Contatti */ #page.contact_page #contact_form {width: 50%} #contact_form {padding: 15px 0} #page.contact_page .section_content { padding: 0 90px 0 110px; max-width: 1600px; display: flex; } #page.contact_page .section_content .text_dyn { margin: 0 auto; width: 50%; padding-right: 15px } #page.contact_page .section_content form .element_interruption { clear: unset; } #contact_form form .caption-fields input[type="submit"] { padding: 15px 30px; width: 263px } #contact_form form .caption-fields .text input[type=text], #contact_form form .caption-fields .email input[type=email], #contact_open #contact_form form .caption-fields .textarea textarea { text-transform: inherit; } #contact_form form .caption-fields .textarea textarea {text-transform: inherit; padding: 12px} #contact_form form .caption-fields .form.checkbox {width: 100%} form .caption-fields .form.checkbox label {width: 33.333%; float: left;} form .caption-fields .form.checkbox label input[type="checkbox"] {margin: 6px 5px 0 0 !important} ::placeholder { opacity: .2 } #contact_form.info_room form .caption-fields {text-align: center;} #contact_form.info_room form .caption-fields input[type="submit"] {display: inline-block;} #contact_form form .caption-fields .phone .selected-dial-code { font-size: 15px } #contact_form.info_room .section_title { margin-bottom: 0 } .section_content #contact_form form .caption-fields .select .form_element_title, .section_content #contact_form form .caption-fields .date .form_element_title { font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .section_content #contact_form form .caption-fields .date .date_from_html { border: 1px solid #e6e6e6; padding: 10px; background-color: #f7f7f7;} /* Form Newsletter */ #contact_form form#form_2 {padding: 0 15px} #contact_form form#form_2 .caption-fields .form { width: 33.333% } #contact_form form#form_2 .caption-fields .form.radio_wrap { width: 100% } #contact_form form#form_2 .caption-fields .form.radio_wrap label {display: inline-flex; align-items: center; width: auto; margin-right: 15px} #showprivacy { padding-left: 5px } #showprivacy .privacy_field .show_privacy a { color: #656565 } form .newsletter label { font-size: 12px; display: inline-flex;align-items: center; } .newsletter form .newsletter { padding: 5px; } form .newsletter { padding: 4px; text-align: left; } /* Booking engine immersivo */ #showcase.ecommerce #top.fixed { position: fixed; width: 100%; background: #5b4d4e; left: 80px; right: 0; z-index: 999; top: 0; max-width: unset; } #showcase.ecommerce #top.fixed .section_content.fired:before {display: none;} #showcase.ecommerce #top.fixed .section_why_booking {display: none;} #showcase.ecommerce .head #top.fixed .section_title {font-size: 20px; display: none;} #showcase.ecommerce .head #top.fixed #bookingform_summary .dates > div { font-size: 20px } #showcase.ecommerce #top.fixed .section_content {display: flex; align-items: center; justify-content: center;} #showcase.ecommerce .head #top.fixed #bookingform_summary .dates .label:after {font-size: 20px} #showcase.ecommerce .head #top.fixed #bookingform_summary .dates {margin-top: 0} .smartphone #showcase.ecommerce .head #top.fixed .section_help {display: none;} #showcase.ecommerce.payment #top.fixed {display: none;} #showcase.ecommerce .showcase_rooms_template { margin-top: 60px } #showcase.ecommerce .head #top .section_title { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #FFFFFF; text-align: left; line-height: 50px; letter-spacing: 0; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem { margin-bottom: 45px; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 0; display: block; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { padding: 0; text-align: left; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt > div:hover {opacity: inherit; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldkey{ display: flex; align-items: center; padding: 15px; font-family: 'BrandonText-Bold';font-size: 13px;text-transform: uppercase;font-weight: bold; color: #fff; position: relative; cursor: pointer;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldkey:before { content: "\f107"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldkey.close:before {content: '\f105'} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldkey.open:before { content: '\f107' } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldvalue { padding: 20px; font-family: "ATRotisSansSerif"; font-size: 16px; font-weight: bold; background-color: #F1F1F1; color: #656565; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldvalue ul { margin: 0; padding: 0; list-style: none; text-align: left; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldvalue ul li { padding: 5px 0 5px 25px; position: relative; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 .fieldvalue ul li:before { content: "\f00c"; font-family: "FontAwesome5Pro-Regular"; font-weight: 300; position: absolute; left: 0; } #showcase.ecommerce .head #top #bookingform_summary .dates {margin-top: 15px} #showcase.ecommerce .head #top #bookingform_summary .dates > div { display: inline-block; font-family: "ATRotisSansSerif"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } #showcase.ecommerce .head #top #bookingform_summary .dates .value {margin-right: 25px} #showcase.ecommerce .head #top #bookingform_summary .dates .label:after { font-family: "ATRotisSansSerif"; font-size: 30px; color: #FFFFFF; content: ':'; margin-right: 5px } .pf_no_results { text-align: center; padding: 25px; font-size: 24px; font-family: "ATRotisSansSerif";color: #5b4d4e; max-width: 920px; margin: 0 auto; padding: 0 0 0 80px } /* Tariffe Booking Engine Immersivo */ #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .subcontents .rates .caption-add:before { display: none; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .t-slide { display: none; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents { } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .ztemplate { padding: 0; max-width: 1140px; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .ztemplate .row { text-align: right; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates { margin: 20px -15px 0 0; border: 1px solid #979797; background-color: #fff; display: inline-block; width: 610px;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading { display: flex; align-items: center; cursor: pointer; position: relative; padding: 15px; font-family: 'BrandonText-Bold'; font-size: 13px; text-transform: uppercase; font-weight: bold; background-color: #836F6F; color: #fff; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading:before { content: "\f105"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading.close:before { content: '\f105' } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading.open:before { content: '\f107' } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .rate-group-title {margin: 20px 0 0 0;padding: 15px 15px 15px 30px; text-transform: uppercase; position: relative; cursor: pointer; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .rate-group-title:before { content: "\f107"; font-family: "FontAwesome5Pro-Regular"; font-weight: 900; position: absolute; left: 15px;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .rate-group-title.close:before { content: "\f105"; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-cnt { display: block; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem { margin: 15px 15px 15px 15px; padding: 15px; background-color: #F1F1F1; display: none; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.last, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.single { margin: 15px 15px 15px 15px; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .title { display: inline-block; margin: 0;padding: 0;font-family: 'BrandonText-Bold';font-size: 16px;line-height: 1.2; color: #715A5A;font-weight: bold; cursor: pointer;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .title:after { margin:5px 0 5px 0; content: ""; width: 30px; height: 1px; display: block; background-color: #715A5A; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .ztextarea { margin: 0;padding: 0;font-family: 'ATRotisSansSerif';font-size: 14px;line-height: 1.3;text-transform: none;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .ztextarea .fieldkey { display: none; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .ztextarea ul { padding-left: 22px; margin: 12px 0; list-style-type: disc; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .g3 { display: none} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 { margin: 3px 0 0 0; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey {margin: 0;padding: 0 0 5px 0;font-family: 'BrandonText-Bold'; font-weight:bold; font-size: 11px;line-height: 1.3;text-transform: uppercase; cursor: pointer; color: #656565; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey:before { margin: 0 3px 0 0; content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey.open:before { content: "\f146"; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue { display: none; font-family: "ATRotisSansSerif"; font-size: 14px; color: #656565; line-height: 18px } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue div p { display: inline-block; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul li p { display: inline-block; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul { padding-left: 22px; list-style-type: disc; margin: 12px 0; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .g_zselection {margin: 0;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .g_zselection .fieldkey {margin: 0 0 5px 0;font-size: 11px;color: #3f4d16;font-family: 'BrandonText-Bold';text-align: center;text-transform: uppercase;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection { padding: 0; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input { margin: 0; padding: 9px 10px; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 17px; letter-spacing: 0; display: inline-block; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input.selected { } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input:disabled { /* opacity: 0.2; */ } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input.selected:disabled { opacity: 1; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabelprice {margin: 0 10px; padding:0; font-size: 11px;color: #3f4d16;font-family: 'BrandonText-Bold';text-align: right;text-transform: uppercase;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabelprice .fieldvalue {margin: 7px 0 0 0;font-size: 19px;color: #B1C1A7;font-family: "BrandonText-Bold";} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabelprice .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .title a { cursor: initial; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add img {min-width: unset;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem.not-available {margin-bottom: 140px} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .g10 { display: none; } .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 { position: absolute; z-index: 9; right: 0; top: inherit; bottom: 0; padding: 20px 20px 20px 60px; background-color: #928382; font-family: "ATRotisSansSerif"; font-size: 20px; color: #fff; text-align: left; line-height: 25px; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17:before {font-family: "FontAwesome5Pro-Light"; font-size: 30px; color: #fff; content: '\f57a'; position: absolute;left: 15px} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .zoption.g12 { font-family: "D-DINCondensed"; font-size: 20px; color: #715a5a; } body.smartphone .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .zoption.g12 { color: #fff } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.sustainable { background-color: #ebf1e7} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .sustainable .caption { position: relative;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .sustainable .caption:after { font-family: "FontAwesome5Pro-Solid"; font-size: 30px; color: #B1C1A7; content: '\f06c'; position: absolute; top: 0; right: 0} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .sustainable .ztextarea { color: #696969} /* Fix FdG 4.2.2020 */ .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 .section_noresults_links #edit_booking_search .section_btn { padding: 0; font-size: 10px; background-color: transparent; border-bottom: 1px solid #fff } .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 .section_noresults_links .request_availability_btn .varsimple { padding: 0; font-size: 10px; border-bottom: 1px solid #fff } .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 .section_noresults_links { margin: 0 } .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 .section_noresults_links > div {display: inline-block; margin: 0 10px 0 0} .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 .section_noresults_links #edit_booking_search .section_btn div:before {display: none;} .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 .section_noresults_links .request_availability_btn div:before {display: none;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .read_more:before { content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; color: #715A5A; font-size: 10px; line-height: 1.2px; margin: 0 5px 0 0 } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .read_more.open:before { content: '\f146'; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .read_more { font-family: 'BrandonText-Bold'; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.2; color: #715A5A; background-color: transparent; padding: 0; margin: 5px 0; cursor: pointer; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .desc{ display: none; } #showcase.ecommerce .ztemplate .room_gallery:before { content: "\f302"; font-size: 38px; font-family: "FontAwesome5Pro-Solid"; color: #fff; position: absolute; bottom: 20px; right: 20px; z-index: 3; cursor: pointer; } .ztemplate .room_gallery .default_gallery { display: none; } .ztemplate .room_gallery .default_gallery.fired { display: flex; z-index: 999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.7); align-items: center; justify-content: center;} .ztemplate .room_gallery .default_gallery img { margin: auto; } .ztemplate .room_gallery .default_image { cursor: pointer; position: relative; z-index: 1 } .ztemplate .room_gallery .default_image img {max-width: 780px} .ztemplate .room_gallery .default_gallery .slick-next { text-align: center; z-index: 2; position: absolute; right: 30px; top: calc(50% - 25px); } .ztemplate .room_gallery .default_gallery .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 120px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } .ztemplate .room_gallery .default_gallery .slick-prev { text-align: center; z-index: 2; position: absolute; left: 30px; top: calc(50% - 25px); } .ztemplate .room_gallery .default_gallery .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 120px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } .ztemplate .room_gallery .close_btn { display: none; width: 40px; height: 40px; position: fixed; top: 20px; cursor: pointer; z-index: 9999; left: 0; right: 0; margin: 0 auto; } .ztemplate .room_gallery .close_btn:before { width: 100%; height: 2px; background-color: #fff; transform: rotate(45deg); position: absolute; content: ''; top: 50%; left: 0 } .ztemplate .room_gallery .close_btn:after { width: 100%; height: 2px; background-color: #fff; transform: rotate(-45deg); position: absolute; content: ''; top: 50%; left: 0 } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 {margin: 0 10px;padding: 5px;/* border: none; *//* background: #3f4d14; *//* color: #fff; */} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 .fieldkey{font-family: 'BrandonText-Bold';font-size: 11px;text-transform: uppercase;font-weight: bold;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 12px; font-weight: bold; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g20 {margin: 0 0 0 10px; padding: 5px 5px 5px 30px; font-size: 11px;color: #3f4d16;font-family: 'BrandonText-Bold';text-align: right;text-transform: uppercase;/* display: none; */} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue {margin: 0;font-size: 13px;color: #B1C1A7;font-family: "BrandonText-Bold";text-decoration: line-through; line-height: 1;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldkey {display: none; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldvalue {margin: 0;font-size: 18px;color: #B1C1A7;font-family: "BrandonText-Bold"; font-weight: bold; line-height: 1; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue span.comma, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue span.decimal, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldvalue span.comma, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldvalue span.decimal { } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g20 .fieldvalue { margin: 3px 0 0 0; font-size: 18px; color: #B1C1A7; font-family: "BrandonText-Bold";} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue:before, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g20 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 { display: inline-flex; align-items: center; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldkey { background-color: #F76B6B; color: #fff; padding: 5px 10px; margin-right: 5px; position: relative; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldkey:before { content: "\f06b";font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #F76B6B; position: absolute; left: -25px; top: 0; z-index: 2 } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption {padding: 0; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-alt { margin:8px 0 20px 0; padding: 10px;width: auto;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: center;justify-content: space-between; background-color: #FEFEFE;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add {padding: 10px 0 0 0;display: block; text-align: left; border-top: 1px solid #D8D8D8; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add .g10 {padding: 0;position: inherit;background: none;z-index: inherit;top: inherit;right: inherit;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .guests { display: flex; align-items: center; width: 50%; padding: 0 } .includedescr-title, .excludedescr-title, .mealplan-title { display: flex; margin: 0; padding: 0; font-family: 'BrandonText-Bold'; font-size: 12px; text-transform: uppercase; line-height: 1.2; color: #715A5A; font-weight: bold; cursor: pointer; margin: 5px 0 } .mealplan-title div { padding-left: 5px } .includedescr-title:before, .excludedescr-title:before, .mealplan-title:before { margin: 0 5px 0 0; content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; font-size: 10px } .includedescr-title.open:before, .excludedescr-title.open:before, .mealplan-title.open:before { content: "\f146"; } .mealplan, .includedescr, .excludedescr { background-color: #fff; padding: 5px 10px; display: none; } #edit_booking_search .section_btn { cursor: pointer; display: inline-block; background-color: #715A5A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; padding: 15px 15px; } #edit_booking_search .section_btn div:before { content: "\f073"; font-family: "FontAwesome5Pro-Light"; font-size: 22px; margin-right: 10px } /* Icone Occupazione*/ #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g16, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g23, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g24 {margin:0 5px; padding:0; text-align: left; width: 25%; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 .fieldvalue { display: flex; align-items: baseline; } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 .fieldvalue, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g16 .fieldvalue, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g23 .fieldvalue, #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g24 .fieldvalue { text-align: left; color:#696969; font-family: "BrandonText-Bold"; font-size: 18px; display: flex; align-items: center;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 .fieldvalue:before { margin: 0 5px 0 0; content: "\f183";font-family: "FontAwesome5Pro-Solid";font-weight: 900;font-size: 15px; display:inline-block; text-align: center;} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g24 .fieldvalue:before { margin: 0 5px 0 0; content: "\f1ae"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 15px; display:inline-block; text-align: center; position: relative; bottom: 0} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g16 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77c"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 15px; display:inline-block; text-align: center; position: relative; bottom: 0 } #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g23 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77d"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 15px; display:inline-block; text-align: center; position: relative; bottom: 0 } /* Template Camere order.php*/ #rooms_summary { } #rooms_summary #bookingform_summary { margin:0 0 5px 0; padding: 0 0 15px 0; background: #fff; font-family: 'Lato';font-size: 12px;line-height: 1;text-transform: uppercase; font-weight: bold; } #rooms_summary #bookingform_summary .title {margin:0 0 15px 0;padding: 10px; font-size: 14px;line-height: 1;text-transform: uppercase;text-align: center;color: #fff;font-weight: normal;} #rooms_summary #bookingform_summary .dates { margin:0 0 5px 0; } #rooms_summary #bookingform_summary .guests { margin: 0; } #rooms_summary #bookingform_summary .label { display: inline-block; } #rooms_summary #bookingform_summary .value { margin:0 5px; display: inline-block; } #rooms_summary .ztemplate { } #rooms_summary .ztemplate .elem {margin: 0px 0px 10px 0px;padding: 20px 20px 5px 20px; text-align: left;clear: both;overflow: hidden;background-color: transparent;} #rooms_summary .ztemplate .caption .room_count {margin: -1px 3px 0 0;padding: 0;font-family: 'D-DINCondensed';font-size: 16px;line-height: 20px;font-weight: bold;float: left;background: #3f4d16;color: #fff;width: 20px;height: 20px;text-align: center;} #rooms_summary .ztemplate .caption .title {margin: 0px 0px 5px 0px;padding: 0px 0px 0px 0px;font-family: 'D-DINCondensed';font-size: 38px;line-height: 1;color: #656565;font-weight: normal;} #rooms_summary .ztemplate .caption .title:before { margin: 0 5px 5px 0px; content: "x"; font-family: 'Lato'; font-size: 11px; position: relative; top: -2px; color: #3f4d16; display: none;} #rooms_summary .ztemplate .caption .ztextarea {padding: 5px 0px 10px 0px;line-height: 20px;font-size: 14px;font-family: 'ATRotisSansSerif';color: #434a37;font-weight: normal; background-color: #F9F9F9; padding: 15px} #rooms_summary .ztemplate .caption .ztextarea ul { list-style-type: disc } #rooms_summary .ztemplate .caption .zlabel.g8 { margin: 3px 0 0 0; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey {margin: 0;padding: 0 0 5px 0;font-family: 'BrandonText-Bold'; font-weight:bold; font-size: 11px;line-height: 1.3;text-transform: uppercase; cursor: pointer; color: #656565; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey:before { margin: 0 3px 0 0; content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey.open:before { content: "\f146"; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue { font-family: "ATRotisSansSerif"; font-size: 14px; line-height: 20px; color: #656565; display: none; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue div p {display: initial;} #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul li p {display: initial;} #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul { padding-left: 22px; list-style-type: disc; margin: 12px 0 } #rooms_summary .ztemplate .caption .ztextarea { background-color: #836e6f; color: #fff } #rooms_summary .ztemplate .subcontents .rates .ztextarea { color: #434a37; background-color: #F9F9F9 } #rooms_summary .ztemplate .caption .ztextarea.g5 { background-color: #9a8b8c } #rooms_summary .ztemplate .subcontents .rates .ztextarea .fieldkey { display: none; } #rooms_summary .ztemplate .subcontents .rates .ztextarea ul { padding-left: 22px; margin: 12px 0 } #rooms_summary .ztemplate .caption .zlabel.g8 .fieldkey {margin: 0;padding: 0;font-family: 'Lato'; font-weight:bold; font-size: 11px;line-height: 1.3;text-transform: uppercase; } #rooms_summary .ztemplate .caption-alt { display: none; } #rooms_summary .ztemplate .caption-add { display: none;} #rooms_summary .ztemplate .caption-add .groupfield.g6, #rooms_summary .ztemplate .caption-add .groupfield.g16, #rooms_summary .ztemplate .caption-add .groupfield.g7 { margin: 0px 10px 10px 0px; padding: 5px 10px; font-size: 15px; color: #434a37; display: inline-block; border: 1px solid #aa9f94; font-family: 'D-DINCondensed'; } #rooms_summary .ztemplate .caption-add .groupfield.g7 { margin: 0px 0 10px 0px;} #rooms_summary .ztemplate .caption-add .groupfield.g6 .fieldkey, #rooms_summary .ztemplate .caption-add .groupfield.g16 .fieldkey, #rooms_summary .ztemplate .caption-add .groupfield.g7 .fieldkey { display: inline-block; } #rooms_summary .ztemplate .caption-add .groupfield.g6 .fieldvalue, #rooms_summary .ztemplate .caption-add .groupfield.g16 .fieldvalue, #rooms_summary .ztemplate .caption-add .groupfield.g7 .fieldvalue { display: inline-block; } #rooms_summary .ztemplate .caption-add .zinput.number.g10 { margin: 15px 0; } #rooms_summary .ztemplate .caption-add .zinput.number.g10 .fieldkey { color: #434a37; font-family: 'D-DINCondensed'; font-size: 16px; } #rooms_summary .ztemplate .caption-add .zinput.number.g10 .fieldvalue { font-family: 'D-DINCondensed'; font-size: 24px; font-weight: normal; color: #ad883c; line-height: 1;} #rooms_summary .ztemplate .caption-add .zinput.number.g10 .fieldvalue:before { margin:0 2px 0 0; content: "\20AC"; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 { margin: 20px 0px 20px 0px; font-family: 'D-DINCondensed'; font-size: 14px; font-weight: normal; color: #ad883c; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 .fieldkey { margin:0 0 5px 0; color: #434a37; font-size: 16px; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 .fieldvalue { padding:5px 0 5px 25px; position: relative; line-height: 1; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 .fieldvalue:before { font-family: "FontAwesome5Pro-Regular"; font-weight: 300; content: "\f00c"; position: absolute; left: 0; } /* Tariffe Booking Engine Immersivo */ #rooms_summary .ztemplate .subcontents .rates {margin: 0;} #rooms_summary .ztemplate .subcontents .rates .caption-cnt { display: flex; flex-direction: column; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .caption-cnt .caption { order: 1; width: 100%; } #rooms_summary .ztemplate .subcontents .rates .elem {margin: 5px 0;padding: 15px 15px; } #rooms_summary .ztemplate .subcontents .rates .title {margin: 0;padding: 0;font-family: 'BrandonText-Bold';font-size: 16px;line-height: 1.2; color: #715A5A;font-weight: bold;} #rooms_summary .ztemplate .subcontents .rates .title:after { margin:5px 0 5px 0; content: ""; width: 30px; height: 1px; display: none; background-color: #715A5A; } #rooms_summary .ztemplate .subcontents .rates .ztextarea {margin: 0;padding: 0;font-family: 'ATRotisSansSerif';font-size: 14px;line-height: 1.3;text-transform: none;} #rooms_summary .ztemplate .subcontents .rates .zselection {margin: 0 0 0 20px;display: none;} #rooms_summary .ztemplate .subcontents .rates .zselection input { margin: 0; padding: 9px 10px; background-color: #ad883c; font-family: "D-DINCondensed"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 17px; letter-spacing: 2px; display: inline-block; } #rooms_summary .ztemplate .subcontents .rates .zselection input.selected { background-color: #404d17; } #rooms_summary .ztemplate .subcontents .rates .zselection input:disabled { opacity: 0.2; } #rooms_summary .ztemplate .subcontents .rates .zselection input.selected:disabled { opacity: 1; } #rooms_summary .ztemplate .subcontents .rates .zlabelprice {margin: 0 0 0 0; font-size: 11px; color: #3f4d16; font-family: 'BrandonText-Bold'; text-align: right; text-transform: uppercase;} #rooms_summary .ztemplate .subcontents .rates .zlabelprice .fieldkey { display: none; } #rooms_summary .ztemplate .subcontents .rates .zlabelprice .fieldvalue {margin: 3px 0 0 0; font-size: 18px; color: #B1C1A7; font-family: "BrandonText-Bold"; font-weight: bold; line-height: 1;} #rooms_summary .ztemplate .subcontents .rates .zlabelprice .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9, #rooms_summary .ztemplate .subcontents .rates .zlabel.g20 { margin: 0 10px; font-size: 11px; color: #3f4d16; font-family: 'Lato'; text-align: right; text-transform: uppercase; display: none;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g20 .fieldvalue { margin: 3px 0 0 0; font-size: 18px; color: #ad883c; font-family: "D-DINCondensed";} #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldvalue:before, #rooms_summary .ztemplate .subcontents .rates .zlabel.g20 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #rooms_summary .ztemplate .subcontents .rates .caption-alt { order: 2; width: 100%; margin: 8px 0 20px 0;padding: 10px 10px 10px 0; 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: center;background: #FEFEFE;justify-content: space-between;} #rooms_summary .ztemplate .subcontents .rates .caption-alt .guests { display: flex; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .caption-add { display: block; order: 3; width: 100% } #rooms_summary .ztemplate .subcontents { background-color: #f9f9f9; margin-top: 15px } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 { display: inline-flex; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldkey { background-color: #F76B6B; color: #fff; padding: 5px 10px; margin-right: 5px; position: relative; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldkey:before { content: "\f06b";font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #F76B6B; position: absolute; left: -25px; top: 0; z-index: 2 } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldvalue { margin: 0; font-size: 12px; color: #B1C1A7; font-family: "BrandonText-Bold"; text-decoration: line-through; line-height: 1; } #rooms_summary .dates.in_order {margin-top: 15px; background-color: #fff; padding: 12px; margin-bottom: 15px; display: flex; flex-wrap: wrap; align-items: baseline;} #rooms_summary .dates.in_order .label.first:before { content: "\f073";font-family: "FontAwesome5Pro-Light"; font-size: 18px; color: #715A5A; margin-right: 7px } #rooms_summary .dates.in_order > div { display: inline-block; font-family: "BrandonText-Bold"; font-size: 14px; color: #715A5A; text-align: left; line-height: 30px; letter-spacing: 0; } #rooms_summary .dates.in_order .value {margin-right: 10px; margin-left: 5px} #rooms_summary .dates.in_order .label:after { font-family: "BrandonText-Bold"; font-size: 14px; color: #715A5A; content: ':'; margin-right: 0 } .guests_nights { width: 100%; display: flex!important; align-items: center; flex-wrap: wrap; border-top: 1px solid #efeeee; margin-top: 5px; padding-top: 5px; } .guests_nights > div { margin-right: 12px } .guests_nights .nights:before { content: "\f186";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .guests_nights .adults:before { content: "\f183";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .guests_nights .cildren_1:before { content: "\f77d";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .guests_nights .cildren_2:before { content: "\f77c";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .guests_nights .cildren_3:before { content: "\f1ae";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .section_why_booking { display: inline-block; font-family: "ATRotisSansSerif"; font-size: 15px; color: #FFFFFF; text-align: left; line-height: 15px; letter-spacing: 0; margin-top: 50px; width: 100%; border-top: 1px solid #7d706f; margin-left: -30px; } .section_why_booking h2 { margin-bottom: 0 } .section_why_booking ul { list-style-type: none; display: inline-block; background-color: rgba(255,255,255,.1); padding: 15px; } .section_why_booking ul li {margin-bottom: 12px; display: flex;} .section_why_booking ul li:before { content: "\f058";font-family: "FontAwesome5Pro-Light"; font-size: 18px; color: #fff; margin-right: 5px } #showcase.order .section_why_booking { margin-top: 70px } .section_noresults_links { display: none; margin: 30px auto 90px; } .section_noresults_links.visible { display: flex; align-items: center; justify-content: center; text-align: center; } .request_availability_btn .varsimple {cursor: pointer; display: inline-block; background-color: #938383b3; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; padding: 15px 15px;} .request_availability_btn .varsimple:before { content: "\f0e0"; font-family: "FontAwesome5Pro-Light"; font-size: 22px; margin-right: 10px; position: relative; top: 2px } .section_noresults_links > div { margin: 0 15px } /* form contatti order */ .order #contact_form { padding: 15px; } .order .form-cnt {padding: 20px} .order .form-cnt .title { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-family: 'D-DINCondensed'; font-size: 30px; line-height: 1; color: #656565; font-weight: normal;} .order .form-cnt .summary { line-height: 20px; font-size: 15px; font-family: 'ATRotisSansSerif'; color: #3A3A3A; font-weight: normal; margin-bottom: 30px} /* Payment */ #showcase.payment #top .section_content .section_summary {margin-top: 15px} .payment .content_wrap { max-width: 500px; margin: 0 auto } .payment #order_summary .section_total { padding: 30px 50px 150px 50px } .payment #payment_method { max-width: 400px; margin: 0 auto; position: relative; top: -70px;; padding: 15px} .payment #order_summary .section_total #total_amount {position: relative;} .payment #order_summary .section_total #total_amount:before {margin-right: 5px} .payment #order_summary .section_total #total_amount:after { position: absolute; content: ''; background-image: url('../images/elements/ccards_2.svg'); background-repeat: no-repeat;width: 270px; height: 36px; bottom: -50px } .payment .content_wrap {overflow: hidden; position: relative; margin-top: 40px} .payment .content_wrap:after { position: absolute; content: ''; background-image: url('../images/elements/lock.svg'); background-repeat: no-repeat;width: 70px; height: 70px; top: 0; right: 0 } .payment #payment_method form .be_payment_filed { margin-bottom: 10px } .payment #payment_method form .be_month, .payment #payment_method form .be_year {width: calc(50% - 10px);} .payment #payment_method form .be_month {margin-right: 16px} .payment #payment_method form .be_payment_description { margin: 5px 0 20px; line-height: 18px } .payment #payment_method form .be_payment_description ul, .payment #payment_method form .be_payment_description ul li, .payment #payment_method form .be_payment_description ul li span, .payment #payment_method form .be_payment_description ul li span b, .payment #payment_method form .be_payment_description ul li span strong, .payment #payment_method form .be_payment_description b, .payment #payment_method form .be_payment_description span, .payment #payment_method form .be_payment_description a { color: #fff!important; } .payment #payment_method form .be_payment_description b, .payment #payment_method form .be_payment_description span { color: #fff!important; background-color: transparent!important; font-family: "ATRotisSansSerif"!important; font-size: 15px!important } .payment #payment_method form .be_payment_filed_name {margin-bottom: 5px; position: relative; font-family: "D-DINCondensed"; color: #fff; font-size: 16px; /* border-top: 1px solid #fff; */ padding: 10px 0 0;} .payment #payment_method form .be_payment_filed select { font-family: "ATRotisSansSerif"; font-size: 16px; color: #524343; -webkit-appearance: inherit; border-radius: unset; padding: 15px; background-color: #fff; background-image: url('../images/icons/caret_down.svg'); background-repeat: no-repeat; background-position: 95%; cursor: pointer; width: 100% } .payment #payment_method form .be_payment_filed input { padding: 15px } .payment #payment_method form input[type="submit"] {width: 100%; padding: 10px; margin-top: 20px} .payment #payment_method form .be_number input { background-image: url('../images/icons/card.svg'); background-repeat: no-repeat; background-position: 5%; padding-left: 50px } .payment #payment_method form .be_month select, .payment #payment_method form .be_year select { padding-left: 50px } .payment #payment_method form .be_cvv input {background-image: url('../images/icons/mini_lock.svg'); background-repeat: no-repeat; background-position: 5%; padding-left: 60px} .payment #payment_method form .be_month .be_payment_filed_name:before, .payment #payment_method form .be_year .be_payment_filed_name:before { position: absolute; content:''; background-image: url('../images/icons/calendar.svg'); background-repeat: no-repeat;width: 20px; height: 20px; top: 38px; left: 15px } .payment #payment_method .be_payment_title { color: #fff; font-size: 22px; font-family: "D-DINCondensed"; background-color: #9b8a8c; padding: 10px; cursor: pointer; } .payment #payment_method .be-payment-method { margin-bottom: 5px } .payment #payment_method .be-payment-method form { padding: 10px 10px 25px 10px; display: none; } .payment #payment_method .be-payment-method:first-of-type form { display: block; } .payment #payment_method .be_payment_title:before {content: "\f105"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px} .payment #payment_method .be_payment_title.close:before {content: '\f105'} .payment #payment_method .be_payment_title.open:before { content: '\f107' } .choose_payment_title .varsimple {font-family: "ATRotisSansSerif"; font-size: 15px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; } .be_deposit { font-family: "ATRotisSansSerif"; font-size: 15px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; border-bottom: 1px solid #9b8a8c; padding: 10px 0; margin-bottom: 15px; } .excluded-contents-cnt { background-color: #9a8b8c; padding: 15px; margin-bottom: 20px; color: #fff; font-family: "ATRotisSansSerif"; font-size: 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .excluded-contents-title span { font-family: "D-DINCondensed"; font-size: 18px; } .excluded-content { display: flex; background-color: #ad9e9f; padding: 10px; margin-bottom: 2px; margin-left: auto; } .excluded-content:last-of-type { margin-bottom: 0 } .excluded-content-price {margin-left: 5px; font-weight: bold;} .excluded-content-price:before { content: '€'; font-weight: bold; } .choose_payment_title { margin-bottom: 10px } /* Nexi Payment */ .nexi_payment { font-family: "BrandonText-Bold"; color: #fff; text-transform: uppercase; font-size: 10px} .nexi_payment input { width: 100%; padding: 10px; border: 1px solid #ebe5d8!important; margin-bottom: 10px; margin-top: 5px; font-size: 14px; color: #656565} .nexi_payment #xpay-card { margin-top: 5px} .nexi_payment .nexi-owner-name, .nexi_payment .nexi-owner-surname { width: calc(50% - 5px); float: left; } .nexi_payment .nexi-owner-name { margin-right: 5px } .nexi_payment .nexi-owner-surname { position: relative;right: -5px} .nexi_payment #xpay-card-errors { margin-top: 15px; font-size: 12px; text-align: center;} #__xpay_card_frame { border: 1px solid #ebe5d8!important; padding: 10px!important; height: 40px!important; background-color: #fff!important } #nexi-payment-form button#pagaBtn { margin: 20px 0 0 0; padding: 9px 10px; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 17px; display: block; width: 100%} /* Thankyou */ .payment.thankyou .content_wrap:after { display: none; } .thankyou .content_wrap .section_link a {padding: 10px 30px; margin-top: 30px} .thankyou .thankyou_congent {margin-top: 30px} .payment .content_wrap { margin-top: -40px } /* Icone Occupazione*/ #rooms_summary .ztemplate .subcontents .rates .zlabel.g15, #rooms_summary .ztemplate .subcontents .rates .zlabel.g16, #rooms_summary .ztemplate .subcontents .rates .zlabel.g23, #rooms_summary .ztemplate .subcontents .rates .zlabel.g24 { margin: 0 10px; padding: 0; text-align: left; width: 50%; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g15 .fieldvalue { display: flex; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g15 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g16 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g23 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g24 .fieldvalue { text-align: center; text-align: left; color: #696969; font-family: "BrandonText-Bold"; font-size: 16px; display: flex; align-items: center;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g15 .fieldvalue:before { margin: 0 5px 0 0; content: "\f183"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g24 .fieldvalue:before { margin: 0 5px 0 0; content: "\f1ae"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; bottom: 0 } #rooms_summary .ztemplate .subcontents .rates .zlabel.g16 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77c"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; bottom: 0} #rooms_summary .ztemplate .subcontents .rates .zlabel.g23 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77d"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; bottom: 0} #rooms_summary .ztemplate .subcontents .rates .zlabel.g6 {margin: 0 10px;font-size: 11px;color: #3f4d16;font-family: 'Lato';text-align: right;text-transform: uppercase;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g6 .fieldvalue {margin: 3px 0 0 0;font-size: 18px;color: #ad883c;font-weight: bold;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g6 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #rooms_summary .ztemplate .subcontents .rates .zlabel.zlabelquantity { display: none;} #total_cost { width: calc(100% - 40px); margin: 0 auto;padding: 15px 15px;background-color: #715A5A;text-align: right;display: flex;align-items: center; justify-content: flex-end;} #total_cost .upfront_wrapper { margin: 0 0 0 15px; } #total_cost .key { margin: 0 10px 0 0; font-size: 12px; color: #fff; font-family: 'BrandonText-Bold'; font-weight: bold; text-align: right; text-transform: uppercase; } #total_cost .total_amount, #total_cost .upfront_amount {margin: 3px 0 0 0;font-size: 22px;color: #fff;font-family: "BrandonText-Bold";font-weight: bold;} #total_cost .upfront_amount:before, #total_cost .total_amount .value:before { margin: 0 2px 0 0; content: '\20AC'; } footer { background-image: url('../images/bg/bg_mountain.svg'); background-repeat: no-repeat; background-size: cover; background-position: 0 -120%; padding: 20px 0 0; margin-top: 30px; clear: both; } footer #social {justify-content: center; margin-bottom: 30px} footer #social > div { margin: 0 15px } footer #social > div a:before {z-index: 2!important} footer #contacts { margin: 30px auto } footer #contacts .section_phone { margin-bottom: 8px } footer #contacts > div a:before { padding-right: 7px } footer #bottom {padding: 30px 0; background-color: transparent;} footer #credits {justify-content: center; padding: 0; background-color: transparent; display: block;} footer #credits .section_credits a:before {padding-right: 7px} footer .section_link.newsletter a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 10px; color: #A4A4A4; content: '\f0e0'; padding-right: 7px; } footer #bottom .section_text {text-align: left;} footer .top { display: flex; justify-content: center; max-width: 1390px; margin: 0 auto; padding: 0 30px } footer .top > div { width: 33.333%; padding: 20px } footer .top > div.last { padding-left: 60px } #v_maps svg {width: 100%; height: 220px} body.home footer { height: 440px!important; margin-top: 0 } footer .logo img { height: auto; } #social.landing {display: none;} .eco_logo { display: flex; align-items: center; justify-content: space-around; } /* Elementi comuni */ .wrap_cnt { max-width: 1140px; margin: 0 auto; padding: 0 15px} .button_model_1 a { background-color: transparent; color: #fff; text-transform: uppercase; font-family: "BrandonText-Bold"; font-size: 13px; line-height: 1; padding: 8px 20px; border: 1px solid #fff} .button_model_2 { background-color: #446A7A; color: #fff; text-transform: uppercase; font-family: "BrandonText-Bold"; font-size: 13px; line-height: 1; padding: 10px 20px; cursor: pointer; border: 1px solid #446A7A} .title_model_1, .title_model_1 h2, .title_model_1 h1, .title_model_1 h3 { font-family: "D-DINCondensed"; font-size: 40px; line-height: 1; color: #715A5A; margin-bottom: 10px} .title_model_2, .title_model_2 h2, .title_model_2 h1, .title_model_2 h3 { font-family: "D-DINCondensed"; font-size: 25px; line-height: 1; color: #715A5A; margin-bottom: 10px} .text_model_1 { font-family: "D-DINCondensed"; font-size: 24px; line-height: 1; color: #715A5A; margin-bottom: 15px} /* Landing Standalone */ body.landing_standalone header { position: fixed; top: 0; left: 0; width: 100%; z-index: 998; background-color: #938383; padding: 15px; display: flex; justify-content: space-between; align-items: center;} body.landing_standalone header .col { display: inline-flex; align-items: center;} body.landing_standalone header .col .button_model_1 { margin-right: 15px} body.landing_standalone .landing_anchors { display: flex; align-items: center;} body.landing_standalone .landing_anchors .varsimple { font-family: "BrandonText-Bold"; font-size: 13px; line-height: 1; color: #fff; cursor: pointer; text-transform: uppercase; margin-right: 20px} body.landing_standalone .desktop_cnt { padding-left: 0} body.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div { max-width: unset} body.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue { flex-direction: row; align-items: flex-start; margin-bottom: 20px} body.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div:before { display: none} body.landing_standalone #intro .intro_wrap .top_seo { margin-left: 0;} body.landing_standalone .landing .intro_wrap #content { padding: 0 15px; margin: 30px auto} body.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div { padding: 0} body.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue img { box-shadow: unset} body.landing_standalone .landing .intro_wrap #content .section_text { padding: 0} body.landing_standalone .section_offers { background-image: unset; background-color: #fff; padding: 0} body.landing_standalone .section_offers .banner_title { background-color: #938383; padding: 60px 0; margin-bottom: 60px} body.landing_standalone .section_offers .banner_title .title_model_1 { color: #fff; text-align: center;} body.landing_standalone .section_offers .banner_title .title_model_2 { color: #fff; text-align: center;} body.landing_standalone .section_rooms .banner_title { margin-bottom: 60px} body.landing_standalone .section_rooms .banner_title .title_model_1 { text-align: center;} body.landing_standalone .section_rooms .banner_title .title_model_2 { text-align: center;} body.landing_standalone .request_cta { display: none} body.landing_standalone #varscript_google_maps { padding: 0; margin: 30px 0} body.landing_standalone .section_map .banner_title .title_model_1 { text-align: center;} body.landing_standalone .section_map { margin: 60px 0} body.landing_standalone .section_contacts{ margin: 60px 0} body.landing_standalone .section_contacts .banner_title { margin: 30px 0} body.landing_standalone .section_contacts .banner_title .title_model_1 { text-align: center;} body.landing_standalone .section_contacts .banner_title .title_model_2 { text-align: center;} body.landing_standalone #persuasive_messages { top: inherit; bottom: 95px} body.landing_standalone #persuasive_messages .persuasive_message { border-radius: 0; background-color: #938383; color: #fff!important; display: flex; align-items: flex-start; max-width: 270px} body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper a, body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper a strong, body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper strong, body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper span, body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper a span, body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper a strong span { color: #fff!important} body.landing_standalone #persuasive_messages .persuasive_message .message_wrapper { color: #fff!important} body.landing_standalone #persuasive_messages .persuasive_message:before { font-family: "FontAwesome5Pro-Solid"; font-size: 40px; color: #fff; content: '\f4c3'; margin-right: 25px} body.landing_standalone #landing_contact #right form .caption-fields .field.element_1 { width: calc(50% - 20px)} body.landing_standalone .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zlink { display: none;} /* ztemplate_model_42 */ .ztemplate_model_42.landing_standalone .elem .caption {position: relative;} .ztemplate_model_42.landing_standalone .elem .caption .zinput{ position: absolute; top: 0; right: 0; z-index: 2; background-color: #938383; color: #fff; padding: 15px} .ztemplate_model_42.landing_standalone .elem .caption .zinput .fieldkey { font-family: "BrandonText-Regular"; color: #fff; font-size: 16px; line-height: 1} .ztemplate_model_42.landing_standalone .elem .caption .zinput .fieldvalue { font-family: "BrandonText-Bold"; color: #fff; font-size: 32px; line-height: 1} .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt { justify-content: center; align-items: flex-start;} .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .title { font-family: "D-DINCondensed"; font-size: 40px; line-height: 1; color: #656565; margin-bottom: 0 } .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .g13 { margin-top: 10px} .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zsimplebutton { background-color: transparent; color: #715A5A; text-transform: uppercase; font-family: "BrandonText-Bold"; font-size: 13px; line-height: 40px; padding: 0 20px; border: 1px solid #715A5A; display: inline-block; text-align: center; cursor: pointer} .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zlink { display: inline-block; margin: 0 15px} .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zlink a { background-color: #B1C1A7; color: #fff; text-transform: uppercase; font-family: "BrandonText-Bold"; font-size: 13px; line-height: 40px; padding: 0 20px; border: 1px solid #B1C1A7; display: inline-block; } .ztemplate_model_42.landing_standalone .elem .caption .zinput .fieldvalue:before, .ztemplate_model_42.landing_standalone .content_detail_wrapper .elem .caption-alt .zinput .fieldvalue:before { font-family: "BrandonText-Bold"; color: #fff; font-size: 32px; content: '€'; margin-right: 5px} .ztemplate_model_42.landing_standalone .request_info_cta { background-color: #446A7A; color: #fff; text-transform: uppercase; font-family: "BrandonText-Bold"; font-size: 13px; line-height: 40px; padding: 0 20px; border: 1px solid #446A7A; display: inline-block; cursor: pointer;} /* ztemplate_model_49 */ .ztemplate_model_49 .elem { margin: 0 15px} .ztemplate_model_49 .elem .caption-cnt { position: relative; background-color: #000} .ztemplate_model_49 .elem .caption-alt { position: absolute; z-index: 2; left: 0; bottom: -40px; width: 100%; padding: 15px 15px 0; transition: .3s} .ztemplate_model_49 .elem:hover .caption-alt { bottom: 0} .ztemplate_model_49 .elem .caption-add { position: absolute; z-index: 2; left: 0; right: 0; top: 0; text-align: center;} .ztemplate_model_49 .elem .caption-add .text { font-family: "BrandonText-Bold"; font-size: 13px; color: #715A5A; text-align: center; background-color: #fff; display: inline-block; margin: 0 auto; padding: 10px} .ztemplate_model_49 .elem .title { font-family: "ATRotisSansSerif"; color: #fff; font-size: 30px; line-height: 1} .ztemplate_model_49 .elem .ztextarea { font-family: "ATRotisSansSerif"; color: #fff; font-size: 16px; line-height: 1.5; margin-bottom: 30px} .ztemplate_model_49 .elem .caption-alt .zinput { margin-bottom: 15px} .ztemplate_model_49 .elem .caption-alt .zinput .fieldkey { font-family: "BrandonText-Regular"; color: #fff; font-size: 16px; line-height: 1} .ztemplate_model_49 .elem .caption-alt .zinput .fieldvalue { font-family: "BrandonText-Bold"; color: #fff; font-size: 32px; line-height: 1} .ztemplate_model_49 .elem .zsimplebutton { display: inline-block; width: calc(50% + 15px); margin-left: -15px; text-align:center; line-height: 40px; font-family: "BrandonText-Bold"; color: #fff; font-size: 13px; text-transform: uppercase; background-color: #938383; cursor: pointer;} .ztemplate_model_49 .elem .zlink { display: inline-block; width: calc(50% + 15px); margin-right: -15px;} .ztemplate_model_49 .elem .zlink a { display: inline-block; width: 100%; text-align:center; line-height: 40px; font-family: "BrandonText-Bold"; color: #fff; font-size: 13px; text-transform: uppercase; background-color: #B1C1A7} .ztemplate_model_49 .elem img { opacity: .8; transition: .3s} .ztemplate_model_49 .elem:hover img { opacity: .5} .ztemplate_model_49 .slick-prev { position: absolute; top: 50%; transform: translateY(-50%);left: -30px} .ztemplate_model_49 .slick-next { position: absolute; top: 50%; transform: translateY(-50%);right: -30px} .ztemplate_model_49 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104";} .ztemplate_model_49 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105";} .ztemplate_model_49 .request_info_cta { background-color: #446A7A; color: #fff; text-transform: uppercase; text-align: center; font-family: "BrandonText-Bold"; font-size: 13px; line-height: 40px; padding: 0 20px; border: 1px solid #446A7A; display: inline-block; cursor: pointer;} .modal_detail_on #template_detail_wrapper_49 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:-1; pointer-events: none; transition: .4s; opacity: 0; background-color: rgba(0,0,0,.74); display: flex; align-items: center; padding: 15px} .modal_detail_on #template_detail_wrapper_49.fired { opacity: 1; z-index: 9999; pointer-events: inherit;} .modal_detail_on #template_detail_wrapper_51 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:-1; pointer-events: none; transition: .4s; opacity: 0; background-color: rgba(0,0,0,.74); display: flex; align-items: center; padding: 15px} .modal_detail_on #template_detail_wrapper_51.fired { opacity: 1; z-index: 9999; pointer-events: inherit;} .modal_detail_on #template_detail_wrapper_53 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:-1; pointer-events: none; transition: .4s; opacity: 0; background-color: rgba(0,0,0,.74); display: flex; align-items: center; padding: 15px} .modal_detail_on #template_detail_wrapper_53.fired { opacity: 1; z-index: 9999; pointer-events: inherit;} .modal_detail_on .content_detail_wrapper { max-width: 1190px; margin: 0 auto} .modal_detail_on .content_detail_wrapper .template { background-color: #fff} .modal_detail_on .content_detail_wrapper .template .ztemplate { padding: 0} .modal_detail_on .content_detail_wrapper .elem { margin: 0!important} .modal_detail_on .content_detail_wrapper .elem .caption-cnt { background-color: #fff; display: flex; flex-wrap: wrap; align-items: center!important;} .modal_detail_on .content_detail_wrapper .elem .caption { width: auto; max-width: calc(100% - 390px); padding: 10px 15px} .modal_detail_on .content_detail_wrapper .elem .caption-alt { position: relative; bottom: 0; padding: 0; display: inline-flex; align-items: center; width: auto!important; margin-left: auto; padding-right: 0!important} .modal_detail_on .content_detail_wrapper .elem .zlink { width: auto; margin: 0 15px 0 0} .modal_detail_on .content_detail_wrapper .elem .zlink a { padding: 0 15px} .modal_detail_on .content_detail_wrapper .elem .caption-add { position: relative; width: 100%; border-top: 1px solid #D8D8D8; padding: 15px; max-height: 390px; overflow: auto; order: 3} .modal_detail_on .content_detail_wrapper .elem .title { color: #656565; margin: 0; font-size: 1em; font-size: 40px} .modal_detail_on .content_detail_wrapper .elem .caption .text { font-family: "BrandonText-Bold"; font-size: 13px; color: #715A5A; text-align: left; display: inline-block; margin-top: 5px} .modal_detail_on .content_detail_wrapper .elem .ztextarea { color: #929292; text-align: left; font-size: 16px; line-height: 1.5;} .modal_detail_on .content_detail_wrapper .elem .ztextarea a { color: #715A5A} .modal_detail_on .content_detail_wrapper .elem .caption-alt .zinput { background-color: #938383; margin: 0; padding: 20px; order: 3} .modal_detail_on .content_detail_wrapper .elem .caption-alt .zinput .fieldkey { font-family: "BrandonText-Regular"; color: #fff; font-size: 16px; line-height: 1;} .modal_detail_on .content_detail_wrapper .elem .caption-alt .zinput .fieldvalue { font-family: "BrandonText-Bold"; color: #fff; font-size: 32px; line-height: 1;} .modal_detail_on .content_detail_wrapper .close_detail { background-color: #938383; width: 45px; height: 45px; cursor: pointer; position: relative; text-align: center;} .modal_detail_on .content_detail_wrapper .close_detail:before { font-family: "FontAwesome5Pro-Light"; font-size: 25px; color: #fff; content: '\f00d'; line-height: 45px} .modal_detail_on .content_detail_wrapper .row { margin: 0} .modal_detail_on .content_detail_wrapper .request_info_cta { margin-right: 15px} /* Landing Recruitment */ body.oh { overflow: hidden} body.landing_standalone.recruitment header { z-index: 99} body.recruitment #slideshow .caption { position: absolute; z-index: 2; top: 50%; text-align: center; left: 0; right: 0} body.recruitment #slideshow .caption h3 { font-size: 60px; color: #fff} body.recruitment #slideshow .caption .goto a{ display: inline-block; cursor: pointer; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 12px; text-transform: uppercase; padding: 15px 25px; text-align: center; color: #fff} .landing.recruitment { font-family: "ATRotisSansSerif"; font-size: 18px; color: #717171; text-align: left; line-height: 26px; } .standard_lang_menu #language { border: 2px solid #9B8B8B; border-radius: 25px; background-color: #9B8B8B; text-align: left; padding: 2px;} .standard_lang_menu #language li.active { text-align: left; } .standard_lang_menu #language li.active a { display: block; border-radius: 22.5px; background-color: #836969; font-family: "BrandonText-Regular"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 30px; letter-spacing: 0; } .standard_lang_menu #language li { text-align: left; margin: 0 2px} .standard_lang_menu #language li a { display: block; font-family: "BrandonText-Regular"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } .standard_lang_menu #language ul {margin: 0} .standard_lang_menu #language li a, #menu_open #language li.active a {width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px} .landing.recruitment .intro_wrap #content .top_seo, .landing.recruitment .intro_wrap #content .section_text, body.landing_standalone .landing.recruitment .intro_wrap #content, .landing.recruitment .intro_wrap #content .section_text .text_dyn .fieldvalue div { text-align: center} .landing.recruitment .section_page_content { background-color: #F5F5F5; padding: 60px 15px 200px; margin-top: 100px} body.landing_standalone .landing.recruitment .intro_wrap #content .section_text h6 { font-family: "BrandonText-Bold"; font-size: 14px; position: relative} body.landing_standalone .landing.recruitment .intro_wrap #content .section_text h6:before { content: ''; position: absolute; z-index: 1; width: 90px; height: 1px; background-color: #717171; left: -110px; top: 50%;} body.landing_standalone .landing.recruitment .intro_wrap #content .section_text h6:after { content: ''; position: absolute; z-index: 1; width: 90px; height: 1px; background-color: #717171; right: -110px; top: 50%;} .image_content_landing_wrap img { float: none!important; margin: 0!important; width: 100%} /* template54 */ .ztemplate_model_54 blockquote { padding: 0; margin: 0} .ztemplate_model_54 .caption-cnt { display: flex;} .ztemplate_model_54 .caption, .ztemplate_model_54 .caption-alt { width: 50%} .ztemplate_model_54 .caption-cnt img { mix-blend-mode: multiply; padding-right: 15px} .ztemplate_model_54 .caption-alt .title { font-family: "D-DINCondensed"; font-size: 40px; color: #715A5A;} .ztemplate_model_54 .caption-alt strong { font-family: "ATRotisSansSerif-ExtraBold"; } /* Fullwidth Gallery carousel per Landing */ .carousel_fullwidth_gallery { max-width: 1250px; margin: -100px auto 0} .landing_standalone #page.recruitment .slick-dots { text-align: center; margin-top: 20px} .landing_standalone #page.recruitment .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; background-color: #938383; text-align: left; } .landing_standalone #page.recruitment .slick-dots li { margin: 0 2px!important} .landing_standalone #page.recruitment .slick-dots li button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; text-align: left; } /* template55 */ .ztemplate_model_55 { margin: 90px 0} .ztemplate_model_55 .caption { text-align: center;} .ztemplate_model_55 .caption .title { font-family: "D-DINCondensed"; font-size: 40px; color: #715A5A; margin-bottom: 10px} .ztemplate_model_55 .caption .ztextarea { font-family: "D-DINCondensed"; font-size: 25px; color: #715A5A;} .ztemplate_model_55 .caption-alt h2 { font-size: 40px; font-family: "D-DINCondensed"; margin-bottom: 10px} .ztemplate_model_55 .caption-alt ul { list-style-type: none; padding: 5px} .ztemplate_model_55 .caption-alt ul li { margin-bottom: 10px} .ztemplate_model_55 .caption-alt ul li:before { font-family: "FontAwesome5Pro-Regular"; font-size: 18px; content: '\f105'; margin-right: 10px} .ztemplate_model_55 .caption-alt .ztextarea .fieldvalue { margin-top: 60px; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; min-height: 500px} /* template56 */ .ztemplate_model_56 { text-align: center; padding: 40px 0} .ztemplate_model_56 .ztemplate { margin: 90px 0} .ztemplate_model_56 .box { display: flex; flex-wrap: wrap} .ztemplate_model_56 .elem { width: calc(100% / 3 - 30px); margin: 15px} .ztemplate_model_56 .elem .caption-cnt { text-align: left; background-color: #F9F9F9} .ztemplate_model_56 .elem .caption-alt { padding: 10px} .ztemplate_model_56 .elem .caption img { cursor: pointer} .ztemplate_model_56 .title { font-family: "D-DINCondensed"; font-size: 30px; color: #715A5A; margin-bottom: 0; cursor: pointer; margin-top: 0} .ztemplate_model_56 .caption-alt .zoption { display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #E6E6E6} .ztemplate_model_56 .caption-alt .zoption:before { content: '('} .ztemplate_model_56 .caption-alt .zoption:after { content: ')'} .ztemplate_model_56 .caption-alt .zinput { font-family: "BrandonText-Bold"; font-size: 16px} .ztemplate_model_56 .template_detail_wrapper.fired { overflow: auto; padding: 90px; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.8); height: 100%} .ztemplate_model_56 .content_detail_wrapper .elem { width: 100%} .ztemplate_model_56 .content_detail_wrapper { background-color: #fff; max-width: 1440px; margin: 0 auto;} .ztemplate_model_56 .content_detail_wrapper .box { margin-top: 90px} .ztemplate_model_56 .content_detail_wrapper .elem .caption-cnt { background-color: #fff; } .ztemplate_model_56 .content_detail_wrapper .title { cursor: inherit; } .ztemplate_model_56 .close_detail { width: 45px; height: 45px; cursor: pointer; background-color: #938383; float: right;} .ztemplate_model_56 .close_detail:before { font-family: "FontAwesome5Pro-Regular"; font-size: 18px; content: '\f00d'; line-height: 45px; text-align: center; color: #fff; } .ztemplate_model_56 .content_detail_wrapper .elem { padding: 0 90px} .ztemplate_model_56 .content_detail_wrapper .caption { text-align: center} .ztemplate_model_56 .content_detail_wrapper .caption-alt { margin-top: 60px; display: flex; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1); padding: 0} .ztemplate_model_56 .content_detail_wrapper .caption-alt img { min-width: unset; width: 50%; object-fit: cover} .ztemplate_model_56 .content_detail_wrapper .caption-alt .group { padding: 40px} .ztemplate_model_56 .content_detail_wrapper .caption-alt .zinput, .ztemplate_model_56 .content_detail_wrapper .caption-alt .zoption { display: flex; align-items: center; margin-bottom: 15px} .ztemplate_model_56 .content_detail_wrapper .caption-alt .zinput .fieldkey:after, .ztemplate_model_56 .content_detail_wrapper .caption-alt .zoption .fieldkey:after{ content: ':'; margin-right: 10px} .ztemplate_model_56 .content_detail_wrapper .caption-alt .zinput .fieldvalue, .ztemplate_model_56 .content_detail_wrapper .caption-alt .zoption .fieldvalue{ font-family: "BrandonText-Regular";} .request_job_cta { display: none; } .ztemplate_model_56 .request_job_cta { display: block; cursor: pointer; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 12px; text-transform: uppercase; padding: 10px 15px; text-align: center; color: #fff} .ztemplate_model_56 .content_detail_wrapper .caption-alt .zinput:before, .ztemplate_model_56 .content_detail_wrapper .caption-alt .zoption:before {font-family: "FontAwesome5Pro-Regular"; font-size: 18px; content: '\f105'; margin-right: 10px} .ztemplate_model_56 .content_detail_wrapper .caption-alt .zoption:after { display: none;} .ztemplate_model_56 .content_detail_wrapper .caption-alt .zoption { font-family: "BrandonText-Bold"; font-size: 16px} .ztemplate_model_56 .content_detail_wrapper .caption-add { margin-top: 90px} .ztemplate_model_56 .content_detail_wrapper .title { font-size: 40px} .ztemplate_model_56 .content_detail_wrapper .caption-add { display: flex; align-items: flex-start; justify-content: center;} .ztemplate_model_56 .content_detail_wrapper .caption-add .ztextarea { margin: 15px 40px; width: calc(50% - 80px)} .ztemplate_model_56 .content_detail_wrapper .caption-add .ztextarea .fieldkey { font-family: "D-DINCondensed"; font-size: 40px; color: #656565; margin-bottom: 20px} .ztemplate_model_56 .content_detail_wrapper .caption-add ul { list-style-type: none; padding: 5px} .ztemplate_model_56 .content_detail_wrapper .caption-add ul li { margin-bottom: 10px} .ztemplate_model_56 .content_detail_wrapper .caption-add ul li:before { font-family: "FontAwesome5Pro-Regular"; font-size: 18px; content: '\f105'; margin-right: 10px} .ztemplate_model_56 .content_detail_wrapper .caption-add.caption-3 { background-color: #fff; position: relative; z-index: 1; width: 100%; max-width: 1024px; margin: 60px auto; padding: 0; flex-wrap: wrap;} .ztemplate_model_56 .content_detail_wrapper .caption-add.caption-3:before, #landing_recruitment_contact:before { position: absolute; content: ''; z-index: -1; background-image: url('../images/elements/mugo_1.png'); background-repeat: no-repeat; background-size: contain; left: -200px; width: 100%; height: 350px; mix-blend-mode: multiply; bottom: 0; } .landing_standalone #page.recruitment form .caption-fields .field { position: relative; width: calc(50% - 20px); margin: 20px 10px 40px; border-bottom: 1px solid #dedede} .landing_standalone #page.recruitment form .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; position: absolute; z-index: 2; top: calc(100% + 8px); left: 0; right: 0; text-align: left;} .landing_standalone #page.recruitment form .field input { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; line-height: 22px; position: relative; padding: 10px; width: 100%;} .landing_standalone #page.recruitment form .caption-fields .form { padding: 0} .landing_standalone #page.recruitment form .caption-fields .date .date_from_html {display: flex; align-items: center; padding: 11px 0; cursor: pointer} .landing_standalone #page.recruitment form .caption-fields .date .date_from_html > div {margin-right: 4px} .landing_standalone #page.recruitment form .caption-fields .date .date_from_html .month_name_tiny {display: block;} .landing_standalone #page.recruitment form .caption-fields .date .date_from_html .day:before { content: "\f073"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px } .landing_standalone #page.recruitment form .caption-fields .select .current_value { background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: inherit; text-align: left; line-height: 1; letter-spacing: 0; position: relative; cursor: pointer; padding: 15px; display: flex; justify-content: space-between; } .landing_standalone #page.recruitment form .caption-fields .select .current_value:after { content: "\f107"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px; float: right; margin-left: 10px } .landing_standalone #page.recruitment form .caption-fields .form.field.select .form_select .elements_list { background-color: #ad9f9f; z-index: 222; width: 100%; max-height: 290px; overflow: scroll;} .landing_standalone #page.recruitment form .caption-fields .form.field.select .form_select .elements_list .option { padding: 5px 10px; transition: .3s; cursor: pointer; font-family: "BrandonText-Bold"; font-size: 14px; color: #fff; text-transform: inherit; text-align: left; line-height: 1; letter-spacing: 0; } .landing_standalone #page.recruitment form .caption-fields .form.field.select .form_select .elements_list .option:hover {background-color: #84706f} .landing_standalone #page.recruitment form .caption-fields .form.field.select .form_select .elements_list .option:first-of-type{display: none;} .landing_standalone #page.recruitment form .caption-fields .field.textarea { width: calc(100% - 20px); clear: both;} .landing_standalone #page.recruitment form .caption-fields .textarea textarea { width: 100%; height: 140px; background-color: #FBFBFB; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; padding: 10px} .landing_standalone #page.recruitment form { background-color: #fff; padding: 10px 40px 30px; box-shadow: 0px 0px 15px 3px rgb(0 0 0 / 10%);} .landing_standalone #page.recruitment form .caption-fields .form.phone input { padding-left: 84px} .landing_standalone #page.recruitment form .newsletter { margin-left: 5px} .landing_standalone #page.recruitment form #showprivacy .privacy_field { margin: 0 0 0 5px} .landing_standalone #page.recruitment label.error { font-size: 12px; position: absolute; top: 5px; left: 5px; opacity: .5} .landing_standalone #page.recruitment form .caption-fields .form.checkbox_wrap { display: inline-flex; flex-wrap: wrap} .landing_standalone #page.recruitment form .caption-fields .form.checkbox_wrap input { width: auto} .landing_standalone #page.recruitment form .caption-fields .form.checkbox_wrap label { width: auto; margin: 0 15px 17px 0} .job_form_intro { display: none;} .job_form_intro form { margin-top: 40px} .job_form_intro .selected-dial-code { padding-left: 8px!important} .ztemplate_model_56 .content_detail_wrapper .caption-add.caption-3 .job_form_intro { display: block; text-align: center; margin-bottom: 40px; width: 100%; padding-top: 90px} .landing_standalone #page.recruitment form .caption-fields input[type="submit"] { margin-left: 5px; background-color: #B1C1A7; font-family: "BrandonText-Bold"; color: #fff; text-transform: uppercase; font-size: 12px; padding: 10px 15px} .landing_standalone #page.recruitment form .caption-fields .form.file { position: relative; z-index: 1; cursor: pointer; background-color: #F9F9F9;} .landing_standalone #page.recruitment form .caption-fields .form.file:after { position: absolute; z-index: -1; font-family: "FontAwesome5Pro-Regular"; font-size: 18px; content: '\f055'; right: 10px; top: 10px; z-index: -1} .landing_standalone #page.recruitment form input[type="file"] { font-size: 14px; cursor: pointer;} .landing_standalone #page.recruitment form .caption-fields .form .date-invisible { padding: 0; width: 0; height: 0; margin: 0} /* ztemplate_model_58 */ .ztemplate_model_58 { margin-bottom: 150px; position: relative} .ztemplate_model_58 .wrap_cnt { /* box-shadow: 0px 0px 15px 3px rgb(0 0 0 / 10%); */ padding: 0; max-width: 1190px;} .ztemplate_model_58 .caption-cnt { display: flex; align-items: center; background-color: #fff; } .ztemplate_model_58 .caption, .ztemplate_model_58 .caption-alt { width: 50%} .ztemplate_model_58 .caption-alt { padding: 40px} .ztemplate_model_58 .title { font-family: "D-DINCondensed"; font-size: 40px; color: #715A5A} .ztemplate_model_58 .ztextarea { padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid #E6E6E6} .ztemplate_model_58 .zinput { font-family: "D-DINCondensed"; } .ztemplate_model_58 .zinput.g2 { font-size: 30px; font-weight: bold;} .ztemplate_model_58 .zinput.g5 { font-size: 20px} .ztemplate_model_58 .slick-dots { position: absolute; bottom: -50px; left: 0; right: 0} #landing_recruitment_contact { max-width: 1080px; margin: 0 auto; position: relative;} body.landing_standalone .section_contacts.recruitment_form { margin-top: 150px; padding-top: 40px} /* Landing Suite */ .landing_suite { font-family: "ATRotisSansSerif"; } .landing_suite #slideshow_cnt { height: 100vh;} .landing_suite #slideshow .caption { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 60px; line-height: 1} .landing_suite #slideshow .caption > * { margin: 0; } .landing_suite #slideshow .caption p { font-size: 25px; margin-top: 15px;} .landing_suite #intro { background-color: #F6F6F6; padding-bottom: 60px; } #page.landing_suite #slideshow img { height: 100vh; max-height: unset; object-position: center;} .landing_suite .intro_wrap { padding: 60px 0;} #page.landing_suite .section_content, .landing_suite .intro_wrap #content, .landing_suite .intro_wrap #content .top_seo { text-align: center; } #page.landing_suite .section_content p { margin-bottom: 15px;} .cta_btns { display: flex; justify-content: center; flex-wrap: wrap; } .cta_btn { margin: 20px 10px; min-width: 170px;} .cta_btn a { text-transform: uppercase; font-family: "BrandonText-Bold"; font-size: 12px; color: #fff; padding: 12px 20px; width: 100%; display: flex; align-items: center; text-align: center; justify-content: center;} .cta_btn a:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; margin-right: 10px;} .cta_btn.info_btn a { background-color: #446A7A;} .cta_btn.info_btn a:before { content: '\f05a';} .cta_btn.reservation_btn a { background-color: #B1C1A7;} .cta_btn.reservation_btn a:before { content: '\f562'; } .cta_btn.gift_btn a { background-color: #715A5A;} .cta_btn.gift_btn a:before { content: '\f06b'; } .ztemplate_model_squared_boxes { max-width: 1920px; margin: 90px auto; padding-left: 80px;} .ztemplate_model_squared_boxes .box { display: flex; flex-wrap: wrap;} .ztemplate_model_squared_boxes .elem { width: calc(50% - 60px); margin: 30px;} .ztemplate_model_squared_boxes .caption { background-color: #000; overflow: hidden;} .ztemplate_model_squared_boxes .caption-cnt { position: relative; } .ztemplate_model_squared_boxes .caption-alt { position: absolute; z-index: 2; color: #fff; bottom: 30px; left: 30px; font-size: 18px; padding-right: 30px; line-height: 1.3;} .ztemplate_model_squared_boxes .title { font-size: 40px; margin: 0 0 15px; } .ztemplate_model_squared_boxes .ztextarea { opacity: 0; transition: .4s; position: relative; margin-bottom: -70px; } .ztemplate_model_squared_boxes .elem:hover .ztextarea { opacity: 1; margin-bottom: 0;} .ztemplate_model_squared_boxes img { transition: .4s;} .ztemplate_model_squared_boxes .elem:hover img { opacity: .4; transform: scale(1.07); filter: blur(4px);} .ztemplate_model_squared_boxes .elem.odd { margin-bottom: calc(-50% / 2);} .ztemplate_model_squared_boxes .intro_desc { font-size: 18px; color: #717171; padding: 60px 30px; margin-top: 30px; } .ztemplate_model_squared_boxes .intro_desc h3 { font-family: "D-DINCondensed"; font-size: 40px; color: #715A5A; margin: 0 0 15px;} .landing_suite .section_offers { background-color: #fff; background-image: unset; max-width: 1960px; margin: 0px auto ; padding: 0 150px 0 calc(150px + 80px)} .landing_suite .section_offers .section_title:before, .landing_suite .section_offers .section_title:after { display: none;} .landing_suite .ztemplate_model_44 .row .box .elem {} .section_title_base { font-family: "D-DINCondensed"; color: #715A5A; text-align: center; width: 100%; } .section_title_base * { margin: 0; font-size: 40px; } .section_title_base p { font-size: 25px;} .landing_suite .ztemplate_model_44 .slick-prev { text-align: left;} .ztemplate_model_carousel_boxes { padding-left: 80px; width: 100%; max-width: 1920px; margin: 130px auto; } .ztemplate_model_carousel_boxes .elem { margin: 0 30px; } .ztemplate_model_carousel_boxes .caption-cnt { position: relative; } .ztemplate_model_carousel_boxes .caption-alt { color: #fff; position: absolute; bottom: 90px; left: 30px; z-index: 3; font-size: 18px;} .ztemplate_model_carousel_boxes .caption:before { position: absolute; content: ''; z-index: 2; bottom: 0; left: 0; width: 100%; height: 290px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } .ztemplate_model_carousel_boxes .title { font-size: 40px; margin-bottom: 15px; } .ztemplate_model_carousel_boxes .ztextarea { max-width: 520px;} .ztemplate_model_carousel_boxes .section_title_base { margin-bottom: 60px; } .ztemplate_model_carousel_boxes .slick-prev {left: 60px; bottom: 30px; position: absolute; z-index: 3} .ztemplate_model_carousel_boxes .slick-prev:before { font-family: "FontAwesome5Pro-Light"; content: '\f104'; color: #fff; font-size: 40px;} .ztemplate_model_carousel_boxes .slick-next {left: 110px; bottom: 30px; position: absolute; z-index: 3} .ztemplate_model_carousel_boxes .slick-next:before { font-family: "FontAwesome5Pro-Light"; content: '\f105'; color: #fff; font-size: 40px;} .landing_suite .section_info_request { margin: 90px auto; position: relative; max-width: 920px; padding: 0 30px 0 110px;} .section_info_request .section_title_base { margin-bottom: 60px; } .landing_suite .section_info_request:before { position: absolute; content: ''; z-index: -1; background-image: url(../images/elements/mugo_1.png); background-repeat: no-repeat; background-size: contain; left: -120px; width: 100%; height: 350px; mix-blend-mode: multiply; bottom: -180px;} .landing_suite #landing_contact #right form .caption-fields .field.element_1 { width: calc(50% - 20px); } .landing_suite #innergallery { margin-top: 150px; padding: 0 30px 0 110px;} .landing_suite #innergallery .section_title_base { margin-bottom: 60px; } #gallery_btn { position: fixed; bottom: 40px; left: 100px; z-index: 99; width: 60px; height: 60px; border-radius: 100%; background-color: #446A7A; cursor: pointer; text-align: center; line-height: 60px;} #gallery_btn:before { font-family: "FontAwesome5Pro-Light"; content: '\f302'; color: #fff; font-size: 28px; } .landing_suite .gallery { padding-bottom: 90px;} .landing_suite .gallery .slick-prev {left: calc(50% - 55px); bottom: -60px; position: absolute; z-index: 3} .landing_suite .gallery .slick-prev:before { font-family: "FontAwesome5Pro-Light"; content: '\f104'; color: #705A5A; font-size: 40px;} .landing_suite .gallery .slick-next {left: calc(50% + 30px); bottom: -60px; position: absolute; z-index: 3} .landing_suite .gallery .slick-next:before { font-family: "FontAwesome5Pro-Light"; content: '\f105'; color: #705A5A; font-size: 40px;} .landing_suite #landing_contact #right form .caption-fields input[type="submit"] { margin-left: 8px;} .landing_suite #landing_contact #right form .caption-fields .newsletter { padding: 8px;} /* Smartphone */ body.smartphone.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue { flex-direction: column;} body.smartphone.landing_standalone .landing .intro_wrap #content .section_text .text_dyn .fieldvalue img { margin: 0 0 15px!important} body.smartphone .modal_detail_on .content_detail_wrapper .elem .title { font-size: 28px} body.smartphone .modal_detail_on .content_detail_wrapper .elem .caption-add { order: 2} body.smartphone .modal_detail_on .content_detail_wrapper .elem .caption-alt { order: 3!important; flex-wrap: wrap!important; padding: 0 15px 15px!important} body.smartphone .modal_detail_on .content_detail_wrapper .elem .zlink { width: 100%!important; margin: 0} body.smartphone .modal_detail_on .content_detail_wrapper .elem .caption-alt .zinput { width: 100%; margin: 0; text-align: center;} body.smartphone .modal_detail_on .content_detail_wrapper .request_info_cta { width: 100%; margin: 15px 0} body.smartphone .modal_detail_on .content_detail_wrapper .elem .caption-add { max-height: unset} body.smartphone .modal_detail_on #template_detail_wrapper_49, body.smartphone .modal_detail_on #template_detail_wrapper_51, body.smartphone .modal_detail_on #template_detail_wrapper_53 { overflow: auto;} body.smartphone.landing_standalone .section_offers .banner_title { padding: 30px 15px} body.smartphone .title_model_1, body.smartphone .title_model_1 h2, body.smartphone .title_model_1 h1, body.smartphone .title_model_1 h3 { font-size: 30px} body.smartphone .title_model_2, body.smartphone .title_model_2 h2, body.smartphone .title_model_2 h1, body.smartphone .title_model_2 h3 { font-size: 25px} body.smartphone.landing_standalone .wrap_cnt { padding: 0} body.smartphone .ztemplate_model_49 .slick-prev { left: calc(50% - 40px); top: calc(100% + 20px)} body.smartphone .ztemplate_model_49 .slick-next { left: calc(50% + 10px); top: calc(100% + 20px); width: 26px} body.smartphone.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt .caption { width: 100%} body.smartphone.landing_standalone .section_rooms .banner_title { margin-bottom: 15px} body.smartphone.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt { width: 100%} body.smartphone .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt { padding: 0!important} body.smartphone .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .title { margin-top: 15px; font-size: 30px} body.smartphone .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zsimplebutton { width: 50%; } body.smartphone .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zlink { width: 50%; margin: 0} body.smartphone .ztemplate_model_42.landing_standalone .row .box .elem .caption-cnt .caption-alt .zlink a { width: 100%; text-align: center;} body.smartphone .ztemplate_model_42.landing_standalone .request_info_cta { margin-top: 15px; width: 100%; text-align: center;} body.smartphone .ztemplate_model_42 .content_detail_wrapper .elem .caption-add { padding: 15px 0} body.smartphone.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt { padding-bottom: 15px} body.smartphone.landing_standalone .section_offers { margin-bottom: 100px} body.smartphone.landing_standalone #slideshow_cnt #slideshow { margin-top: 65px} body.smartphone.landing_standalone #slideshow_cnt #slideshow img { height: auto} body.smartphone.landing_standalone #landing_contact #right form .caption-fields .field.element_1 { width: 100%} body.smartphone.landing_standalone.recruitment .landing .intro_wrap #content .section_text .text_dyn .fieldvalue { align-items: center;} body.smartphone.recruitment .landing .section_page_content { margin-top: 0} body.smartphone .ztemplate_model_56 .content_detail_wrapper .elem, body.smartphone .ztemplate_model_56 .template_detail_wrapper.fired { padding: 5px} body.smartphone .ztemplate_model_56 .ztemplate { margin: 0} body.smartphone .ztemplate_model_56 .content_detail_wrapper .box { margin-top: 50px} body.smartphone .ztemplate_model_56 .content_detail_wrapper .caption-alt .group { padding: 15px} body.smartphone .ztemplate_model_56 .content_detail_wrapper .caption-add { margin-top: 30px} body.smartphone .ztemplate_model_56 .content_detail_wrapper .caption-add.caption-4 .job_form_intro { margin-top: 30px} body.smartphone.landing_standalone .section_contacts.recruitment_form { margin-top: 15px} body.smartphone .ztemplate_model_58 { margin-bottom: 80px} body.smartphone .ztemplate_model_56 .content_detail_wrapper .caption-add.caption-4:before, body.smartphone #landing_recruitment_contact:before { display: none;} body.smartphone .ztemplate_model_56 .content_detail_wrapper .caption-add .ztextarea { width: 100%; margin: 0 0 30px; padding: 15px;} body.smartphone footer #bottom .section_text { text-align: center} body.smartphone footer #credits, body.smartphone footer #credits .section_credits { text-align: center;} body.smartphone .slick-dots li { width: 10px!important} body.smartphone .ztemplate_model_56 .content_detail_wrapper .caption-add.caption-4 .job_form_intro { margin-top: 0; padding-top: 0} /* landing Suite */ .smartphone .landing_suite { padding-top: 54px;} .smartphone .landing_suite #slideshow_cnt { height: 200px;} .smartphone .landing_suite #slideshow_cnt .mb_YTPlayer { height: 200px!important; } .smartphone .landing_suite .intro_wrap .title_model_1 { margin-bottom: 25px;} .smartphone .landing_suite .intro_wrap { padding: 15px 0;} .smartphone .landing_suite .intro_wrap #content { padding: 0 20px;} .smartphone .landing_suite #intro { padding-bottom: 0;} .smartphone .cta_btns { padding: 20px;} .smartphone .cta_btn { width: 100%; margin: 0 0 10px;} .smartphone #page.landing_suite .section_content { padding: 0;} .smartphone .ztemplate_model_squared_boxes { padding: 0; margin: 0;} .smartphone .ztemplate_model_squared_boxes .elem { width: 100%; margin: 20px 20px 0;} .smartphone .ztemplate_model_squared_boxes .intro_desc { padding: 20px; text-align: center;} .smartphone .landing_suite .section_offers { padding: 0 20px; margin-top: 80px;} .smartphone .landing_suite .ztemplate_model_44 .row .box .elem { margin: 0;} .smartphone .ztemplate_model_carousel_boxes { padding: 0 20px; margin-top: 80px;} .smartphone .ztemplate_model_carousel_boxes .elem { margin: 0; } .smartphone .landing_suite .section_info_request { padding: 20px; } .smartphone .landing_suite #innergallery { padding: 0 20px; } .smartphone .ztemplate_model_carousel_boxes .slick-prev { left: 30px;} .smartphone .ztemplate_model_carousel_boxes .slick-next { left: 80px;} .smartphone .landing_suite #slideshow .caption { font-size: 30px; width: 100%; text-align: center} .smartphone .landing_suite #slideshow .caption p { font-size: 18px; margin-top: 10px;} .smartphone .ztemplate_model_squared_boxes .title, .smartphone .ztemplate_model_carousel_boxes .title { font-size: 28px; } .smartphone .landing_suite #landing_contact #right form .caption-fields .newsletter { padding: 0;} .smartphone .landing_suite #landing_contact #right form .caption-fields input[type="submit"] { padding-left: 0;} .smartphone #gallery_btn { display: none; } /* Landing one */ .trust_you {position: absolute; right: 15px; bottom: 0px; z-index: 2; width: 125px; height: 125px} body.landing #social.landing { display: flex; margin-top: 30px } body.landing #wrapper { padding-left: 80px } .landing_caption {top: inherit;} .landing_caption .section_top .section_title #page_name { padding: 20px 0 0 40px; margin: 0 0 15px 0 } .landing_caption .section_top .section_subtitle {padding-left: 40px} .landing_caption .section_summary {padding-left: 40px; margin-top: 40px} .landing .intro_wrap #content .section_text {padding: 60px 0} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div {display: inline-block; max-width: 400px; padding: 15px; } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue {display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: center;} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div p { margin-bottom: 15px } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div h2 {position: relative; left: -50px} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div:before { background-image: url('../images/elements/mugo_1.png'); background-repeat: no-repeat; background-size: contain; left: 10px} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue img {max-width: 450px} .landing .section_linked_content { padding: 60px 0; background-image: url('../images/bg/landing_linked_cnt_bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center; } .landing .section_linked_content .section_title {max-width: 540px; margin-bottom: 30px; padding-left: 10px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .title a {line-height: 78px} /* ztemplate_model_40 */ .ztemplate_model_40 .row .box .elem {margin: 10px} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add {padding: 25px 35px} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt {width: 100%; padding: 15px} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a {line-height: 45px} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:after {transition: .3s; bottom: 0} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton {position: relative; right: 30px} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:hover:after { left: -20px } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:hover:before { left: 100%; } /* ztemplate_model_41 */ .ztemplate_model_41 {margin: 60px 0} .ztemplate_model_41 .row .box .elem .caption-cnt {justify-content: space-between;} .ztemplate_model_41 .row .box .elem .caption-cnt .caption {text-align: left;} .ztemplate_model_41 .row .box .elem .caption-cnt .caption .zinput.g5 {display: inline-block; padding: 15px 25px; position: relative;z-index: 2; left: -30px; bottom: -30px} .ztemplate_model_41 .row .box .elem .caption-cnt .caption .zinput.g5 .fieldvalue:before {display: none;} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink { width: calc(50% - 10px); margin-right: 10px } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink:last-of-type{ margin-right: 0 } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink a { padding: 10px 15px; width: 100% } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt {padding-left: 15px} .ztemplate_model_41 .row .box .elem .caption-cnt .caption {padding-right: 15px} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 {margin-bottom: 30px} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 {margin: 30px 0} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .ztextarea.g10 {padding: 15px} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zinput.text { font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0;} .landing .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g8 { display: none;} /* Contact form Landing */ #landing_contact { margin: 0 auto } #landing_contact #left {padding: 25px; position: relative; z-index: 1} #landing_contact #left:before { position: absolute; content: ''; z-index: -1; background-image: url('../images/elements/mugo_1.png'); background-repeat: no-repeat; background-size: contain; left: 0; width: 100%; height: 350px; mix-blend-mode: multiply; bottom: 0; } #landing_contact #left .section_title {margin-bottom: 40px} #landing_contact #right {padding: 25px} #landing_contact #right form .caption-fields .field {position: relative; border-bottom: 1px solid #dedede; width: calc(50% - 60px); margin: 30px} #landing_contact #right form .caption-fields .field .form_element_title { position: absolute; z-index: 2; top: calc(100% + 8px); left: 0; right: 0; } #landing_contact #right form .caption-fields .field.textarea {width: calc(100% - 60px); padding: 0} #landing_contact #right form .caption-fields .phone .selected-dial-code { font-size: 14px } #landing_contact #right form .caption-fields .phone input[type=phone] {text-align: left; padding-left: 95px} #landing_contact #right form .caption-fields .textarea textarea { padding: 10px } #landing_contact #right form .caption-fields input[type="submit"] {padding: 10px 15px; min-width: 250px} /* fix contact form Landing ( form to Reguest) */ #landing_contact form .caption-fields .select .current_value { background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: inherit; text-align: left; line-height: 1; letter-spacing: 0; position: relative; cursor: pointer; padding: 15px; display: flex; justify-content: space-between; } #landing_contact form .caption-fields .select .current_value:after { content: "\f107"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px; float: right; margin-left: 10px } #landing_contact #right form .caption-fields .field.element_9 { width: calc(100% - 20px); } #landing_contact #right form .caption-fields .field.element_1 { width: calc(100% - 20px); } #landing_contact form .caption-fields .select .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #landing_contact form .caption-fields .form {padding: 0} #landing_contact .form_merge_add_button { display: none!important; } #landing_contact #right form .caption-fields .date .date_from_html {display: flex; align-items: center; padding: 5px 0} #landing_contact #right form .caption-fields .date .date_from_html > div {margin-right: 4px} #landing_contact #right form .caption-fields .date .date_from_html .month_name_tiny {display: block;} #landing_contact #right form .caption-fields .date .date_from_html .day:before { content: "\f073"; font-family: "FontAwesome5Pro-Light"; font-size: 18px; margin-right: 10px } #landing_contact form .caption-fields .form_element_title {text-align: left!important;} #landing_contact #right form .caption-fields .field { width: calc(50% - 20px); margin: 20px 10px } #landing_contact #right form .caption-fields .field.textarea { width: calc(100% - 20px); } #landing_contact form .caption-fields .form.field.select .form_select .elements_list { background-color: #ad9f9f; z-index: 222; width: 100% } #landing_contact form .caption-fields .form.field.select .form_select .elements_list .option { padding: 5px 10px; transition: .3s; cursor: pointer; font-family: "BrandonText-Bold"; font-size: 14px; color: #fff; text-transform: inherit; text-align: left; line-height: 1; letter-spacing: 0; } #landing_contact form .caption-fields .form.field.select .form_select .elements_list .option:hover {background-color: #84706f} #landing_contact form .caption-fields .form.field.select .form_select .elements_list .option:first-of-type{display: none;} #landing_contact #right form .caption-fields .date .date_from_html .year { font-family: "BrandonText-Regular" } #landing_contact #right form .caption-fields .text input[type=text], #landing_contact #right form .caption-fields .email input[type=email] {text-align: left;} @media (max-width: 600px){ #landing_contact #right form .caption-fields .field.element_9, #landing_contact #right form .caption-fields .field.element_1 { width: 100% } } /* Rooms Landing */ .landing .section_rooms { margin: 90px auto } .landing .section_rooms .section_title {max-width: 1140px; margin: 0 auto 60px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption {max-width: 45%} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt {max-width: 600px; padding: 0 40px 0} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .title {left: 0px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .g13 {margin: 40px 0 15px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .ztextarea {margin: 30px 0; border-top: 1px solid #dedede; padding-top: 15px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton {position: relative; right: 0} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } /* Landing two */ #sidebar #sidebar_wrap #contacts #booking_btn.hidden_btn { opacity: 0; pointer-events: none; } .trust_you.left {position: absolute; left: 15px; bottom: 0px; z-index: 2; width: 125px; height: 125px} body.landing_two #wrapper { padding-left: 80px } body.landing_two #booking_open { position: absolute; z-index: 2; left: 0; top: inherit; left: inherit; right: 40px; bottom: -70px; height: auto; -webkit-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.25); box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.25); } body.landing_two #booking_open.scrolled { position: fixed; height: 100%; top: 0; bottom: 0; left: calc( -550px - 200px); z-index: 996; width: 100%; max-width: 380px; transition: .3s } body.landing_two #booking_open.scrolled.fired { left: 80px; } body.landing_two #booking_open .section_title {margin-top: 0} #page.landing_two .section_intro {background-color: transparent; margin-top: 50px} #page.landing_two .section_intro .section_title #page_name {margin-bottom: 0} #page.landing_two .section_intro .section_subtitle { margin: 15px 0 25px } #page.landing_two .desktop_cnt { padding-left: 0 } #page.landing_two .section_intro .section_description { font-family: "ATRotisSansSerif"; font-size: 21px; color: #929292; text-align: left; line-height: 1.2; margin-top: 40px;} #page.landing_two .section_intro .section_description p { margin-bottom: 15px;} #page.landing_two .section_intro .section_description .text_dyn .fieldvalue { overflow: hidden; margin-bottom: 40px;} .ztemplate_model_43 { margin: 60px auto; position: relative; } .ztemplate_model_43:before { position: absolute; top: 0; content: ''; z-index: -1; background-image: url('../images/elements/mugo_1.png'); background-repeat: no-repeat; background-size: contain; left: 0; width: 100%; height: 350px; mix-blend-mode: multiply; left: 120px } .ztemplate_model_43 .row .box .elem .caption-cnt {align-items: flex-end; padding-bottom: 60px} .ztemplate_model_43 .row .box .elem .caption-cnt .caption {width: 450px; padding: 30px; position: relative;right: -40px; z-index: 2; bottom: -40px} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .ztextarea {margin: 30px auto} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .title:before {margin: 0 auto} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a {line-height: 45px} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:after {transition: .3s; bottom: 0} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton {position: relative; right: 0} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:hover:after { left: -20px } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:hover:before { left: 100%; } #page.landing_two .section_step .steps {display: inline-flex; justify-content: center; padding-top: 60px} #page.landing_two .section_step { background-image: url('../images/bg/bg_step.jpg'); background-repeat: no-repeat; background-size: cover; height: 390px; width: 100%; background-position: center; display: flex; align-items: center; justify-content: center; } #page.landing_two .section_step .steps .step { margin: 0 30px; width: calc(33.333% - 150px); padding: 25px 15px 15px; text-transform: uppercase; position: relative; } #page.landing_two .section_step .steps .step:before { position: relative;top: -60px; position: absolute; width: 75px; height: 75px; border-radius: 100%; line-height: 75px!important; text-align: center; left: 0; right: 0; margin: 0 auto } #page.landing_two .section_offers {background-color: #fff; background-image: none; padding: 60px 15px 90px} #page.landing_two .section_offers .section_title {display: block;} #page.landing_two .section_offers .section_title:after {display: none;} #page.landing_two .section_offers .section_title:before {display: none;} #page.landing_two .section_step .steps .step.first {cursor: pointer;} #page.landing_two .section_step .steps .step.central a, #page.landing_two .section_step .steps .step.last a { color: #fff } .ztemplate_model_44 {margin-top: 60px} .ztemplate_model_44 .row .box .elem {margin: 0 15px} .ztemplate_model_44 .row .box .elem .caption-cnt .caption:before {background-color: transparent;} .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt { left: 0; right: 0; padding: 15px } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 .fieldvalue:before {display: none;} .ztemplate_model_44 .slick-prev {left: -50px; top: calc(50% - 25px)} .ztemplate_model_44 .slick-next {right: -50px; top: calc(50% - 25px)} .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .title {margin-bottom: 0} .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 {margin-top: 20px} .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 .fieldvalue {margin-top: 5px} .ztemplate_model_44 .slick-dots { margin: 30px auto } #page.landing_two .section_offers .section_link a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #page.landing_two .section_offers .section_link a {line-height: 45px} #page.landing_two .section_offers .section_link a:after {transition: .3s; bottom: 0} #page.landing_two .section_offers .section_link {position: relative; right: 0; margin-top: 30px} #page.landing_two .section_offers .section_link a:hover:after { left: -20px } #page.landing_two .section_offers .section_link a:hover {padding-right: 10px; margin-left: 5px} #page.landing_two .section_offers .section_link a:hover:before { left: 100%; } #page.landing_two .section_gallery .section_summary { margin: 10px auto 60px } #page.landing_two .section_gallery #innergallery .slick-next { top: inherit; bottom: 0px; left: calc(50% + 15px) } #page.landing_two .section_gallery #innergallery .slick-prev { top: inherit; bottom: 0px; left: calc(50% - 40px) } #page.landing_two .section_gallery #innergallery ul{ padding-bottom: 60px } /* Landing Three */ #page.landing_two.mod .section_intro .top_seo {text-align: center;} #page.landing_two.mod .section_intro .section_summary {margin-bottom: 30px} #page.landing_two.mod .section_content .content_cnt .fieldvalue {display: flex; flex-direction: row-reverse; position: relative;} #page.landing_two.mod .section_content .content_cnt .fieldvalue:before { position: absolute; top: 0; content: ''; z-index: -1; background-image: url(../images/elements/mugo_1.png); background-repeat: no-repeat; background-size: contain; left: 0; width: 100%; height: 350px; mix-blend-mode: multiply; left: 200px; } #page.landing_two.mod .section_content h2 { font-size: 40px; line-height: 40px; margin: 0 } #page.landing_two.mod .section_content {max-width: 1120px} #page.landing_two.mod .section_content img.left, #page.landing_two.mod .section_content img.right { margin: 0 0 0 auto!important } #page.landing_two.mod .section_content .content_cnt .fieldvalue div { background-color: #F9F9F9; padding: 25px; position: absolute; z-index: 2; max-width: 590px; left: 0; top: 40%; } #page.landing_two.mod .section_linked_content {margin-top: 200px} #page.landing_two.mod .section_linked_content .section_title {max-width: unset; text-align: center; font-family: "ATRotisSansSerif-Bold"; font-size: 60px; line-height: 60px} #page.landing_two.mod .section_linked_content .section_text { font-family: "D-DINCondensed"; text-align: center; color: #fff; font-size: 25px; line-height: 25px } #page.landing_two.mod .ztemplate_model_40 {margin-top: 30px} #page.landing_two.mod .ztemplate_model_40 .row .box {display: flex;} #page.landing_two.mod .ztemplate_model_40 .row .box .elem { width: 33.333% } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption { position: relative; background-color: #000 } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption .zinput {position: absolute; bottom: 20px; left: 0; right: 0; z-index: 2; font-family: "ATRotisSansSerif-Bold"; color: #fff; font-size: 20px; line-height: 20px; text-align: center;} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption img {opacity: .8} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt {position: relative;} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zinput .fieldkey { font-family: "BrandonText-Regular"; font-size: 16px; color: #616161; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue { font-family: "BrandonText-Bold"; font-size: 20px; color: #616161; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0;} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zinput { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .title { border-bottom: 1px solid #E6E6E6; padding-bottom: 15px } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin-top: 20px; position: absolute!important; bottom: 15px; left: 30px} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; bottom: 16px; content: "\f30b"; } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F2F2F2; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { left: calc(100% + 5px); transition: .3s; width: 40px; height: 45px; line-height: 45px; top: 0 } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {line-height: 45px} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after {transition: .3s; bottom: 0} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton {position: relative; right: 0} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { left: -20px } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {padding-right: 10px; margin-left: 5px} #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { left: 100%; } #page.landing_two.mod .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .ztextarea {margin-bottom: 80px} #page.landing_two.mod #landing_contact #right form .caption-fields .field.element_1 { width: calc(50% - 20px) } #template41 .elem .fieldvalue.f13 {display: none;} #template41 .elem .fieldvalue.f14 {display: none;} #template41 .elem .fieldvalue.f15 {display: none;} #template41 .elem .fieldvalue.f16 {display: none;} #template49 .elem .groupfield.g13 {display: none;} #template49 .elem .groupfield.g14 {display: none;} #template49 .elem .groupfield.g15 {display: none;} #template49 .elem .groupfield.g16 {display: none;} #template50 .elem .groupfield.g13 {display: none;} #template50 .elem .groupfield.g14 {display: none;} #template50 .elem .groupfield.g15 {display: none;} #template50 .elem .groupfield.g16 {display: none;} /* fix 25.11.19 */ #second_step {overflow: hidden;} #template2 .row .box .elem .caption-cnt .caption-add img { height: 100%!important } #template3 .row .box .elem .caption-cnt .caption { width: 45% } #template3 .row .box .elem .caption-cnt .caption-alt { left: calc(45% - 60px) } #offers { left: 52% } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { margin: 0 15px 0 0 } #showcase .offers_seo_top_cnt, #showcase .offers_seo_bottom_cnt, #showcase .offers_seo_mobile_cnt { font-family: "ATRotisSansSerif"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; max-width: 1440px; margin: 0 auto; padding: 60px 90px 30px 130px; text-align: center; } #showcase .offers_seo_bottom_cnt { padding: 0px 90px 90px 130px; } #showcase .offers_seo_mobile_cnt { padding: 60px 20px 30px 20px; } #showcase .offers_seo_top_cnt a, #showcase .offers_seo_bottom_cnt a, #showcase .offers_seo_mobile_cnt a { color: #de964b; } #showcase .offers_seo_bottom_cnt ul { display: inline-flex; flex-direction: column; text-align: left; list-style: none; } #showcase .offers_seo_bottom_cnt ul li { text-align: center; display: flex; justify-content: center; align-items: center; align-content: center; } #showcase .offers_seo_bottom_cnt ul li:before { content: ''; display: inline-block; width: 5px; height: 5px; background-color: #656565; border-radius: 100%; margin-right: 5px; } #showcase.offers_page .offers_seo_top_cnt, #showcase.offers_page .offers_seo_bottom_cnt, #showcase.offers_page .offers_seo_mobile_cnt {text-align: left;} #showcase.offers_page .offers_seo_bottom_cnt ul li { justify-content: flex-start; } #showcase.offers_page .offers_seo_top_cnt strong, #showcase.offers_page .offers_seo_bottom_cnt strong, #page .section_content strong { color: #424242; } #page .section_content a, #page .section_content strong a, #page .section_content a:hover, #page .section_content strong a:hover, #page .section_content a:focus, #page .section_content strong a:focus, #page .section_content a:visited, #page .section_content strong a:visited { color: #de964b; } @media (max-width: 767px) { #menu_open { left: -100% } } /* fix 12.08.20 */ .ask_availability { margin: 0; right: -15px; top: 15px; position: relative; } .section_noresults_links.ask_availability > div {margin: 0} .section_noresults_links.ask_availability .request_availability_btn .varsimple { cursor: pointer; display: inline-block; background-color: #836F6E; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; padding: 15px 15px; width: calc(100% - 555px); } .section_noresults_links.ask_availability .request_availability_btn .varsimple:before { font-size: 17px } @media (max-width: 1199px) {.ask_availability { right: -60px } .section_noresults_links.ask_availability .request_availability_btn .varsimple { width: 610px }} body.smartphone .section_noresults_links.ask_availability .request_availability_btn .varsimple { width: 100% } body.smartphone .ask_availability {right: 0; top: 0} body.smartphone .section_noresults_links.ask_availability > div { width: 100% } /* secure holiday */ #intro .intro_wrap { padding-bottom: 0px; } .smartphone_secure_holiday { display: block; position: relative; padding: 0 15px 40px 15px; } .smartphone_secure_holiday a { font-family: "ATRotisSansSerif"; font-size: 18px; color: #715a5a; text-align: left; line-height: 26px; letter-spacing: 0; text-decoration: underline; } /* Configurazione per RWD */ /* Generic Mobile Devic Tablet */ @media (max-width: 979px) { } /* Generic Mobile Devic Phone */ @media (max-width: 480px) { } @media (max-width: 767px) { #template10 .row .box .elem .caption-cnt .caption-alt {min-height: unset;} } @media (max-width: 768px) { } /* iPad landscape | Kindle landscape width: 1024px */ @media (min-width: 980px) and (max-width: 1199px) { } /* Large Desktop */ @media (max-width: 1600px){ #page.contact_page .section_content {padding-left: 150px} } @media (max-width: 1440px) { #offers { top: -90px } #template3 .row .box .elem { padding-top: 120px } #template3 .slick-next {left: unset; right: 0} #template3 .slick-prev {left: unset; right: 40px} #template13 .row .box .elem .caption-cnt .caption-alt .title a {font-size: 30px; line-height: 30px} } @media (max-width: 1400px) and (max-height: 767px) { #offers {top: 0; /* left: 60% */ } #template3 .row .box .elem {padding-left: 90px} } @media (max-width: 1300px) { #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption {width: 50%} #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 45%} #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption .g2 {margin-left: 0} #intro .intro_wrap .top_seo {margin-left: 0} } @media (max-width: 1280px) { #section_blog { top: 0 } #template4 .row .box .elem .caption-cnt .caption-alt {top: 60px} #template2 .row .box .elem .caption-cnt .caption-alt {right: calc(60% + 20px)} #offers {} #template2 .row .box .elem .caption-cnt .caption .title a { font-size: 32px } #offers .section_title {font-size: 32px} #offers .section_text {font-size: 15px; margin-top: 5px} #template3 .slick-next {left: 70px} #template3 .slick-prev {right: unset;} #template3 {padding-left: 45px} #template3 .row .box .elem .caption-cnt .caption {width: 40%; left: 40px} #template3 .row .box .elem .caption-cnt .caption-alt {position: relative; order: 2; left: -40px; bottom: -60px; padding: 20px} #template3 .row .box .elem {padding-right: 100px} #template4 .row .box .elem .caption-cnt .caption {width: 40%; position: relative; left: 40px} #section_blog {top: -50px} #section_blog .section_link a {font-size: 32px} #section_blog .section_text {margin: 5px 0} #menu_open #menu2 li a:before { width: 30px!important } #menu_open #menu2 li {margin-right: 25px} #menu_open #menu2 li a {font-size: 18px} #template13 .row .box .elem {width: 33.333%} #showcase.ecommerce #content { /* padding-left: 80px */ } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .title {left: 0} body.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt {padding: 0 15px} body.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt .caption { max-width: unset; width: 50%} body.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt { max-width: unset; width: 50%} body.landing_standalone .wrap_cnt { padding: 0 40px} } @media (max-width: 1279px){ #template3 .row .box .elem .caption-cnt .caption { margin-left: 0 } } @media (max-width: 1199px){ .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt { flex-direction: column; align-items: center; position: relative; left: 60px } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add {order: 1} .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .group {order: 2; right: inherit; bottom: inherit; max-width: unset; width: 610px; margin-top: -90px} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .ztemplate .row {text-align: center;} .showcase_rooms_template .ztemplate .row .box .elem .subcontents .caption-cnt {left: 0} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .subcontents .rates {position: relative;left: 52px} #showcase.ecommerce .showcase_rooms_template .ztemplate .row .box .elem {margin-top: 40px; margin-bottom: 90px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .title a {font-size: 45px; line-height: 45px} #page.landing_two .section_step .steps .step { width: calc(33.333% - 40px) } .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 { bottom: 90px; width: calc(100% - 170px); left: 0; right: 0; margin: 0 auto; } #page .section_content { max-width: 860px } .ztemplate_model_56 .content_detail_wrapper .caption-alt { flex-direction: column;} .ztemplate_model_56 .content_detail_wrapper .caption-alt img { width: 100%} .featured_box_cnt { flex-direction: column; padding: 40px; } .featured_box_cnt .col { width: 100%; margin-bottom: 40px;} } @media (max-width: 1100px){ #template13 .row .box .elem .caption-cnt .caption-alt .title a { font-size: 25px } #template13 .row .box .elem {width: 50%} #page.experience_page .section_content { padding: 30px 35px 0 120px } #page.experience_page .section_content .text_dyn .fieldvalue > div:not(.boxed_image) {left: 0} #page.experience_page .section_content .text_dyn .fieldvalue.odd > div:not(.boxed_image) {right: 0} #template21 .row .box .elem {width: 50%} #template21 .row .box .elem .caption-cnt .caption-alt .title a { font-size: 25px } #page {padding-left: 80px} #page.landing, #page.landing_two {padding-left: 0} #page .section_content {padding: 0 30px} #page .head { padding: 30px } .section_blog {padding-left: 15px} .section_blog .section_blog_content .section_title {font-size: 28px; line-height: 30px} .section_offers .section_title {font-size: 28px; line-height: 30px} .section_offers .section_text {margin-top: 30px; position: relative;z-index: 3} .section_blog .section_blog_content {padding: 60px 95px} .section_blog .section_blog_content .section_wrap {margin-left: 30px} #template7 .row .box .elem .caption-cnt .caption .title a {font-size: 45px} #template11 .row .box .elem { width: 50% } #page.contact_page .section_content {padding: 30px} .landing .section_rooms .section_title {padding-left: 15px} .landing .section_rooms .section_title:before {left: 15px} body.landing_two #booking_open { position: fixed; height: 100%; top: 0; bottom: 0; left: calc( -550px - 200px); z-index: 996; width: 100%; max-width: 380px; transition: .3s } body.landing_two #booking_open.fired { left: 80px } #slideshow_cnt #scroll_down { display: none; } #sidebar #sidebar_wrap #contacts #booking_btn.hidden_btn { opacity: 1; pointer-events: inherit; } .ztemplate_model_56 .elem { width: calc(100% / 2 - 30px)} } @media (max-width: 1090px){ #template10 .row .box .elem { width: 50% } .ztemplate_model_55 .caption-alt .ztextarea .fieldvalue { height: unset!important; display: block;} #landing_recruitment_contact { padding: 15px} .ztemplate_model_56 .content_detail_wrapper .caption-add { flex-direction: column;} .ztemplate_model_56 .content_detail_wrapper .elem, .ztemplate_model_56 .template_detail_wrapper.fired { padding: 0 30px} } @media (max-width: 1024px){ #template3 .row .box .elem .caption-cnt .caption { margin-left: 0 } #page_offer .head #left #page_name { font-size: 35px; line-height: 35px } #page_offer .head { flex-direction: column; align-items: flex-start; padding-top: 15px; padding-bottom: 30px } #page_offer .head #left {width: 100%} #page_offer .head #right {width: 100%} #page_offer .head #right .section_summary {width: 70%} #page_offer .section_content .group_image {width: 100%; top: 0; left: 0; margin-bottom: 25px; padding: 0 0 0 30px;} #page_offer .section_content {padding-left: 80px; flex-direction: column; width: 100%} #page_offer .section_content .text {width: 100%; left: 0} #menu_open { left: calc( -40% - 250px); } .modal_detail_on .content_detail_wrapper .elem .caption { max-width: unset; width: 100%; border-bottom: 1px solid #D8D8D8;} .modal_detail_on .content_detail_wrapper .elem .caption-alt { margin-left: 0; padding: 0 0 0 15px; width: 100%!important} .modal_detail_on .content_detail_wrapper .elem .caption-alt .zinput { margin-left: auto} .modal_detail_on #template_detail_wrapper_49 { align-items: flex-start;} .modal_detail_on #template_detail_wrapper_51 { align-items: flex-start;} .modal_detail_on #template_detail_wrapper_53 { align-items: flex-start;} } @media (max-width: 1024px) and (max-height: 768px) { #template3 .row .box .elem .caption-cnt .caption { margin-left: 0!important } } @media (max-width: 991px){ .ztemplate_model_41 .row .box .elem .caption-cnt {flex-direction: column;} .ztemplate_model_41 .row .box .elem .caption-cnt .caption {width: 100%} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt {width: 100%} #page.landing_two .section_step {height: auto;} #page.landing_two .section_step .steps {flex-direction: column;} #page.landing_two .section_step .steps .step {margin: 50px auto; width: 290px} .ztemplate_model_43 .row .box .elem .caption-cnt {flex-direction: column; align-items: center; padding-bottom: 30px} .ztemplate_model_43 .row .box .elem .caption-cnt .caption { order: 2; right: inherit; bottom: inherit; margin-top: -40px } .ztemplate_model_43 .row .box .elem .caption-cnt .caption-alt {order: 1} body.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt .caption { width: 100%} body.landing_standalone .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt { width: 100%} .ztemplate_model_58 .caption-cnt { flex-direction: column;} .ztemplate_model_58 .caption, .ztemplate_model_58 .caption-alt { width: 100%; max-width: 550px} .landing.recruitment .section_page_content { padding: 30px 15px} .carousel_fullwidth_gallery { margin-top: 0} body.landing_standalone.recruitment .wrap_cnt { padding: 0 15px} .ztemplate_model_55 { margin-top: 30px} body.landing_standalone.recruitment .ztemplate_model_58 .wrap_cnt { padding: 0!important} .ztemplate_model_58 { padding: 0 15px} } @media (max-width: 960px){ .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .g10 {top: 20px; right: 20px} .ztemplate_model_42 .row .box .elem .caption-cnt {flex-direction: column; padding: 15px} .ztemplate_model_42 .row .box .elem .caption-cnt .caption {width: 100%; max-width: unset;} .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt {width: 100%; max-width: unset;} #landing_contact {flex-direction: column;} #landing_contact #left {width: 100%; max-width: unset;} #landing_contact #left:before {display: none;} body.landing_standalone header .col { display: none} body.landing_standalone header .col.header_cta { display: flex; align-items: center; justify-content: space-between; width: 100%} body.landing_standalone .button_model_1 a { font-size: 0; padding: 0; border: unset} body.landing_standalone .button_model_1 a:before { font-family: "FontAwesome5Pro-Light"; font-size: 25px; color: #fff; content: '\f095'} body.landing_standalone.recruitment header .col { display: block;} body.landing_standalone.recruitment header .col.anchor_menu { display: none} .ztemplate_model_54 .caption-cnt { flex-direction: column; justify-content: center; align-items: center;} .ztemplate_model_54 .caption, .ztemplate_model_54 .caption-alt { width: 100%} } @media (min-width: 1960px) { #template3 { max-width: 1920px; float: right } } @media (max-width: 860px) { .landing .intro_wrap #content .section_text .text_dyn .fieldvalue {flex-direction: column;} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue img {max-width: unset; display: none;} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue img.right {margin: 0!important;} .landing .desktop_cnt { padding-left: 0 } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div {max-width: unset;} .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div h2 {left: 0; margin-top: 0} .landing .intro_wrap #content .section_text { padding-top: 0 } .ztemplate_model_41 .row .box .elem .caption-cnt .caption { padding-right: 0 } .ztemplate_model_58 .wrap_cnt { max-width: 550px} } @media (max-width: 768px){ #page_room .head #bottom .section_link { margin-left: 0; margin-top: 35px } #contact_form form#form_2 .caption-fields .form { width: 100% } #page.model_two .section_content img.right { float: none!important; width: 100%; margin: 0 0 0 0!important } #page.model_two .section_content img.left { float: none!important; width: 100%; margin: 0 0 0 0!important } #page.model_two .section_content .fieldvalue { margin-bottom: 60px } #template1 .row .box {flex-direction: column;} #template1 .row .box .elem {width: 100%; max-width: unset;} #template1 .row .box .elem:last-of-type { margin-bottom: 60px } .ztemplate_model_49 .elem .caption-alt { bottom: 0} .ztemplate_model_56 .elem { width: calc(100% - 30px)} } @media (max-width: 600px){ .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt {padding: 15px 0} .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g6, .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g8 {display: block; margin: 0 0 15px; width: 100%} .ztemplate_model_56 .elem { width: calc(100%); margin: 0 0 30px} } @media (max-height: 768px){ #intro .intro_wrap {padding-bottom: 0} #template1 .row .box .elem {padding: 25px} #offers {top: 0} #template3 .row .box .elem .caption-cnt .caption {margin-left: 80px} #template4 .row .box .elem .caption-cnt .caption {width: 35%} #section_blog {top: -100px} #menu_open #menu1 li a {font-size: 25px; line-height: 35px} #section_blog {top: -50px} #contact_form.info_room { justify-content: flex-start; overflow-y: scroll; } #contact_summary .section_text { font-size: 16px } #contact_form form .caption-fields .textarea textarea {height: 80px} #menu_open #menu1 li:hover a { font-size: 25px; line-height: 35px; } #contact_open #contact_form form .caption-fields .textarea textarea, #contact_form form .caption-fields .textarea textarea {height: 70px} } @media (max-width: 767px){ #showcase .offers_seo_top_cnt, #showcase .offers_seo_bottom_cnt, #showcase .offers_seo_mobile_cnt { padding: 60px 20px 20px 20px; } #showcase .offers_seo_bottom_cnt { padding: 0 20px 20px 20px; } #showcase .offers_seo_bottom_cnt ul { padding: 0px 0px 0px 20px; list-style: disc; } #showcase .offers_seo_bottom_cnt ul li { display: list-item; text-align: left; } #showcase .offers_seo_bottom_cnt ul li:before { display: none; } .partners { flex-direction: column;} .landing_standalone #page.recruitment form .caption-fields .field { width: 100%; margin: 20px 0 40px} } @media (max-width: 600px){ #landing_contact #right form .caption-fields .field {width: 100%; margin: 30px 0} #landing_contact #right form .caption-fields .field.textarea {width: 100%} #landing_contact #right form .caption-fields input[type="submit"] { width: 100%; margin: 0 } } @media (max-width: 490px) { #template1 .row .box .elem .caption-cnt .caption .ztextarea { display: none; } #template1 .row .box .elem .caption-cnt .caption-alt {display: none;} #template1 .row .box .elem {padding: 20px; margin: 10px auto; width: calc(100% - 40px); } #template1 .row .box .elem .caption-cnt .caption .title {text-align: center;} #template1 .row .box .elem .caption-cnt .caption .title a {font-size: 24px; text-align: center;} #template1 .row .box .elem:last-of-type { margin-bottom: 10px} } @media (max-height: 590px){ #menu_open .logo {display: none;} #menu_open.fired:before { display: none; } } @media (max-height: 500px){ #menu_open { background: #F1F1F1; } #menu_open #menu2 { bottom: 20px; top: unset; } } @media (max-height: 900px){ #booking_open #booking form .caption-fields input[type="submit"] { margin: 15px auto; width: 100%; padding: 10px 15px } #booking_open #booking form .caption-fields .text.element_11 {margin-bottom: 40px} #booking_open .section_text { font-size: 12px; line-height: 1 } #booking_open .section_text strong { font-size: 15px; line-height: 22px } #booking_open .section_title { max-width: 320px; margin: 0px auto 15px; font-size: 23px; line-height: 1 } #booking_open {padding: 24px} #booking_open.fired_modal #booking {margin-top: 10px} } /* 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) { }