:root { --color1: #0E2236; --color2: rgba(14, 34, 54, 0.7); } a { -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .text_dyn a, .text_dyn a:hover, .text_dyn a:focus, .text_dyn a:visited {/* color:#5DB59A; */} .text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited { color:#3c3c3c; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity:0.9; } #slideshow img { min-width: 100%; } .clear { clear: both; } .overflow { overflow: hidden; } .documents, .videos { margin: 20px auto 40px auto; } .documents .document { margin: 10px; padding: 0 10px 10px 10px; display: block; clear:both; border-bottom: 1px solid #D5D5D5; overflow:hidden; } .documents .document a { } .documents .document a:before { margin:0px 10px 0px 0px !important; float:left; } .documents .document .document_size { float:right; color: #D5D5D5; } ul.cnt { margin:0; padding:0; display:flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: stretch; } ul.cnt li.half { width:50%; } .cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: flex-start; justify-content: center; } form .caption-fields .field input[type="phone"]::-webkit-input-placeholder { opacity: 0.1; } form .caption-fields .field input[type="phone"]::-moz-placeholder { opacity: 0.1; } form .caption-fields .field input[type="phone"]::-ms-input-placeholder { opacity: 0.1; } form .caption-fields .field input[type="phone"]::-moz-placeholder { opacity: 0.1; } form .caption-fields .field input[type="phone"]::placeholder { opacity: 0.1; } form .form_messages .message { background-color: #eeeeee; color: #384450; } /* Da qui specifico */ /* FIX 404 */ body.body_404 footer .middlebar:before { height: 250px; background-position: center center!important } .default_not_found span { pointer-events: none; } body.body_404 footer .middlebar { position: inherit; } body.body_404 footer .topbar { display: none; } body.body_404 footer .footer_over { background: transparent!important; } .default_not_found span { line-height: 1; } img.left { margin-bottom: 20px!important;} .section_opening { background-color: #0d2236; padding: 30px 20px 30px 60px; color: #fff; font-size: 16px; line-height: 22px; display: block; } .section_opening .vareditor { position: relative; } .section_opening .vareditor:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #fff; text-transform: lowercase; text-align: center; line-height: 1; z-index: 360; content: "\f073"; position: absolute; left: -50px; top: calc(50% - 20px); z-index: 2} button, a { outline: none; } body {font-family: "Hind-Regular";font-size: 14px;color: #4E4E4E;line-height: 16px;overflow-x: hidden;} body { width: 100vw; overflow-x: hidden; } #wrapper { width: 100vw; overflow-x: hidden; } /* mappa */ .gmap { border: 20px solid #fff!important; /* border-left: 0!important; */ width: 100%; margin-top: 40px; -webkit-box-shadow: 31px 33px 20px -25px rgba(0,0,0,0.20); -moz-box-shadow: 31px 33px 20px -25px rgba(0,0,0,0.20); box-shadow: 31px 33px 20px -25px rgba(0,0,0,0.20); } /* Infosplash */ #infosplash #infosplash_container .infosplash_wrapper {max-width: 720px} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .title, #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-size: 35px; font-family: "Oranienbaum-Regular"; border-bottom: 2px solid #880024; } /* Infosplash */ #infosplash { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); padding: 15px} #infosplash #infosplash_container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } #infosplash #infosplash_container .infosplash_wrapper {text-align: right} #infosplash #infosplash_container .infosplash_wrapper .close { font-size: 18px; margin-bottom: 15px; cursor: pointer; } #infosplash .ztemplate { max-width: 640px; border: 4px solid #880024; } #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 15px; text-align: left; } #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-size: 18px; line-height: 1; } #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea p { margin-bottom: 15px;} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { display: inline-block; margin: 30px 0 0 0 } #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 10px 15px; text-transform: uppercase; background-color: var(--color1); font-family: "Raleway-Medium"; font-size: 15px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 50px; letter-spacing: 0.5px;} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink { display: inline-block; margin: 30px 15px 15px 0} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink a{ padding: 10px 15px; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; } #infosplash #infosplash_container .infosplash_wrapper #infosplash_content img { width: 100%; max-width: 640px } #infosplash form .caption-fields .email input { padding: 15px; width: 100%; font-size: 16px; text-align: left; line-height: 1; letter-spacing: 0; } #infosplash form input[type="submit"] { border:none; padding: 15px; margin-top: 25px; text-transform: uppercase;} #infosplash form .caption-fields .field .form_element_title { font-size: 14px; padding-bottom: 5px} @media (max-height: 812px){ #infosplash {overflow: auto;} #infosplash #infosplash_container { align-items: flex-start; }} /* Messaggi persuasivi */ #persuasive_messages { width: 100%; max-width: 440px; } #persuasive_messages .persuasive_message { border: 2px solid var(--color1); } #persuasive_messages :where(h1, h2, h3, h4, h5, h6) { font-family: "Oranienbaum-Regular"; font-size: 30px; color: var(--color1);} /* slide banner */ .slide_banner { display: block; position: absolute; z-index: 998; max-width: 390px; left: -390px; bottom: inherit; top: 50%; transition: .4s; background-color: #fff; padding: 20px; font-size: 18px; line-height: 24px; border: 4px solid #0c2236 } .slide_banner.slide_banner_1 { top: calc(50% - 130px); } .slide_banner.fired { left: 0 } .slide_close_btn { width: 30px; height: 30px; background-color: #0b2236; cursor: pointer; position: absolute; top: 0; right: -30px; z-index: 3; text-align: center; } .slide_close_btn:before {font-family: "FontAwesome5Pro-Regular"; font-size: 26px; color: #fff; text-transform: lowercase; text-align: left; line-height: 30px; content: "\f105";} .slide_banner.fired .slide_close_btn:before {content: '\f104'} .section_awards_cnt { background-color: var(--color1); padding: 20px } .award_cnt { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; max-width: 1266px; margin: 0 auto; } .award_cnt .elem_award { margin: 10px; } .award_cnt .elem_award_7 { clear: both; } @media (max-width: 767px){.slide_banner {max-width: 290px; left: -290px;}} body.villamagnolie .slide_banner { display: block; } /* right slide banner */ .right_slide_banner { position: absolute; z-index: 998; bottom: inherit; top: 50%; transform: translateY(-50%); right: -660px; background-color: #0E2237; color: #fff; max-width: 660px; padding: 15px; transition: .4s } .right_slide_banner .banner_cnt { display: flex; align-items: center; } .right_slide_banner .img_cnt { min-width: 320px} .right_slide_banner .text_cnt { font-family: "Hind-Regular"; font-size: 20px; width: auto; padding: 25px; line-height: 26px} .right_slide_banner .text_cnt a { color: #fff; text-decoration: underline;} .right_slide_close_btn { position: absolute; z-index: 2; left: -50px; cursor: pointer; top: 0; height: 100%; width: 50px; background-color: #07121E } .right_slide_close_btn:before { transition: .4s; transform-origin: center; font-family: "FontAwesome5Pro-Regular"; font-size: 26px; color: #fff; content: '\f105'; font-size: 35px; text-align: center; width: 50px; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%) rotate(-180deg); } .right_slide_banner.fired { right: 0 } .right_slide_banner.fired .right_slide_close_btn:before { transform: rotate(0deg); } @media (max-width: 820px) { .right_slide_banner.fired, .right_slide_banner { position: relative; top: 100%; bottom: unset; right: 0; width: 100%; max-width: unset; } .right_slide_banner .banner_cnt { flex-direction: column; } .right_slide_banner .text_cnt { width: 100%; padding: 15px 0 0 } } /* language */ #language_btn { cursor: pointer; } header { padding: 0px } header .topbar .logo_cnt { width: 620px; } header .logo_header:after { display: block; position: relative; content: ''; line-height: 0px; text-align: center; } header .topbar .sx, header .topbar .dx { width: calc(50% - ( 620px / 2)); } .logo_header { justify-content: center; flex-wrap: wrap; display: flex; text-align: center; align-items: center; } .logo_header .hotel_name { width: 100%; display: block; font-family: "Oranienbaum-Regular"; font-size: 32px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 1; position: relative; } .logo_header .hotel_location { justify-content: center; width: 100%; display: flex; font-family: "Hind-Regular"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 12px; letter-spacing: 1.09px; position: relative; align-items: center; margin: 2px auto 0px auto; } header .logo_header .hotel_location:before { display: block; position: relative; content: ''; line-height: 0px; text-align: center; margin: 0 10px 0 0; top: -2px; } .slideshow_cnt .logo_cnt {top: 120px;left: calc((100% - 228px) / 2);right: unset;bottom: unset;} .slideshow_cnt #slideshow .slide .slick-dots li { display: block; margin: 10px 0px; } .slideshow_cnt #slideshow .slide .slick-dots li button { background: unset; } .slideshow_cnt #slideshow .slick-slide {position: relative;} .slideshow_cnt #slideshow .slick-slide:before { position: absolute; height: 100%; width: 100%; content: ''; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } body.savoia .logo_header .hotel_location:before { content: url(../images/icons/5stars.svg); } body.presolana .logo_header .hotel_location:before { content: url(../images/icons/4stars.svg); } body.montblanc .logo_header .hotel_location:before { content: url(../images/icons/5stars.svg); } body.chaletallago .logo_header .hotel_location:before { content: url(../images/icons/3stars.svg); } body.savona .logo_header .hotel_location:before { content: url(../images/icons/4stars.svg); } body.presidentvenezia .logo_header .hotel_location:before { content: url(../images/icons/4stars.svg); } body.marcorapalace .logo_header .hotel_location:before { content: url(../images/icons/3stars.svg); } body.victoria .logo_header .hotel_location:before { content: url(../images/icons/4stars.svg); } body.roero .logo_header .hotel_location:before { content: url(../images/icons/4stars.svg); } body.adgallias .logo_header .hotel_location:before { content: url(../images/icons/4stars.svg); } body.cervino .logo_header .hotel_location:before { content: url(../images/icons/5stars.svg); } header .topbar .booking_btn .varlink a { padding: 0 35px; } header .topbar .links_cnt .offers_cnt a { padding: 0 35px; } header .topbar .links_cnt .offers_cnt a:before {margin: 0 5px 0 0;line-height: 18px;} body.restaurant header .topbar .links_cnt .offers_cnt a:before { content: '\f2e7' } .booking_btn #varlink_booking_close_btn-cnt { display: none; } .booking_btn.fired #varlink_booking_close_btn-cnt { display: block; } .booking_btn.fired #varlink_booking_btn-cnt { display: none; } .booking_btn.fired #varlink_booking_close_btn-cnt a { color: var(--color1); background-color: #FFFFFF; } .booking form .caption-fields .form.field.select .form_select .add_selector { top: 10px; bottom: unset; cursor: pointer; } .booking form .caption-fields .form.field.select .form_select .remove_selector { top: unset; bottom: 20px; cursor: pointer; } header .topbar .booking_btn { width: 180px; } header .topbar .booking_btn a { width: 100%; } body.restaurant header .topbar .booking_btn .varlink a { background-color: var(--color1);} body.restaurant header .topbar .booking_btn { width: auto;} /* Quandoo */ .quandoo-static-font { font-family: "Oranienbaum-Regular"!important; text-transform: uppercase; font-size: 24px!important; padding: 30px!important;} header .topbar #menu_btn .bars { margin: 0 10px 0 0; } header #menu_btn { padding: 35px; } header .topbar .language_cnt { flex-wrap: wrap; } header .topbar .language_cnt #language_btn {border-left: 1px solid rgba(255, 255, 255, 0.3);background-color: unset;padding: 0 35px; width: 100%;} header .topbar .language_cnt #language_btn:after { margin-left: 5px; } header .topbar .language_cnt {padding: 0px;} header .topbar .language_cnt #language {top: 40px;padding: 0 20px; left: -10px; } header .topbar .language_cnt #language { opacity: 1; height: 0; transform: scale(0); overflow-y: hidden; } header .topbar .language_cnt #language.fired {opacity: 1;height: auto;transform: scale(1);margin: 0px;} header .topbar .language_cnt #language ul { margin: 0px; } header .topbar .language_cnt #language ul li a {background-color: #84919f;padding: 0 10px;line-height: 30px;} header .topbar .language_cnt #language ul li { width: 100% } /* Menu 1 */ .menu_model_1 {background-image: url(../images/bg/bg_menu.png);padding: 40px 0px;background-position: center;background-size: cover;/* align-items: start; */} .menu_model_1 .logo_cnt {padding: 60px;border-right: 1px solid rgba(26,46,67,0.3);} .menu_model_1 .logo_cnt .goto_mythos { text-align: center; } .menu_model_1 .logo_cnt .goto_mythos a { display: block; font-family: "Raleway-Medium"; font-size: 12px; color: #5F5F5F; text-transform: uppercase; text-align: center; line-height: 15px; letter-spacing: 0.33px; margin: 30px auto 0px auto; } .menu_model_1 .navbar-collapse {width: calc(100% - 332px);padding: 0px 60px;} .menu_model_1 .navbar-collapse ul li { margin: 10px; width: calc(100% / 5 - 20px); padding: 10px; } .menu_model_1 .navbar-collapse ul li .menu-description { padding: 5px 0px 0px 10px; } header .topbar #menu_btn .bars .bar.first { transform-origin: left top; } #menu_btn.fired .bars .bar.first { width: 20px; } header .topbar #menu_btn .bars .bar.last { transform-origin: left bottom; } #menu_btn.fired .bars .bar.last { width: 20px; } /* modal_cnt */ .modal_cnt { z-index: 600; } .modal_cnt, .modal_cnt .overlay { transition: 0.5s ease-in; } section#intro { padding: 100px 0px 140px 0px; } section#offers {display: block;position: relative;/* height: 110px; */} section#offers .ztemplate_zsimplebutton_1 {display: block;position: absolute;right: 100px;bottom: -110px;} section#rooms {display: block;position: relative;padding: 100px 0px 0px 0px;} section#rooms {} section#restaurant .restaurant_cnt {display: flex;justify-content: space-between;align-items: flex-start;position: relative;left: 80px;} section#restaurant .restaurant_image {display: block;position: relative;width: 540px;height: 540px;background-image: url(../images/bg/restaurant_home.png);background-size: cover;top: 80px;} body.montblanc section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_montblanc.png);} body.presolana section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_presolana.png);} body.restaurant section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_default.png);} body.savona section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_savona.png);} body.chaletallago section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_chaletallago.png);} body.presidentvenezia section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_savona.png);} body.marcorapalace section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_marcora.png);} body.cervino section#restaurant .restaurant_image {background-image: url(../images/bg/restaurant_home_montblanc.png);} #player_cnt { margin-top: 90px; } #player_cnt iframe#player { min-height: calc(100vh - 90px); } /* Home Gallery */ #gallery .gallery_cnt.slick_on { padding: 0; margin: 50px 0; position: relative;} #gallery .gallery_cnt.slick_on:before { position: absolute; content: ''; width: 2px; height: 90px; background-color: #0d2236; left: 0; right: 0; margin: 0 auto; top: -100px; z-index: 3 } #gallery .gallery_cnt.slick_on:after { display: none; position: absolute; content: ''; width: 2px; height: 90px; background-color: #0d2236; left: 0; right: 0; margin: 0 auto; bottom: -100px; z-index: 3 } #gallery .gallery_cnt.slick_on .slick-next:before { font-family: "FontAwesome5Pro-Regular"; font-size: 22px; color: #000000; text-transform: lowercase; text-align: center; line-height: 1; z-index: 360; position: absolute; left: inherit; right: 0px; bottom: 19px; top: 19px; content: "\f30b"; width: 70px; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-box-shadow: -36px 0px 34px -18px rgba(0,0,0,0.74); -moz-box-shadow: -36px 0px 34px -18px rgba(0,0,0,0.74); box-shadow: -36px 0px 34px -18px rgba(0,0,0,0.74);} #gallery .gallery_cnt.slick_on .slick-prev:before { font-family: "FontAwesome5Pro-Regular"; font-size: 22px; color: #000000; text-transform: lowercase; text-align: center; line-height: 1; z-index: 360; position: absolute; left: 0px; right: inherit; bottom: 19px; top: 19px; content: "\f30a"; width: 70px; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-box-shadow: 36px 0px 34px -18px rgba(0,0,0,0.74); -moz-box-shadow: 36px 0px 34px -18px rgba(0,0,0,0.74); box-shadow: 36px 0px 34px -18px rgba(0,0,0,0.74);} /* #gallery .gallery_cnt.slick_on li.slick-current.slick-active { opacity: .2 } */ #gallery .gallery_cnt.slick_on li { margin: 0 10px; opacity: 1; transition: .4s } #gallery .gallery_cnt.slick_on .slick-list {padding: 0 70px} .page.standard { text-align: left; } .page.standard .pagetop {padding: 40px 0px 100px 0px;position: relative;} .page.standard .text_cnt { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative; } .page.standard .rx.rx1 { margin-top: 40px; } .page.standard .rx.rx2 { margin-top: 40px; } .page.standard .sx {width: calc(70% + 100px);} .page.standard .sx.imgs {width: calc(50% + 100px);} .page.standard .sx:after { content: ''; display: block; position: relative; width: 100%; clear: both; } .page.standard .dx.imgs {width: calc(50% - 100px); padding-top: 60px;} .page.standard .dx {width: calc(30% - 100px);} .page.standard .gallery_target { display: block; position: absolute; top: 0px; right: 0px; width: 100vw; } .page.standard .gallery_cnt .slick-slide {padding: 0px 20px;} .page.standard .gallery_cnt {position: relative;right: 0px;width: calc(100vw / 1.5);display: block;float: right;/* padding-right: 80px; */margin: 40px 0 40px 0;} .page.standard .gallery_cnt:after { content: ''; display: block; position: relative; width: 100%; clear: both; } .page.standard .gallery_cnt .slick-list {margin: 0 -20px;/* width: calc(100% + 80px); */} .page.standard .gallery .slick-list { right: 100px; } .page.standard .gallery .slick-slider button.slick-prev { right: 40px; bottom: 50px; } .page.standard .gallery .slick-slider button.slick-next { right: 40px; } .page.standard .gallery_cnt.singleimage { width: 100%; } .page.standard .gallery_cnt.singleimage .gallery { max-width: 700px; } .page.standard .gallery_cnt.singleimage .gallery .slick-slider { padding-bottom: 15px; } .page.standard .gallery_cnt.singleimage .gallery .slick-list { right: 0px; } .page.standard .gallery_cnt.singleimage .gallery .slick-slider button.slick-prev { right: 100px; bottom: 0px; } .page.standard .gallery ul li img { min-width: unset} .page.standard .groupfield.text.g2 {padding-right: 100px;margin: 0 0 40px 0;} .page.standard .groupfield.text_dyn .fieldvalue { display: block; position: relative; clear: both; margin: 0 0 0px 0; } .page.standard .groupfield.text_dyn .fieldvalue p { display: block; position: relative; margin: 0 0 20px 0; } .page.standard .groupfield.text_dyn .fieldvalue ul { overflow: hidden;} .page.standard .groupfield.text .fieldvalue p { display: block; position: relative; clear: both; margin: 0 0 20px 0; } .page.standard .zlink { margin: 40px 0px 0px 0px; } .page.standard .zlink a { padding: 0 20px; } .page.standard .groupfield.text_dyn img { width: auto; max-width: 100%; padding: 0px 0px; } .page.standard .sx .groupfield.g3.text_dyn .fieldvalue { margin-bottom: 80px; overflow: auto; } .page.standard .sx .groupfield.g3.text_dyn .fieldvalue.first.single { margin-bottom: 0px; } body.restaurant .page.standard.room .sx { width: calc(50% + 50px); } body.restaurant .page.standard.room .dx { width: calc(50% - 50px); } body.restaurant .page.standard .sx { width: calc(50% + 50px); } body.restaurant .page.standard .dx { width: calc(50% - 50px); } .page.standard.showcase .groupfield { width: calc((100% - 160px) / 2) } .page.standard.showcase .groupfield.g2 { margin: 0px 40px 0px 120px; } .page.standard.showcase .pagetop {padding: 40px 0px 40px 0px;} .page.standard.showcase #page_name { margin: 40px 0 0 0; } .page.standard.showcase .text_cnt { margin: 40px 0 0 0; } .page.standard.room .pagetop {padding: 40px 0px 100px 0px;} .page.standard.room .groupfield {width: calc(100% - 160px);} .page.standard.room .groupfield.text p { margin: 0px 0px 20px 0px; } .page.standard.room .groupfield.text_dyn p { margin: 0px 0px 20px 0px; } .page.standard.room #page_name { margin: 0px; } .page.standard.room .groupfield.g2 {margin: 0 100px 0 120px;width: calc(100% - 160px);} .page.standard.room .facilities_cnt {width: 100%;padding: 0 0 0 30%;/* padding: 20px 60px; */margin: 100px 0px 0px 0px;clear: both;display: block;} .page.standard.room .facilities_cnt .groupfield {width: 100%;padding: 20px 60px;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .page.standard.room .facilities_cnt .zcheckbox .fieldkey { width: 100%; } .page.standard.room .facilities_cnt .zcheckbox .fieldvalue { width: 33.333%; padding: 0 20px 0 14px; position: relative; margin: 20px 0px 0px 0px; } .page.standard.room .facilities_cnt .zcheckbox .fieldvalue:before { content: ''; width: 4px; height: 4px; background-color: rgba(255,255,255,1); border-radius: 100%; position: absolute; top: 9px; left: 0px; } .page.standard.room .zinput.g6:before { margin-right: 20px; } .page.standard.room .section_other {width: 70%;padding: 0px;/* padding: 20px 60px; */margin: 100px 0px 0px auto;clear: both;display: block;} .page.standard.room .section_other .section_title { margin: 0 0 60px 60px; } .page.standard.showcase.offers .pagetop { padding-bottom: 200px; } .page.standard #page_name {text-transform: uppercase;margin: 0;} .page.standard .facilities_cnt .zcheckbox .fieldkey { text-transform: uppercase; } .page.standard .section_other .section_title { text-transform: uppercase; } .page.standard.page_offer .sx.imgs { width: calc(40% + 100px); } .page.standard.page_offer .dx.imgs { width: calc(60% - 100px); } .page.standard.page_offer .form_cnt { width: 100% } .page.standard.page_offer .gallery_cnt.singleimage .gallery { max-width: 500px; } .page.standard.page_offer .submenu_cnt { /* margin: 0px 0 0 auto; */ } .page.standard.page_offer .submenu_cnt.submenu_cnt_with_image { margin: -100px 0 0 auto; } .page.standard .album_cnt {display: flex;flex-wrap: wrap;width: 70%;margin: 30px auto 0px -10px;justify-content: flex-start;align-items: flex-start;} .page.standard .album_cnt .album {margin: 10px;width: calc(100% / 3 - 20px);} .page.standard .album_cnt .album .album_title {text-align: center;text-transform: uppercase;font-family: "Oranienbaum-Regular";font-size: 20px;line-height: 25px;color: var(--color1);} .page.standard.album #page_name {text-align: center;width: 100%;} .page.standard .return_btn a { padding: 0 20px; top: 40px; position: relative; } .page.standard .video_cnt {display: block;width: 70%;margin: 0px auto 0px 0px; background-color: unset; box-shadow: none;} .page.standard .video_cnt .video { margin: 30px 0 40px 0; box-shadow: none; } .ztemplate_zsimplebutton_1 .zsimplebutton a { padding: 0px 0px 0px 30px; } .ztemplate_zsimplebutton_1 .zsimplebutton a:before { top: -4px !important; transform: rotate(45deg); transition: 0.15s ease-in; } .ztemplate_zsimplebutton_1 .zsimplebutton a:after { transition: 0.15s ease-in; } /* .ztemplate_zsimplebutton_1 .zsimplebutton:hover a:after { left: 0 !important; } .ztemplate_zsimplebutton_1 .zsimplebutton:hover a:before { left: 0 !important; } */ .ztemplate_zsimplebutton_1 .zsimplebutton { margin: 40px auto 0px 0px; } .ztemplate_arrows_1 .ztemplate .row .slick-slider button {display: block;position: absolute;width: 50px;height: 50px;/* background: #F00; */bottom: 10px;left: -50px;display: flex !important;align-items: center;justify-content: center;} .ztemplate_arrows_1 .ztemplate .row .slick-slider button:before {/* line-height: 50px; *//* bottom: unset; */} .ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-prev { bottom: 60px; } .ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-next { } /* template1 */ .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption { width: 300px; overflow: hidden; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption img {transition: .4s} .ztemplate_model_1 .ztemplate .row .box .elem:hover .caption-cnt .caption img { transform: scale(1.1) rotate(3deg); } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: calc(100% - 300px); } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 25px 15px; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt .title:after { margin: 15px auto 0px 0px; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {margin: 10px 0px 0px 0px;position: relative;display: block;} .ztemplate_model_1.showcase {display: block;position: relative;width: 100%;margin: 60px 0px 0px 0px;max-width: unset;} .ztemplate_model_1.showcase .ztemplate:after { content: ''; display: block; width: 100%; clear: both; } .ztemplate_model_1.showcase .ztemplate .row .box { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .ztemplate_model_1.showcase .ztemplate .row .box .elem { width: calc(50% - 40px); margin: 20px; } .ztemplate_model_1.showcase .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { width: 100%; } .ztemplate_model_1.showcase { width: 100%; top: 0; } .ztemplate_model_1.showcase .ztemplate .row .box .elem .groupfield { width: 100%; } .showcase_page .ztemplate_model_1.showcase { top: 0px; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { margin: 20px 0px 0px 0px; width: calc((100% - 160px) / 2); } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { margin: 20px 40px 0px 120px; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton { margin: 20px 0px 0px 0px; padding: 0 0 0 120px; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .title a {width: 400px;} body.savoia .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .title a {width: auto;} .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt { } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { align-content: center; padding: 0 20px; top: calc(( 100% - 470px) / 2); } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a:after { margin: 10px auto; } .ztemplate_model_3 .ztemplate .row .box .slick-dots {height: 40px;padding: 0px 30px;display: flex !important;justify-content: center;align-items: center;} .ztemplate_model_3 .ztemplate .row .box .slick-dots li { margin: 0px; } .ztemplate_model_3 .ztemplate .row .box .slick-dots li button { margin: 0px 10px !important; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { margin: 30px auto 0px auto; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 0 30px; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {/* width: 100%; *//* padding: 0px; */margin: 0px;} .page.standard.showcase .ztemplate_model_3 .ztemplate .row .box .elem { margin-top: 100px; } .page.standard.showcase .ztemplate_model_3 .ztemplate .row .box .elem.odd .caption-cnt .caption-alt { left: 100px; right: unset; } /* template4 */ .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt {/* position: unset; */} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption {position: absolute;top: 100px;left: 40px;bottom: 400px;right: unset;z-index: 0;width: calc(100% - 80px);overflow: hidden;} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption img { opacity: 0.1; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 100px 0px;} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { margin: 20px 0px 0px 0px; width: calc((100% - 160px) / 2); } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { margin: 20px 40px 0px 120px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin: 40px 0px 0px 0px;padding: 0 0 0 120px;} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {width: 300px;} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt_cnt { z-index: 1; } /* template5 */ .ztemplate_model_5 {/* margin-bottom: 290px; *//* margin-left: calc(25% - 30px); *//* width: 100vw; *//* position: absolute; */overflow-x: hidden;/* width: calc(125vw); *//* left: 20px; */} .ztemplate_model_5 .ztemplate .row .box .elem {margin-right: 60px;/* width: 70vw !important; */} .ztemplate_model_5:after { content: ''; display: block; width: 100%; clear: both; } .ztemplate_model_5 .ztemplate {left: calc(25%);position: relative;} .ztemplate_model_5 .ztemplate .box .slick-list { padding: 0px 0px 100px 0px; } .ztemplate_model_5.ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-prev { bottom: calc(100px + 50px); } .ztemplate_model_5.ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-next { bottom: calc(100px + 0px); } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt { background-color: #132639 } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption img { transition: .9s; opacity: .2 } .ztemplate_model_5 .ztemplate .row .box .elem.slick-current .caption-cnt .caption img { opacity: 1 } .ztemplate_model_5 .ztemplate.only_one {width: 50%; left: 0} /* template6 */ .ztemplate_model_6 {width: calc(100% - 540px - 180px);margin-right: auto;position: relative;top: 120px;} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt {position: relative;/* height: 100vh; */} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption { order: 1; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt { order: 2; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { padding: 0px 0px 0px 80px; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton { text-align: left; padding-left: 80px; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { margin-top: 40px; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3:before {margin: 20px auto 30px 0px;} /* template7 */ .ztemplate_model_7 .ztemplate .slick-list { margin: 0 -20px; } .ztemplate_model_7 .ztemplate .slick-slide { margin: 0px 20px; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 0 40px; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton {margin: 60px auto 0px auto;position: relative;text-align: center;display: block;} .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; padding-left: 30px; position: relative; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea:before { margin: 30px auto; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt {overflow: hidden;} .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { transition: 0.25s ease-in; opacity: 0; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption img { transition: 0.25s ease-in; opacity: 0; } .ztemplate_model_7 .ztemplate .row .box .elem:hover .caption-cnt .caption-alt .zsimplebutton { opacity: 1; } .ztemplate_model_7 .ztemplate .row .box .elem:hover .caption-cnt .caption img { opacity: 0.5; transform: scale(1.15) rotate(5deg); } .ztemplate_model_7 .ztemplate .row .box { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; } .ztemplate_model_7 .ztemplate .row .box .elem { width: calc(100% / 3 - 40px); margin: 0 20px } .ztemplate_model_7 .slick-dots { display: none; } .ztemplate_model_7 { margin-bottom: -40px } .ztemplate_model_8 { } .ztemplate_model_8 .ztemplate .row .box .elem { display: flex; justify-content: flex-start; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(2n+1) { display: flex; justify-content: flex-end; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt { max-width: calc(1440px / 2); margin: 0px; padding: 80px 30px; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; position: relative; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .zinput { width: 100%; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .title { width: 100%; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .title:after { display: block; margin: 40px auto; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption img {min-width: 100%;max-width: 100%;width: calc(1440px / 2);display: block;position: relative;} .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea {width: 100%;margin: 40px 0px 40px 0px;} .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a { padding-left: 30px; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+1):before {content: '';display: block;position: absolute;top: 0px;left: 0px;bottom: 0px;width: 100vw;background-image: url(../images/bg/bg_room_showcase.png); background-position: center; background-size: cover; z-index: -1;} .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3), .ztemplate_model_ .ztemplate .row .box .elem:nth-child(4n+4) { } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zinput, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .title a, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .ztextarea, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a { color: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a:after { color: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a:before { background: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zinput, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .title a, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .ztextarea, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a { color: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a:after { color: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a:before { background: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .title a { text-transform: uppercase; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a:before {/* top: -2px; *//* transform: rotate(45deg); *//* transition: 0.25s ease-in; */} .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a:after { top: 2px; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { padding: 0 60px; } .ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption {background-color: #000} .ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption img {opacity: .7} .ztemplate_model_9 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { text-transform: uppercase; } .ztemplate_model_9 .ztemplate .slick-list { left: 60px; width: calc(100% - 60px); } .ztemplate_model_9 .ztemplate .row .slick-slider button.slick-prev { left: 10px; bottom: 50px; } .ztemplate_model_9 .ztemplate .row .slick-slider button.slick-next { left: 10px; } .ztemplate_model_9 .ztemplate .slick-slide {padding: 0px 5px;} body.chaletallago .ztemplate_model_9 .ztemplate .row .box .slick-track, body.savona .ztemplate_model_9 .ztemplate .row .box .slick-track, body.presidentvenezia .ztemplate_model_9 .ztemplate .row .box .slick-track {width: auto!important;} .ztemplate_zsimplebutton_2 .zsimplebutton a { padding: 0px 0px 0px 30px; } .ztemplate_zsimplebutton_2 .zsimplebutton a:before { top: -2px; transform: rotate(45deg); transition: 0.15s ease-in; } .ztemplate_zsimplebutton_2 .zsimplebutton a:after { transition: 0.15s ease-in; } .ztemplate_zsimplebutton_2 .zsimplebutton:hover a:after {left: 0 !important; } .ztemplate_zsimplebutton_2 .zsimplebutton:hover a:before {left: 0 !important;} .booking { padding: 10px; margin: 0 0 0 auto; } .booking .topbar {padding: 0 10px 20px 10px;} .booking .topbar .section_title { text-transform: uppercase; } .booking .topbar .section_subtitle { margin-bottom: 20px; } .booking form { display: block; position: relative; } .booking form .caption-fields { display: flex; position: relative; flex-wrap: wrap; } .booking form .caption-fields .form.field.date { width: calc(50% / 2 - 20px); margin: 10px; } .booking form .caption-fields .form.field.select { width: calc(50% / 3 - 20px); margin: 10px; } .booking form .caption-fields .form.field.text { width: calc(100% / 2 - 20px); margin: 10px; } .booking form .caption-fields .form.field.select .form_select .current_value:after { display: none; } .booking form .caption-fields .form.field.select .form_select .elements_list { display: none !important; } .booking form .caption-fields .form.field.date .date_from_html:after { display: none; } .booking form .caption-fields .form.field.date .date_from_html .year { padding: 0 10px; } .booking form .caption-fields .form.field.text.element_14 .form_element_title {text-align: center;padding: 15px 0 0 0;} .booking form .caption-fields input[type="submit"] { width: calc(50% - 20px); margin: 10px; } .booking form .caption-fields .form.field.text input[type=text] { text-transform: inherit; } .booking .form_cnt form .caption-fields .form.field.text input[type=text] { text-transform: unset; } .booking .form_cnt form .caption-fields .form.field.text { margin: 0px; width: calc(100% / 2); } .booking .form_cnt form .caption-fields .form.field.text input[type=text] { background-color: unset } .booking .varscript { height: 380px} .submenu_cnt {width: calc(30% + 0px);margin: 15px 0 0 auto;/* padding: 20px 60px; */padding: 20px 40px;clear: both;display: block;} .submenu_cnt .section_title { text-transform: uppercase; } .submenu_cnt.absolute {position: absolute;top: 0px;right: 0px;} .submenu_cnt .submenu ul li.active { display: none !important; } .page.standard .form_cnt {width: 40%;margin: 80px auto 0px auto;padding: 10px;} .page.standard.contacts .form_cnt {width: calc(100% - 100px);margin: 0px auto 0px 0px;} .form_cnt form .caption-fields .form.field { padding: 10px; } .form_cnt form .caption-fields .form.field input {border: 1px solid #e2e2e2;outline: none;text-transform: unset;} .form_cnt form .caption-fields .form.field textarea {border: 1px solid #e2e2e2;outline: none;text-transform: unset;} .form_cnt form .caption-fields .form.field.select .form_select .elements_list .option { padding: 5px 5px; } .form_cnt form #showprivacy { width: 100%; margin-left: 10px; } form .g-recaptcha { position: absolute; } .form_cnt form .caption-fields input[type="submit"] { margin-left: 10px; } .document_cnt {width: calc(100% - 100px);display: block;margin: 0px 100px 40px auto;background: rgba(255,255,255,0.5);border: 10px solid #e8e8e8;padding: 15px;position: relative;/* clear: both; */} .documents { margin: 0px; padding: 0px; } .documents .document { margin: 0px; padding: 5px; border: 0px;} .documents .document .document_size, .archive_size { display: none; } .document a { line-height: 20px; } .document a:before {content: '\f1c1';display: inline-block;font-family: "FontAwesome5Pro-Light";font-size: 20px;color: #4D4D4D;text-transform: lowercase;text-align: center;line-height: 1;letter-spacing: 0;position: relative;margin: 0 10px 0;} .archives .archive a {padding: 5px;display: block; line-height: 20px;} .archive a:before {content: '\f1c6';display: inline-block;font-family: "FontAwesome5Pro-Light";font-size: 20px;color: #4D4D4D;text-transform: lowercase;text-align: center;line-height: 1;letter-spacing: 0;position: relative;margin: 0 10px 0 0;position: relative;top: 3px;} .album_image_cnt { font-size: 0px; text-align: center; } .album_image_cnt img {width: calc(100% / 3 - 40px);margin: 20px;} body.home #player_cnt iframe#player {width: 75%;height: auto;min-height: 50vh;margin: 0 15%;display: block;position: relative;} body:not(.home) footer .topbar {padding-top: 200px;} body.restaurant:not(.home) footer .topbar { padding-top: 100px; } body:not(.home) footer .footer_over { display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 100px; z-index: -1; background: background: linear-gradient(to right, rgba(255,255,255,0) 30%, #F6F6F6 30%, #F6F6F6 70%, rgba(255,255,255,0) 70%);background: -moz-linear-gradient(to bottom, #FFFFFFFF 0%, #FFFFFF00 50%);background: -ms-linear-gradient(to bottom, #FFFFFFFF 0%, #FFFFFF00 50%);background: linear-gradient(to bottom, #FFFFFFFF 0%, #FFFFFF00 50%); } body.home.cervino #restaurant { margin-bottom: 40px} footer { position: relative; } footer .topbar .logo_footer_cnt { margin: 120px auto 160px auto; } footer .topbar .logo_footer_cnt .logo_img { display: block; } footer .topbar .logo_footer_cnt .logo_img_alt { display: none; } footer .middlebar {position: relative;background-color: unset;padding: 45px 60px 45px 60px;} footer .middlebar:before {content: '';width: 100vw;height: 100vw;z-index: -2;background-position: center bottom;background-size: cover;} body.presolana footer .middlebar:before {background-image: url(../images/bg/bg_footer_presolana_color.jpg);} body.montblanc footer .middlebar:before {background-image: url(../images/bg/bg_footer_montblanc_color.jpg);} body.savoia footer .middlebar:before {background-image: url(../images/bg/bg_footer_savoia_color.jpg);} body.savona footer .middlebar:before {background-image: url(../images/bg/bg_footer_savona_color.jpg);} body.chaletallago footer .middlebar:before {background-image: url(../images/bg/bg_footer_chaletallago_color.jpg); background-position: center top;} body.presidentvenezia footer .middlebar:before {background-image: url(../images/bg/bg_footer_president_color.jpg); background-position: center top; opacity: 0.5;} body.marcorapalace footer .middlebar:before {background-image: url(../images/bg/bg_footer_marcorap_color.jpg); background-position: center top;} body.victoria footer .middlebar:before {background-image: url(../images/bg/bg_footer_victoria_color_cortina_06.jpg); background-position: center top;} body.roero footer .middlebar:before {background-image: url(../images/bg/bg_footer_roero_color.jpg); background-position: center top;} body.cervino footer .middlebar:before {background-image: url(../images/bg/bg_footer_montblanc_color.jpg);} body.savona footer .topbar .logo_footer_cnt .logo_img { display: none; } body.savona footer .topbar .logo_footer_cnt .logo_img_alt { display: block; } body.chaletallago footer .topbar .logo_footer_cnt .logo_img { display: none; } body.chaletallago footer .topbar .logo_footer_cnt .logo_img_alt { display: block; } body.marcorapalace footer .topbar .logo_footer_cnt .logo_img { display: none; } body.marcorapalace footer .topbar .logo_footer_cnt .logo_img_alt { display: block; } body.victoria footer .topbar .logo_footer_cnt .logo_img { display: none; } body.victoria footer .topbar .logo_footer_cnt .logo_img_alt { display: block; } body.roero footer .topbar .logo_footer_cnt .logo_img { display: none; } body.roero footer .topbar .logo_footer_cnt .logo_img_alt { display: block; } body.montblanc .booking form .caption-fields .form.field.element_14 .form_element_title { padding: 0px; margin: 0px; } body.montblanc .booking form .caption-fields .form.field.element_14 a { border: 1px solid var(--color1); width: 100%; text-align: center; padding: 17px 0px; } footer .middlebar .sx, footer .middlebar .cx, footer .middlebar .dx { width: 33.333%; } footer .middlebar .social_cnt .socialnet { margin: 0 30px 0 0; } footer .middlebar .contacts a { display: inline-block; color: #FFFFFF; } footer .middlebar .menu_model_2 .navbar-collapse ul { display: block; margin: 0 60px 0 0; padding: 0; text-align: right; } footer .middlebar .menu_model_2 .navbar-collapse ul li { float: unset; margin: 0 0 0 30px; text-align: left; } footer .middlebar .menu_model_2 .navbar-collapse ul li a { text-align: left; margin: 10px 0; } footer .bottombar { padding: 0 60px; } footer .bottombar .dx .partner_cnt .varscript .partner { margin: 10px 10px 10px 10px; } /*body.restaurant footer .bottombar .sx { width: 100%; text-align: center; justify-content: center; height: 80px; }*/ body.restaurant footer .middlebar:before { display: none; content: ''; } body.restaurant footer .middlebar { background-color: var(--color1); } body.restaurant footer .topbar .logo_footer_cnt { padding: 60px 0px; } /*body.savona footer .bottombar .sx { width: 100%; text-align: center; justify-content: center; height: 80px; }*/ /*footer .bottombar.single_col .sx { width: 100%; text-align: center; justify-content: center; height: 80px; }*/ body.presolana footer .bottombar .sx {width: calc(100% - 380px)} body.presolana footer .bottombar .dx { min-width: 320px; width: auto; } #top_seo { line-height: 16px; } .bg_central_stripe { background: linear-gradient(to right, rgba(255,255,255,0) 30%, #F6F6F6 30%, #F6F6F6 70%, rgba(255,255,255,0) 70%); background: -moz-linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%, #F6F6F6 70%, #FFFFFF 70%); background: -ms-linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%, #F6F6F6 70%, #FFFFFF 70%); background: linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%, #F6F6F6 70%, #FFFFFF 70%); } .bg_central_to_right_stripe {background: linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%);background: -moz-linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%);background: -ms-linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%);background: linear-gradient(to right, #FFFFFF 30%, #F6F6F6 30%);} .bg_vertical_trasparent { background-image: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1)); background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1)); background-image: -ms-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1)); background-image: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1)); } .bg_central_stripe_trasparent {background: linear-gradient(to right, rgba(255,255,255,0) 30%, #F6F6F6 30%, #F6F6F6 70%, rgba(255,255,255,0) 70%);background: -moz-linear-gradient(to right, #FFFFFF00 30%, #F6F6F6 30%, #F6F6F6 70%, #FFFFFF00 70%);background: -ms-linear-gradient(to right, #FFFFFF00 30%, #F6F6F6 30%, #F6F6F6 70%, #FFFFFF00 70%);background: linear-gradient(to right, #FFFFFF00 30%, #F6F6F6 30%, #F6F6F6 70%, #FFFFFF00 70%);} .cb { display: block; position: relative; width: 100%; clear: both; } /* cervino one-page */ body.cervino .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton { display: none !important; } body.cervino footer .middlebar:before { display: none !important; } body.cervino footer .middlebar { background-image: unset !important; background-color: var(--color1) !important; } body.cervino footer .topbar .logo_footer_cnt { margin-bottom: 40px; } body.cervino footer .middlebar .dx { width: 0%; } body.cervino footer .middlebar .cx { width: 100%; } body.cervino footer .bottombar .sx { text-align: center; width: 100%; justify-content: center; } body.cervino header .topbar .booking_btn .varlink a { padding: 0px; } body.home .home_contacts_cnt { font-family: "Hind-Regular"; font-size: 20px; color: #FFFFFF; text-align: center; line-height: 25px; padding: 40px; background-color: var(--color1); margin: 40px auto; max-width: 300px; } body.home .home_contacts_cnt a { color: #FFFFFF; } /* Animation FdG */ @keyframes rotate { 0% { transform: rotate(45deg); height: 18px; width: 18px; top: 0px } 40% { transform: rotate(180deg); height: 18px; width: 18px; top: -2px } 50% { transform: rotate(180deg); height: 58px; top: -22px; } 60% { transform: rotate(180deg); height: 58px; width: calc(100% + 30px); top: -22px; } 70% { transform: rotate(180deg); height: 58px; width: calc(100% + 30px); top: -22px; } 100% { transform: rotate(180deg); height: 58px; width: calc(100% + 30px); top: -22px; } } @keyframes spin_right { 0% { left: 0 } 40% { left: 0 } 50% { left: calc(100% + 8px) } 60% { left: calc(100% + 8px) } 70% { left: calc(100% + 8px) } 100% { left: calc(100% + 8px) } } @keyframes fill_right { 0% { width: 0 } 100% { width: 50%; left: 0; } } @keyframes fill_left { 0% { width: 0 } 100% { width: 50%; right: 0; } } @keyframes pulse { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } /* pulsanti */ .ztemplate .zsimplebutton a {z-index: 1; position: relative;} /* .ztemplate .zsimplebutton a:hover { color: #fff; transition-delay: .3s}*/ .ztemplate .zsimplebutton a:before {z-index: -1!important;} /* .ztemplate_zsimplebutton_1 .zsimplebutton a:hover:before { animation: rotate .8s ease-out; animation-fill-mode: forwards; } .ztemplate_zsimplebutton_1 .zsimplebutton a:hover:after { animation: spin_right 1s ease-out; animation-fill-mode: forwards; } .ztemplate_model_8 .zsimplebutton a:hover:before { animation: rotate .8s ease-out; animation-fill-mode: forwards; } .ztemplate_model_8 .zsimplebutton a:hover:after { animation: spin_right 1s ease-out; animation-fill-mode: forwards; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {color: var(--color1);} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a:hover {color: #fff;} .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover {color: var(--color1);} .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a:hover {color: var(--color1);} .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a:hover {color: #fff;} .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a:hover {color: #fff;} */ .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { position: absolute; content: ''; height: 100%; width: 0; background-color: #30597d; top: 0; left: 0; transition: .3s} .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { position: absolute; z-index: -1; content: ''; height: 100%; width: 0; background-color: #30597d; top: 0; right: 0; transition: .3s} /* .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:before { animation: fill_right .4s ease-out; animation-fill-mode: forwards; animation-direction: alternate; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover:after { animation: fill_left .4s ease-out; animation-fill-mode: forwards; animation-direction: alternate; } */ /* zlink */ .page.standard .zlink a {position: relative; z-index: 1;} .page.standard .zlink a:before { z-index: -1; position: absolute; content: ''; height: 100%; width: 0; background-color: #30597d; top: 0; left: 0; transition: .3s} /* .page.standard .zlink a:hover:before { animation: fill_right .4s ease-out; animation-fill-mode: forwards; }*/ .page.standard .zlink a:after { position: absolute; z-index: -1; content: ''; height: 100%; width: 0; background-color: #30597d; top: 0; right: 0; transition: .3s} /* .page.standard .zlink a:hover:after { animation: fill_left .4s ease-out; animation-fill-mode: forwards; animation-direction: alternate; } */ /* Submenu */ .submenu #tree > li > a {position: relative; z-index: 1;} .submenu #tree > li > a:before { position: absolute; content: ''; z-index: -1; left: 0; top: -2px; width: 0; height: 100%; background-color: #fff; transition: .3s } .submenu #tree > li:hover > a:before { width: calc(100% + 10px); } .submenu #tree > li:hover > a { padding-left: 10px; color: var(--color1) } /* form */ .form_cnt form .caption-fields .form.field input, .form_cnt form .caption-fields .form.field textarea { height: 47px; transition: .3s} .form_cnt form .caption-fields .form.field input:focus, .form_cnt form .caption-fields .form.field textarea:focus {border-color: #0e2336; border-bottom: solid 5px #0e2336; } /* Menu */ .menu_model_1 .navbar-collapse ul li { transition: .3s } .menu_model_1 .navbar-collapse ul li:hover { background-color: #F2F6F8; } .menu_model_1 .navbar-collapse ul li:after { transition: .4s; width: 0%; height: 4px; background-color: var(--color1); z-index: 2; position: absolute; left: 0px; right: unset; top: unset; bottom: 0px; content: ''; } .menu_model_1 .navbar-collapse ul li:hover:after { width: 100% } /* Booking */ .booking form .caption-fields .form.field.select .form_select .add_selector:after { position: absolute; width: 60px; height: 60px; border-radius: 100%; transform: scale(0); transform-origin: center; content: ''; background-color: rgba(14, 35, 54, .4); z-index: 1; left: -60px; top: -10px; } .booking form .caption-fields .form.field.select .form_select .add_selector:active:after { animation: pulse .2s ease-out; animation-fill-mode: forwards; animation-play-state: running; } .booking form .caption-fields .form.field.select .form_select .remove_selector:after { position: absolute; width: 60px; height: 60px; border-radius: 100%; transform: scale(0); transform-origin: center; content: ''; background-color: rgba(14, 35, 54, .4); z-index: 1; left: -60px; top: -30px; } .booking form .caption-fields .form.field.select .form_select .remove_selector:active:after { animation: pulse .2s ease-out; animation-fill-mode: forwards; animation-play-state: running; } /* Form Landing */ .page.standard .form_cnt.landing_form { margin: 0 auto; font-family: "Oranienbaum-Regular"; font-size: 35px; color: var(--color1); line-height: 45px; letter-spacing: -0.85px; } section#video { display: none; } .ztemplate_model_7 .ztemplate .slick-list { width: calc(100% - 60px); left: 60px; } .ztemplate_model_7.ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-arrow { align-content: center; background-color: rgba(255,255,255,1); align-items: center; } .ztemplate_model_7.ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-prev { left: 0px; bottom: 70px; } .ztemplate_model_7.ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-next { left: 0px; } .ztemplate_model_7.ztemplate_arrows_1 .slick-slider button.slick-prev:before, .ztemplate_model_7.ztemplate_arrows_1 .slick-slider button.slick-next:before { position: relative; } .form_cnt form .caption-fields .form.field.select .form_select .current_value { border: 1px solid #e2e2e2; padding: 0 10px; line-height: 45px; } .form_cnt form .caption-fields .form.field.date { float: left; text-align: left; } .form_cnt form .caption-fields .form.field.date .date_from_html { text-align: center; position: relative; } .form_cnt form .caption-fields .form.field.date .date_from_html .day { font-family: "Oranienbaum-Regular"; font-size: 42px; color: #929292; text-transform: lowercase; text-align: center; line-height: 45px; letter-spacing: 0; } .form_cnt form .caption-fields .form.field.date .date_from_html .month { display: none; text-align: left; } .form_cnt form .caption-fields .form.field.date .date_from_html .month_name { display: none; text-align: left; } .form_cnt form .caption-fields .form.field.date .date_from_html .month_name_tiny { width: 100%; display: block; font-family: "Hind-Regular"; font-size: 14px; color: #4D4D4D; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 1px; } .form_cnt form .caption-fields .form.field.date .date_from_html .year { background-color: var(--color1); font-family: "Hind-Regular"; font-size: 12px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 20px; letter-spacing: 0; } .form_cnt form .caption-fields .form.field.date .date_from_html:after { display: none; } .table_cnt table { background-color: #FFFFFF; } .table_cnt table th { background-color: var(--color1); font-size: 11px!important; color: #FFFFFF; padding: 10px 4px; border: 1px solid #fff; text-align: center; } .page.standard .groupfield.text_dyn .fieldvalue .table_cnt table { margin: 0px 0px 40px 0px; -webkit-box-shadow: 31px 33px 20px -25px rgba(0,0,0,0.20); -moz-box-shadow: 31px 33px 20px -25px rgba(0,0,0,0.20); box-shadow: 31px 33px 20px -25px rgba(0,0,0,0.20); } .page.standard .groupfield.text_dyn .fieldvalue .table_cnt table p { margin: 0px; } .page.standard .groupfield.text_dyn .fieldvalue .table_cnt { font-size: 14px; } .page.standard .groupfield.text_dyn .fieldvalue .table_cnt td { padding: 8px!important; background: #f3f3f3; border: 1px solid #fff; text-align: center; } .page.standard .groupfield.text_dyn .fieldvalue .table_cnt table {border-spacing: 2px;} /* fix */ .page.standard.contacts .sx { width: 50%; order: 2 } .page.standard.contacts .dx { width: 50%; order: 1 } /* Configurazione per RWD */ /* Generic Mobile Devic Tablet */ @media (min-width: 1441px) { .container {width: 1440px;} } @media (max-width: 1679px) { .page .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption { width: 230px; } .page .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: calc(100% - 230px); } .ztemplate_zsimplebutton_1 .zsimplebutton { margin: 40px auto 0px 0px } section#offers .ztemplate_zsimplebutton_1 { bottom: -240px } section#intro { padding: 160px 0px 140px 0px } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt { align-items: center; margin-top: 0px; } .ztemplate_model_6 { width: calc(100% - 540px - 80px) } .ztemplate_model_8 { background-color: #FFFFFF; } footer .middlebar .menu_model_2 .navbar-collapse ul {flex-wrap: wrap;justify-content: flex-end;} footer .middlebar .menu_model_2 .navbar-collapse ul li {width: calc(100% / 3 - 30px);text-align: right; margin: 0 0 10px 30px;} footer .middlebar .menu_model_2 .navbar-collapse ul li a { text-align: right; } footer .bottombar .sx { width: 70%; } footer .bottombar .dx { width: 30%; justify-content: flex-end; } } @media (max-width: 1440px){ .page.standard .gallery_cnt.singleimage .gallery .slick-slider { padding-bottom: 50px} } @media (max-width: 1439px) { section#offers .ztemplate_zsimplebutton_1 { position: relative; bottom: unset; right: -60px; max-width: unset; width: calc(100% - 60px); } .submenu_cnt .section_title { line-height: 36px; } .submenu_cnt .section_title:after { margin-top: 10px; } .page.standard.room .dx .groupfield { width: 100%; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { right: 60px; } .page.standard.showcase .ztemplate_model_3 .ztemplate .row .box .elem.odd .caption-cnt .caption-alt { left: 60px; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { margin-top: 0px; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 0px 10px 0px 15px; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt { align-items: center; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption img { object-fit: cover; object-position: center; } section#intro { padding: 90px 0px 140px 0px } } @media (max-width: 1365px) { section#restaurant .restaurant_cnt { left: unset; } header { width: 100vw; /* overflow-y: hidden; */ } .modal_cnt { width: 100vw; } .menu_model_1 .navbar-collapse ul li { width: calc(100% / 4 - 20px) }; } @media (max-width: 1279px) { section#offers { max-width: 700px; margin: 0 auto; } .page.standard .sx { width: calc(100% - 40%); } .page.standard .dx { width: calc(100% - 40%); padding-top: 0px; } body.restaurant .page.standard.room .sx { width: calc(100% - 40px); } body.restaurant .page.standard.room .dx { width: calc(100% - 40px); } .submenu_cnt { width: calc(40%); padding: 20px; } .page.standard .form_cnt { width: calc(100% - 40% - 20px); margin: 80px auto 0px 20px; } .page.standard.contacts .dx { order: 1; } .page.standard.contacts .sx { order: 2; } .page.standard.contacts .form_cnt { width: 100%; } footer .middlebar { flex-wrap: wrap; } footer .middlebar .sx, footer .middlebar .cx, footer .middlebar .dx { width: 100%; text-align: center; justify-content: center; margin: 20px 0px; } footer .middlebar .social_cnt .varscript .socialnet { text-align: center; margin: 0 20px; } footer .middlebar .menu_model_2 .navbar-collapse { width: 100%; } footer .middlebar .menu_model_2 .navbar-collapse ul { justify-content: center; } footer .middlebar .menu_model_2 .navbar-collapse ul li { width: auto; text-align: center; margin: 10px; } footer .middlebar .menu_model_2 .navbar-collapse ul li a { text-align: center; } .page.standard .gallery_cnt { float: unset; left: unset; right: unset; } .page.standard .gallery .slick-list { right: unset; } .page.standard .groupfield.text_dyn { margin-top: 30px; } .ztemplate_model_1.showcase .ztemplate .row .box .elem { width: 100%; } .page.standard.room .groupfield.g2 { margin: 0px; } .page.standard.room .dx .groupfield.zinput { margin-top: 20px; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt { padding: 20px; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .title { margin: 0px; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .title:after { margin: 10px auto 30px auto; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { margin: 20px auto; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { padding-left: 60px; } .ztemplate_model_5 { width: 90%; } .ztemplate_model_6 { width: 60%; } section#restaurant .restaurant_image { width: 40%; } section#restaurant .restaurant_cnt { width: 100%; padding: 0px 0px 0px 20px; } .ztemplate_model_5 .ztemplate.only_one {width: 90%; left: calc(10%)} } @media (max-width: 1023px) { .menu_model_1 .logo_cnt { padding: 20px; } .menu_model_1 .navbar-collapse { padding: 0 20px; width: calc(100% - 252px) } .menu_model_1 .navbar-collapse ul li { width: calc(100% / 2 - 20px) } header .topbar .logo_cnt img { width: 160px; height: auto; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption { height: 600px; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption img { object-fit: cover; object-position: center; height: 100%; width: auto; } .ztemplate_model_7 .ztemplate .row .box .elem { width: calc(100% / 1.5 - 40px); margin: 20px auto; } footer .bottombar .dx, footer .bottombar .sx { width: 100%; justify-content: center; } footer .bottombar .sx .info_details { text-align: center; margin: 40px 0px 20px 0px; } body.presolana footer .bottombar .sx {width: 100%} body.presolana footer .bottombar .dx { width: 100%} .ztemplate_model_8 .ztemplate .row .box .elem { width: 100%; padding: 40px 0px; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(2n+1) { justify-content: center; } .ztemplate_model_8 .ztemplate .row .box .elem { justify-content: center; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+1):before { display: none;} .ztemplate_model_8 .ztemplate .row .box .elem.even:before {content: '';display: block;position: absolute;top: 0px;left: 0px;bottom: 0px;width: 100vw;background-image: url(../images/bg/bg_room_showcase.png); background-position: center; background-size: cover; z-index: -1;} .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zinput, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .title a, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .ztextarea, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a { color: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a:after { color: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+3) .caption-cnt .caption .zsimplebutton a:before { background: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zinput, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .title a, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .ztextarea, .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a { color: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a:after { color: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem:nth-child(4n+4) .caption-cnt .caption .zsimplebutton a:before { background: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zinput, .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .title a, .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .ztextarea, .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zsimplebutton a { color: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zsimplebutton a:after { color: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zsimplebutton a:before { background: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zinput, .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .title a, .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .ztextarea, .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zsimplebutton a { color: var(--color1); } .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zsimplebutton a:after { color: #FFFFFF; } .ztemplate_model_8 .ztemplate .row .box .elem.odd .caption-cnt .caption .zsimplebutton a:before { background: var(--color1); } body:not(.home) #slideshow img { min-height: 400px; width: auto; object-fit: cover; object-position: center; } form .caption-fields .field { width: 100%; } } @media (max-width: 979px) { } /* Generic Mobile Devic Phone */ @media (max-width: 480px) { } @media (max-width: 767px) { header .topbar { flex-wrap: wrap; height: 120px; justify-content: space-between; align-items: unset; } body header .topbar .logo_cnt { width: 100%; order: 1; padding: 0px; background: var(--color1); height: 60px; align-items: center; align-content: center; display: flex; } body header .topbar .logo_cnt a { margin: 0 auto } header .topbar .logo_cnt img { max-width: 190px; width: 100%; } .logo_header .hotel_name { font-size: 20px; } body.montblanc .logo_header .hotel_name { font-size: 16px; } .logo_header .hotel_location { font-size: 12px; } header .logo_header .hotel_location:before { } body header .topbar .sx { order: 2; width: 180px; } body header .topbar .dx { order: 3; width: calc(100% - 180px); } header #menu_btn { padding: 20px; } header .topbar #menu_btn .bars { margin: 0px; } header .topbar #menu_btn .varsimple { display: none; } header .topbar .language_cnt #language_btn { padding: 0 20px; } header .topbar .language_cnt #language { padding: 0 10px; width: 100%; left: 0px; } header .topbar .language_cnt #language ul { margin: 0px; width: 100%; display: block; position: relative; } header .topbar .language_cnt #language ul li { width: 100%; } header .topbar .links_cnt .offers_cnt a { font-size: 0px; } header .topbar .booking_btn { width: 180px; margin: 0 10px 0 0; } header .topbar .booking_btn .varlink a { line-height: 40px; padding: 0px; width: 100%; font-size: 16px; } header .topbar .links_cnt .offers_cnt a { padding: 0 20px; display: flex; } .slideshow_cnt .logo_cnt { top: 200px; } .modal_cnt { top: 121px; z-index: 3000; } .menu_model_1 { padding: 0px; } .menu_model_1 .logo_cnt { display: none; } .menu_model_1 .navbar-collapse { width: 100%; padding: 0px; } .booking { width: 100%; } .booking form .caption-fields .form.field.date { width: calc(100% / 2 - 20px) } .booking form .caption-fields .form.field.select { width: calc(100% / 3 - 20px) } .booking form .caption-fields .form.field.text { width: calc(100% / 1 - 20px) } .booking form .caption-fields input[type="submit"] { width: calc(100% / 1 - 20px) } section#offers .ztemplate_zsimplebutton_1 { width: 100%; right: 0px; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt { flex-wrap: wrap; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100%; padding: 20px; min-height: 200px; align-items: center; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3:before { width: 30%; margin: 40px 35% 0px 35%; position: relative; } .bg_central_stripe { background: unset; } section#intro { padding: 20px 0px; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { width: 100%; margin: 10px 0px; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 { width: 100%; margin: 10px 0px; } .ztemplate_model_3 { margin: 40px 0px 60px 0px ; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt { flex-wrap: wrap; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption { height: unset; width: 100%; order: 1; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption img { height: unset; } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { position: relative; width: calc(100% - 40px); order: 2; top: unset; right: unset; left: unset; margin: 20px 20px 60px 20px; } .ztemplate_model_3 .ztemplate .row .box .slick-dots { background: unset; margin: 0 auto; bottom: 0px; width: 100%; } .ztemplate_model_3 .ztemplate .row .box .slick-dots li.slick-active { margin: 0px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt { } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption { left: 10px; width: calc(100% - 20px); bottom: 200px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt { } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { width: 100%; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { width: 100%; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 { width: 100%; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 20px 0px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { padding: 0px 0px 0px 20px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { margin: 20px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 { margin: 20px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { margin: 20px 0px 0px 0px; } .ztemplate_model_5 { width: 100%; } .ztemplate_model_5 .ztemplate { width: calc(100% - 0px); left: 50px; } .ztemplate_model_5 .ztemplate .row .box .elem { margin-right: 0px; } .bg_central_stripe_trasparent { background: unset; } .ztemplate_model_6 { width: 100%; top: 0px; } section#restaurant .restaurant_image { display: none; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { padding: 0px; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 { padding: 0px; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3:before { width: 30%; margin: 20px 35% 30px 35%; } .ztemplate_model_7 .ztemplate .row .box .elem { margin: 40px 0px 0px 0px; width: 100%; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { opacity: 1; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption img { opacity: 0.5; transform: scale(1.15) rotate(5deg); } #player_cnt { margin: 40px 0px; } body.home #player_cnt iframe#player { width: 100%; margin: 0px; } footer .middlebar { padding: 40px 10px; } footer .bottombar { padding: 0px 10px; } .page.standard .sx, .page.standard .sx .imgs { width: 100%; } .page.standard .dx, .page.standard .dx .imgs { padding-top:0px; width: 100%; } .page.standard .gallery_cnt { width: 100%; } .submenu_cnt { position: relative; top: unset; left: unset; right: unset; bottom: unset; width: 100%; } body:not(.home) footer .topbar { padding-top: 40px; } footer .topbar .logo_footer_cnt { margin: 60px auto; } .page.standard.showcase .groupfield.g2 { width: 100%; margin: 0px; } .page.standard.showcase .groupfield { width: 100%; margin: 0px; } .page.standard .groupfield.text_dyn:before { width: 30%; margin: 30px 35% 0px 35%; position: relative; } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { padding: 0px; } .page.standard.room .groupfield.g2 { width: 100%; padding: 0px; } .page.standard.room .facilities_cnt { padding: 0px; margin: 0px; } .page.standard.room .facilities_cnt .groupfield { padding: 20px; } .page.standard.room .facilities_cnt .zcheckbox .fieldvalue { width: 100%; } .page.standard.room .section_other { width: 100%; margin: 60px 0px; } .page.standard.room .section_other .section_title { margin: 0px 20px 20px 20px; } .ztemplate_model_9 .ztemplate { position: relative; } .page.room .section_title { line-height: 40px; } .bg_central_to_right_stripe { background: unset; } .page.standard.room .pagetop { padding-bottom: 60px; } .page.standard.room .dx .groupfield.zinput { flex-wrap: wrap; } .page.standard.room .zinput.g6:before { order: 1; width: 35%; margin: 20px 35%; } .page.standard.room .zinput.g6 .fieldvalue { order: 2; width: 100% } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 20px 0px; } .page.standard.showcase .ztemplate_model_3 .ztemplate .row .box .elem.odd .caption-cnt .caption-alt { left: unset; } .page .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; } .page .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100%; } .ztemplate_model_1.showcase .ztemplate .row .box .elem { margin: 20px 0px; } .submenu_cnt.absolute { position: relative; top: unset; left: unset; right: unset; bottom: unset; width: 100%; } .page.standard .groupfield.text.g2 { padding-right: 0px; } .page.standard .form_cnt { width: 100%; margin: 80px auto 0px auto; } .booking .topbar .section_title { font-size: 18px; line-height: 22px; margin-bottom: 7px } .booking .topbar .section_subtitle { font-size: 16px } .page.standard #container_name { margin: 0 0 5px } .ztemplate_model_1.showcase {margin-top: 0} .page.standard .rx.rx1 {margin-top: 0} .page.standard .rx.rx2 {margin-top: 20px} .page.standard #page_name {font-size: 32px; line-height: 32px} .submenu_cnt .section_title {font-size: 21px} .document_cnt { width: 100%; margin: 0 0 40px 0; } .page.standard .groupfield.text_dyn .fieldvalue .table_cnt { overflow-x: auto; } .table_cnt table th { line-height: 13px; } section#rooms { padding: 0px 0px 0px 0px; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption { top: 0px; } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: calc( 100% - 90px); } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-size: 28px; line-height: 36px; } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput { font-size: 18px; line-height: 20px; } #gallery .gallery_cnt.slick_on:before { display: none; } .ztemplate_arrows_1 .ztemplate .row .slick-slider button {left: 0; bottom: 50%!important; background-color: #fff} .ztemplate_model_1 .ztemplate .row .slick-slider button:before { line-height: 50px!important } .ztemplate_model_1 .ztemplate .row .slick-slider button.slick-next { left: calc(100% - 50px) } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt {height: auto; padding-bottom: 50px} .ztemplate_model_6 .ztemplate .row {margin: 0} section#restaurant .restaurant_cnt {padding: 0} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .title a {text-align: center;} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { text-align: center; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 {text-align: center;} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton {padding-left: 0; text-align: center;} .modal_cnt.fired { overflow: scroll; } .ztemplate_model_5.ztemplate_arrows_1 .ztemplate .row .slick-slider button { left: -50px!important; } .ztemplate_model_5.ztemplate_arrows_1 .ztemplate .row .slick-slider button.slick-prev {bottom: calc(100px + 0px)!important;} .ztemplate_model_7 { margin-bottom: 40px } .page.standard .gallery .slick-slider { padding-bottom: 60px; } .page.standard .gallery .slick-slider button.slick-prev { bottom: 0px; right: calc(50% + 10px); } .page.standard .gallery .slick-slider button.slick-next { bottom: 0px; left: calc(50% + 10px); right: unset; } body.chaletallago .ztemplate_model_9 .ztemplate .slick-list, body.savona .ztemplate_model_9 .ztemplate .slick-list { left: 0; width: 100% } body.chaletallago .ztemplate_model_9 .ztemplate .row .box .elem, body.savona .ztemplate_model_9 .ztemplate .row .box .elem {width: 100%} .page.standard.page_offer .sx.imgs { width: 100% } .page.standard.page_offer .dx.imgs { width: 100% } .page.standard .dx.imgs { padding-top:0px; width: 100% } .page.standard .sx.imgs { width: 100% } .page.standard.page_offer .submenu_cnt.submenu_cnt_with_image { margin: 0px; } footer .middlebar .menu_model_2 .navbar-collapse ul { margin: 0px; } .page.standard.contacts .dx, .page.standard.contacts .sx { width: 100%; } .booking .varscript { height: 100%} .booking { height: 100%} } @media (max-width: 600px) { .menu_model_1 {height: 100%; align-items: flex-start;} .menu_model_1 .navbar-collapse ul {margin: 0} .menu_model_1 .navbar-collapse ul li .menu-description { display: none; } .menu_model_1 .navbar-collapse ul li a {font-size: 20px;} .menu_model_1 .navbar-collapse ul li {width: 100%; float: none; margin: 0; padding: 5px 15px} footer .topbar .logo_footer_cnt { margin: 0 auto; } body:not(.home) footer .topbar { padding-top: 0 } .page.standard .pagetop { padding: 40px 0px 30px 0px } .ztemplate_model_3 { margin: 0 0px 30px 0px } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { margin: 0; width: 100%; display: block; } .section_opening {font-size: 12px; padding: 15px 0;} .section_opening .vareditor:before { display: none; } } @media (max-width: 414px) { .menu_model_1 .navbar-collapse ul {padding: 35px} .menu_model_1 .navbar-collapse ul li a {font-size: 28px; line-height: 28px} .menu_model_1 .navbar-collapse ul li {padding: 10px 15px} footer .middlebar .social_cnt .varscript .socialnet { margin: 0 10px; } footer .bottombar .dx .partner_cnt .varscript .partner { margin: 10px 10px 10px 10px; } } @media (max-width: 390px) { .booking .topbar .section_title { font-size: 16px; line-height: 18px } .booking form .caption-fields .form.field.date .date_from_html .day { font-size: 30px } form .caption-fields .form.field.date .date_from_html > div { padding: 0 10px } .booking form .caption-fields .form.field.date .date_from_html .month_name_tiny {font-size: 11px} .booking form .caption-fields .form.field.select .form_select .current_value {font-size: 30px; padding: 0 10px } .booking form .caption-fields .form.field.text.element_14 .form_element_title {padding: 0} .booking .topbar .section_subtitle {display: none;} .booking form .caption-fields .form.field.select .form_select .remove_selector {bottom: 0} .menu_model_1 .navbar-collapse ul {padding: 15px} .menu_model_1 .navbar-collapse ul li a {font-size: 16px; line-height: 16px} .menu_model_1 .navbar-collapse ul li {padding: 8px 10px} } @media (max-width: 768px) { } /* iPad landscape | Kindle landscape width: 1024px */ @media (min-width: 980px) and (max-width: 1199px) { } /* Large Desktop */ @media (min-width: 1200px) { } @media (min-width: 1680px) { } /* Regole per display ad alta densità */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } .smartphone .quandoo-static-font { font-size: 16px!important; padding: 10px!important; margin-right: 10px;} .smartphone header .topbar .booking_btn .varlink a { padding: 0 10px;}