@-webkit-keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%{-webkit-transform:translateX(5px);transform:translateX(5px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%{-webkit-transform:translateX(5px);transform:translateX(5px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}} @keyframes boing { 25% {transform: scale3d(1.3, 0.7, 1)} 50% {transform: scale3d(0.8, 1.3, 1)} 75% {transform: scale3d(1.1, 0.7, 1)} } @keyframes blink { 0% { opacity: 1; } 20% { opacity: 0; } 40% { opacity: 1; } 60% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes shake-vertical{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}10%,30%,50%,70%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}20%,40%,60%{-webkit-transform:translateY(5px);transform:translateY(5px)}80%{-webkit-transform:translateY(8px);transform:translateY(8px)}90%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes shake-vertical{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}10%,30%,50%,70%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}20%,40%,60%{-webkit-transform:translateY(5px);transform:translateY(5px)}80%{-webkit-transform:translateY(8px);transform:translateY(8px)}90%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}} @keyframes scroll { 0% { transform: translateY(0); opacity: 0; } 50% { transform: translateY(10); opacity: 1; } 100% { transform: translateY(15px); opacity: 0; } } .text_dyn a, .text_dyn a:hover, .text_dyn a:focus, .text_dyn a:visited { color:var(--color1); } .text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited { color:var(--color1); } .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 { margin: 0; padding: 0; border: none; } .documents .document a { padding: 15px 20px; border: 1px solid var(--color1); color: var(--color1); font-weight: var(--font-weight-normal); display: inline-block; text-transform: uppercase; font-size: 85%;} .documents .document a:before { margin: 0 10px 0 0;font-family: var(--font-icon); content: "\f15c"; } .documents .document_size { display: none; } /* MESSAGGI PERSUASIVI */ #persuasive_messages .persuasive_message { max-width: 590px; border: 5px solid var(--color1);} /* Login Agenzie */ body.ibe_logged { padding-top: 41px;} body.ibe_logged header { top: 41px;} body.ibe_logged .slide_menu { top: 41px; } body.ibe_logged .sticky_element { top: 113px; } .ibe_login_wrap { margin-top: 70px; border-top: 1px solid #fff; padding-top: 20px; } .ibe_login_btn { cursor: pointer; display: flex; align-items: center; text-transform: uppercase; font-size: 95%; color: var(--white);} .ibe_login_btn:before { font-family: var(--font-icon); content: '\f2f6'; margin-right: 5px; color: var(--color2);} #ibe_login_data { min-width: 290px; text-align: center; position: relative;} .ibe_login_el_title {color: var(--color1); text-transform: uppercase; margin-bottom: 5px;} .ibe_login_el { margin-bottom: 15px; text-align: left; } .ibe_login_el_title:before { font-family: var(--font-icon); content: '\f007'; margin-right: 5px; color: var(--color2);} .ibe_login_el:nth-of-type(2) .ibe_login_el_title:before { content: '\f084';} .ibe_login_error span { color: red; margin-top: 20px; display: inline-block;} .ibe_login_el input { padding: 10px; border: 1px solid var(--ice); width: 100%; border: 1px solid #dedede; background-color: var(--white);} .ibe_login_submit { cursor: pointer; padding: 10px 25px; display: inline-block; background-color: var(--color2); font-weight: var(--font-weight-normal); font-size: 95%; color: var(--white); text-transform: uppercase; text-align: center; } .ibe_login_loader { text-align: center; margin-top: 15px;} .ibe_logout_section { color: var(--white); font-size: 80%; display: flex; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; background-color: var(--color1); padding: 6px 30px; justify-content: flex-end;} .ibe_login_user { margin-right: 20px;} .ibe_login_user:before { font-family: var(--font-icon); content: '\f007'; margin-right: 5px; color: var(--color2); } .ibe_logout_btn { cursor: pointer; padding: 7px; text-transform: uppercase; border: 1px solid var(--color2); color: var(--white); } .ibe_logout_btn:after { font-family: var(--font-icon); content: '\f08b'; margin-left: 5px; color: var(--color2); } /* login agenzie smartphone */ .smartphone .ibe_logout_section { padding: 6px 10px;} .smartphone .ibe_logout_btn { border-radius: 3px;} .smartphone.ibe_logged header.scrolled { top: 41px;} .smartphone .ibe_login_btn { margin: auto;} /* Elementi comuni */ .section_go_back { margin: 30px auto 90px; text-align: center;} .button_model_1 a { text-transform: uppercase; background-color: transparent; border: 2px solid var(--color1); color: var(--color1); padding: 17px 38px 17px 38px;} /* Close Button */ .close_btn {position: absolute; top: 90px; left: 0; right: 0; margin: 0 auto; width: 60px; height: 60px; border: 1px solid #fff; border-radius: 100%; cursor: pointer; transition: .6s; } .close_btn .bar:nth-child(1){position: absolute; width: 40px; height: 1px; top: 50%; background-color: #fff; transform: rotate(45deg); left: 0; right: 0; margin: 0 auto; transition: .6s;} .close_btn .bar:nth-child(2){position: absolute; width: 40px; height: 1px; top: 50%; background-color: #fff; transform: rotate(-45deg); left: 0; right: 0; margin: 0 auto; transition: .6s;} .close_btn:hover{background-color: #fff} .close_btn:hover .bar:nth-child(1) {background-color: var(--color1); transform: rotate(-45deg);} .close_btn:hover .bar:nth-child(2) {background-color: var(--color1); transform: rotate(45deg);} /* infosplash */ #infosplash { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); padding: 15px; overflow: auto;} #infosplash .ztemplate .caption { background-color: #fff; padding: 30px; max-width: 640px; border: 5px solid var(--color1); } #infosplash .ztemplate .caption .ztextarea { font-size: 16px; color: #373737; text-align: left; line-height: 25px; letter-spacing: 0;} #infosplash #infosplash_container { height: 100%; display: flex;flex-direction: column; justify-content: center; align-items: center; } #infosplash #infosplash_container .infosplash_wrapper {text-align: center;} #infosplash .close {color: #fff; font-size: 18px; margin-bottom: 15px} #infosplash .ztemplate .caption .title { font-size: 26px; color: #373737; text-align: center; line-height: 1; letter-spacing: 0; } @media (max-width: 767px) { #infosplash #infosplash_container { justify-content: flex-start;} } /* elementi comuni */ /*.text_model_1 { font-size: 15px; color: #6F6F6F; text-align: left; line-height: 20px; letter-spacing: 0;}*/ /* Generico */ .section_tag { font-size: 90%; color: var(--grey); text-transform: uppercase; position: relative; } .section_tag:before { margin-right: 5px; float: left; content: "/"; } .section_tag .varsimple {display: inline-block;} .section_title { margin: 10px 0 15px 0; font-size: 200%; color: var(--grey); } .section_text { font-size: 120%; color: var(--grey); line-height: 1.3; letter-spacing: 0; } .section_big_link { margin-top: 30px } .section_big_link a { padding: 17px 36px 17px 37px; display: inline-block; border: 1px solid var(--color1); color: var(--color1); text-transform: uppercase; text-align: center; } .title_model_1 { font-size: 170%; color: var(--color1); font-family:var(--sans); } /* Intro - Home */ #intro {padding: 15px} #intro .top_seo { margin: 0 0 15px 0; font-size: 80%; color: var(--color2); text-transform: uppercase; } #intro .top_seo:before { content: "/"; } /* Relax - Home */ #relax.ztemplate_base .caption { width: 50%; } #relax.ztemplate_base .caption-alt { width: 50%; } /* Meeting - Home */ #meeting { padding:60px; } #meeting.ztemplate_base { margin: 0; max-width: 100%; } #meeting.ztemplate_base .caption-cnt { border-bottom: 10px solid var(--color2); background-color: #F3F3F3; } #meeting.ztemplate_base .caption { width: 30%; } #meeting.ztemplate_base .caption-alt { padding: 90px } #meeting.ztemplate_base img { min-height: 650px; max-height: 650px; object-fit: cover;} /* submenu */ #submenu {} .submenu_title { margin-bottom: 10px; font-size: 130%; color: var(--color1); } .submenu { padding: 20px; border-top: 10px solid var(--color2); background-color: #F8F8F8; } .submenu li {margin-bottom: 20px} .submenu li.last {margin-bottom: 0} .submenu li a { display: block; font-weight: var(--font-weight-normal); font-size: 120%; color: var(--grey); line-height: 1; letter-spacing: 0; } .submenu #tree > li.active {display: none;} .submenu li:hover a {padding-left: 15px; display: block; font-weight: var(--font-weight-normal); color: var(--color2); position: relative;} .submenu li:hover a:before { z-index: 1100; position: absolute; left: -5px; top: 3px; opacity: 1; } /*Gallery*/ .gallery { padding: 0 30px 30px 30px; position: relative; } .gallery .slick-track { margin: 0 auto; } .gallery .slick-slide img { padding: 10px; } /* Interne */ #page #content .text_dyn.g3 .fieldkey { display: none;} #page #content {margin: 30px auto; max-width: 1290px; overflow: hidden; } #page #content .cnt { justify-content: space-between; } #page #content .cnt .body { padding: 0 50px 0 0; width: 75%; } #page #content .cnt .side { width: 25%; } #page #content .text_dyn, #page #content .text:not(form .field.text) { margin-bottom: 20px; color: var(--grey); line-height: 1.5; font-size: 110%; } #page #content .text_dyn, #page #content .text:not(form .field.text) { margin-bottom: 20px; color: var(--grey); line-height: 1.5; font-size: 110%; } #page #content .zimage { margin-bottom: 30px} #page #content .text_dyn .fieldvalue > div {overflow: hidden;} #page #content .text_dyn .fieldvalue p { margin: 0 0 10px 0; } #page #content .text_dyn .fieldvalue p:empty::before { content: "\00a0"; } #page #content .text_dyn .fieldvalue ul { padding: 0 0 15px 30px; } #page #content h2 { margin: 0 0 10px 0; font-size: 150%; color: var(--color1); } #page #content .document { margin: 0 0 10px 0; } body.eshop #page #content { overflow: visible; margin-bottom: 60px} /* Accordion e Toggler */ .accordion, .toggler { margin: 30px 0; padding: 10px 10px 5px 10px; background-color: var(--ice); } .accordion a.accordion-title, .accordion a.accordion-title:hover, .accordion a.accordion-title:focus, .accordion a.accordion-title:visited, .toggler a.accordion-title, .toggler a.accordion-title:hover, .toggler a.accordion-title:focus, .toggler a.accordion-title:visited { margin-bottom: 5px; padding: 15px 50px 15px 15px; background-color: var(--white); text-align: left; text-transform: uppercase; border-left: 5px solid var(--color2); display: block; color: var(--grey); } .accordion a.accordion-title.selected, .toggler a.accordion-title.selected { margin-bottom: 0; background-color: var(--color2); color: var(--white);} .accordion a, .toggler a { position: relative; color: var(--color2); } .accordion a:before, .toggler a:before { position: absolute; width: 20px; height: 20px; border: 2px solid #dedede; content: ''; right: 10px; top: calc(50% - 10px); border-radius: 100% } .accordion a:after, .toggler a:after { position: absolute; width: 12px; height: 12px; background-color: transparent; transition: .9s; content: ''; right: 14px; top: calc(50% - 6px); border-radius: 100%; transform: scale(0); } .accordion a.selected:after, .toggler a.selected:after { background-color: var(--white); transform: scale(1); } .accordion .accordion-content, .toggler .accordion-content { padding: 20px; background-color: var(--white); border-bottom: 5px solid var(--ice); line-height: 1.5; overflow: hidden;} .accordion .accordion-content a:before, .toggler .accordion-content a:before {display: none;} .accordion .accordion-content a, .toggler .accordion-content a { display: inline-block; padding: 0!important; } .accordion .accordion-content a:focus, .toggler .accordion-content a:focus { padding: 0!important; margin-bottom: 0!important; display: inline-block; } .accordion .accordion-content a:hover, .toggler .accordion-content a:hover { display: inline-block; padding: inherit; } /* TAB */ .tabs { margin: 30px 0; padding: 10px 10px 5px 10px; background-color: var(--ice); } .tabs ul { padding: 0 !important; list-style: none; 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: flex-start; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .tabs ul li { margin: 0 5px 0 0; } .tabs ul li a { padding: 15px; background-color: var(--color2); color: var(--white); display: inline-block; } .tabs ul li a.selected { color: var(--color1); background-color: var(--white); } .tabs .accordion-content { padding: 20px; background-color: var(--white); border-bottom: 5px solid var(--ice); line-height: 1.5;} /* Specifico Interne Offerta */ #page.offer #content {margin: 70px auto 30px auto} /* Specifico Interne Sala */ #page.mice #top {text-align: center!important;} #page.mice #top .zinput.g1, #page.mice #top .zinput.g2 {padding: 15px; margin-bottom: 20px} #page.mice .attributes .zinput.g2 .fieldvalue { padding: 0 0 0 32px; } #page.mice .attributes .zinput.g2 .fieldvalue:before { content: "\e533"; } #page.mice .text_dyn { color: var(--grey); line-height: 1.5; } #page.mice .equip {display: flex; } #page.mice .equip > div { width: 50%; padding: 15px; } #page.mice .equip > div:first-child { margin-right: 20px; } #page.mice .equip .zcheckbox { border-bottom: 10px solid var(--color2); background-color: #FAFAFA; } #page.mice .equip .fieldkey { margin-bottom: 30px; font-size: 25px; color: var(--color1); } #page.mice .equip .fieldvalue { font-size: 120%; color: var(--grey); line-height: 1.5; } #page.mice .equip .fieldvalue:before { margin-right: 10px; width: 6px; height: 6px; float: left; border-radius: 100px; background-color: var(--color1); position: relative; top: 10px; content: ""; } /* Per Camere e Sale */ .amenities { margin: 0 40px 30px; padding: 25px 50px; color: var(--black); text-align: center;} .amenities .zcheckbox { max-width: 1290px; margin: 0 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: flex-start; align-items: flex-start; justify-content: center; flex-wrap: wrap; } .amenities .fieldkey { margin: 0 0 25px 0; padding: 0 0 25px 0; font-size: 180%; width: 100%; border-bottom: 2px solid var(--color2); color: var(--color1);} .amenities .fieldvalue { margin: 30px 20px; font-size: 110%; width: calc(100% / 6);} .amenities .fieldvalue:before { margin: 0 0 5px 0; font-family: var(--font-icon); font-weight: var(--font-weight-light); font-size: 250%; display: block; clear: both; color: var(--color2); } .attributes { margin: 20px 0 0 0; justify-content: center; flex-wrap: wrap; } .attributes .zinput { margin: 0 10px; 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: center; flex-wrap: wrap; } .attributes .zinput .fieldkey { display: none; } .attributes .zinput .fieldvalue { padding: 0 0 0 25px; position: relative; } .attributes .zinput .fieldvalue:before { font-family: var(--font-icon); content: "\e269"; position: absolute; left: 0; top: -3px; font-size: 150%;} /* Specifico Interne Camera */ #page.room .zinput.g1 .fieldvalue { padding: 0 0 0 25px; position: relative; display: inline-block; } #page.room .zinput.g1 .fieldvalue:before { font-family: var(--font-icon); content: "\e269"; position: absolute; left: 0; top: -3px; font-size: 150%;} #page.room .amenities .fieldvalue.v1:before { content: "\f8f4"; } #page.room .amenities .fieldvalue.v3:before { content: "\f1eb"; } #page.room .amenities .fieldvalue.v6:before { content: "\f8da"; } #page.room .amenities .fieldvalue.v7:before { content: "\f8f4"; } #page.room .amenities .fieldvalue.v8:before { content: "\f57b"; } #page.room .amenities .fieldvalue.v9:before { content: "\f095"; } #page.room .amenities .fieldvalue.v10:before { content: "\f26c"; } #page.room .amenities .fieldvalue.v12:before { content: "\f30d"; } #page.room .amenities .fieldvalue.v15:before { content: "\f72e"; } #page.room .amenities .fieldvalue.v17:before { content: "\f5bb"; } #page.room .amenities .fieldvalue.v18:before { content: "\f0f4"; } #page.room .amenities .fieldvalue.v19:before { content: "\f54b"; } #page.room .amenities .fieldvalue.v20:before { content: "\e269"; } #page.room .amenities .fieldvalue.v23:before { content: "\e209"; } #page.room .amenities .fieldvalue.v0:before { content: "\f34e"; } #page.room .amenities .fieldvalue.v24:before { content: "\e434"; } #page.room .amenities .fieldvalue.v25:before, #page.room .amenities .fieldvalue.v27:before { content: "\e050"; } #page.room .amenities .fieldvalue.v26:before { content: "\e06d"; } #page.room .amenities .fieldvalue.v30:before { content: '\f2cc'; } #page.room .amenities .fieldvalue.v31:before { content: '\e02a'; } #page.room .amenities .fieldvalue.v32:before { content: '\f2e7'; } #page.room .amenities .fieldvalue.v33:before { content: '\e51a'; } #page.room .amenities .fieldvalue.v34:before { content: '\f5d0'; } /* Specifico Interne Blog */ #page.post img.left { margin:0 0 20px 0 !important; float: none; min-width: 100%;} /* Specifico Interne Ristorante */ #page.restaurant .heading { margin: -50px auto 0; padding: 0 0 30px 0; max-width: 1200px; position: relative;} #page.restaurant .heading .top_seo { text-align: left;} #page.restaurant .heading #page_name { font-size: 280%;} #page.restaurant .heading .summary { font-size: 150%;} #page.restaurant .heading .logo { padding: 30px 0; background-color: var(--color1); position: absolute; top: -50px; left: 0; right: 0; z-index: 50; width: 100%; display: none;} #page.restaurant .heading .zimage { margin: 0 auto; max-width: 200px; text-align: center; } #page.restaurant .heading .cnt { padding: 40px; justify-content: space-between; } #page.restaurant .heading .cnt .left { width: 70%; text-align: left; } #page.restaurant .heading .cnt .right { margin: 30px 0 0 0; width: 25%; text-align: left; } #page.restaurant .text.g9 { margin: 10px 0; line-height: 1.5; font-size: 115%; } #page.restaurant .right .text { margin: 0 0 5px 0;padding: 20px; line-height: 1.5; background-color: var(--color2); color: var(--white);} #page.restaurant .text.g6 .fieldkey:before { margin: 0 10px 0 0;font-family: var(--font-icon); font-weight: var(--font-weight-solid); content: "\f017"; } #page.restaurant .fieldkey { margin: 0 0 5px 0; font-size: 130%; } #page.restaurant .text.g7 { line-height: 1.5; 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: flex-start;} #page.restaurant .text.g7 .fieldkey { margin: 0 10px 0 0; font-size: 0; } #page.restaurant .text.g7 .fieldkey:before { font-family: var(--font-icon); font-weight: var(--font-weight-light); font-size: 32px; content: "\f3c5"; } #page.restaurant .text.g7 a { color: var(--color2); } #page.restaurant #content { margin: 30px auto; } #page.restaurant #content .fieldvalue { margin: 0 0 40px 0; } #page.restaurant #content .fieldvalue h2 { font-size: 200%;} /* Section offers */ #offers { border-bottom: 10px solid var(--color2); background-color: #F4F4F4;} #offers .cnt { margin: 0 auto; padding: 50px 0; max-width: var(--max-width); -webkit-align-items: center; align-items: center; } /* fix */ #offers .sx { margin: 0 50px 0 0;width: 25%; text-align: left;} #offers .dx { width: 75% } /* Specifico interne offerte */ .body_offerta .g10 .fieldkey { display: flex; align-items: center; color: var(--color1); margin-top: 10px; color: var(--color1); margin-bottom: 15px} .body_offerta .g10 .fieldkey:before { font-family: var(--font-icon); content: '\f755'; margin-right: 6px; font-weight: var(--font-weight-solid)} .body_offerta .offers_validity { color: var(--color1); margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #dedede; display: flex; align-items: center} .body_offerta .offers_validity:before { font-family: var(--font-icon); content: '\e0d6'; margin-right: 3px} .body_offerta #page #content .zimage { max-width: 420px} .body_offerta .col_cnt .col:last-child { width: calc(100% - 420px)} .col_cnt { display: flex; align-items: flex-start;} .col_cnt .col { padding: 20px} /* Template offers */ .ztemplate_offers .box { padding: 0 50px; } .ztemplate_offers .elem {padding: 10px} .ztemplate_offers .elem:hover .caption:before {background-color: var(--color2)} .ztemplate_offers .caption-cnt { display: block; background-color: var(--white); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_offers .caption { margin-top: 10px width: 100%; position: relative; } .ztemplate_offers .caption:before { margin: 0 auto; width: 90%; height: 10px; background-color: var(--alpha_grey); z-index: 590; position: absolute; left: 0; right: 0; top: -10px; content: ""; transition: .3s } .ztemplate_offers .caption img { width: 100%; height: 250px; object-fit: cover; background-color: #252525; } .ztemplate_offers .caption-alt { padding: 15px; } .ztemplate_offers .caption-add { display: none;} .ztemplate_offers .title a { display: inline-block; font-size: 90%; color: var(--color1); } .ztemplate_offers .ztextarea.g1 { color: var(--grey); line-height: 1.5; letter-spacing: 0; } .ztemplate_offers .zinput.g10 .fieldkey { display: flex; align-items: center; color: var(--color1); margin-top: 10px; background-color: var(--ice); color: var(--color1); padding: 7px} .ztemplate_offers .zinput.g10 .fieldkey:before { font-family: var(--font-icon); content: '\f755'; margin-right: 6px; font-weight: var(--font-weight-solid)} .ztemplate_offers .zlabel.g15 { color: var(--color1); margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dedede; display: flex; align-items: center} .ztemplate_offers .zlabel.g15:before { font-family: var(--font-icon); content: '\e0d6'; margin-right: 3px} .ztemplate_offers .zsimplebutton {margin-top: 30px;} /* Section Rooms */ section#rooms {margin: 0 0 60px} section#rooms .slick-dots li.slick-active button { background-color: var(--white); } /* Template Rooms */ .ztemplate_rooms .ztemplate { margin: 60px auto 90px; max-width: 1200px; position: relative; } .ztemplate_rooms .elem { margin: 20px 0;padding: 0 20px; } .ztemplate_rooms .caption-cnt { position: relative; } .ztemplate_rooms .caption { width: 100%; } .ztemplate_rooms .caption-alt { padding: 30px; background-color: rgba(12, 79, 39, .92); z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; max-width: 350px; max-height: 100%; } .ztemplate_rooms .caption-alt.oa { overflow: auto;} .ztemplate_rooms .caption-alt::-webkit-scrollbar { width: 4px; } .ztemplate_rooms .caption-alt::-webkit-scrollbar-thumb { background-color: var(--color2);} .ztemplate_rooms img { width: 100%; max-height: 650px; object-fit: cover;} .ztemplate_rooms .zoption .fieldvalue { font-size: 80%; color: var(--white); text-transform: uppercase; line-height: 1; position: relative; } .ztemplate_rooms .zoption .fieldvalue:before { line-height: 1; content: "/"; } .ztemplate_rooms .ztemplate .title { margin: 5px 0 20px 0; } .ztemplate_rooms .ztemplate .title a { display: inline-block; font-size: 110%; color: var(--white); } .ztemplate_rooms .zinput.g1.text .fieldvalue { padding: 0 0 0 25px; color: var(--white); position: relative; } .ztemplate_rooms .zinput.g1.text .fieldvalue:before { font-family: var(--font-icon); content: "\e269"; position: absolute; left: 0; top: -3px; font-size: 150%;} .ztemplate_rooms .ztextarea { margin-top: 20px; font-size: 120%; color: var(--white); line-height: 25px; letter-spacing: 0; } .ztemplate_rooms .zoption .fieldvalue:before {margin-right: 5px} .ztemplate_rooms .zsimplebutton {margin-top: 30px} /* Template Rooms - Carousel */ .ztemplate_rooms.carousel .ztemplate { margin: 0; max-width: inherit; } .ztemplate_rooms.carousel .elem { margin: 0 ;opacity: .3; transition: .6s} .ztemplate_rooms.carousel .caption-alt { opacity: 0; transition: .9s; top: 90px; bottom: initial;} .ztemplate_rooms.carousel .elem.slick-current {opacity: 1} .ztemplate_rooms.carousel .elem.slick-current .caption-alt {opacity: 1; top: 0} .ztemplate_rooms.carousel img { height: 820px; object-fit: cover; height: inherit; max-height: 920px} .ztemplate_rooms.carousel .slick-dots {bottom: 30px} .ztemplate_rooms.carousel .template_filters { display: none; } /* Template Rooms - Flusso */ .ztemplate_rooms .rooms .caption-alt > .title { font-size: 210%; color: var(--white); } .ztemplate_rooms .rooms .caption-alt > .zsimplebutton { padding: 10px 25px; display: none; background-color: var(--color2); font-weight: var(--font-weight-normal); font-size: 95%; color: var(--white); text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; cursor: pointer; } .ztemplate_rooms .rooms .caption-add { position: absolute; bottom: 30px; right: 30px; z-index: 2; } .ztemplate_rooms .zlabel span.number { margin: 0 1px 0 0;font-size: 100%;} .ztemplate_rooms .zlabel span.comma { margin: 0;vertical-align: super;font-size: 55%;position: relative;top: 4px;} .ztemplate_rooms .zlabel span.decimal { vertical-align: super;font-size: 70%;position: relative;top: 2px;} .ztemplate_rooms .zlabel.g12 { margin: 20px 0 0 0; } .ztemplate_rooms .zlabel.g12 .fieldkey { margin: 0 0 2px 0; font-size: 80%; text-transform: uppercase; color: var(--white);} .ztemplate_rooms .zlabel.g12 .fieldvalue { position: relative; font-size: 160%; color: var(--white); display: flex; justify-content: flex-start; text-align: flex-start; } .ztemplate_rooms .zlabel.g12 .fieldvalue:before { margin: 0 2px 0 0;content: "\20ac";text-transform: uppercase;font-size: 100%;text-align: left;} .ztemplate_rooms .zlabel.g11 { font-size: 105%; color: var(--color1);text-align: center; position: absolute; bottom: 34px; right: -80px; -webkit-animation:shake-horizontal 6s linear infinite;animation:shake-horizontal 6s linear infinite } .ztemplate_rooms .zlabel.g11 .fieldvalue { padding: 6px; position: relative; background-color: var(--white); } .ztemplate_rooms .zlabel.g11 .fieldvalue:before { width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent var(--white) transparent transparent; position: absolute; left: -5px; top: 8px; content: ""; } .ztemplate_rooms .subcontents { display: block; } .ztemplate_rooms .subcontents .ztemplate { margin: 0; max-width: auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .ztemplate_rooms .subcontents .elem {margin: 0;padding: 0;width: 100%;background-color: var(--white); border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .ztemplate_rooms .subcontents .elem:nth-child(odd){ background-color: #EFF8FF; } .ztemplate_rooms .subcontents .caption-cnt { display: flex; padding: 0; align-items: stretch; justify-content: space-between; } .ztemplate_rooms .subcontents .caption-cnt > li { flex-direction: column; margin: 10px 0; padding: 10px 15px; border-right: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; justify-content: center; align-items: center; flex-wrap: wrap; } .ztemplate_rooms .subcontents .caption-cnt .caption { width: 40%; text-align: left; justify-content: flex-start; align-items: flex-start; } .ztemplate_rooms .subcontents .rate-group-header .rate-group-title { width: 40%; text-align: left; justify-content: flex-start; align-items: flex-start; } .ztemplate_rooms .subcontents .caption-cnt .caption-alt { background-color: transparent; position: initial; left: initial; bottom: initial; max-width: inherit; width: 32%; align-items: flex-start; justify-content: center; flex-direction: column} .ztemplate_rooms .subcontents .caption-add, .ztemplate_rooms .subcontents .rate-group-header .rate-group-price, .ztemplate_rooms .subcontents .rate-group-header .rate-group-rooms { width: 15%; text-align: center; position: initial; bottom: initial; right: initial; } .ztemplate_rooms .subcontents .caption-add.last { border: none; } .ztemplate_rooms .subcontents .title { margin:0 0 10px; font-size: 120%; color: var(--color1); width: 100%; text-align: left; } .ztemplate_rooms .subcontents .ztextarea { margin: 0; color: var(--grey); font-size: 100%; width: 100%; text-align: left; } .ztemplate_rooms .subcontents .rate-group-header { padding: 10px 0; display: flex; background-color: var(--color1); color: var(--white); font-size: 110%; text-align: center; position: relative; cursor: pointer; } .ztemplate_rooms .subcontents .rate-group-header.open { background-color: var(--color2); } .ztemplate_rooms .subcontents .rate-group-header:before { font-family: var(--font-icon); position: absolute; left: 20px; top: 22px; cursor: pointer; content: "\f0fe"; } .ztemplate_rooms .subcontents .rate-group-header.open:before { content: "\f146"; } .ztemplate_rooms .subcontents .rate-group-header > div { padding: 10px 20px; text-align: left; border-left: 1px solid rgba(255, 255, 255, 0.3); display: none; } .ztemplate_rooms .subcontents .rate-group-header.open > div { display: block; } .ztemplate_rooms .subcontents .rate-group-header .rate-group-title { padding: 10px 0 10px 45px; display: block; border: none;} .ztemplate_rooms .subcontents .rate-group-header .rate-group-cond { width: 32%; } .ztemplate_rooms .subcontents a { color: var(--color2); } .ztemplate_rooms .subcontents .elem.highlighted {border: 1px solid #b7dcd6;background-color: #e1f7eb;transform: scale(1.04);margin: 20px 0;position: relative;z-index: 2} .ztemplate_rooms .subcontents .elem.highlighted:before {position: absolute;top: 100%;left: -1px;content: '';border-style: solid;border-width: 0 22px 22px 0;border-color: transparent #7ca39c transparent transparent;} .ztemplate_rooms .subcontents .elem.highlighted:after {position: absolute;top: 100%;right: -1px;content: '';border-style: solid;border-width: 22px 22px 0 0;border-color: #7ca39c transparent transparent transparent;} .rate_details ul { padding-left: 25px; margin: 5px 0;} .ztemplate_rooms.carousel_photos .ztemplate .elem .caption-cnt img { min-width: unset; } .ztemplate_rooms.carousel_photos button.slick-next { right: 0; top: 0; } .ztemplate_rooms.carousel_photos button.slick-prev { left: inherit; right: 50px; top: 0; } .rate-group-content { overflow: visible!important;} /* Titolo offerta limitata */ .promo_name { display: flex; align-items: center; flex-direction: column; margin-top: 10px; border: 1px dashed var(--color1); padding: 10px; color: var(--color1); text-transform: uppercase; font-weight: var(--font-weight-bold);} .promo_name:before { font-family: var(--font-icon); content: '\f2f3'; margin-bottom: 5px; color: var(--color2); font-size: 115%;} .smartphone .promo_name { color: var(--white); border: 1px dashed var(--white);} /* Raggruppamento Tariffe per Occupazione */ .rate-group .rate-group-header { padding: 0 0 10px 0; display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: calc(var(--size-base) * .85); } .rate-group .rate-group-header:before { font-family: var(--icon); content: "\f0fe"; font-weight: var(--font-weight-solid); color: var(--color1); font-size: calc(var(--size-base) * .9);} .rate-group .rate-group-header.open:before { content: "\f146"; } .rate-group .rate-group-header :where(.rate-group-cond, .rate-group-price, .rate-group-rooms) { display: none;} .rate-group .rate-group-header .rate-group-title span { display: inline-flex; gap: 5px; font-weight: var(--font-weight-bold); color: var(--dark_grey); } .rate-group .rate-group-header .rate-group-title span:before { margin-inline-start: 5px; font-family: var(--font-icon); } .rate-group .rate-group-header .rate-group-title span.adult:before { content: "\e220"; } .rate-group .rate-group-header .rate-group-title span.child:before { content: "\f1ae"; } /* Raggruppamento Tariffe da Ermes */ /* .rate-set-head { display: none; } /* .rate-set .description { display: none; } */ .rate-set { padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .rate-set .rate-set-head { padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; } .rate-set .name { color: var(--dark_grey); font-size: calc(var(--size-base) * 1.1); font-weight: var(--font-weight-bold); /* font-weight: var(--font-weight-bold);*/ } .rate-set .price_from { margin-left: auto; font-size: calc(var(--size-base) * 1.2); color: var(--dark_grey); transition: opacity 0.5s ease-in-out; font-family: var(--sans-bei); font-weight: var(--font-weight-medium);} .rate-set .price_from :where(.comma, .decimal) { font-size: 0;} .rate-set .price_from:before { margin: 0 5px 0 0;} body.it .rate-set .price_from:before { content: "Scopri le tariffe a partire da \20AC"; } body.en .rate-set .price_from:before { content: "Discover rates starting from \20AC"; } body.fr .rate-set .price_from:before { content: "Découvrez les tarifs à partir de \20AC"; } body.de .rate-set .price_from:before { content: "Entdecken Sie die Tarife ab \20AC"; } body.ru .rate-set .price_from:before { content: "Узнайте тарифы от \20AC"; } .rate-set .description { padding-block-start: 10px; font-size: calc(var(--size-base)* .95); line-height: 1.3; width: 100%; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .rate-set .collapse_toggle:before { font-family: var(--font-icon); content: '\f078'; font-size: var(--size-btn); margin-left: 5px; color: var(--dark_grey); display: flex; transition: .4s all; } .rate-set .rate-set-elements { height: 0; transition: height 0.5s ease-in-out, opacity 0.5s ease-in; opacity: 0; pointer-events: none; overflow: hidden; display: flex; flex-direction: column; } .rate-set .rate-set-elements .description { padding: 15px; margin: 0; } .rate-set.fired .rate-set-head { justify-content: space-between;} .rate-set.fired .rate-set-head .name:after { display: none;} .rate-set.fired .rate-set-head .price_from { opacity: 0;} .rate-set.fired .rate-set-elements { height: 100%; opacity: 1; pointer-events: inherit; overflow: unset;} .rate-set.fired .collapse_toggle:before { transform: rotate(-180deg); } /* Tariffe in vendita */ .ztemplate_rooms .subcontents .elem .zlabel { font-size: 100%; line-height: 1;} .ztemplate_rooms .subcontents .elem .zlabel.g17 { display: none;} .ztemplate_rooms .subcontents .product_selection_wrap {margin:0;text-align: center;position: relative;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;} .ztemplate_rooms .subcontents .product_selection_wrap .prod_sel_content {padding: 0;min-width: 40px;width:auto; height: inherit;font-size: 170%; line-height: 1.2;text-align: center;border: none;background: none;color: var(--grey);} .ztemplate_rooms .subcontents .product_selection_wrap .prod_sel_add.disabled, .ztemplate_rooms .subcontents .product_selection_wrap .prod_sel_rem.disabled { opacity: 0.1; } .ztemplate_rooms .subcontents .product_selection_wrap span:before {font-family: var(--font-icon); font-weight: var(--font-weight-regular); text-align: center; font-size: 130%; line-height: 1; } .ztemplate_rooms .subcontents .product_selection_wrap .prod_sel_rem:before {content: "\f056";} .ztemplate_rooms .subcontents .product_selection_wrap .prod_sel_add:before {content: "\f055";} /* Prodotti e Tariffe - Descrizione Tariffa */ .ztemplate_rooms .subcontents .ztextarea.g2 { cursor: pointer; } .ztemplate_rooms .subcontents .ztextarea.g2 .fieldkey { color: var(--grey); font-size: 100%; width: 100%; text-align: left; text-transform: uppercase; } .ztemplate_rooms .subcontents .ztextarea.g2 .fieldkey:before { margin: 0 5px 0 0; font-family: var(--font-icon); font-weight: var(--font-weight-regular); text-align: center; content: "\f0fe"; } .ztemplate_rooms .subcontents .ztextarea.g2 .fieldvalue { display: none; } .ztemplate_rooms .subcontents .ztextarea.g2.fired .fieldvalue { margin: 0 0 10px 0; display: block; } .ztemplate_rooms .subcontents .ztextarea.g2.fired .fieldkey:before { content: "\f146"; } /* ^ Trattamento ed eventuali Servizi inclusi */ .ztemplate_rooms .subcontents .zlabel.g24 {margin: 5px 0; width: 100%; 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; } .ztemplate_rooms .subcontents .zlabel.g24 .fieldvalue { margin: 0 5px 0 0; font-size: 105%; } .ztemplate_rooms .subcontents .zlabel.g24 .fieldvalue:before { margin: 0 5px 0 0; font-family: var(--font-icon); font-weight: var(--font-weight-solid); } .ztemplate_rooms .treatment-breakfast .zlabel.g24 .fieldvalue:before { content: "\f7b6"; } .ztemplate_rooms .treatment-room .zlabel.g24 .fieldvalue:before { content: "\f8f7"; } .ztemplate_rooms .treatment-half .zlabel.g24 .fieldvalue:before, .ztemplate_rooms .treatment-full .zlabel.g24 .fieldvalue:before { content: "\e559"; } .ztemplate_rooms .treatment-all .zlabel.g24 .fieldvalue:before { content: "\f561"; } .ztemplate_rooms .subcontents .zlabel.g25 {margin: 0 0 10px 0; width: 100%; 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; font-size: 110%; } .ztemplate_rooms .subcontents .zlabel.g25 .fieldkey { margin: 0 5px 0 0; color: var(--color1); font-size: 100%; text-align: left; text-transform: none; } .ztemplate_rooms .subcontents .zlabel.g25 .fieldkey:after { content: ":"; } /* Prodotti e Tariffe - Condizioni */ .ztemplate_rooms .subcontents .zlabel.g6 { width: 100%; margin-bottom: 10px} .ztemplate_rooms .subcontents .zlabel.g6 .fieldvalue { font-size: 160%; color: var(--color1); display: flex;} .ztemplate_rooms .subcontents .zlabel.g6 .fieldvalue:before { content: '\20ac'; margin-right: 2px} .ztemplate_rooms .subcontents .zlabel.g8 { line-height: 1.2; cursor: pointer; } .ztemplate_rooms .subcontents .zlabel.g8 .fieldkey { display: none; color: var(--grey); font-size: 100%; width: 100%; text-align: left; } .ztemplate_rooms .subcontents .zlabel.g8 .fieldkey:before { margin: 0 5px 0 0; font-family: var(--font-icon); font-weight: var(--font-weight-regular); text-align: center; content: "\f0fe"; } .ztemplate_rooms .subcontents .zlabel.g8.fired .fieldvalue { margin: 0 0 10px 0; display: block; } .ztemplate_rooms .subcontents .zlabel.g8.fired .fieldkey:before { content: "\f146"; } .ztemplate_rooms .subcontents .payment_policy { margin-top: 5px} .prepaid_detail { display: flex; align-items: center; margin: 10px 0 0; border-top: 1px dashed var(--color1); padding: 10px 0; color: var(--color1)} .prepaid_detail:before { font-family: var(--font-icon); content: '\f51e'; font-weight: var(--font-weight-solid); margin-right: 5px} .prepaid_detail_amount { font-size: 120%;} .prepaid_detail_date { margin-left: 10px; font-weight: var(--font-weight-medium); text-transform: uppercase; font-size: 80%; border: 1px solid var(--color1); padding: 3px} .canc_policy_label, .payment_policy_label { text-transform: uppercase; cursor: pointer} .canc_policy_label:before, .payment_policy_label:before { margin: 0 5px 0 0; font-family: var(--font-icon); font-weight: var(--font-weight-regular); text-align: center; content: "\f0fe";} .canc_policy_text, .payment_policy_text { margin: 5px 0 10px; display: none} .canc_policy.fired .canc_policy_text, .payment_policy.fired .payment_policy_text { display: block;} .canc_policy.fired .canc_policy_label:before, .payment_policy.fired .payment_policy_label:before { content: '\f146'} /* Prodotti e Tariffe - Visualizzazione prezzi e Occupanti*/ .ztemplate_rooms .subcontents .zlabel.g15, .ztemplate_rooms .subcontents .zlabel.g16, .ztemplate_rooms .subcontents .zlabel.g23 { margin: 0 5px 10px 5px; color: var(--color2); display: none; } .ztemplate_rooms .subcontents .zlabel.g15 .fieldvalue:after, .ztemplate_rooms .subcontents .zlabel.g16 .fieldvalue:after, .ztemplate_rooms .subcontents .zlabel.g23 .fieldvalue:after { margin: 0 0 0 5px; font-family: var(--font-icon); font-weight: var(--font-weight-regular); text-align: center; font-size: 130%; line-height: 1; content: "\f183"; } .ztemplate_rooms .subcontents .zlabelprice, .ztemplate_rooms .subcontents .zlabel.g9 { width: 100%; color: var(--color1); font-size: 70%} .ztemplate_rooms .subcontents .zlabel .fieldkey { margin: 0 0 2px 0; font-size: 80%; text-transform: uppercase; color: var(--color1);} .ztemplate_rooms .subcontents .zlabelprice .fieldvalue, .ztemplate_rooms .subcontents .zlabel.g9 .fieldvalue, .ztemplate_rooms .subcontents .zlabel.g20 .fieldvalue { position: relative; font-size: 160%; display: flex; justify-content: center; text-align: center; } .ztemplate_rooms .subcontents .zlabelprice .fieldvalue:before, .ztemplate_rooms .subcontents .zlabel.g9 .fieldvalue:before, .ztemplate_rooms .subcontents .zlabel.g20 .fieldvalue:before { margin: 0 2px 0 0;content: "\20ac";text-transform: uppercase;font-size: 100%;text-align: left;} .ztemplate_rooms .subcontents .zlabel.g9 { margin: 0 0 5px 0; } .ztemplate_rooms .subcontents .zlabel.g9 .number, .ztemplate_rooms .subcontents .zlabel.g9 .decimal { text-decoration: line-through; } .ztemplate_rooms .subcontents .zlabel.g20 { margin: 10px 0 0 0; padding: 5px; background-color: var(--green); color: var(--white); 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: center; text-align: center; } .ztemplate_rooms .subcontents .zlabel.g20 .fieldkey, .ztemplate_rooms .subcontents .zlabel.g20 .fieldvalue { margin: 0 2px; color: var(--white); font-size: 90%; } .ztemplate_rooms .subcontents .zlabel.g20 span.comma, .ztemplate_rooms .subcontents .zlabel.g20 span.decimal { vertical-align: initial;font-size: 100%;letter-spacing: 0;position: relative;top: initial;} /* Step Bar - Purchase flow */ .step_footer { margin: 0; padding: 15px 20px; width: 100%; position: fixed; bottom: 0; background-color: var(--white); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transform: translateY(130%);transition-timing-function: ease-in;transition: 0.2s;z-index: -2; 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: flex-end;} .step_footer.fired { transition: 0.25s;transition-timing-function: ease-out;transform: translateY(0);opacity: 1; z-index: 999; } .step_footer_wrap { position: relative; width: 100%; max-width: 1200px; padding: 0 20px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center} /* .step_footer_wrap:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 30px; content: ''; z-index: -1; background-image: url('../images/icons/credit_cards.svg'); background-repeat: no-repeat; background-size: contain;} */ .pf_step_button { position: relative; transition: .3s; top: 0; padding: 20px 60px; order: 2; background-color: var(--color2); color: var(--white); text-transform: uppercase} .pf_step_button.disabled { opacity: 0; pointer-events: none; top: 100px; } .totals { margin: 0 20px 0 0; } .total_price_title { text-transform: uppercase; font-size: 90%; display: flex;align-items: center; order: 2} /* .total_price_title:after { content: ':'; margin-left: 3px} */ .total_amount { order: 1; font-size: 295%; color: var(--color1); display: flex; align-items: center; margin-right: 0} .total_amount span.number {margin: 0px 2px 0px 0;font-size: 100%;letter-spacing: -1px;line-height: 1;} .total_amount span.comma {margin: 0px 0px 0px 0;vertical-align: super;font-size: 55%;position: relative;top: 4px;} .total_amount span.decimal {vertical-align: super;font-size: 65%;letter-spacing: -0.5px;position: relative;top: 4px;} .total_amount:before {margin: 0 2px 0 0;content: "\20ac";text-transform: uppercase;font-size: 100%;text-align: left;} .step_footer_wrap .cart_detail_wrapper { position: absolute; z-index: 2; left: 0} .step_footer_wrap #cart_detail { opacity: 0; transition: .4s; max-height: 420px; overflow: auto; border: 1px solid var(--color1); box-shadow: 0 0 20px rgb(0 0 0 / 20%); position: absolute; left: 40px; bottom: 30px; width: 420px; background-color: var(--white); z-index: 2; pointer-events: none; transform: scale(0); transform-origin: bottom left} #cart_summary_wrapper { padding: 0 15px;} .ztemplate .box_heading { display: none;} .step_footer_wrap #cart_detail > .box_heading { display: block; color: var(--white); position: sticky; top: 0; left: 0; width: 93%; z-index: 9; padding: 7px; background-color: var(--color2); margin-bottom: -34px; height: 30px;} .step_footer_wrap #cart_detail::-webkit-scrollbar { width: 4px; background-color: var(--alpha_grey);} .step_footer_wrap #cart_detail::-webkit-scrollbar-thumb { background-color: var(--color1);} .step_footer_wrap #cart_detail.fired { opacity: 1; pointer-events: inherit; transform: scale(1);} .step_footer_wrap #cart_detail .subcontents { display: block;} .step_footer_wrap #cart_detail .ztemplate { margin: 0} .step_footer_wrap #cart_detail .ztemplate { margin: 0; display: block; width: 100%; } .step_footer_wrap #cart_detail .ztemplate .caption {width: 100%} .step_footer_wrap #cart_detail .ztemplate .row { margin-left: 0} .step_footer_wrap #cart_detail .elem { margin: 10px 0 0; padding: 0} .step_footer_wrap #cart_detail .elem .zinput.g3 { display: none;} .step_footer_wrap #cart_detail .subcontents { display: block;} .step_footer_wrap #cart_detail .subcontents .elem { padding: 0; margin: 0; border-bottom: 1px dashed rgba(0,0,0,.1)} .step_footer_wrap #cart_detail .subcontents .elem .caption { width: 100%} .step_footer_wrap #cart_detail .subcontents .elem:nth-child(odd) { background-color: var(--white);} .step_footer_wrap #cart_detail .subcontents .elem .caption-cnt:not(.service_title .caption-cnt) { padding: 6px 0;} .step_footer_wrap #cart_detail .zlabel.g11 { animation: unset; position: relative; left: 0; top: 0; width: 100%} .step_footer_wrap #cart_detail .zlabel.g11 .subfield { border-bottom: 1px dashed #dedede} .step_footer_wrap #cart_detail .zlabel.g11 .subfield .fieldvalue{ display: flex; align-items: center; color: var(--grey); width: 100%} .step_footer_wrap #cart_detail .zlabel.g11 .date { order: 2} .step_footer_wrap #cart_detail .zlabel.g11 .quantity { order: 1;} .step_footer_wrap #cart_detail .zlabel.g11 .name { order: 3; margin-left: auto; margin-right: 20px; color: var(--color1);} .step_footer_wrap #cart_detail .zlabel.g11 .price { order: 4; font-size: 130%; color: var(--color1);} .step_footer_wrap #cart_detail .zlabel.g11 .price:before { content: '\20ac'; margin-right: 2px} .step_footer_wrap #cart_detail .subcontents .caption-cnt .caption-alt { display: none;} .step_footer_wrap #cart_detail .ztemplate .title { font-size: 130%; color: var(--color1); font-weight: var(--font-weight-medium); border-bottom: 1px solid #dedede; padding-bottom: 5px; margin-bottom: 5px} .step_footer_wrap #cart_detail .ztemplate .zinput.g3 { display: none;} .step_footer_wrap #cart_detail .subcontents .caption { align-items: center} .step_footer_wrap #cart_detail .subcontents .title { width: auto; order: 2; font-size: 100%; color: var(--grey); font-weight: var(--font-weight-normal); border-bottom: unset; padding-bottom: 0; margin-bottom: 0} .step_footer_wrap #cart_detail .subcontents .ztemplate { box-shadow: unset} .step_footer_wrap #cart_detail .subcontents .caption-cnt .caption { padding: 2px 0; margin: 0; display: flex; flex-wrap: wrap; flex-direction: row} .step_footer_wrap #cart_detail .zlabelquantity { font-size: 70%; order: 1} .step_footer_wrap #cart_detail .subcontents .caption-add { padding: 0; margin: 0; display: flex; flex-wrap: nowrap; flex-direction: row;} .step_footer_wrap #cart_detail .subcontents .elem:nth-child(odd) { background-color: var(--white);} .step_footer_wrap #cart_detail .zlabel.g11 .fieldvalue { display: flex; align-items: center} .step_footer_wrap #cart_detail .subcontents .caption-cnt > li { width: auto; border-right: unset;} .step_footer_wrap #cart_detail .subcontents .elem { border-bottom: 1px dashed rgba(0,0,0,.1)} .step_footer_wrap #cart_detail .subcontents .zlabelprice .fieldvalue { font-size: 130%} .step_footer_wrap #cart_detail .service_title .subcontents .caption-cnt .caption { width: 100%; } .step_footer_wrap #cart_detail .service_title .subcontents .elem { border-bottom: unset} .cart_btn { cursor: pointer; margin-right: 15px; color: var(--grey); position: relative; display: flex; align-items: center; text-transform: uppercase; font-size: 120%; } .cart_btn:before { font-family: var(--font-icon); font-size: 130%; color: var(--color2); content: '\f07a'; position: relative; z-index: 1; margin-right: 10px } .cart_btn:after { font-family: var(--font-icon); font-size: 220%; color: var(--color2); position: absolute; z-index: 2; font-weight: var(--font-weight-solid); content: '\f05a'; font-size: 70%; bottom: -4px; left: 12px; border: 2px solid var(--white); background-color: var(--white); border-radius: 100%; } .step_footer_wrap #cart_detail .close_btn { position: sticky; z-index: 2; top: 0; right: 0; left: 100%; border-radius: unset; width: 30px; height: 30px; border: unset; background-color: var(--color2);} .step_footer_wrap #cart_detail .close_btn:before { width: 20px; height: 1px; background-color: var(--white); transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; left: calc(50% - 10px); content: '';} .step_footer_wrap #cart_detail .close_btn:after { width: 20px; height: 1px; background-color: var(--white); transform: rotate(-45deg) translateY(-50%); position: absolute; top: 50%; left: calc(50% - 10px); content: '';} .step_footer_total_wrap { margin-left: auto; display: flex; flex-direction: column; margin-right: 60px; align-items: flex-end;} .step_footer #total_amount.fired { animation: blink 2s; animation-delay: .5s;} .step_footer_wrap #cart_detail .subcontents .zlabel.g20 { display: none;} .step_footer_wrap #cart_detail .subcontents .zlabel.g9 { margin: 0 10px 0 0;} .step_footer_wrap #cart_detail .ztemplate .caption-alt { display: none;} /* Calendario */ .template_calendar { box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%); padding: 10px; position: absolute; z-index: 9999; background-color: var(--white); width: 360px;} .calendar_dates_info { padding: 10px; 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; text-align: center; text-transform: uppercase; } .calendar_dates_info .date_1_wrapper, .calendar_dates_info .date_2_wrapper { margin: 0 10px; } .calendar_dates_info .date_1_label, .calendar_dates_info .date_2_label, .calendar_dates_info .num_days_label { margin: 0 0 5px 0; font-size: 85%; text-transform: uppercase;} .calendar_dates_info .date_1_text, .calendar_dates_info .date_2_text, .calendar_dates_info .num_days_control { font-size: 120%; 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: flex-start; align-items: flex-start; justify-content: center; text-align: center; } .calendar_dates_info .remove_day_selector:before, .calendar_dates_info .add_day_selector:before { margin: 0 10px; font-family: var(--font-icon); content: "\f055"; color: var(--color1); font-size: 120%; font-weight: var(--font-weight-normal); cursor: pointer;} .calendar_dates_info .remove_day_selector:before { content: "\f056"; } .calendar_control { padding: 10px; } .calendar_header { padding: 0; color: var(--blue); height: auto; font-size: 110%; line-height: 50px; text-transform: uppercase; } .calendar_wrapper .fc-calendar .fc-head { background-color: var(--white); color: var(--grey); font-size: 90%; text-transform: uppercase; } .calendar_wrapper .fc-calendar .fc-body, .calendar_wrapper .fc-calendar .fc-row, .calendar_wrapper .fc-calendar .fc-row > div { } .calendar_wrapper .fc-calendar .fc-row .day-content { padding: 5px; font-size: 65%;} .calendar_wrapper .fc-calendar .fc-row .day-content .tc-f-minStay, .calendar_wrapper .fc-calendar .fc-row .day-content .tc-f-roomCount { display: none;} .calendar_wrapper .fc-calendar .fc-row > div > span.fc-date { text-align: center; font-size: 110%; font-weight: var(--font-weight-medium);} .calendar_wrapper .fc-calendar .fc-row > div.selected.sel-first, .calendar_wrapper .fc-calendar .fc-row > div.selected.sel-last { background-color: var(--color2); color: var(--white); } .calendar_wrapper .fc-calendar .fc-row > div.selected { background: rgba(32,133,165,0.21); } .calendar_wrapper .fc-calendar .fc-row > div.selected.sel-first > span.fc-date, .calendar_wrapper .fc-calendar .fc-row > div.selected.sel-last > span.fc-date {color: var(--white);} .pf_cal .template_calendar .fc-calendar .fc-row > div.fc-past { background: repeating-linear-gradient( -45deg , rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px); cursor: inherit;} .pf_cal .template_calendar .fc-calendar .fc-row > div.fc-past > span.fc-date { color: #b5b5b5} .template_calendar .oob .tc-f-startingPrice { display: none;} .template_calendar .tc-f-startingPrice:before { content: '\20ac'} .template_calendar .confirm_btn { text-align: center; cursor: pointer; display: block; padding: 10px; background-color: var(--color1); text-transform: uppercase; color: var(--white); margin-top: 5px} .fc-calendar .fc-row > div { height: 40px} .template_calendar .oob {background-color: #f15959;} /* Step Servizi */ .ztemplate_rooms .ztemplate .services .elem.selected { border-color: var(--color2);} .ztemplate_rooms .ztemplate .services .title:not(.subcontents .title):before { content: ''; width: 30px; height: 20px; border-radius: 100px; position: absolute; z-index: 1; right: 20px; top: 28px; border: 2px solid var(--white); transition: .6s;} .ztemplate_rooms .ztemplate .services .title:not(.subcontents .title):after { cursor: pointer; content: ''; width: 14px; height: 14px; border-radius: 100px; position: absolute; z-index: 1; right: 33px; top: 31px; background-color: var(--white); transition: .6s; } .ztemplate_rooms .ztemplate .services .elem.selected .title:before, .ztemplate_rooms .ztemplate .services .elem.fired .title:before { background: var(--color2); opacity: .5; border-color: var(--color2);} .ztemplate_rooms .ztemplate .services .elem.selected .title:after, .ztemplate_rooms .ztemplate .services .elem.fired .title:after { right: 23px; background: var(--color2);} .ztemplate_rooms .ztemplate .services .subcontents .elem .caption:before { display: none; content: '';} .ztemplate_rooms .ztemplate .services .subcontents::-webkit-scrollbar { width: 4px; } .ztemplate_rooms .ztemplate .services .subcontents::-webkit-scrollbar-thumb { background-color: var(--color1);} .ztemplate_rooms .ztemplate .services .subcontents { padding: 10px; display: block; width: 100%; position: fixed; z-index: 9999; width: 540px; right: -540px; top: 152px; bottom: 84px; overflow: auto; background-color: var(--white); transition: .4s} .ztemplate_rooms .ztemplate .services .elem.fired .subcontents { right: 0;} .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt { display: flex; flex-wrap: wrap; width: 100%} .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt .caption { display: flex; flex-direction: row;align-items: center; width: 100%; margin: 0; padding: 10px 20px; font-size: 100%; background-color: var(--color2);} .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt .caption-alt { width: 100%; margin: 0; padding: 0;} .ztemplate_rooms .ztemplate .services .subcontents .ztemplate { box-shadow: unset} .ztemplate_rooms .ztemplate .services .subcontents .elem { background-color: transparent; border: unset; margin: 0; width: 100%; padding: 0 0 15px} .ztemplate_rooms .ztemplate .services .subcontents .title { border-bottom: 1px solid var(--color1); padding-bottom: 5px} .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt > li { border: unset} .ztemplate_rooms .ztemplate .services .subcontents .product_selection_wrap { display: flex; flex-wrap: wrap; width: 100%} .ztemplate_rooms .ztemplate .services .subcontents .selection_date_fields{ display: flex;align-items: center; width: 100%; list-style-type: none; justify-content: space-between;} .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper .selection_date { transition: .4s} .ztemplate_rooms .ztemplate .services .subcontents .price_per_day { font-size: 160%; margin-left: auto; color: var(--color1); padding: 5px 20px; margin-right: 20px; border-right: 1px solid var(--alpha_grey);} .ztemplate_rooms .ztemplate .services .subcontents .price_per_day .fieldvalue { display: flex; align-items: flex-start; } .ztemplate_rooms .ztemplate .services .subcontents .price_per_day .fieldvalue:before { content: '\20ac'; margin-right: 2px} .ztemplate_rooms .ztemplate .services .subcontents .price_per_day .number { margin-right: 2px} .ztemplate_rooms .ztemplate .services .subcontents .price_per_day .comma, .ztemplate_rooms .ztemplate .services .subcontents .price_per_day .decimal { font-size: 70%; margin-top: 2px} .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper { transition: .4s; width: 100%; padding-bottom: 5px; border-bottom: 1px solid var(--alpha_grey); padding: 15px 20px;} .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper:nth-child(even) { background-color: var(--ice)} .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper:hover { background-color: #EFF8FF;} .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper:hover .selection_date { padding-left: 10px; } .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper:last-child { border-bottom: unset} .ztemplate_rooms .ztemplate .services .subcontents .selection_date .fieldvalue{ display: flex; align-items: center} .ztemplate_rooms .ztemplate .services .subcontents .selection_date .fieldvalue > div { margin-right: 5px; font-size: 120%} .ztemplate_rooms .ztemplate .services .subcontents .month { display: none} .ztemplate_rooms .ztemplate .services .subcontents .selection_per_day_wrap .fieldvalue { display: flex; align-items: center} .ztemplate_rooms .ztemplate .services .subcontents .ztextarea { padding-right: 0} .ztemplate_rooms .ztemplate .services .subcontents .ztextarea.g2 { cursor: inherit;} .close_services { display: inline-block; position: absolute; top: 0; left: 0; z-index: 2; background-color: var(--color2); width: 40px; height: 40px; cursor: pointer} .close_services:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; font-family: var(--font-icon); font-weight: var(--font-weight-normal); content: '\f00d'; color: var(--white); font-size: 190%; transform-origin: center; transition: .3s} .close_services:hover:before { transform: translate(-50%, -50%) rotate(90deg); } .service_info { position: relative;} .service_info .ztextarea.g2 { color: var(--white)} .ztemplate_rooms .ztemplate .services .subcontents .service_info .title { color: var(--white); border-bottom: unset; font-size: 190%; text-transform: uppercase} .ztemplate_rooms .subcontents .service_info .ztextarea.g2 .fieldvalue{ display: block} .ztemplate_rooms .ztemplate .services .service_info .service_desc { padding: 20px; pointer-events: none;} .ztemplate_rooms .subcontents .service_desc .zlabel.g6 .fieldvalue { color: var(--white); font-size: 100%} .ztemplate_rooms .subcontents .service_desc .zlabel.g6 .fieldvalue:before { display: none;} .ztemplate_rooms .subcontents img { min-width: unset; width: 600px; height: 390px; object-fit: cover;} .close_services_btn { cursor: pointer; padding: 20px 60px; background-color: var(--color1); color: var(--white); text-transform: uppercase; text-align: center; position: sticky; bottom: 0; z-index: 2; } .ztemplate_rooms .ztemplate .services .service_info .service_desc .zlabel.g6 { display: flex;} .services_label { display: none; color: var(--white)} .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt .caption .services_label { display: block;} .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt .caption .title { width: auto; padding: 0; border: unset; font-size: 100%; margin: 0 32px 0 0; color: var(--white); border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 22px} .services_label.price_label { margin-left: auto; margin-right: 3px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 22px} .services_label.qty_label { margin-right: 15px} /* E-Commerce - Order */ body.body_ecommerce_order header #varsimple_booknow, body.body_ecommerce_order header #varlink_special_offers-cnt { display: none;} #page.order { background-color: var(--ice); } #page.order #content { margin: 30px auto 70px auto; } #page.order #content .cnt .body, #page.order #content .cnt .side { margin: 0 50px 0 0; padding: 20px; width: 55%; background-color: var(--white); color: var(--color1);} #page.order #content .cnt .side { margin: 0; width: 45%; } #page.order #cnt_forms { border: 1px solid #dedede} #page.order #cnt_forms .form_merge_group { padding: 15px; min-width: unset} #page.order .transfer_info { font-size: 120%; color: var(--color1); display: flex; margin-bottom: 20px} #page.order .transfer_info:before { font-family: var(--font-icon);margin-right: 20px; content: '\f1ba'; font-weight: var(--font-weight-solid); font-size: 150%} #page.order .group_wrapper { border: 1px dashed var(--color1);} .transfer_date { padding: 15px; color: var(--white); background-color: var(--color1); margin: 5px 5px 0; display: flex; align-items: flex-start; } .transfer_date:before { font-family: var(--font-icon); content: '\f0ec'; margin-right: 10px;} #page.order .group_wrapper .merge_group { padding: 15px 0; display: flex; flex-wrap: wrap;} #page.order form .caption-fields .group_wrapper .field { width: calc(100% / 3)} #page.order form .caption-fields .group_wrapper .field.element_12 { width: 100%} #page.order form .caption-fields .group_wrapper .field.textarea { width: 100%; } #page.order #content .title:not(.title_wrapper .title), #page.order #content .side #bookingform_summary .title { margin: 0 0 10px 0; font-size: 190%; } #page.order #content .side .title:not(.title_wrapper .title) { font-size: 150%;} #page.order #content .summary { font-size: 120%; } #page.order #cnt_forms { margin: 20px 0 0 0; padding: 25px; background-color: var(--ice); color: var(--grey); } #order_template_wrapper { margin: 20px 0 0 0; padding: 20px; background-color: var(--ice); border: 1px solid #d8d8d8; } #order_template_wrapper .row-1 .caption:not(.subcontents .caption) { justify-content: flex-start; align-items: center} #order_template_wrapper .row-1 .caption { display: flex; justify-content: space-between;} #order_template_wrapper .row-1 .caption .title:not(.subcontents .title) { order: 2; margin-bottom: 0!important} #order_template_wrapper .row-1 .caption-add > div { text-align: right; justify-content: flex-end; } #order_template_wrapper .caption-cnt { display: block; color: var(--grey); } #order_template_wrapper .room .title { margin: 0; font-size: 130%; color: var(--color1); } #order_template_wrapper .rates { } #order_template_wrapper .rates .caption-cnt { } #order_template_wrapper .rates .title { font-size: 100%; } #order_template_wrapper .rates .zlabel.g24 { margin-top: 5px; } #order_template_wrapper .rates .zlabel.g24 .fieldvalue:before { content: '\f7b6'; font-family: var(--font-icon); font-weight: var(--font-weight-solid); margin-right: 3px} #order_template_wrapper .rates .treatment-room .zlabel.g24 .fieldvalue:before { content: '\f8f7';} #order_template_wrapper .rates .caption-alt { margin-top: 10px} #order_template_wrapper .ztemplate .elem { margin-bottom: 20px; } #order_template_wrapper .caption-cnt .fieldvalue.f11 { display: flex; align-items: center; margin-bottom: 5px; font-size: 110%; border-bottom: 1px dashed #dedede; padding-bottom: 5px} .ztemplate .quantity, .zlabelquantity, .room_count { display: flex; align-items: center; justify-content: center; font-size: 70%; order: 1; margin-right: 5px; background-color: var(--color1); min-width: 15px; height: 15px; padding: 2px; text-align: center; color: var(--white); line-height: 20px} .ztemplate .quantity:before, .zlabelquantity:before, .room_count:before { content: 'x'} #order_template_wrapper .caption-cnt .fieldvalue.f11 .date { order: 2} #order_template_wrapper .caption-cnt .fieldvalue.f11 .name { order: 3; margin-left: auto; margin-right: 30px} #order_template_wrapper .caption-cnt .fieldvalue.f11 .price { order: 4; color: var(--color1); font-size: 120%} #order_template_wrapper .caption-cnt .fieldvalue.f11 .price:before { content: '\20ac'; margin-right: 3px} #order_template_wrapper .service_title .title { font-size: 130%; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dedede;} #order_template_wrapper .service_title .room_count { display: none;} #order_template_wrapper .rates .caption-alt .fieldkey { color: var(--color1); border-bottom: 1px solid #dedede; font-size: 120%; padding-bottom: 5px; margin-bottom: 10px} #order_template_wrapper .row-2 .rates .caption-alt .fieldkey:not(.details_wrapper .fieldkey) { cursor: pointer; color: var(--grey); text-transform: uppercase; font-size: 90%} #order_template_wrapper .row-2 .rates .caption-alt .fieldkey:not(.details_wrapper .fieldkey):before { font-family: var(--font-icon); content: '\f0fe'; margin-right: 3px} #order_template_wrapper .row-2 .rates .caption-alt .fieldkey.fired:not(.details_wrapper .fieldkey):before { content: '\f146'} #order_template_wrapper .title_wrapper .title { } .quantity_wrapper { display: flex; align-items: center; margin: 5px 0 0 0} .quantity_wrapper .zlabelquantity { order: 1} .quantity_wrapper .title { order: 2} #order_template_wrapper .details_wrapper.fired { display: block;} #order_template_wrapper .details_wrapper .zlabel.g6 { display: flex; border-bottom: unset; align-items: center;} #order_template_wrapper .details_wrapper .zlabel.g6 .fieldkey { border-bottom: unset; margin: 0; padding: 0} #order_template_wrapper .details_wrapper .zlabel.g6 .fieldkey:after { content: ':'; margin-right: 10px} #order_template_wrapper .zlabelprice { font-size: 130%; display: flex; align-items: center; color: var(--color1);} #order_template_wrapper .zlabelprice:before, #order_template_wrapper .zlabel.g6 .fieldvalue:before, #order_template_wrapper .zlabel.g9 .fieldvalue:before, #order_template_wrapper .zlabel.g20 .fieldvalue:before { content: '\20ac'; margin-right: 3px} #order_template_wrapper .zlabel span.number { margin: 0 1px 0 0;font-size: 100%;} #order_template_wrapper .zlabel span.comma { margin: 0;vertical-align: super;font-size: 55%;position: relative;top: 4px;} #order_template_wrapper .zlabel span.decimal { vertical-align: super;font-size: 70%;position: relative;top: 4px;} #order_template_wrapper .zlabel.g20 { margin: 3px auto; font-size: 90%; display: inline-flex; align-items: center; background-color: var(--green); text-transform: uppercase; color: var(--white); padding: 5px} #order_template_wrapper .zlabel.g20 .comma, #order_template_wrapper .zlabel.g20 .decimal { font-size: 100%; top: 0} #order_template_wrapper .zlabel.g8 span.number, #order_template_wrapper .zlabel.g6 .fieldvalue { font-size: 130%; color: var(--color1);} #order_template_wrapper .zlabel.g9 .fieldvalue { font-size: 95%; color: var(--color1);} #order_template_wrapper .zlabel.g9 .number, #order_template_wrapper .zlabel.g9 .decimal { text-decoration: line-through;} #order_template_wrapper .zlabel.g20 .fieldvalue { display: flex;align-items: center; margin-left: 5px} #order_template_wrapper .rates .caption-alt .ztextarea.g2, #order_template_wrapper .rates .caption-alt .zlabel.g8 { margin-bottom: 10px} #order_template_wrapper .canc_policy { margin-bottom: 5px} #total_cost { color: var(--grey); margin-left: auto; margin-right: 40px;} #total_upfront, #page.order #total_cost { display: inline-block;} #total_upfront { font-size: 295%; margin-right: 20px; color: var(--color1);} #total_upfront .number:before { content: '\20ac'; margin-right: 2px} #total_upfront .comma { margin: 0px 0px 0px 0; vertical-align: super; font-size: 55%; position: relative; top: 4px; } #total_upfront .decimal { vertical-align: super; font-size: 65%; letter-spacing: -0.5px; position: relative; top: 4px;} #total_upfront .key { font-size: var(--size-base); color: var(--grey); } .total_wrap { display: flex;align-items: center; margin-top: 10px; border: 1px dashed #dedede; padding: 10px 0px; } .total_wrap .total_amount { margin-right: 15px} #order_template_wrapper .zinput.g3 { display: none;} .city_tax { margin-top: 10px; padding: 10px; text-align: center; } /* Invoice */ #page.order form .field.element_17 { padding-bottom: 0;} #page.order form .field.element_17 .form_element_title { display: none;} #page.order form .caption-fields .invoice .field { width: 100%;} #page.order form .caption-fields .invoice .field:nth-of-type(3), #page.order form .caption-fields .invoice .field:nth-of-type(4), #page.order form .caption-fields .invoice .field:nth-of-type(5) { width: calc(100% / 3);} #page.order form .caption-fields .invoice .field:nth-of-type(6), #page.order form .caption-fields .invoice .field:nth-of-type(7) { width: calc(100% / 2);} .smartphone #page.order form .caption-fields .invoice .field:nth-of-type(3), .smartphone #page.order form .caption-fields .invoice .field:nth-of-type(4), .smartphone #page.order form .caption-fields .invoice .field:nth-of-type(5), .smartphone #page.order form .caption-fields .invoice .field:nth-of-type(6), .smartphone #page.order form .caption-fields .invoice .field:nth-of-type(7) { width: 100%;} /* BEI - Cross Hotels */ .cross_property_wrapper { max-width: 1024px; width: 100%; margin: 30px auto;} .cross_property_msg { font-size: 20px; text-align: center; margin-bottom: 40px;} .cross_property_element { background-color: var(--white); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05); margin-bottom: 40px;} .cross_property_element .element-cnt { display: flex; align-items: center;} .cross_property_element .photo_wrapper { width: 40%; padding: 15px;} .cross_property_element .photo_wrapper img { min-height: 250px; object-fit: cover;} .cross_property_element .info_wrapper { padding: 30px 45px 30px 30px; font-size: 110%; width: 60%;} .cp_name { font-weight: bold; font-size: 200%; color: var(--color2);} .cp_hotel_info { margin-bottom: 15px;} .cp_address { margin-bottom: 20px;} .cp_address:before { font-family: var(--font-icon); content:'\f3c5'; font-weight: var(--font-weight-solid); margin-right: 5px; color: var(--color2);} .cp_description { width: 100%;} .cp_link { margin-top: 5px;} .cp_link a { display: inline-block; text-align: center; background-color: var(--color2); color: var(--white); font-weight: var(--font-weight-bold); padding: 15px 20px; text-transform: uppercase; font-size: 100%;} .cp_price_ctn { display: flex; align-items: center; justify-content: space-between; border-top: 1px dashed #dedede; padding: 10px 0; margin-top: 10px;} .cp_min_price { display: flex; flex-direction: column;} .cp_min_price span { font-weight: var(--font-weight-bold); color: var(--color2); font-size: 150%; margin-top: 3px;} .cp_min_price span:before { content: '\20ac';} .cp_rating { display: flex; align-items: center;} .cp_star { margin-right: 2px;} .cp_star:before { font-family: var(--font-icon); font-weight: var(--font-weight-solid); content: '\f005'; color: #e9ac24; font-size: 10px;} @media (max-width: 640px) { .cross_property_element .element-cnt { flex-direction: column;} .cross_property_element .photo_wrapper { width: 100%; padding: 0;} .cross_property_element .info_wrapper { width: 100%; padding: 15px;} .cp_price_ctn { flex-direction: column; align-items: flex-start;} .cp_link { width: 100%;} .cp_link a { display: block;} } /* fix payment */ body.body_ecommerce_payment header #varsimple_booknow, body.body_ecommerce_payment header #varlink_special_offers-cnt { display: none;} .ztemplate .open_desc_order { font-size: 100%!important;} .ztemplate .open_desc_order .fieldvalue { display: none;} .ztemplate .open_desc_order .fieldvalue p { margin-bottom: 8px;} .ztemplate .open_desc_order .fieldvalue.fired { display: block;} .ztemplate .open_desc_order .fieldkey { cursor: pointer; color: var(--grey); text-transform: uppercase; font-size: 90%; border-bottom: 1px solid #dedede;padding-bottom: 5px; margin-bottom: 10px;} .ztemplate .open_desc_order .fieldkey:before {font-family: var(--font-icon); content: '\f0fe'; margin-right: 3px; } .ztemplate .open_desc_order .fieldkey.fired:before { content: '\f146';} #order_template_wrapper .row-1 .caption-alt:not(.subcontents .caption-alt) img { margin: 10px 0; border: 5px solid var(--white);} /* solo in risultati camere */ .step_content_wrapper .ztemplate .open_desc_order .fieldkey{ color: var(--white);} #bookingform_summary .dates { display: flex; align-items: center; color: var(--grey)} #bookingform_summary .dates:before { font-family: var(--font-icon); content: '\e0d6'; margin-right: 5px; color: var(--color1);} #bookingform_summary .dates .value:after { font-family: var(--font-icon); content: '\f105'; margin: 0 5px; font-size: 70%} #bookingform_summary .dates .value.last:after { display: none;} #bookingform_summary .dates .value.last { margin-right: 10px;} #bookingform_summary .dates .value:last-of-type:after { display: none;} #bookingform_summary .guests { display: flex; align-items: center; color: var(--grey)} #bookingform_summary .guests:before { font-family: var(--font-icon); content: '\f8f7'; margin-right: 5px; color: var(--color1);} /* date + numero notti nello step footer (riepilogo prenotazione) */ #cart_summary_wrapper .dates { display: flex; align-items: center; margin: 10px 0 0;} #cart_summary_wrapper:not(.ecommerce.step #bookingform_summary) .dates { color: var(--gray)} #cart_summary_wrapper .dates:before { font-family: var(--font-icon); content: '\e0d6'; margin-right: 10px;} #cart_summary_wrapper:not(.ecommerce.step #bookingform_summary) .dates:before { color: var(--color1);} #cart_summary_wrapper .dates .value:after { font-family: var(--font-icon); content: '\f105'; margin: 0 10px; font-size: 70%} #cart_summary_wrapper .dates .value.last:after { display: none;} #cart_summary_wrapper .dates .value.last { margin-right: 10px;} /* Template Meeting Showcase */ .ztemplate_rooms.meeting .zinput.text { padding: 5px 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; justify-content: flex-start; } .ztemplate_rooms.meeting .zinput.text .fieldkey { display: none;} .ztemplate_rooms.meeting .zinput.text .fieldvalue { padding: 0; color: var(--white); position: relative; } .ztemplate_rooms.meeting .zinput.text .fieldvalue:before { margin-right: 10px; font-family: var(--font-icon); content: "\e269"; position: relative; left: initial; top: 2px; font-size: 150%;} .ztemplate_rooms.meeting .zinput.text.g2 .fieldvalue:before { content: "\e533";} .ztemplate_rooms .ztextarea { margin-top: 20px; font-size: 120%; color: var(--white); line-height: 25px; letter-spacing: 0; } .ztemplate_rooms .zoption .fieldvalue:before {margin-right: 5px} .ztemplate_rooms .zsimplebutton, .ztemplate_rooms .zlink {margin-top: 30px; display: table-cell; padding: 20px 20px 0 0;} /* Template Full Width - TP Page */ .ztemplate_full { position: relative; } .ztemplate_full .caption { width: 100%; border-bottom: 10px solid #E5E5E5; order: 1; } .ztemplate_full .caption img { width: 100%; height: 820px; object-fit: cover;} .ztemplate_full .caption-alt { margin: 0 auto; padding: 30px; background-color: rgba(255, 255, 255, 0.9); z-index: 2; position: absolute; left: 0; right: 0; bottom: 144px; order: 2; max-width: 790px; } .ztemplate_full .ztextarea.g1 { margin: 20px 0; font-size: 120%; color: var(--grey); } .ztemplate_full .ztextarea.g2 { margin: 0 0 20px 0; font-size: 100%; color: var(--grey); line-height: 1.5; } /* ristorante */ .ztemplate_restaurant { margin: 0 auto 60px auto; max-width: 1240px; } .ztemplate_restaurant .caption { margin: 0 20px 0 0; width: calc(38% - 20px); position: relative; background-color: var(--black); text-align: center; display: flex; justify-content: center; } .ztemplate_restaurant .caption-alt { margin: 0 0 0 20px; width: calc(62% - 20px); 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: stretch; align-items: stretch; justify-content: space-between; flex-wrap: wrap;} .ztemplate_restaurant .zimage.g8 { margin: 0 auto; width: 40%; position: absolute; top: 15%; z-index: 2; } .ztemplate_restaurant .zimage.g8 img { opacity: 1; } .ztemplate_restaurant img { opacity: 0.6; } .ztemplate_restaurant .zsimplebutton { margin: 0 auto; position: absolute; left: auto; right: auto; bottom: 15%; text-align: center;} .ztemplate_restaurant .zsimplebutton a { padding: 15px 50px; border: 1px solid var(--white); background-color: transparent; } .ztemplate_restaurant .caption:hover .zsimplebutton a, .ztemplate_restaurant .zsimplebutton a:hover { color: var(--white); border: 1px solid var(--color2); background-color: var(--color2); } .ztemplate_restaurant .title, .ztemplate_restaurant .ztextarea { width: 100%; } .ztemplate_restaurant .fieldkey { margin: 0 0 10px 0; font-size: 130%; color: var(--white); } .ztemplate_restaurant .ztextarea.g9 { line-height: 1.5; } .ztemplate_restaurant .ztextarea.g1 { margin: 0 0 20px 0; font-size: 120%; color: var(--grey); } .ztemplate_restaurant .ztextarea.g6, .ztemplate_restaurant .ztextarea.g7 { margin: 20px 10px 20px 0; padding: 35px; width: calc(50% - 20px); font-size: 110%; line-height: 1.5; } .ztemplate_restaurant .ztextarea.g6 { background-color: var(--color1); color: var(--white); } .ztemplate_restaurant .ztextarea.g7 { background-color: #EDEDED; color: var(--grey); } .ztemplate_restaurant .ztextarea.g7 .fieldkey { color: var(--color1); } .ztemplate_restaurant .ztextarea.g7 strong { font-weight: var(--font-weight-normal); } .ztemplate_restaurant .ztextarea.g7 a { color: var(--color2); } .ztemplate_restaurant .documents { margin: 0; } /* Template floated - TP Page */ .ztemplate_floated { margin: 0 auto; max-width: var(--max-width); } .ztemplate_floated .box { 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: stretch; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .ztemplate_floated .elem { margin: 0 10px; width: calc(25% - 20px); } .ztemplate_floated .caption-cnt { position: relative; } .ztemplate_floated .caption-alt { padding: 40px; position: absolute; background: rgba(0, 0, 0, 0.6); left: 0; right: 0; bottom: 0; text-align: center; } .ztemplate_floated .caption { width: 100%; } .ztemplate_floated .title { margin: 0 0 25px 0; } .ztemplate_floated .title a { color: var(--white); } .ztemplate_floated .zsimplebutton a { padding: 15px 50px; border: 1px solid var(--white); background-color: transparent; } .ztemplate_floated .caption-alt:hover .zsimplebutton a, .ztemplate_floated .zsimplebutton a:hover { color: var(--white); border: 1px solid var(--color2); background-color: var(--color2); } /* Template offers - Showcase */ .ztemplate_offers.list { margin: 0 auto; max-width: var(--max-width); } .ztemplate_offers.list .box { padding: 50px 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: stretch; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; } .ztemplate_offers.list .elem { margin: 20px; padding: 0; width: calc(33.3333% - 40px);} .ztemplate_offers .zsimplebutton, .ztemplate_offers .zlink { margin: 20px 10px 0 0; display: inline-block; } .ztemplate_offers.list img { height: 290px; object-fit: cover} .ztemplate_offers.list .caption-alt { padding: 20px} /* Template Blog - Showcase */ .ztemplate_offers.blog .ztextarea { color: var(--grey); line-height: 1.5; } .ztemplate_offers.blog .zdatepicker.g0 .fieldvalue { margin: 0 0 10px 0; } .ztemplate_offers.blog .zdatepicker.g0 .fieldvalue:before { margin: 0 5px 0 0; font-family: var(--font-icon); font-size: 90%; content: "\f017"; } .ztemplate_offers.blog .zdatepicker.g0 .fieldvalue > span { margin:0; font-weight: var(--font-weight-normal); font-size: 90%; } .ztemplate_offers.blog .zdatepicker.g0 .fieldvalue > span:before { margin-right: 2px; font-size: 80%; color: var(--grey); text-transform: lowercase position: relative; content: "/"; } .ztemplate_offers.blog .zdatepicker.g0 .fieldvalue > span.day:before { display: none;} /* Popup Background */ .layer {background-color: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; transition: .7s} .layer.fired { opacity: 1; z-index: 997 } /* Popup Direct Booking */ #custom_popup { margin: 0 auto; padding: 60px 40px 40px 40px; opacity: 0; transform: scale(0); transition: .6s; overflow-y: auto; background-color: var(--white); color: var(--grey); z-index: -1; position: fixed; left: 0; right: 0; top: 190px; max-width: 490px; text-align: left; font-size: 100%;} #custom_popup.fired { opacity: 1; transform: scale(1); z-index: 999 } #custom_popup h2, #custom_popup h3, #custom_popup h4, #custom_popup h5, #custom_popup h6 { margin: 0 0 20px 0; font-size: 120%; color: var(--color1); } #custom_popup ol { padding: 0 0 0 20px; } #custom_popup .close_btn { top: 0; left: initial; right: 0; } #custom_popup .close_btn .bar { background-color: var(--color1); } /* Maps */ .map-canvas { height: 820px} .gm-style h2 { font-size: 150%; color: var(--color1); } .gm-style .maps_tooltip { } .gm-style .maps_tooltip p { font-size: 110%; color: var(--grey); line-height: 1.5; } /* tooltip */ .tooltip { z-index: 4; position: absolute; left: 0; right: 0; top: 20px; } .tooltip .wrap { border-radius: 10px; background-color: var(--color2); position: relative; } .tooltip .wrap:before { width: 10px; height: 10px; background-color: var(--color2); z-index: 0; position: absolute; left: 47px; top: -5px; content: ""; } .tooltip .wrap .text { padding: 0; font-weight: var(--font-weight-normal); color: var(--white); } /* Forms */ #cnt_forms { margin: 20px auto; padding: 30px 0; max-width: 1290px; display: block; clear: both; background-color: var(--ice); padding: 20px} #cnt_forms form .form_element_title { color: var(--color1); } #cnt_forms form input[type="submit"] { background-color: var(--color2); color: var(--white); } #cnt_forms form .form_radio .radio .rad:before { background-color: var(--color1); } #cnt_forms form .form_checkbox .checkbox .check:before { color: var(--color1); font-weight: var(--font-weight-solid); } #cnt_forms form .date_from_html { line-height: 1; position: relative; border: 1px solid #dedede; padding: 10px; width: 100%;} #cnt_forms form .date_from_html:after { margin-left: auto; content: '\e0d6'; color: var(--color1);} #cnt_forms form .form_select .elements_list { padding: 0} #cnt_forms form .form_select .elements_list .option { transition: .4s; padding: 10px} #cnt_forms form .form_select .elements_list .option:nth-child(odd) { background-color: #fafafa} #cnt_forms form .form_select .elements_list .option:hover { background-color: var(--color2); color: var(--white);} #cnt_forms form .form_select { background-color: var(--white); line-height: 1.1; } #cnt_forms #showprivacy .privacy_field .show_privacy a { color: var(--color1); text-decoration: underline!important} form .newsletter label { display: inline-flex;} .iti { width: 100%; } /* Autocomplete */ form .form_select.autocomplete_select { padding: 0; border: unset;} form .form_select.autocomplete_select:after { position: absolute; content: ''; top: calc(50% - 2px); right: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #555;} form .form_select.autocomplete_select .elements_list { margin-top: 0;} /*#cnt_forms #showprivacy { padding: 0 15px; }*/ /* Form di ricerca per i flussi */ .pf_form { border: 1px solid var(--color1);} .pf_form form .date_from_html, .pf_form form .form_select { background-color: var(--white); font-size: 120%} .pf_form form .date_from_html .month { display: none;} .pf_form form .date_from_html .month_name { display: block;} .pf_form form .field.select, .pf_form form .field.text { width: calc(100% / 4); font-size: 120%} .pf_form form .field.select .form_element_title, .pf_form form .field.text .form_element_title { font-size: 85%; } .pf_form form input[type="submit"] { margin: 10px auto} .pf_form form .field.text input { line-height: 1.3} /* Booking mask */ #booking .guests_wrapper { background-color: var(--white); color: var(--black); padding: 20px 20px 10px; margin: 0 auto;position: absolute; top: 0; left: 0; right: 0; z-index: 10; box-shadow: 0 0 10px rgb(0 0 0 / 30%); text-align: left; max-width: 590px; display: none;} #booking .b_mask.fired .guests_wrapper { display: block; } #booking .guests_wrapper .form_select .current_value { color: var(--black); padding: 0 10px} #booking .guests_desc { font-size: 200%; color: var(--color1); text-align: center; border-bottom: 1px solid var(--color1); padding-bottom: 10px; display: none;} #booking .guests_wrapper .form.field.select { text-align: center; padding: 10px 0} #booking .guests_wrapper .form.field.select:last-of-type { border-right: unset} #booking .guests_wrapper .form_select { justify-content: center; padding: 0; align-items: center} #booking .guests_wrapper .form.field.select.element_7 { display: none!important;} #booking .guests_wrapper .form_merge_group { } #booking .guests_wrapper .form_merge_group .form.field.select_wrap { padding: 10px; width: fit-content; border-right: 2px solid var(--white)} #booking .guests_wrapper .form_merge_group .form.field.select_wrap:last-of-type { border-right: unset} #booking .guests_wrapper .form_select { border: unset} #booking .guests_wrapper .form_select .elements_list {display: none !important} #booking .merge_group { margin-top: 5px; background-color: var(--ice); padding: 10px 10px 10px 20px; flex-wrap: wrap; } #booking .group_title { text-transform: uppercase; font-size: 110%; color: var(--color1); display: flex; align-items: center; width: 100%;} #booking .group_title:before { content: '\f8f7'; font-family: var(--font-icon); font-size: 120%; margin-right: 10px; color: var(--color2);} #booking .group_title .group_index { margin-left: 5px; } #booking .guests_wrapper .add_btn, #booking .guests_wrapper .rem_btn { background-color: transparent; cursor: pointer} #booking .guests_wrapper .add_btn:before { content: '\f055'; font-family: var(--font-icon); font-size: 120%} #booking .guests_wrapper .rem_btn:before { content: '\f056'; font-family: var(--font-icon); font-size: 120%} #booking .guests_wrapper_ok { text-transform: uppercase; background-color: var(--color1); color: var(--white); padding: 20px 60px;; margin: 15px auto; cursor: pointer; text-align: center} #booking .guests_wrapper .form_element_title { color: var(--color1); margin-bottom: 10px;} .age_group .field { display: none; background-color: #fff; padding: 10px!important; border-radius: 5px;} .age_group .field.fired { display: inline-block; } /* footer */ .footer_wrapper { display: flex; width: 100%; max-width: 1100px; margin: 0 auto; justify-content: space-between;} .footer_wrapper > div { width: calc(100% / 2);} footer { background-color: var(--color1); clear: both;} footer .section_tag { margin-bottom: 20px; font-size: 80%; color: var(--white); text-transform: uppercase; position: relative; } footer .section_tag:before { content: "/"; } footer .section_title { margin-bottom: 20px; font-size: 200%; color: var(--white); } footer .section_text { font-size: 110%; color: var(--white); line-height: 1.5; } footer .section_text h4 { font-size: 80%; color: var(--white); text-transform: uppercase; } footer .section_privacy { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--white); margin-top: auto; display: flex; flex-wrap: wrap; gap: 10px;} footer .section_privacy .varlink { display: inline-block;} footer .section_privacy a { margin: 0 10px 0 0; display: inline-block; } footer a { display: inline-block; color: var(--white); } footer .logo { padding: 0; position: relative; } footer #company_address, footer #company_contacts {padding: 30px; display: flex; flex-direction: column;} footer #social { margin-top: 15px; border-top: 1px solid var(--white); padding: 20px 0 0; display: flex; align-items: center; margin-top: auto;} footer #social .social { display: flex; align-items: center; font-size: 0;} footer #social a { display: block; font-size: 120%; color: var(--white); } footer #social a:before { margin: 0 10px 0 0; font-family: var(--font-icon-alt); font-size: 20px;} footer #social .facebook a:before { content: "\f39e"; } footer #social .instagram a:before { content: '\f16d'; } footer #social .twitter a:before { content: '\f099'; } footer #social .youtube a:before { content: "\f167"; } footer .social > div { margin: 0 15px 0 0; list-style: none; } footer a[href^="tel"] { color: #fff; text-decoration: none; } .company_data { text-align: center; padding: 15px; font-size: 75%; line-height: 1.2; border-bottom: 1px solid var(--color2);} .gds_code { text-align: center; padding: 15px; font-size: 75%; line-height: 1.2;} #varscript_social { display: flex; font-size: 150%;} .socialnet { margin-right: 15px;} /* fix TEMP to LIVE */ .b_mask_guests .html_select {display: flex;} #pf_2_sf .cal-closed { display: none; } /*IMPORTANTE DA PORTARE ONLINE - START*/ #pf_2_sf .element_7 {display: none;} #pf_2_sf .element_20 {display: none;} #template8 .caption-3 {display: none;} #template8 .fieldvalue.f10, #page.offer .fieldvalue.f10 {display: none;} #template8 .fieldkey.f10, #page.offer .fieldkey.f10 {display: none;} /*IMPORTANTE DA PORTARE ONLINE - END*/ /* SMARTPHONE */ .smartphone #booking #booking_desc { display: none;} .smartphone #booking .form.field.date { width: calc(50% - 10px); border-bottom: 1px solid #fff; padding-bottom: 6px;} .smartphone #booking .day { width: 50px} .smartphone #booking .year { left: inherit; right: 0} .smartphone #booking .month_name_tiny { margin:0 5px 0 auto; } .smartphone #booking form .caption-fields .field.element_20, .smartphone #booking .form.field.element_12, .smartphone #booking .form.field.element_23 { width: 100%; margin: 20px 0} .smartphone #booking .form.field.element_12 input, .smartphone #booking .form.field.element_23 input { max-width: unset} .smartphone #booking input[type="submit"] { width: 100%; margin: 30px 0 0 0;} .smartphone #booking .guests_wrapper { padding: 10px} .smartphone #booking .guests_desc { font-size: 140%} .smartphone #booking .merge_group { flex-wrap: wrap} .smartphone #booking .group_title { width: 100%; justify-content: center; font-size: 120%; margin: 10px 0} .smartphone #booking .guests_wrapper .form_merge_group .form.field.select { width: 50%; margin: 0} .smartphone .form_merge_group { min-width: unset} .smartphone #booking .guests_wrapper .form_element_title { font-size: 100%} body.noslide.smartphone .heading #booking.fired { margin-top: 0} .smartphone #booking .merge_group { padding: 10px 0} .smartphone #booking .form_merge_rem_button { width: 40px; height: 40px;} .smartphone .heading #booking.scrolled.fired { top: 0} .smartphone #booking .guests_wrapper .add_btn:before, .smartphone #booking .guests_wrapper .rem_btn:before, .smartphone #booking .guest-container-add:before { font-size: 140%;} .smartphone .ztemplate_rooms .caption-cnt { border-radius: 3px; /* overflow: hidden */ } .smartphone .ztemplate_rooms .ztemplate .services .caption .zlabel.g5 { border-radius: 3px} .smartphone .ztemplate_rooms .services .elem.selected .caption-cnt { border-radius: 0} .smartphone #page.order #cnt_forms .form_merge_group { padding: 0} .smartphone #page.order .group_wrapper { padding: 10px;} .smartphone form #showprivacy { padding: 0} .smartphone form input[type="submit"] { margin: 15px 0 0} .smartphone #page #content .cnt .side { margin-top: 30px} .smartphone .ztemplate_rooms .zsimplebutton a { display: block; width: 100%; margin-top: 20px; margin-bottom: 30px;} .smartphone .slick-dots li.slick-active button { background-color: var(--white);} .smartphone button.slick-prev { left: 0; color: var(--white);} .smartphone button.slick-next { right: 0; color: var(--white);} .smartphone section#offers button.slick-next, .smartphone section#offers button.slick-prev { top: 80px;} .smartphone section#offers button.slick-next { right: -15px;} .smartphone section#offers button.slick-prev { left: -15px;} .smartphone .ztemplate_rooms.carousel img { height: auto;} .smartphone .b_mask { width: 100%; margin-top: 20px;} .smartphone.body_sala .amenities .zcheckbox { margin: 20px 0;} .smartphone.body_sala .zcheckbox.g6 .fieldvalue { margin-bottom: 40px;} .smartphone.body_sala .amenities { padding: 10px;} .smartphone .ztemplate_offers .box { padding: 0;} .smartphone img.left, .smartphone img.right { width: 100%;} .smartphone #page.order #cnt_forms { padding: 10px;} .smartphone .attributes .zinput { margin: 0 15px 15px;} .smartphone section#offers button.slick-next, .smartphone section#offers button.slick-prev { top: 90px;} .smartphone .ztemplate_offers .box { padding: 20px 0;} .smartphone #meeting { padding: 10px;} .smartphone #relax.ztemplate_base { padding: 10px;} .smartphone .ztemplate_restaurant .caption, .smartphone .ztemplate_restaurant .caption-alt { padding: 0 10px; } .smartphone footer #social { margin-top: 30px; border-top: unset; } /* SMARTPHONE - BE immersivo */ .smartphone .rate-group-header { pointer-events: none} .smartphone .ztemplate_rooms .zlabel.g12 .fieldvalue { font-size: 210%} .smartphone .ztemplate_rooms .zinput.g1.text .fieldvalue { font-size: 120%} .smartphone .ztemplate_rooms .subcontents .rate-group-header.open { background-color: transparent; color: var(--color1); font-size: 125%; padding: 15px 5px 0} .smartphone .ztemplate_rooms .subcontents .rate-group-header.open > div { text-align: center} .smartphone .ztemplate_rooms .subcontents .caption-cnt { flex-wrap: wrap;} .smartphone .ztemplate_rooms .subcontents .title { font-size: 150%} .smartphone .ztemplate_rooms .subcontents .caption-cnt .caption-add:not(#cart_detail .subcontents .caption-add) { font-size: 110%; width: calc(100% / 2); flex-direction: row; align-items: center; background-color: var(--color1); color: var(--white); margin-bottom: 0} .smartphone .ztemplate_rooms .subcontents .caption-cnt .caption-alt { border-right: unset} .smartphone .ztemplate_rooms .subcontents .elem:nth-child(odd) { background-color: var(--white)} .smartphone .ztemplate_rooms .subcontents .elem { margin: 20px auto; box-shadow: 0px 9px 23px -8px rgba(0,0,0,0.77); border-radius: 3px; overflow: hidden; border: unset; font-size: 105%} .smartphone .ztemplate_rooms .subcontents .zlabelprice:not(#cart_detail .zlabelprice), .smartphone .ztemplate_rooms .subcontents .zlabel.g9 { width: auto; margin-bottom: 0; color: var(--white)} .smartphone .ztemplate_rooms .subcontents .zlabel.g9 { margin-right: 10px} .smartphone .ztemplate_rooms .subcontents .zlabel.g6 .fieldvalue { font-size: 175%;} .smartphone .ztemplate_rooms .subcontents .zlabel.g20 { width: 100%; border-radius: 2px} .smartphone .ztemplate_rooms .subcontents .product_selection_wrap .prod_sel_content:not(.services .subcontents .prod_sel_content) { color: var(--white)} .smartphone .ztemplate_rooms .caption-alt { position: relative; width: 100%; max-width: unset; background-color: var(--color1);} .smartphone .ztemplate_rooms img { height: auto} .smartphone .step_footer { padding: 0} .smartphone .step_footer_wrap { flex-wrap: wrap; padding: 0; justify-content: center;} .smartphone .cart_btn .varsimple{ display: none} .smartphone .pf_step_button { width: 100%; font-size: 130%;} .smartphone .total_price_title { margin-left: 0; padding: 15px 0} .smartphone .step_footer_wrap .cart_detail_wrapper { width: 100%} .smartphone .total_amount { font-size: 250%} .smartphone .step_footer_wrap #cart_detail .subcontents .elem .caption-cnt:not(.service_title .caption-cnt) { } .smartphone .step_footer_wrap #cart_detail { opacity: 1; width: 100%; left:0; font-size: 130%; border-top-left-radius: 20px; bottom: -100vh; border-top-right-radius: 20px; transform: scale(1); border: unset; box-shadow: 0 0 20px rgb(0 0 0 / 50%); max-height: 90vh; padding-bottom: 40px} .smartphone .step_footer_wrap #cart_detail.fired { bottom: -76px} .smartphone .step_footer_wrap #cart_detail .close_btn { border-radius: 100%; top: 10px; margin: 0 10px 0 auto; left: inherit;} .smartphone .ztemplate_rooms #cart_detail .elem { margin: 10px 0 0; } .smartphone .ztemplate_rooms #cart_detail .subcontents .elem { box-shadow: unset; border-radius: 0; margin: 0 auto} .smartphone .ztemplate_rooms .subcontents .elem.highlighted:before { border-width: 0 9px 23px 0; left: -2.3px} .smartphone .ztemplate_rooms .subcontents .elem.highlighted:after { border-width: 23px 9px 0 0; right: -2.3px} .smartphone .edit_search .varsimple { margin-top: 15px; border-radius: 3px} .smartphone .step_footer_wrap .total_price_title { padding: 0;} .smartphone .step_footer_total_wrap { margin: 0; } .smartphone .ztemplate_rooms .rooms .caption-alt > .zsimplebutton { border-radius: 3px; font-size: 115%; display: block; padding: 15px} .smartphone .ztemplate_rooms .subcontents .product_selection_wrap span:before { font-size: 150%} .smartphone .ztemplate_rooms .subcontents .ztemplate { box-shadow: unset} .smartphone .ztemplate_rooms .ztemplate .services .caption { display: flex; flex-direction: column} .smartphone .ztemplate_rooms .ztemplate .services .zimage { order: 1} .smartphone .ztemplate_rooms .ztemplate .services .service_desc { position: relative; background-color: var(--color1); padding: 15px 10px 15px; order: 2; } .smartphone .ztemplate_rooms .ztemplate .subcontents .service_info .service_desc { background-color: transparent; padding-bottom: 5px; } .smartphone .ztemplate_rooms .ztemplate .services .elem.selected { border: 5px solid var(--color2); box-sizing: border-box; border-radius: 3px} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .service_info .title, .smartphone .ztemplate_rooms .ztemplate .services .subcontents .ztextarea.g2 { color: var(--color1); padding-bottom: 0; margin: 0} .smartphone .ztemplate_rooms .ztemplate .services .service_info .service_desc .zlabel.g6 { color: var(--color1); align-items: flex-start;} .smartphone .ztemplate_rooms .ztemplate .services .service_info .service_desc .zlabel.g6 .fieldvalue { color: var(--color1); font-size: 120%} .smartphone .cart_btn { font-size: 170%; margin: 15px 15px 20px 0; padding: 10px 15px 10px 0; border-right: 1px solid rgba(0, 0, 0, 0.1);} .smartphone .cart_btn:after { left: 20px; bottom: 6px;} .smartphone .ztemplate_rooms .ztemplate .services .subcontents { width: 100%; height: calc(100vh - 100px); bottom: calc( -100vh); top: inherit; right: 0} .smartphone .ztemplate_rooms .ztemplate .services .elem.fired .subcontents { bottom: 0} .smartphone .close_services_btn { font-size: 130%; border-radius: 5px} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .elem { margin: 10px 0 30px} .smartphone .ztemplate_rooms .ztemplate .services .day_name, .smartphone .ztemplate_rooms .ztemplate .services .month_name { display: none;} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .month { display: block;} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .month:before { content: '/'} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .month:after { content: '/'} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .selection_date .fieldvalue > div { margin: 0} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .caption-cnt .caption .title { margin-right: 36px} .smartphone .ztemplate_rooms .ztemplate .services .elem .caption-cnt img { height: 290px; border-radius: unset; border-top-left-radius: 3px; border-top-right-radius: 3px;} .smartphone .ztemplate_rooms .subcontents img { border-radius: 3px } .smartphone .ztemplate_rooms .ztemplate .services .elem.selected .caption-cnt img { border-radius: unset} .smartphone #page.order #content .cnt .body, .smartphone #page.order #content .cnt .side, .smartphone #page.payment #content .cnt .body, .smartphone #page.payment #content .cnt .side { width: 100%; padding: 15px} .smartphone #page.order #content, .smartphone #page.payment #content { padding: 0} .smartphone form .caption-fields .field { padding: 0; margin-bottom: 20px} .smartphone #page.order #content .cnt { display: flex; flex-direction: column} .smartphone #page.order #content .cnt .body { order: 2} .smartphone #page.order #content .cnt .side { order: 1} .smartphone #bookingform_summary { text-align: center; padding: 10px} .smartphone #bookingform_summary .dates, .smartphone #bookingform_summary .guests { width: 100%; justify-content: center; margin-top: 10px; color: var(--grey)} .smartphone #total_upfront { font-size: 250%; } .smartphone #total_cost { margin-left: 0; } .smartphone .total_wrap { justify-content: center} .smartphone #page.order #content .cnt .body .title, .smartphone #page.order #content .summary, .smartphone #page.payment #content .cnt .body .title, .smartphone #page.payment #content .summary { text-align: center} .smartphone #cnt_forms form input[type="submit"] { width: 100%; font-size: 130%} .smartphone #nexi-payment-form .nexi-owner-name, .smartphone #nexi-payment-form .nexi-owner-surname, .smartphone #nexi-payment-form .nexi-owner-email, .smartphone #nexi-payment-form > div { width: 100%; margin: 10px 0 20px; float: none; } .smartphone #pagaBtn, .smartphone .bank_transfer_payment input#bank_transfer_payment { width: 100%} .smartphone .info_test_payment { margin: 0} .smartphone .thankyou .section_title { margin-bottom: 30px} .smartphone .ztemplate_rooms .subcontents .elem.highlighted { transform: scale(1); border: 3px solid #b7dcd6; background-color: #e1f7eb} .smartphone .template_filters .filter_key { display: none} .smartphone .transfer_date { margin: 0} .smartphone #page.order form .caption-fields .group_wrapper .field.element_14 { width: 50%; padding-right: 10px} .smartphone #page.order form .caption-fields .group_wrapper .field.element_15 { width: 50%; padding-left: 10px} .smartphone .ztemplate_rooms .zlabel.g11 { animation: shake-vertical 6s linear infinite; left: 0; max-width: 250px; right: 0; margin: 0 auto; bottom: 5px;} .smartphone .ztemplate_rooms .zlabel.g11 .fieldvalue:before { top: -7px; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg); } .smartphone.eshop header.scrolled #varsimple_booknow { /* opacity: 0; pointer-events: none; */ } .smartphone .step_footer_wrap #cart_detail > .box_heading { padding: 18px; width: 100%; margin-bottom: 0; height: 54px;} .smartphone .template_filters .form_checkbox { } .smartphone .template_filters .form_checkbox .checkbox:last-of-type { margin-bottom: 0;} .smartphone .ztemplate_rooms .ztemplate .services .elem { margin: 0 0 30px;} .smartphone .step_footer_wrap #cart_detail .zlabel.g11 { max-width: unset;} .smartphone #order_template_wrapper { padding: 10px;} .smartphone #page.order .transfer_info { margin-top: 30px;} @media (max-width: 1440px) { #offers .cnt { padding: 50px 40px; } #page.order #content .cnt, #page.payment #content .cnt { display: flex; flex-direction: column;} #page.order #content .cnt .body, #page.order #content .cnt .side, #page.payment #content .cnt .body, #page.payment #content .cnt .side { width: 100%} #page.order #cnt_forms .form_merge_group { width: 100%} .ztemplate_rooms .ztemplate { max-width: 1120px;} .ztemplate_rooms img { max-height: 520px;} } @media (max-width: 1290px) { .ztemplate_rooms .ztemplate { max-width: 920px;} } @media (max-width: 1100px){ #page.order form .caption-fields .group_wrapper .field { width: 100%} } @media (max-width: 1023px){ /* BE immersivo - risultati camere */ .ztemplate_rooms .subcontents .caption-cnt .caption, .ztemplate_rooms .subcontents .caption-cnt .caption-alt { width: calc(100% / 2)} .ztemplate_rooms .subcontents .caption-cnt .caption-add { width: calc(100% / 4)} .ztemplate_rooms .subcontents .caption-cnt { display: flex;} .ztemplate_rooms .subcontents .rate-group-header.open > div { display: none} .ztemplate_rooms .subcontents .rate-group-header.open .rate-group-title, .ztemplate_rooms .subcontents .rate-group-header .rate-group-title { display: block; padding: 10px; width: 100%} .ztemplate_rooms .subcontents .rate-group-header:before { display: none;} .rate-group-content { display: block!important;} .body_offerta .col_cnt { flex-direction: column} .body_offerta .col_cnt .col:last-child { width: 100%} .body_offerta .col { padding: 0} #page.restaurant .heading { margin-top: 0;} } @media (max-width: 920px) { .edit_search .summary.cnt { display: flex; flex-direction: column; } #bookingform_summary .dates, #bookingform_summary .guests { margin-top: 10px;} .edit_search .varsimple { margin-top: 15px;} } @media (max-width: 768px) { .rate-group .rate-set .name { margin-bottom: 10px; width:100%; } .rate-set .price_from { margin-left:0; } #booking.fired { display: block;} img.left, img.right { margin: 0 0 20px 0 !important; float: none; } .documents, .videos { margin: 20px auto; } .section_title { margin: 10px 0; } .section_tag:before { display: inline-block; float: none; } .section_big_link { margin-top: 15px; } section#rooms { margin: 0 0 20px; } .ztemplate_rooms .elem { padding: 0; font-size: 90%;} .ztemplate_rooms .zsimplebutton { margin-top: 10px; } .ztemplate_rooms img { height: 350px;} .ztemplate_restaurant { margin: 0 auto 20px auto; } .ztemplate_restaurant .caption, .ztemplate_restaurant .caption-alt { margin: 0 10px; width: auto; } .ztemplate_restaurant .caption-alt { margin: 20px 0; } .ztemplate_restaurant .ztextarea.g6, .ztemplate_restaurant .ztextarea.g7 { margin: 10px 0; width: 100%; } .ztemplate_full .caption img { height: 600px; } .ztemplate_full .caption-alt { bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.1); font-size: 95%;} .ztemplate_full .zoption, .ztemplate_full .title a, .ztemplate_full .ztextarea.g1, .ztemplate_full .ztextarea.g2 { color: var(--white);} #relax.ztemplate_base { margin: 0; padding: 20px; } #relax.ztemplate_base .caption, #relax.ztemplate_base .caption-alt { width: auto; } #meeting.ztemplate_base .caption { width: auto; } #meeting.ztemplate_base .caption-alt { padding: 20px; width: auto; font-size: 95%; } #meeting.ztemplate_base img { min-height: 300px; max-height: 300px; } #offers .sx { margin: 20px 0 30px 0; width: auto; font-size: 85%; text-align: center; } #offers .dx { margin: 0; width: auto; } #offers .cnt { padding: 20px; } .ztemplate_offers .box { padding: 0 30px; } #page #content { margin: 0; padding: 10px; } #page.offer #content { margin: 0; padding: 20px; } .gallery { padding: 0; } #showcase .ztemplate_rooms .ztemplate { margin: 20px auto; } #showcase .ztemplate_rooms .elem { margin: 20px; } #showcase .ztemplate_rooms .caption-alt { padding: 20px; } #showcase .ztemplate_rooms .ztextarea { display: none; } #showcase .ztemplate_rooms .zsimplebutton { margin: 20px 0 0 0; } #page #content .cnt .body, #page #content .cnt .side { padding: 0; width: auto; } #page #content .text_dyn .fieldvalue { margin: 0 0 20px 0; } .attributes.cnt { display: flex; } .amenities { margin: 0; padding: 25px; font-size: 90%; } .amenities .zcheckbox { justify-content: flex-start; } .amenities .fieldvalue { margin: 25px 0; width: calc(100% / 2);} .amenities .fieldvalue:before { font-size: 200%; } #page.restaurant .heading .zimage { max-width: 35%; } #page.restaurant .heading .cnt { padding: 10px; } #page.restaurant .heading .cnt .left, #page.restaurant .heading .cnt .right { width: auto; } #page.restaurant #content { margin: 0; padding: 20px 20px 0 20px; } #page.restaurant #content .fieldvalue { margin: 0 0 20px 0; } .ztemplate_floated .box { display: block; } .ztemplate_floated .elem { margin: 20px; width: auto; } .ztemplate_offers.list .box { padding: 0; display: block; } .ztemplate_offers.list .elem { margin: 40px 20px; width: auto; } #cnt_forms { margin: 0; padding: 20px; } form .caption-fields .field { width: 100%; } footer { max-height: inherit; text-align: center; font-size: 90%;} footer .logo { margin: 0 auto; top: initial; height: auto; text-align: center; display: block; } footer .section_tag { display: none; } footer .section_title { margin: 0 0 10px 0; font-size: 150%; } footer #company_address, footer #company_contacts, footer #social { padding: 15px 20px; } footer #social ul { 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: center; } footer #social ul li { margin-right: 20px; } footer .section_privacy { padding: 20px; display: flex; flex-wrap: wrap; gap: 10px; } .footer_wrapper { display: block;} .footer_wrapper > div { width: 100%;} footer #social .social { justify-content: center;} /* BE immersivo - risultati camere */ .step_footer { font-size: 90%} .ztemplate_rooms .elem { padding: 10px} } @media(max-width: 767px){ .ztemplate_rooms .ztemplate .services .elem { width: 100%} /* form servizi */ .pf_form form .field.select { width: calc(100% / 3)} .pf_form form .field.text { width: 100%} } /* fix altezza */ @media(max-height: 920px){ .ztemplate_rooms.carousel img { height: 550px;} } /* BEI - Tariffa rimborsabile */ .secure_refund .box { max-width: 1100px; margin: 0 auto; } .secure_refund .title { text-transform: uppercase; font-weight: var(--font-weight-bold); color: var(--color1);} .ztemplate_rooms .secure_refund .caption-cnt { display: flex; flex-wrap: wrap; align-items: stretch;} .ztemplate_rooms .secure_refund .caption-alt { padding: 15px 30px; background-color: var(--white); position: relative; width: calc(100% - 290px); display: flex; align-items: center; gap: 30px;} .ztemplate_rooms .secure_refund .caption-alt:before { font-family: var(--font-icon); content: '\f2f7'; font-size: 100px; color: var(--color1); font-weight: var(--font-weight-solid)} .ztemplate_rooms .secure_refund .caption-add { width: 290px; display: flex; justify-content: center; align-items: center; gap: 30px; background-color: var(--white); padding-right: 30px; position: relative;} .ztemplate_rooms .secure_refund .caption-add:before { position: absolute; content: ''; width: 1px; top: 15px; bottom: 15px; background-color: rgba(0, 0, 0, 0.1); left: 0; } .ztemplate_rooms .secure_refund .selector_wrapper { display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; font-size: 170%;} .ztemplate_rooms .secure_refund .prod_sel_content { border: unset; padding: 0; height: auto; width: auto; background-color: transparent; } .ztemplate_rooms .secure_refund :where(.prod_sel_rem, .prod_sel_add):before { font-family: var(--font-icon); font-weight: var(--font-weight-normal); text-align: center; display: flex; font-size: 80%; line-height: 1; cursor: pointer;} .ztemplate_rooms .secure_refund .prod_sel_rem:before { content: '\f056';} .ztemplate_rooms .secure_refund .prod_sel_add:before { content: '\f055';} .ztemplate_rooms .secure_refund .caption-alt :where(.prod_sel_rem.disabled, .prod_sel_add.disabled) { opacity: .1;} .ztemplate_rooms .secure_refund .caption { width: 100%; margin-bottom: 20px;} .ztemplate_rooms .secure_refund .ztextarea.g5 { width: 100%; margin: 0; line-height: 1.3;} .insurance .ztextarea a { text-decoration: underline!important; } .ztemplate_rooms .secure_refund .ztextarea.g2 { font-size: 100%; margin: 0;} .ztemplate_rooms .insurance .ztextarea.g2 ul { column-count: 2; column-gap: 60px; column-rule: 1px solid rgba(0, 0, 0, 0.1); margin: 0; list-style-type: none; padding-left: 0;} .insurance .ztextarea.g2 ul { list-style-type: none; padding-left: 0; } .insurance .ztextarea.g2 ul li { margin-bottom: 6px;} .insurance .ztextarea.g2 ul li:before { font-family: var(--font-icon); content: '\f00c'; margin-right: 8px; font-size: 12px; font-weight: var(--font-weight-solid)} .ztemplate_rooms .secure_refund .zlabelprice { font-size: 160%; color: var(--color1); display: flex; align-items: center; } .ztemplate_rooms .secure_refund .zlabelprice:before { margin: 0 2px 0 0; content: '\20ac'; text-transform: uppercase; font-size: 100%; text-align: left;} .purchase_flow_step .product_selection_wrap .secure_refund .prod_sel_add, .purchase_flow_step .product_selection_wrap .secure_refund .prod_sel_rem { display: flex;} .ztemplate_rooms .secure_refund .elem { margin: 0;} .insurance .caption:not(.ztemplate_rooms .secure_refund .caption) { display: flex; align-items: center; justify-content: space-between;} .insurance .caption .title:not(.ztemplate_rooms .secure_refund .title) { margin-bottom: 0!important;} .insurance .ztextarea.g6 { background-color: var(--white); padding: 10px; border: 1px solid rgba(0,0,0,.1); line-height: 1.2;} @media (max-width: 1023px) { .ztemplate_rooms .secure_refund .step_content_wrapper .caption-cnt:not(.subcontents .caption-cnt) { flex-direction: row; } .ztemplate_rooms .secure_refund .ztextarea.g2 ul { column-count: 1; column-gap: normal;} .ztemplate_rooms .secure_refund .step_content_wrapper .caption-cnt:not(.subcontents .caption-cnt) .caption-alt { width: calc(100% - 290px);} } @media (max-width: 820px) { .secure_refund { padding-top: 40px;} .ztemplate_rooms .secure_refund .step_content_wrapper .caption-cnt:not(.subcontents .caption-cnt) .caption-alt { width: 100%; flex-direction: column; padding: 30px 15px;} .ztemplate_rooms .secure_refund .caption-add { width: 100%; padding: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); } } .smartphone .ztemplate_rooms .secure_refund .caption { text-align: center;} .smartphone .ztemplate_rooms .secure_refund .caption-alt { background-color: var(--white); background-color: #f2f2f2;} .smartphone .ztemplate_rooms .secure_refund .caption-alt:before { font-size: 60px;} .smartphone .ztemplate_rooms .secure_refund .ztextarea.g2 { font-size: 130%; } .smartphone .ztemplate_rooms .secure_refund .caption-add:before { display: none;} .smartphone .ztemplate_rooms .secure_refund .caption-add { background-color: var(--color1); padding: 0; gap: 0; } .smartphone .ztemplate_rooms .secure_refund .zlabelprice { color: var(--white); width: 50%; justify-content: center; border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 15px;} .smartphone .ztemplate_rooms .secure_refund .selector_wrapper { color: var(--white); width: 50%; justify-content: center; padding: 10px 15px; font-size: 210%;} /* FINE Tariffa rimborsabie */ /* BEI CrossBooking */ .crossbooking_box { margin-top: 90px;} .crossbooking { padding: 15px; } .crossbooking_header { text-align: center; margin-bottom: 30px;} .crossbooking_header .info_title { color: var(--color1); font-size: 30px;} .crossbooking_header .info_subtitle { font-size: 20px;} .crossbooking_elements { display: flex; grid-gap: 30px; flex-wrap: wrap; box-sizing: border-box; justify-content: flex-start; padding-left: 10px; background-color: var(--white); padding: 15px 30px 15px 40px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 0px 30px -12px rgba(0,0,0,0.16);} .crossbooking_elements:after { width: 30px; height: 30px; border-radius: 100%; background-color: var(--white); border: 1px solid #dedede; z-index: 1; position: absolute; bottom: 30px; left: 12px; font-family: var(--font-icon); content: '\f058'; text-align: center; line-height: 30px; font-size: 15px; } .crossbooking_block { width: 100%; position: relative; padding: 0 0 0 20px; counter-increment: section; margin-bottom: 30px; } .crossbooking_block:before { width: 30px; height: 30px; border-radius: 100%; background-color: var(--white); border: 1px solid #dedede; z-index: 1; position: absolute; top: 2px; left: -27px; content: counter(section); text-align: center; line-height: 30px; font-size: 15px; font-weight: var(--font-weight-bold);} .crossbooking_block:after { position: absolute; left: -14px; top: 2px; height: calc(100% + 60px); content: ''; border-left: 2px dotted #c7c7c7; } .crossbooking_block:last-of-type:after { height: 100%; } .crossbooking_block_header { display: flex; align-items: center; margin-bottom: 10px; min-height: 36px; } .crossbooking_select .select { display: flex; align-items: center; margin-left: auto; padding: 0; width: 100%;} .crossbooking_select form .form_select .current_value { display: flex; align-items: center;} .crossbooking_select form .form_select .current_value:after { position: inherit; margin-left: 15px; right: 0;} .crossbooking_select .select:before { font-family: var(--font-icon); content: '\f0ec'; margin-right: 5px; color: var(--color1);} .crossbooking_select { margin-left: auto; min-width: 290px;} .crossbooking_select form .form_select { background-color: var(--white);} .crossbooking_select form .form_select .elements_list { padding: 0;} .crossbooking_select form .form_select .elements_list .option { background-color: var(--white); transition: .4s all; padding: 10px;} .crossbooking_select form .form_select .elements_list .option:hover { background-color: var(--color1); color: var(--white);} .crossbooking_select form .form_element_title { margin: 0 15px 0 0; white-space: nowrap;} .ztemplate_rooms .crossbooking_elements .elem { margin: 0; padding: 0;} .ztemplate_rooms .crossbooking_elements .caption { padding: 10px;} .ztemplate_rooms .crossbooking_elements .caption-cnt { flex-direction: row; background-color: #f6f6f6; } .ztemplate_rooms .crossbooking_elements .caption-alt { position: relative; flex-direction: column; width: 100%; max-width: unset; background-color: #f6f6f6; color: #000; padding: 35px;} .ztemplate_rooms .rooms .crossbooking_elements .caption-alt > .title { color: var(--color1);} .ztemplate_rooms .crossbooking_elements .zoption .fieldvalue { color: #000;} .ztemplate_rooms .crossbooking_elements .zinput.g1.text .fieldvalue:before { color: var(--color1);} .ztemplate_rooms .crossbooking_elements .zinput.g1.text .fieldvalue { color: #000;} .ztemplate_rooms .crossbooking_elements .ztextarea { color: #000;} .crossbooking_dates { font-size: 16px; } .crossbooking_dates:before { font-family: var(--font-icon); content: '\e0d6'; margin-right: 5px; color: var(--color1); } .crossbooking_footer .rate-group-header { display: flex; background-color: var(--color2); padding: 10px; color: var(--white); font-size: 110%; position: relative; cursor: pointer;} .crossbooking_footer .rate-group-header:before { font-family: var(--font-icon); position: absolute; left: 20px; top: 22px; cursor: pointer; content: "\f0fe"; } .crossbooking_footer .rate-group-header.open:before { content: "\f146";} .crossbooking_footer .rate-group-header > div { padding: 10px 20px; border-left: 1px solid rgba(255, 255, 255, 0.3);} .crossbooking_footer .rate-group-header .rate-group-title { width: 40%; border-left: unset; padding-left: 35px;} .crossbooking_footer .rate-group-cond { width: 30%; max-width: 325px;} .crossbooking_footer .rate-group-price { width: 15%; text-align: center; } .crossbooking_footer .rate-group-rooms { width: 15%; text-align: center; } .crossbooking_footer .rate-group-content { display: flex; overflow: hidden!important; background-color: #f0f0f0;} .crossbooking_footer .rate_details { display: none;} .crossbooking_footer .rate-group-content > div { padding: 10px 0 15px 20px; border-left: 1px solid rgba(0, 0, 0, 0.1);} .crossbooking_footer .rate-group-content .rate-group-title-value { width: 40%; border-left: unset;} .crossbooking_footer .rate-group-cond-value { width: 30%; line-height: 1.2; max-width: 325px;} .crossbooking_footer .rate-group-price-value { width: 15%; text-align: center; font-size: 160%; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--color1)} .crossbooking_footer .rate-group-price-value :where(.comma, .decimal) { font-size: 70%;} .crossbooking_footer .rate-group-rooms-value { width: 15%; text-align: center; font-size: 170%; display: flex; align-items: center; justify-content: center;} .crossbooking_footer .rate-group-rooms-value .selector_wrapper { display: flex; align-items: center; justify-content: center; gap: 10px;} .crossbooking_footer .rate-group-rooms-value :where(.prod_sel_rem, .prod_sel_add):before { font-family: var(--font-icon); font-weight: var(--font-weight-normal); text-align: center; font-size: 80%; line-height: 1; cursor: pointer;} .crossbooking_footer .rate-group-rooms-value .prod_sel_rem:before { content: '\f056';} .crossbooking_footer .rate-group-rooms-value .prod_sel_add:before { content: '\f055';} .crossbooking_footer .rate-group-rooms-value :where(.prod_sel_rem.disabled, .prod_sel_add.disabled) { opacity: .1;} .crossbooking_footer .rate-group-content .title { font-size: 120%; color: var(--color1); margin-bottom: 10px; text-transform: uppercase} .crossbooking_footer .rate-group-content .rate_arrangement { display: flex; align-items: center; font-size: 105%;} .crossbooking_footer .rate-group-content .rate_arrangement:before { } .ztemplate_rooms .crossbooking_footer .rate_arrangement.g24 .fieldvalue:before { font-family: var(--font-icon); font-weight: var(--font-weight-solid); margin-right: 5px;} .crossbooking_footer .rate-group-cond-value .zlabel.g8 .fieldkey { display: none;} .crossbooking_footer .rate-group-cond-value .zlabel.g8 .fieldvalue { display: flex; flex-direction: column; gap: 10px; } #order_template_wrapper .row-1 .caption:not(.subcontents .caption) { flex-wrap: wrap;} .cross_booking_dates { width: 100%; border-top: 1px solid var(--color1); margin: 5px 0 10px; order: 9;} .cross_booking_dates .fieldvalue { display: flex; flex-wrap: wrap; padding: 5px 0;} .cross_booking_dates .fieldvalue > div { width: 50%; } .cross_booking_dates .dates { display: flex; align-items: center; gap: 10px;} .cross_booking_dates .dates:before { font-family: var(--font-icon); content: '\e0d6'; color: var(--color1); } .cross_booking_dates .dates .value:first-of-type:after { font-family: var(--font-icon); content: '\f105'; font-size: 70%; margin-left: 10px; } .cross_booking_dates .nights {display: flex; justify-content: flex-end; align-items: center; gap: 5px;} .cross_booking_dates :where( .dates, .nights) { padding: 4px 0;} @media (max-width: 1023px) { .crossbooking_footer :where(.rate-group-cond, .rate-group-price, .rate-group-rooms) { display: none;} .crossbooking_footer .rate-group-header .rate-group-title { width: 100%; } .crossbooking_footer .rate-group-content { display: flex!important;} } @media (max-width: 768px) { .crossbooking_block_header { position: relative; } .crossbooking_select { position: absolute; top: 55px; right: 10px; background-color: var(--white); z-index: 2; padding: 10px 10px 10px 20px; } } .smartphone .ztemplate_rooms .crossbooking_elements .caption-alt { background-color: #f6f6f6; padding: 15px; } .smartphone .crossbooking_block { padding-left: 5px; z-index: 1;} .smartphone .crossbooking { padding: 0;} .smartphone .crossbooking_header { padding: 0 15px;} .smartphone .crossbooking_block:last-of-type { padding-bottom: 40px; margin-bottom: 0;} .smartphone .crossbooking_footer .rate-group-content .rate-group-title-value { width: 50%;} .smartphone .crossbooking_footer .rate-group-cond-value { width: 50%; } .smartphone .crossbooking_footer .rate-group-content { flex-wrap: wrap; margin: 0 10px; background-color: var(--white); box-shadow: 0px 9px 23px -8px rgba(0,0,0,0.77); padding: 10px 0;} .smartphone .crossbooking_footer .rate-group-price-value { width: 50%; background-color: var(--color1); color: var(--white);} .smartphone .crossbooking_footer .rate-group-rooms-value { width: 50%; background-color: var(--color1); color: var(--white); } .smartphone .crossbooking_block:before { left: 0; right: 0; margin: 0 auto; font-size: 25px; line-height: 50px; width: 50px; height: 50px; color: var(--color2);} .smartphone .crossbooking_block:after { left: 0; right: 0; margin: 0 auto; width: 1px; z-index: -1;} .smartphone .crossbooking_elements { padding: 15px 10px 80px;} .smartphone .crossbooking_block_header { background-color: var(--color1); color: var(--white); padding: 10px; align-items: center; margin-top: 80px; margin-bottom: 0; flex-direction: column; align-items: flex-start; padding-top: 10px;} .smartphone .crossbooking_block_rooms { border: 1px solid var(--color1); } .smartphone .crossbooking_select { position: inherit; left: 0; right: inherit; top: inherit; margin-left: 0; padding: 10px 0 0; margin: 10px 0; width: 100%; padding-right: 0; border-top: 1px solid #dedede; background-color: transparent;} .smartphone .crossbooking_select form .form_select { color: var(--color1);} .smartphone .crossbooking_select form .form_select .current_value:after { margin-left: auto; } .smartphone .crossbooking_block:last-of-type:after { height: calc(100% + 60px);} .smartphone .crossbooking_footer { margin-top: 0;} .smartphone .crossbooking_elements:after { left: 0; bottom: 9px; right: 0; margin: 0 auto; font-size: 25px; line-height: 50px; width: 50px; height: 50px; color: var(--color2); } .smartphone .crossbooking_footer .rate-group-header { background-color: var(--white); color: var(--color1); text-align: center; padding-top: 0; padding-bottom: 0; margin-bottom: 10px;} .smartphone .crossbooking_footer .rate-group-header.open:before { display: none;} /* FINE - BEI CrossBooking */ /* ENGAGEMENT PLATFORM */ html { min-height: 100vh;} .body_ecommerce_engagement header, .body_ecommerce_engagement footer, .body_ecommerce_engagement #slideshow, .body_ecommerce_engagement .slideshow-cnt, .body_ecommerce_engagement .slideshow_cnt { display: none!important;} .body_ecommerce_engagement #page { } /* calcolo altezza del footer e dell'header */ .body_ecommerce_engagement { height: 100%; overflow: auto; background: linear-gradient(to top, #38517b 0%, #38517b 50%, var(--white) 50%, #eeeeee 100%);} .body_ecommerce_engagement:before { /* position: absolute; content: ''; z-index: -1; background-color: #dedede; height: 100%; top: 50%; left: 0; width: 100%; */} #page.engagement { padding: 0; max-width: 860px; margin: 200px auto; background-color: var(--white); box-shadow: 0px 9px 11px 0px rgba(0,0,0,0.15); border: 10px solid #f6f6f6; position: relative;} #page.engagement:after { width: 0; height: 0; content: ''; position: absolute; z-index: 1; top: 0; right: 0; border-style: solid; border-width: 0 90px 90px 0; border-color: transparent #38517b; } #page.engagement:before { position: absolute; top: 14px; right: 14px; font-family: var(--font-icon); content: '\f06b'; color: var(--white); z-index: 2; font-size: 25px; } .engagement_header { padding: 45px 30px 15px;} .engagement_header > div { margin-bottom: 10px; line-height: 1.2; text-align: center;} .engagement_greeting { font-size: 40px; display: flex; flex-direction: column; gap: 10px; color: var(--color2);} .engagement_greeting:before {} .engagement_user { margin-top: 15px; position: relative; display: flex; flex-direction: column; gap: 20px;} .engagement_user:before { margin: 0 auto; position: relative; content: ''; width: 60px; height: 1px; top: 0; left: 0; display: inline-block; background-color: #38517b;} .unlock_offer { margin-top: 40px; text-align: center; padding: 30px; background-color: #f9f9f9;} .unlock_offer_msg { margin-bottom: 30px; font-size: 150%; color: #38517b} #unlock_offer_form { display: flex; align-items: center; justify-content: center;} #unlock_offer_email { padding: 15px; background-color: #dedede; width: 50%; border: unset;} #unlock_offer_form input[type="submit"] { background-color: #38517b; color: var(--white);} .engagement_expire:before { font-family: var(--font-icon); content: '\f334'; font-size: 100%; margin-right: 5px; color: var(--color1);} .engagement_multi { margin: 0 auto; padding: 30px; border-top: 1px dashed #dedede;} .engagement_multi_info { margin-bottom: 15px; text-align: center;} .engagement_multi_info .title { font-size: 25px; margin-bottom: 10px;} .engagement_offers { margin-top: 30px; display: flex; flex-direction: column; gap: 30px;} .engagement_offer { background-color: #f6f6f6; padding: 15px; border: 3px solid #ebebeb; text-align: left;} .engagement_offer .search_info { font-size: 120%; line-height: 1.2;} .search_info { padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede;} .room_count_string { margin-bottom: 10px; color: #38517b;} .room_count_string:before {font-family: var(--font-icon); content: '\f06b'; margin-right: 5px; } .offer_occ_per_room { background-color: var(--white); padding: 15px; border: 1px dashed #dedede;} .offer_occ { padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 5px; border-bottom: 1px dashed #dedede;} .offer_occ:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: unset; } .offer_occ:before { font-family: var(--font-icon); content: '\f8f7'; } .engagement_offer .starting_from { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; margin-top: 15px;} .engagement_offer .starting_from span { font-size: 25px; color: var(--color2);} .engagement_offer .starting_from span.number:before { content: '\20ac';} .view_offer_link { padding: 15px; background-color: #38517b; display: inline-block; margin-top: 15px; text-transform: uppercase; color: var(--white);} .refuse_offer { padding: 30px; text-align: center; border-top: 1px dashed #dedede; max-width: 920px; margin: 0 auto;} .refuse_offer_title { font-size: 25px; margin-bottom: 20px;} #refuse_offer_reason { padding: 15px; width: 100%; border: 1px solid #dedede; resize: none;} .refuse_offer_btn { cursor: pointer; background-color: #38517b; padding: 15px; color: var(--white); text-transform: uppercase; margin-top: 15px;} /* engagement mode ON */ .engagement_mode .purchase_flow_step.purchase_flow_3_step .ztemplate:not(.subcontents .ztemplate) { margin-top: 30px;} /* .engagement_mode .ztemplate_rooms .elem.first { margin-top: 30px;} */ .engagement_mode .ztemplate_rooms.list { padding-bottom: 10px;} .engagement_mode .engagement_header { padding: 15px; max-width: 920px; margin: 0 auto;} .engagement_mode .engagement_greeting { font-size: 20px;} .engagement_mode .engagement_description { font-size: var(--size-base);} .engagement_mode .engagement_header .engagement_expire { display: none;} .engagement_mode .engagement_user { display: none;} .engagement_mode .engagement_expire { } .accomodation_info { max-width: 1024px; margin: 0 auto 30px; text-align: center; position: relative;} .accomodation_info.selected { padding: 20px; background-color: var(--white); box-shadow: 0 14px 15px -11px rgba(0,0,0,0.1);} .accomodation_info .occupancy { font-size: 18px; font-weight: var(--font-weight-bold); margin-bottom: 15px; padding: 10px; background-color: var(--color3);} .accomodation_info .occupancy:before { font-family: var(--font-icon); font-weight: var(--font-weight-regular); content: "\f8f7"; margin-right: 5px; } .accomodation_info .info_msg { font-size: 18px; line-height: 1.2; padding: 15px; /* background-color: #f6f6f6; border: 1px solid #dedede; */ width: auto; display: inline-block;} .accomodation_info .info_msg:before { font-family: var(--font-icon); font-weight: var(--font-weight-regular); content: "\f05a"; margin-right: 5px;} /* .accomodation_info:before { content: counter(section); position: absolute; top: 50%; left: -60px; transform: translateY(-50%); z-index: 2; width: 50px; height: 50px; font-size: 60px; font-weight: var(--font-weight-bold); color: #38517b; opacity: .3; } */ .selected_option_info .caption { box-shadow: unset!important;} .selected_option_info { margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center;} .selected_option_info .selected_rate_ctn .caption-cnt { display: flex; align-items: center; position: relative!important; border: 2px solid #38517b; padding: 30px; flex-direction: row!important;} .selected_option_info .selected_rate_ctn .caption { width: 60%!important;} .selected_option_info .selected_rate_ctn .caption-cnt .caption-alt { padding: 15px!important; width: 40%!important;} .selected_option_info { text-align: left;} .selected_option_info .toggle_open { text-transform: uppercase; cursor: pointer; font-size: 16px;} .selected_option_info .toggle_open:before { font-family: var(--font-icon); font-weight: var(--font-weight-regular); content: "\f0fe"; margin-right: 5px;} .selected_option_info .toggle_open.fired:before { content: '\f146';} .selected_room_name { font-size: 190%; color: var(--color2); margin-bottom: 10px; width: calc(100% - 290px);} .selected_room_price { margin-left: auto; width: 290px; text-align: center; font-size: 35px; color: #38517b;} .selected_room_price .number:before { content: '\20ac'; margin-right: 3px;} .selected_room_price .decimal, .selected_room_price .comma { vertical-align: super; font-size: 65%; letter-spacing: -0.5px; position: relative; top: 4px;} .selected_room_name:before { font-family: var(--font-icon); font-weight: var(--font-weight-regular); content: "\f058"; margin-right: 10px;} .selected_option_info .title { font-size: 120%; color: #38517b; width: 100%; text-align: left; margin-top: 15px;} .selected_option_info .rate_arrangement { display: flex; gap: 5px; } .selected_option_info .rate_arrangement:before { font-family: var(--font-icon); font-weight: var(--font-weight-solid);} .selected_option_info .selected_rate_ctn[treatment="treatment-breakfast"] .rate_arrangement.g24:before { content: '\f7b6';} .selected_option_info .selected_rate_ctn[treatment="treatment-room"] .rate_arrangement.g24:before { content: '\f236';} .selected_option_info .selected_rate_ctn[treatment="treatment-half"] .rate_arrangement.g24:before { content: '\f2e6';} .selected_option_info .selected_rate_ctn[treatment="treatment-full"] .rate_arrangement.g24:before { content: '\f2e6';} .selected_option_info .selected_rate_ctn[treatment="treatment-all"] .rate_arrangement.g24:before { content: '\f561';} .selected_option_info .caption .zlabel.g25 { display: flex; gap: 5px; margin: 5px auto 10px; flex-wrap: wrap;} .selected_option_info .caption .zlabel.g25 .fieldkey { color: #38517b;} .selected_option_info .caption .zlabel.g25 .fieldkey:after { content: ':'; } .selected_option_info .rate_details .fieldkey { cursor: pointer; color: var(--grey); font-size: 13px; width: 100%; text-align: left; text-transform: uppercase; display: flex; gap: 5px; } .selected_option_info .rate_details .fieldkey:before { font-family: var(--font-icon); font-weight: var(--font-weight-regular); content: "\f0fe";} .selected_option_info .rate_details.fired .fieldkey:before { content: '\f146';} .selected_option_info .rate_details .fieldvalue { display: none; font-size: var(--size-base); color: var(--grey);} .selected_option_info .rate_details.fired .fieldvalue { display: block} .selected_option_info .caption-cnt { align-items: center!important; background-color: #f1f8fe; font-size: 110%;} .selected_option_info .caption-alt { position: initial!important; bottom: unset!important; top: unset!important; left: unset!important; right: unset!important; line-height: 1.2; width: auto; background-color: transparent; border-left: 1px solid #dedede; padding: 0 40px;} .selected_option_info .caption-alt .upfront { margin-bottom: 10px; color: #38517b;} .selected_option_info .caption-alt .upfront .fieldvalue { font-size: 20px;} .selected_option_info .caption-alt .upfront .number:before { content: '\20ac'; } .selected_option_info .caption-add { position: initial!important; bottom: unset!important; top: unset!important; left: unset!important; right: unset!important; padding-right: 40px;} .selected_option_info .caption-add .zlabel { display: none!important;} .selected_option_info .caption-add .zlabel.zlabelprice { display: none!important; /* gap: 2px; align-items: center; font-size: 30px; color: #38517b; */} .selected_option_info .caption-add .zlabel.zlabelprice:before { content: '\20ac'; position: relative; top: 2px;} .selected_rate_ctn { display: none; width: 100%;} .selected_rate_ctn.fired { display: block; margin-top: 15px;} .remove_eng_selection { position: absolute; z-index: 2; top: 0; right: 0; font-size: 0; width: 40px; height: 40px; background-color: transparent; line-height: 40px; text-align: center; cursor: pointer;} .remove_eng_selection:before {font-family: var(--font-icon); content: '\f00d'; color: var(--white); font-size: 25px; z-index: 2; position: relative;} .remove_eng_selection:after { width: 0; height: 0; content: ''; position: absolute; z-index: 1; top: 0; right: 0; border-style: solid; border-width: 0 70px 70px 0; border-color: transparent #38517b; } /* Engagement Media */ .engagement_media { text-align: center; padding-top: 30px; margin-top: 40px;} .engagement_media > div { max-width: 1024px; margin: 0 auto 90px; padding: 50px 30px 30px; background-color: #f6f6f6; box-shadow: 0 14px 15px -11px rgba(0,0,0,0.1); position: relative; border-top: 5px solid #38517b;} .engagement_media > div:before { font-family: var(--font-icon); font-weight: 900; font-size: 25px; color: var(--white); position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; z-index: 2; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #38517b;} .engagement_video:before { content: '\f03d';} .engagement_spotify:before { content: '\f001';} .engagement_attachments:before { content: '\f07c';} .engagement_video { background-color: #f6f6f6; } .engagement_video iframe { width: 100%; height: 517px; box-shadow: 0px 9px 11px 0px rgba(0,0,0,0.15); padding: 10px;} .engagement_video .video_wrapper { max-width: 920px; margin: 0 auto 30px; } .spotify_hint { display: flex; flex-direction: column; gap: 20px; align-items: center; line-height: 1.2; font-size: 100%;} .spotify_hint:after { display: none; background-color: var(--color2); width: 40px; height: 40px; border-radius: 100%; line-height: 40px; text-align: center; font-family: var(--font-icon); content: '\f6a8'; color: var(--white); cursor: pointer; font-size: 20px; } .spotify_wrapper { width: 100%; text-align: left;} .spotify_wrapper iframe { width: 100%; height: 400px; margin-top: 30px;} .spotify_wrapper.fired { display: block;} .spotify_wrapper .trigger_close { display: none;} .engagement_attachments { max-width: 920px; margin: 30px auto; padding: 15px; background-color: #f6f6f6;} .attachments_wrapper .trigger_close:before { display: none;} .trigger_close:before { font-family: var(--font-icon); content: '\f057'; font-weight: 900; cursor: pointer; font-size: 20px; color: var(--color2); } .engagement_video .trigger_close { display: none;} .video_hint, .attachments_hint { font-size: 25px; margin-bottom: 30px;} .engagement_attachments .attachment { text-align: left; padding: 10px; margin-bottom: 10px; border: 1px dashed #dedede;} .engagement_attachments .attachment a { color: var(--color2); font-size: 18px;} .engagement_attachments .attachment a:before { font-family: var(--font-icon); content: '\f019'; margin-right: 5px; } @media (max-width: 960px) { .selected_option_info .selected_rate_ctn .caption-cnt { flex-direction: column!important; padding: 15px;} .selected_option_info .caption-alt { padding: 30px 0!important; border-left: unset; border-top: 1px solid #dedede;} .accomodation_info { margin: 0 auto 15px;} } @media (max-width: 767px) { .selected_room_name { width: 100%; font-size: 25px;} .selected_room_price { width: 100%; margin-left: 0; text-align: left; margin-bottom: 20px; font-size: 20px;} .engagement_video iframe { height: auto;} #unlock_offer_form { flex-direction: column;} #unlock_offer_email { width: 100%;} } .smartphone .accomodation_info .info_msg { font-size: 100%;} .smartphone #page.engagement { margin: 0 auto;} .smartphone .engagement_multi { padding: 10px;} .smartphone .engagement_greeting { font-size: 20px;} .smartphone .engagement_multi_info .title, .smartphone .refuse_offer_title { font-size: 18px;} .smartphone #page.engagement_mode .heading { padding-top: 20px;} .smartphone .engagement_mode .engagement_expire { margin-top: 8px; text-align: center;} .smartphone .selected_option_info .caption-alt { background-color: transparent!important;} .smartphone .selected_option_info .selected_rate_ctn .caption-cnt .caption-alt { padding: 10px 0!important;} .smartphone .engagement_media { margin-top: 15px; padding: 0 15px;} .smartphone .engagement_media > div { padding: 50px 15px 15px; border-radius: 5px;} .smartphone .engagement_media > div:before { border-radius: 100%; font-size: 20px;} .smartphone .selected_option_info .selected_rate_ctn .caption, .smartphone .selected_option_info .selected_rate_ctn .caption-cnt .caption-alt { width: 100%!important;} /* FINE ENGAGEMENT PLATFORM */ /* Fasce orarie - Servizi */ .ztemplate .selection_time { display: flex; align-items: center; gap: 3px; margin-left: 10px;} .ztemplate .selection_time select { border: 1px solid #dedede; border-radius: 3px; background-color: #f6f6f6; padding: 3px;} /* ACCESSIBILITÀ: rimosso ".ztemplate .selection_time select:focus { outline:none }" (2.4.7) */ .ztemplate .selection_time:before, .ztemplate .time:before { font-family: var(--font-icon); content: '\f017';} .ztemplate .time { order: 3; margin-left: 5px; display: flex; align-items: center; gap: 3px;} .ztemplate .time:before { font-size: 90%;} .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper.has_time:hover .selection_date { padding-left: 0;} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper.has_time { position: relative; padding: 15px 20px;} .smartphone .ztemplate_rooms .ztemplate .services .subcontents .selector_wrapper.has_time .selection_date { position: relative; top: -10px;} .smartphone .ztemplate .selection_time { position: absolute; bottom: 10px; left: 10px; gap: 2px;} .smartphone .ztemplate .selection_time select { padding: 0; border: unset;} .smartphone .ztemplate .selection_time:before { font-size: 90%; } /* CSS Takyon */ .takyon-scripts-target-info .takyon-info-box { width: auto; align-items: flex-start; background-color: #fff; padding: 15px; border: 1px solid #dedede; margin-bottom: 15px;} img.takyon-logo-little { min-width: unset!important; width: auto; height: auto!important; max-width: 50px;} .takyon-scripts-target-info .takyon-info-box::after { display: none!important;} .takyon-logo { min-width: unset!important; width: auto!important; height: 60px!important;} .ztemplate_rooms .rates .caption-alt { z-index: auto;} .takyon-scripts-target-info .takyon-info-box p { white-space: normal!important; line-height: 1;} .smartphone .takyon-scripts-target-info :where(.takyon-row-1, .takyon-row-2) { flex-wrap: wrap; justify-content: flex-start;} /* Edit Reservation */ .ibe_search_error { width: 100%; text-align: center; padding-top: 15px;} .ibe_search_btn { cursor: pointer; color: #fff;} .ibe_search_box {background-color: #fff; color: #000; padding: 20px; margin: 0 auto; position: absolute; z-index: 9999; top: 0; left: 0; right: 0; box-shadow: 0 0 10px rgb(0 0 0 / 30%); text-align: left; max-width: 766px; display: none;} .ibe_search_box form {background: whitesmoke; padding: 20px;} .ibe_search_box_close { cursor: pointer; position: absolute; top: 4px; right: 10px; font-size: 21px; background: white; padding: 10px 15px; font-size: 0;} .ibe_search_box_close:before { font-family: var(--font-icon); content: '\f00d'; color: #000; font-size: 20px;} .ibe_search_wrapper { padding: 0 25px 15px;} .ibe_search_wrapper.fired .ibe_search_box {display: block;} .ibe_search_box_title { text-align: center; font-size: 22px; margin-bottom: 15px; color: #373737;} .ibe_search_box form { display: flex; flex-direction: row!important; flex-wrap: wrap; } .ibe_search_box form .field, #booking .ibe_search_box form .field.text { width: 50%; margin: 0; padding: 0 15px 20px 15px;} .ibe_search_box form .field input { padding: 10px; width: 100%; text-align: left; line-height: 1; border: 1px solid #dedede; text-transform: inherit!important;} #booking .ibe_search_box .form_element_title, .ibe_search_box .form_element_title, #booking .ibe_search_box .form_element_title.text { color: #373737; font-size: 12px;} .ibe_search_loading .fa-spin, .edit_reservation_loading .fa-spin { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; color: #fff; font-size: 50px;} .ibe_search_loading:before, .edit_reservation_loading:before { position: fixed; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,.8);} #page.thankyou.edit_reservation .side #order_template_wrapper { text-align: left;} .edit_reservation .side { margin-top: 30px;} .edit_reservation .side #bookingform_summary .title { margin: 0 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #dedede; font-size: 190%; color: #575757;} .edit_reservation .section_text { display: none;} .edit_reservation .reservation_code { display: block;} .edit_reservation .section_big_link, .edit_reservation .btn { display: none;} .edit_reservation #order_template_wrapper .row-1 .caption { flex-wrap: wrap; align-items: center; margin-top: 15px; margin-bottom: 10px;} .edit_reservation #order_template_wrapper .row-1 .caption .title_wrapper { width: 100%;} .edit_reservation .rate_arrangement { font-size: 18px;} .delete_reservation_info { padding: 15px; background-color: #fff; margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #dedede; width: 100%; font-size: 16px;} .delete_reservation_info .fieldvalue { display: flex; align-items: center;} .delete_reservation_info .fieldvalue:before { font-family: var(--font-icon); content: '\f05a'; margin-right: 8px; } .delete_reservation { background-color: #ef5f3e; padding: 15px 25px; font-size: 12px; color: #fff; text-transform: uppercase; cursor: pointer;} .delete_reservation .fieldkey { display: flex; align-items: center;} .delete_reservation .fieldkey:before { font-family: var(--font-icon); content: '\f2ed'; margin-right: 10px;} .delete_reservation .fieldvalue { display: none;} .edit_reservation #bookingform_summary .summary { font-size: 15px;} .edit_reservation #order_template_wrapper .ztemplate .elem { position: relative;} .edit_reservation #order_template_wrapper .ztemplate .elem.odd { padding-top: 20px;} .edit_reservation #order_template_wrapper .ztemplate .elem.odd:before { position: absolute; z-index: 1; top: 0; left: -21px; width: calc(100% + 42px); content: ''; background-color: #fff; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; height: 20px; z-index: 1; } #page_error .message .buttons { display: flex; align-items: center; justify-content: center; margin-top: 20px;} #page_error .message .buttons > div { padding: 15px 25px; color: #373737; text-transform: uppercase; cursor: pointer; margin: 0 5px; border: 2px solid #373737;} #booking .ibe_search_box input[type="submit"], .ibe_search_box input[type="submit"] { font-size: 12px;} .edit_reservation #order_template_wrapper .row-2 .rates .caption-alt .fieldkey:not(.details_wrapper .fieldkey) { font-size: 12px;} .edit_reservation .canc_policy_label, .edit_reservation .payment_policy_label { font-size: 12px;} .edit_reservation #order_template_wrapper .rates .caption-alt .ztextarea.g2, .edit_reservation #order_template_wrapper .rates .caption-alt .zlabel.g8 { font-size: 16px;} .smartphone .delete_reservation { width: 100%; margin-bottom: 15px;} .smartphone .ibe_search_box form { flex-direction: column!important;} .edit_reservation .ztemplate .open_desc_order .fieldkey { font-size: 12px!important;} .smartphone .ibe_search_box form .field, .smartphone #booking .ibe_search_box form .field.text { width: 100%; border-bottom: unset;} .smartphone .ibe_search_wrapper .ibe_search_box { height: 100%;} .smartphone #page.thankyou.edit_reservation #content { padding: 0 0 60px;} .smartphone.body_ecommerce_thank_you #page.edit_reservation .heading.colour { border-bottom: 1px solid var(--color1);} .smartphone #page.thankyou.edit_reservation #content:before { display: none;} .smartphone .ibe_search_btn { text-align: center; } .smartphone .ibe_search_wrapper { padding: 0 0 15px;} .smartphone #booking .section_text { margin: 0 auto; } /* SMARTPHONE */ body.smartphone { padding-bottom: 50px; } .smartphone .ztemplate_full .caption-alt { padding: 10px; position: relative; top: 0; left: 0; background-color: transparent; } .smartphone .ztemplate_full .caption { border-bottom: unset; } .smartphone .ztemplate_full .caption img { height: auto; } .smartphone .ztemplate_full .title .a11y-title { color: var(--color1); } .smartphone .ztemplate_full .zoption, .smartphone .ztemplate_full .title a, .smartphone .ztemplate_full .ztextarea.g1, .smartphone .ztemplate_full .ztextarea.g2 { color: var(--gray); } .smartphone .footer_wrapper { padding-top: 30px; } .smartphone .age_group { width: 100%; } .smartphone #booking .guests_wrapper .form_merge_group .age_group .form.field.select { width: calc(100% / 3); } .smartphone .ztemplate_rooms.carousel .elem { opacity: .6; } .smartphone .ztemplate_rooms.carousel .elem.slick-current { opacity: 1; } .smartphone .ztemplate_rooms .caption-alt { padding: 15px; } .smartphone .ztemplate_rooms .ztemplate .title .a11y-title { font-size: 90%; } .smartphone #submenu { margin-top: 40px; } .smartphone .submenu_title { padding-left: 15px} .smartphone #page #content h2 { font-size: 130%; } .smartphone #cnt_forms form .caption-fields { margin: 0; } .smartphone .ztemplate_restaurant .zsimplebutton { margin:15px 0 40px 0; position: inherit; text-align: left; } .smartphone .ztemplate_restaurant .zsimplebutton a { padding: 10px 25px; display: inline-block; background-color: var(--color2); font-weight: var(--font-weight-bold); font-size: 95%; color: var(--white); text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0;} .smartphone .ztemplate_restaurant img { opacity: 1; } .smartphone .ztemplate_restaurant .caption { padding: 0; display: block; }