/* Animazioni */ @keyframes bounce { 0% { transform: scale(1.0); top: 10%; z-index: 999998;} 10% { transform: scale(1.2); top: 10%; z-index: 999998;} 20% { transform: scale(1.3); top: 10%;} 30% { transform: scale(1.2); } 40% { transform: scale(1.0); } 50% { transform: scale(1.1); opacity: 1; top: 100%;} 60% { transform: scale(1.0); opacity: 1;top: 100%;} 70% { transform: scale(1.05);opacity: 1;top: 100%;} 80% { transform: scale(1.0); opacity: 1;top: 100%;} 90% { transform: scale(1.02);opacity: 1;top: 100%;} 100% { transform: scale(1.0); opacity: 1;top: 100%;} } 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; display: none; } 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; } /* Da qui specifico */ body.oh { overflow: hidden;} .videos .video { margin-bottom: 30px; border: 2px solid #0F7C3E; -webkit-box-shadow: 0px 20px 22px -18px rgba(0,0,0,0.78); box-shadow: 0px 20px 22px -18px rgba(0,0,0,0.78);} /* video YTP*/ @font-face{font-family:ytpregular;src:url(../fonts/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'),url(font/ytp-regular.ttf) format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{display:block;transform:translateZ(0) translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important;background-color:#000!important;padding:0!important}.inlinePlayButton,.inlinePlayButtonMobile{font-family:ytpregular;font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3)}.inlinePlayButtonMobile{transform:scale(1)}.mb_YTPlayer:hover .inlinePlayButton{opacity:1;transform:scale(1)}.inlinePlayButton:hover{background-color:#000;transform:scale(1.3)!important}.mbYTP_wrapper iframe{max-width:8000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;width:100%;height:10px;padding:5px;background:#333;position:fixed;bottom:0;left:0;text-align:left;z-index:1000;font:14px/16px sans-serif;color:#fff;opacity:.1;box-sizing:border-box}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;left:0;padding:5px;width:100%;height:40px;box-sizing:border-box}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar span.mb_YTPUrl a{color:#fff}.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{cursor:pointer}.mb_YTPBar .mb_YTPMuteUnmute{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47) 1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:flat;box-sizing:border-box}.YTPOverlay.raster{background:url(../images/ytp/raster.png)}.YTPOverlay.raster.retina{background:url(../images/ytp/raster@2x.png)}.YTPOverlay.raster-dot{background:url(../images/ytp/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(../images/ytp/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar.compact span.mb_OnlyYT{left:260px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%} /* FIX per video */ .mb_YTPBar .buttonBar, .mb_YTPBar .mb_YTPProgress, .mb_YTPBar { /* display: none!important */ } .mb_YTPBar .mb_YTPProgress { display: none!important} .mb_YTPBar .buttonBar div, .mb_YTPBar .buttonBar span:not(.mb_YTPMuteUnmute) { display: none!important;} .mb_YTPBar { background-color: transparent!important; z-index: 2!important;opacity: 1!important} .mb_YTPBar:hover .buttonBar { background-color: transparent!important; } .mb_YTPBar .mb_YTPMuteUnmute { background-color: var(--color-gold); width: 50px; height: 50px; border-radius: 100%; line-height: 50px; text-align: center; position: absolute;bottom: 70px; left: 10px; z-index: 1;} #videoyt { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; height: 100%; text-align: center; } /* fix 30.09.20 */ .section_link.intro_hotel { position: relative; left: 90px } #page .section_intro .section_text .n1 .section_link{margin-bottom: 60px} /* Infosplash */ #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { font-family: "Amiri-Regular"; color: #4B4B4B; font-size: 30px; text-transform: uppercase; } #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "Raleway-Regular"; font-size: 15px; color: #434343;} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 15px 25px; display: inline-block; background-color: #A3A194; font-family: "Raleway-Medium"; font-size: 14px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } /* modifica infosplash */ #infosplash { width: 320px; height: auto; bottom: inherit; left: inherit; left: 25px; top: 160px; background-color: transparent; z-index: 99999;} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 18px} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-size: 12px; line-height: 1} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { margin:0; padding: 10px 0 0 0;} #infosplash .ztemplate .row .box .elem .caption-cnt .caption-alt {background-color: #f3f3f3} /* Adattamento per ultimo infosplash restyling */ #infosplash { width: 100%; max-width: 450px; } /* page error */ #page_error .cnt-message .caption { display: flex; position: fixed; top: 40px; left: 40px; right: 40px; bottom:unset; background-color: rgba(255,255,255,0.9); z-index: 3000; padding: 30px 20px 20px 20px; justify-content: center; align-items: center;} #page_error .cnt-message .caption .glyphicons-remove { position: absolute; top: 10px; right: 10px; } /* Documenti allegati */ .documents .document { padding: 0 0 10px 0; margin: 0 0 10px 0 } .documents .document .document_size { display: none; } .documents .document a { color: #434343 } body.golf .documents .document a { color: #0F7C3E } .documents .document a:before { font-family: "FontAwesome5Pro-Light"; font-size: 22px; color: #434343; content: '\f019' } body.golf .documents .document a:before { color: #0F7C3E } /* 404 */ .not_found .section_alert_msg { text-align: center; display: inline-block; margin: 0 auto; position: absolute; padding: 40px; top: 20%; width: 100%; max-width: 640px; left: calc(50% - 320px); } .not_found .n_error { font-family: "Amiri-Regular"; font-size: 130px; color: #FFFFFF; text-align: center; line-height: 130px; letter-spacing: 0; } .not_found .not-found { font-family: "Amiri-Regular"; font-size: 30px; color: #FFFFFF; text-align: center; line-height: 30px; letter-spacing: 0; } .section_link a {padding: 15px 25px} textarea:focus, input:focus, *:focus{ outline: none; } html {background-color: #fff;} body {background-color: #F2F2F2; padding: 30px; width: 100% } body.home { position: fixed; } header { position: absolute; left: 30px; right: 30px; top: -30px; padding: 30px; display: flex;align-items: center; justify-content: space-between; opacity: 0; transition: .3s; transition-delay: 2s } header .section_right { display: inline-flex; align-items: center; } .info_btn{ margin-left: 30px } .info_btn:before { background-image: url('../images/logos/logo_btn_white.svg'); background-repeat: no-repeat; width: 21px; height: 25px; background-size: contain; margin-right: 5px } .info_open { position: fixed; right: 30px; padding: 25px; z-index: -1; opacity: 0; transition: .2s; max-width: 320px; } .info_open.fired { z-index: 9999; opacity: 1 } .info_open .section_title {margin-bottom: 15px} .info_open .section_contact_tel { border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px } .info_open .section_company_info { margin: 15px 0 } .info_open .close_btn { width: 30px; height: 30px; position: absolute; z-index: 2; top: 10px; right: 10px; cursor: pointer; } .info_open .close_btn .bar { width: 100%; height: 2px; background-color: #fff; position: absolute; z-index: 1 } .info_open .close_btn .bar.first { top: 50%; transform: rotate(45deg) } .info_open .close_btn .bar.last { top: 50%; transform: rotate(-45deg) } /* language */ #language ul {margin: 0} #language .nav-pills > li { margin: 0 0 0 10px; } #language_btn { cursor: pointer; } body.home #language li a, body.home #language li.active a { color: #FFFFFF; } body.home #language .nav-pills > li { margin: 0 10px 0 0; } .section_intro.home { display: flex; align-items: center; justify-content: center; height: 100vh; width: 100%; background-image: url('../images/bg/intro_bg.svg'); background-position: top right; background-size: contain; background-repeat: no-repeat; position: relative; transition: .4s ease-in-out; transition-delay: .8s; opacity: 0; } .section_intro.home .logo { opacity: 0; transform: scale(0) rotate(45deg); transition: 1s; transition-delay: 1.2s } body .section_intro.home .section_cnt {position: relative; z-index: 1;} /* body .section_intro.home .intro_bg.fired { z-index: 1; } */ /* menu1 */ .section_menu1 li {position: absolute; opacity: 0; transition: .9s ease-in-out; min-width: 320px} .section_menu1 a {text-align: left; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0); transition: .3s } .section_menu1 li.cid-16 { top: 180px; right: calc(100% + 90px); transition-delay: 1.8s} .section_menu1 li.cid-16 a { text-align: right; } .section_menu1 li.cid-15 { top: 90px; left: calc(100% + 80px); transition-delay: 2.4s } .section_menu1 li.cid-17 { bottom: 30px; left: calc(100%); transition-delay: 3s} .section_menu1 .menu-description {opacity: 0; position: relative; top: 20px; transition: .3s ease-in-out} .section_menu1 li:hover .menu-description {opacity: 1; top: 0;} .section_menu1 li:hover a{ border-bottom: 1px solid rgba(255,255,255,1); } /* Animazione */ body.fired header{opacity: 1; top: 30px; z-index: 2} body.fired .section_intro { opacity: 1; } body.fired .section_intro .logo {opacity: 1; transform: scale(1) rotate(0);} body.fired .section_menu1 li.cid-16 { opacity: 1; right: calc(100% + 40px);} body.fired .section_menu1 li.cid-15 { opacity: 1; left: calc(100% + 30px); } body.fired .section_menu1 li.cid-17 { opacity: 1; bottom: 80px;} /* Video in home */ body.home .video_cnt video, body.body_home_hotel .video_cnt video{ object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: calc(100vh + 380px); position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%,-50%);background-color: #000} .intro_bg { display: none!important;} body.body_home_hotel .video_cnt video { z-index: 1;} /* intro background */ .intro_bg { position: absolute; z-index: -1; background-color: #000; width: 100%; transition: .6s; opacity: 0; overflow: hidden; height: 100% } .intro_bg img {opacity: .8; object-fit: cover; width: 100%; transform: scale(1); height: 100%} .intro_bg.fired { opacity: 1 } .intro_bg.fired img{ transform: scale(1.08); transition: 12s } /* Pagine interne */ header.innerpage { align-items: flex-start; transition: .4s; z-index: 998!important; right: 30px; height: 0 } header.innerpage .logo a:before{ content: ''; background-image: url('../images/logos/logo_white_top.svg'); background-repeat: no-repeat; width: 280px; height: 115px; position: absolute; background-size: contain; } header.innerpage .logo_golf a:before{ content: ''; background-image: url('../images/logos/logo_golf_v3.png'); background-repeat: no-repeat; width: 140px; height: 193px; background-size: contain; position: absolute;z-index: 9 } header.innerpage .section_top_contacts .section_tel a:before { margin-right: 5px } header.innerpage .section_top_contacts .section_address:before { margin-right: 5px } header.innerpage .section_top_contacts > div {margin: 0 20px} header.innerpage.scrolled { background-color: #fff; height: 90px; padding: 0; } header.innerpage.scrolled .logo a:before{ background-image: url('../images/logos/logo_footer.svg'); height: 70px } header.innerpage.scrolled .section_top_contacts .section_tel a, header.innerpage.scrolled .section_top_contacts .section_tel a:before, header.innerpage.scrolled .section_top_contacts .section_address, header.innerpage.scrolled .section_top_contacts .section_address:before {color: #4B4B4B} header.innerpage.scrolled .section_top_contacts {padding-top: 21px} /* .booking_section_btn.innerpage {top: 0; opacity: 1; transform: scale(1);} */ /* .slideshow_cnt #booking_cnt.innerpage {position: fixed; z-index: -1; opacity: 0; top: 120px; transform: unset;} */ .slideshow_cnt #booking_cnt {z-index: 3} /* .slideshow_cnt .top_seo { position: absolute; top: 50%; left: 30px; transform: translateX(-50%) translateY(-50%) rotate(-90deg); } */ .slideshow_cnt .top_seo { top: inherit; bottom: 10px; transform: unset; left: 240px } /* slideshow */ .slideshow_cnt #slideshow {background-color: #000} .slideshow_cnt #slideshow img {height: calc(100vh - 60px); object-fit: cover; opacity: .75} .slideshow_cnt .section_scroll {z-index: 2;} .slideshow_cnt .section_scroll:after { margin: 0 auto; top: calc(100% + 10px) } /* fix loading form */ #booking .form-loader { display: none!important; } /* simple booking default */ #booking .booking-form form .caption-fields .form.field.date { width:auto; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .day_name { display: none; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .day { line-height: 24px; } #booking .booking-form form .caption-fields .form.field.select { width:auto; display:inline-block; position:relative; } #booking .booking-form form .caption-fields .form.field.select .form_select .current_value { margin: 0; line-height: 18px; cursor: pointer; } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list {margin: 10px 0 0 0;padding: 0; position:absolute; width:100%; z-index: 33; left: 0; right: 0; background-color: #53B1E4 } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list .option {margin: 0;padding: 10px 15px;cursor: pointer;background: rgba(0,0,0,0.1); color: #ffffff; border: 1px solid #53B1E4; } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list .option:hover { background: rgba(255,255,255,1); color:#53B1E4; } /* #booking .booking-form form .caption-fields .form.field.select .form_select .current_value:after { line-height:18px; float:right; content:url("../images/icons/select.png"); right: 5px; position: absolute; } */ #booking .booking-form form .hidden_form_element { width:0; height: 0; overflow:hidden; display: none; } #booking .booking-form form .caption-fields .form.field.date .date_from_html { position:relative; } #booking .booking-form form .caption-fields .form.field.date .date_from_html * { cursor: pointer; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .day_name { display:none; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .month { display:none; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .month_name { display:block; text-transform: lowercase; } #booking .booking-form form .caption-fields .form.field.date { margin: 0 20px; display: inline-table; } #booking .booking-form form .caption-fields .form.field.text { margin: 0 20px; display: inline-table; margin: 0; width: 300px; position: relative; } #booking .booking-form form .caption-fields .form.field.text .simplebooking-info-div { display: none; position: absolute; top: 16px; width: 600px; left: -50%; z-index: 1 !important; padding: 10px 2px; height: auto; border: 1px solid #BBBBBB; background: #FFFFFF; text-align: left; } #booking .booking-form form .caption-fields .form.field.text .simplebooking-info-div-ok { padding: 5px 0; display: inline-block; background-color: #53B1E4; font-family: "Raleway-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 16px; letter-spacing: 3.71px; width: 120px; margin-top: 20px; margin-left: calc(50% - 50px); cursor: pointer; } #booking .booking-form form .caption-fields .form.field.select { margin: 0 8px; width: 120px; display: inline-table; } #booking .booking-form form .caption-fields .form.field.element_16.select { position: relative; width: auto; margin:0 0 20px 10px; z-index: 10 !important; } #booking .booking-form form .caption-fields .form.field.element_16.select .form_select { width: 100px; margin-right: auto; margin-left: auto; } /* #booking .booking-form form .caption-fields .form.field.element_16.select .form_select .current_value:after { line-height:18px; float:right; content:url("../images/icons/select.png"); right: 5px; position: relative; } */ #booking .booking-form form .caption-fields .form.field.element_16.select .form_select .elements_list { width: 100px; margin-right: auto; margin-left: auto; } #booking .booking-form form .form_merge_group { position: relative; width: 100%; z-index: 1 !important; } #booking .booking-form form .caption-fields .form.field { margin: 10px 0; } #booking .booking-form form .caption-fields .form.field.room { display: block; width: auto; margin: 20px 10px 10px 10px; } #booking .booking-form form .caption-fields .form.field.room .form_element_title.label { display: inline-block; font-family: "Raleway-Bold"; font-size: 12px; color: #000000; text-transform: uppercase; text-align: center; line-height: 12px; letter-spacing: 1.36px; width: auto; margin-right: 10px; } #booking .booking-form form .caption-fields .form.field.room .current_value { display: inline-block; font-weight: bold; font-family: "Raleway-Bold"; font-size: 12px; color: #000000; text-transform: uppercase; text-align: center; line-height: 12px; letter-spacing: 1.36px; } #booking .booking-form form .form_merge_add_button { display: none; } #booking .booking-form form .form_merge_rem_button { display: none; } #booking .booking-form form input,select { } #booking .booking-form form .form_element_title { margin-bottom: 5px; } #booking .booking-form form .day { margin: 0 4px; } #booking .booking-form form .month { margin: 0 4px; } #booking .booking-form form .month_name { margin: 0 4px; } #booking .booking-form form .year { margin: 0 4px; } #booking form .caption-fields input[type="submit"] { margin: 0 } #booking form .caption-fields input[type="submit"]:nth-child(10) { margin: 0 20px; position: relative; top: 14px; } /*Calendar colors */ .xdsoft_datetimepicker { font-family: "Raleway-Regular";} .xdsoft_datetimepicker .xdsoft_label { font-family: "Raleway-Bold"; font-weight: normal; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#b5b1a8;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #b5b1a8; box-shadow: #888683 0 1px 3px 0 inset; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { background: #a4a094 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{ background: #a4a095; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #a4a094; box-shadow: #8c8a83 0 1px 3px 0 inset; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { background: #a4a094 !important;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #767676; box-shadow: #5a5a5a 0 1px 3px 0 inset; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { background: #b5b1a8;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled { opacity: .15; pointer-events: none; } @media screen and (max-width: 899px) { #booking .booking-form form .caption-fields .form.field.select { display: block; margin: 0 auto 20px; } #booking .booking-form form .caption-fields input[type="submit"] { top: 0; } #booking .booking-form form .caption-fields .form.field.date { display: block; margin: 20px 0; padding: 0; width: 100%; text-align: center; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .day { display: inline-block; float: none; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .month_name { display: inline-block; float: none; } #booking .booking-form form .caption-fields .form.field.date .date_from_html .year { display: inline-block; float: none; } #booking .booking-form form .caption-fields .form.field.text { display: block; margin: 20px 0; padding: 0; width: 100%; text-align: center; } #booking .booking-form form .caption-fields .form.field.text input { background-color: rgba(255,255,255,0); margin-bottom: 30px; } #booking .booking-form form .caption-fields .form.field.text .simplebooking-info-div { width: 100%; left: 0; right: 0; } } /* fine simple booking default */ /* Custom Simple BOOKING */ .section_booking { transition: .3s; transform: scale(1); opacity: 1 } /* .section_booking.fired { transform: scale(1); opacity: 1 } */ #booking .booking-form form .caption-fields .form.field.date .date_from_html .month_name { display: none; } #booking .booking-form form .year {display: none;} .section_booking #booking .booking-form form .caption-fields .date .date_from_html .month_name_tiny {margin: 0 10px} .section_booking #booking .booking-form {padding: 25px} #booking .booking-form form .caption-fields .form.field.element_17 {display: none;} #booking .booking-form form .caption-fields .select .remove_selector {font-size: 0; color: transparent; display: block!important;} #booking .booking-form form .caption-fields .select .add_selector {font-size: 0; color: transparent; display: block!important;} #booking .booking-form form .caption-fields .form.field.select .form_select .current_value {width: 60px; cursor: default;} #booking .booking-form form .caption-fields .form.field.element_16.select .form_select .elements_list {display: none!important;} #booking .booking-form form .caption-fields .date .form_element_title {margin-bottom: 12px} #booking .booking-form form .caption-fields .select .form_element_title { margin-bottom: 12px } #booking .booking-form form .caption-fields .element_19.text {width: 130px!important} #booking .booking-form form .caption-fields .element_19.text .form_element_title { position: absolute;left: 0; right: 0 } #booking .booking-form form .caption-fields .element_19.text input {/* height: 34px; */ background-color: transparent; cursor: pointer; padding: 0} #booking .booking-form form .caption-fields .form.field.element_16.select {border-left: 2px solid #fff;} #booking .booking-form form .caption-fields { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #booking.container { width: 100%; max-width: 960px; margin: 0 auto } #booking .booking-form form .caption-fields input[type="submit"] { padding: 25px } #booking .booking-form form .caption-fields .element_11.text .form_element_title {text-align: left;} #booking .booking-form form .caption-fields .element_11.text input { font-size: 22px; text-transform: inherit; padding: 0 10px; line-height: 22px; text-align: left; background-color: transparent; border-bottom: 1px solid #46351D; background-image: url('../images/icons/gift.svg'); background-repeat: no-repeat; background-position: right } .simplebooking-info-div { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: 99; left: 50%; background-color: #fff; box-shadow: 0 0 50px 5px rgba(0,0,0,0.7); padding: 15px} #booking .booking-form form .caption-fields .simplebooking-info-div .form.field.select .form_select .current_value {font-size: 28px; width: 40px} #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list { display: none!important; cursor: inherit; } .simplebooking-info-div-ok {position: absolute; top: 0; right: 0; font-size: 0; width: 30px; height: 30px; background-color: #a3a195; cursor: pointer; z-index: 3} .simplebooking-info-div-ok:before { width: 25px; height: 25px; background-image: url('../images/icons/close.svg'); background-repeat: no-repeat; background-position: center; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: ''; position: absolute; } #booking .group_wrapper { display: flex;flex-direction: column; } #booking .booking-form form .caption-fields .select .html_select .add_selector:before {/* width: 30px; *//* height: 30px; *//* line-height: 30px; */top: 15px;position: absolute;} #booking .booking-form form .caption-fields .select .html_select .rem_selector:before { width: 30px; height: 30px; line-height: 30px; top: 15px; position: absolute; } #booking .booking-form form .caption-fields .select .html_select .add_selector:before { top: unset; position: relative; } #booking .booking-form form .caption-fields .form.field.select.element_7 { display: none; } #booking .booking-form { background-color: rgba(255, 255, 255, 0.55); transition: .4s } #booking:hover .booking-form {background-color: rgba(255, 255, 255, 1);} #booking .booking-form form .caption-fields .group_cnt_1 { width: 50%; display: flex; justify-content: flex-start; align-items: center; } #booking .booking-form form .caption-fields .group_cnt_2 {width: 50%;display: flex;justify-content: space-between;align-items: center;padding-right: 20px;align-items: center;} #booking .booking-form form .caption-fields .group_cnt_3 { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } /* booking_cnt */ .slideshow_cnt #booking_cnt { bottom: inherit; top: 50%; transform: translateY(-50%); left: 0; right: 0; } .slideshow_cnt #booking_cnt .section_btn {padding: 15px 25px; margin-top: 20px; transition: .3s} .slideshow_cnt #booking_cnt .section_btn.fired { transform: scale(0); } .slideshow_cnt #booking_cnt.scrolled, .inmodal {position: fixed; z-index: -1; opacity: 0; top: 120px; transform: unset;} .slideshow_cnt #booking_cnt.scrolled .section_btn, .inmodal .section_btn { display: none; } .slideshow_cnt #booking_cnt.fired, .slideshow_cnt #booking_cnt.inmodal.fired { z-index: 999; opacity: 1; background-color: #F2F2F2; padding: 45px 15px; transition: .3s } .slideshow_cnt #booking_cnt.inmodal.fired { opacity: 1; position: fixed; top: 120px; transform: unset; } .slideshow_cnt #booking_cnt.fired .section_title, .video_cnt #booking_cnt.fired .section_title {color: #46351c; margin-bottom: 15px} .slideshow_cnt #booking_cnt.fired .section_teetime.fired { transform: scale(1) translateY(15px); } body.golf .slideshow_cnt #booking_cnt.fired .section_teetime.fired {transform: scale(1)} .booking_pixel { position: absolute; bottom: 0 } .video_cnt #booking_cnt.fired { background-color: #F2F2F2; transition: .3s } /* Booking Mask Ermes */ #booking .booking-form form.multirooms_be .caption-fields { justify-content: center; gap: 15px; } #booking .booking-form form.multirooms_be .caption-fields .form.field.date { margin: 0; width: 100%; max-width: 150px; } #booking .booking-form form.multirooms_be .caption-fields .form.field.element_17 { display: block; width: 100%; } #booking .booking-form form.multirooms_be .caption-fields .text.element_17 input { font-size: 20px; cursor: pointer; border: 1px solid #4B4B4B; background-color: transparent;} #booking .booking-form form.multirooms_be .caption-fields .form.field.text.element_11 { margin-right: auto; } .guests_wrapper { padding: 15px; position: absolute; z-index: 2; display: none; background-color: #fff; width: 100%; box-shadow: -1px 11px 19px -1px rgba(0,0,0,0.35); -webkit-box-shadow: -1px 11px 19px -1px rgba(0,0,0,0.35); -moz-box-shadow: -1px 11px 19px -1px rgba(0,0,0,0.35); } .b_mask { width: calc(100% - 335px); position: relative;} .b_mask.fired .guests_wrapper { display: block; } .guests_wrapper_ok { padding: 15px; cursor: pointer; background-color: #A3A195; font-family: "Raleway-Bold"; font-size: 14px; color: #FFFFFF; text-transform: uppercase; text-align: center;} .guests_desc { margin-bottom: 15px; font-family: "Raleway-Regular"; font-size: 14px; color: #4B4B4B;} .guests_wrapper .group_title { padding: 10px; margin: 0 0 10px 0; color: #fff; font-family: "Raleway-Bold"; text-align: left; background-color: #4B4B4B; } .guests_wrapper .group_wrapper .merge_group { margin-bottom: 10px; border: 1px solid #4B4B4B; position: relative; } #booking .booking-form form.multirooms_be .form_merge_add_button { margin: 10px 0 15px; display: flex; font-family: "Raleway-Bold"; font-size: 14px; color: #46351c; cursor: pointer; } #booking .booking-form form.multirooms_be .form_merge_add_button:before { margin-right: 4px; font-family: "FontAwesome5Pro-Regular"; content: '\f055'; cursor: pointer; font-size: 14px; color: #46351D; } #booking .booking-form form.multirooms_be .form_merge_rem_button:before { font-family: "FontAwesome5Pro-Regular"; content: '\f00d'; cursor: pointer; font-size: 25px; color: #fff; } #booking .booking-form form.multirooms_be .form_merge_add_button[disabled="disabled"] { display: none; } #booking .booking-form form.multirooms_be .form_merge_rem_button { display: none; font-family: "Raleway-Bold"; font-size: 0; color: #fff; position: absolute; right: 10px; top: 4px; cursor: pointer;} #booking .booking-form form.multirooms_be .merge_group:last-of-type .form_merge_rem_button { display: flex; } #booking .booking-form form.multirooms_be .merge_group:only-child .form_merge_rem_button { display: none; } .guests_wrapper .add_btn:before, .guests_wrapper .rem_btn:before {font-family: "FontAwesome5Pro-Regular"; cursor: pointer; font-size: 14px; color: #46351D; } .guests_wrapper .add_btn:before { content: '\f067'; } .guests_wrapper .rem_btn:before { content: '\f068'; } /* Pulsante prenota allo scroll */ body.golf .booking_section_btn { background-color: #0F7C3E } .booking_section_btn { padding: 0 25px; position: relative; transition: .3s; opacity: 0; transform: scale(0); overflow: hidden; } .booking_section_btn.scrolled, .booking_section_btn.isvisible {top: 10px; opacity: 1; transform: scale(1);} body.body_home_hotel .booking_section_btn.isvisible { top: 0;} body.body_home_hotel header.scrolled .booking_section_btn.isvisible { top: 10px;} .booking_section_btn {height: 40px} .booking_section_btn .section_text { position: relative; top: 0px; transition: .3s; } .booking_section_btn.fired .section_text { top: -40px } .booking_section_btn.fired {z-index: 9999} .book_residence_btn { display: inline-block; background-color: #B4B2A8; font-family: "Raleway-Medium"; font-size: 14px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 40px; letter-spacing: 0; cursor: pointer; color: #FFFFFF !important; padding: 0 30px; } /* Menu btn */ #menu_btn { padding-right: 10px; top: 50%; transform: translateY(-50%); overflow: hidden; } #menu_btn:before { background-image: url('../images/logos/logo_btn.svg'); background-repeat: no-repeat; background-size: contain; margin-right: 5px; transition: .3s } #menu_btn:hover:before { transform: rotate(360deg); } #menu_btn .section_text { position: relative; top: 37px; transition: .3s; } #menu_btn.fired .section_text { top: -37px } /* Menu open */ .menu_open { transition: .4s } .menu_open.fired { right: 0 } .dark_layer {transition: .4s; opacity: 0} .dark_layer.fired {z-index: 9998; opacity: 1;} .dark_layer_custom {transition: .4s; opacity: 0} .dark_layer_custom.fired {z-index: 98; opacity: 1} /* Home Hotel */ .section_video_cnt { position: relative; height: 100vh; overflow: hidden;} .section_hotel_intro .section_intro_wrap { margin: 0 auto } .section_hotel_intro {padding: 120px 15px 200px} .section_hotel_intro .section_intro_wrap .section_left .section_text {max-width: 450px; padding: 30px 15px 15px 0} .section_hotel_intro .section_intro_wrap .section_right .section_video { background-image: url(../images/bg/hotel_video_bg_2024_v2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover } .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn {z-index: 2; display: none;} .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn span { padding: 0 10px } /* video */ #video {position: absolute;top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 2999;width: 100px; height: 100px; text-align: center;} .play_cnt { } .play_cnt #play_btn {background-color: rgba(0,0,0,0.2);border-radius: 100%;display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 20px;margin: 0 auto; cursor: pointer; transition: 0.4s ease-in; width: 100px; height: 100px} .play_cnt .play_label { margin: 20px auto 0px auto; cursor: pointer; } #player_cnt {position: fixed;display: block;top: 0px;left: -120vw;width: 100%;height: 100vh;z-index: 999999;transition: 0.35s ease-in;} #player_cnt.fired { left: 0px; transition: 0.25 ease-out; } #player_cnt iframe { min-width: 100%; min-height: 100%; } .play_cnt:hover #play_btn { background-color: rgba(0,0,0,0.3); transition: 0.2s ease-in; } /* Sezione offerte */ .section_offers {background-color: #fff; } .section_offers .ztemplate_model_1 { position: relative; top: 0; } /* Nuove Modifiche */ .body_home_hotel .section_offers { padding: 60px 0; } .body_home_hotel .section_offers .ztemplate_model_1 { top: 0; } /* ztemplate_model_1 */ .ztemplate_model_1 .ztemplate .row .box .elem { margin: 0 15px } .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px; margin-top: 30px} .slick-dots {margin-top: 35px} .slick-dots li button { width: 12px; height: 12px; background-color: #b4b2a8; margin: 0 4px; border-radius: 100% } .slick-dots li.slick-active button {opacity: .5} /* Camere */ .section_rooms .section_intro .divider { position: relative; bottom: -60px } .section_rooms {position: relative;} .section_rooms .section_intro { display: flex; align-items: center; position: absolute; top: 0; z-index: 2; width: 50%; padding: 0 30px 15px 90px } .section_rooms .section_intro .intro_content { padding: 0 60px 0 60px } .section_rooms .section_intro .section_text {padding-left: 60px} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt {background-color: transparent;} .section_rooms .section_intro .section_title h2 { font-size: 1em;} /* divider */ .divider span { background-image: url('../images/logos/logo_btn.svg'); background-repeat: no-repeat; width: 28px; height: 33px; background-size: contain; margin: 5px 0; opacity: .5 } .divider.white span {background-image: url('../images/logos/logo_btn_white.svg');} /* ztemplate_model_2 */ .ztemplate_model_2 {background-color: #000} .ztemplate_model_2 .ztemplate .row .box { height: calc(100vh - 160px)!important; width: calc(100vw - 60px);} .ztemplate_model_2 .ztemplate .row .box .elem { height: calc(100vh - 160px)} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption {padding: 30px; margin: 0 auto} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt { position: absolute; width: calc(100vw - 60px); left: auto; bottom: 0; right: auto; z-index: -1; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt img { opacity: 0; object-fit: cover; transition: .6s; position: relative; left: -33.333%; right: 0; bottom: 0; top: 0; z-index: inherit;} .ztemplate_model_2 .ztemplate .row .box .elem.slick-current .caption-cnt .caption-alt img {opacity: .7; position: relative;} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .title a { opacity: .2; transition: .6s } .ztemplate_model_2 .ztemplate .row .box .elem.slick-current .caption-cnt .caption .title a { opacity: 1 } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt {height: 100%} .ztemplate_model_2 .ztemplate .row .box .elem.slick-current.slick-center img { } .ztemplate_model_2 .ztemplate .slick-next { right: calc(50% - 30px) } .ztemplate_model_2 .ztemplate .slick-prev { left: calc(50% - 110px); right: inherit; } .ztemplate_model_2 .ztemplate .slick-dots { max-width: 350px; padding-bottom: 9px; border-bottom: 1px solid #fff } .ztemplate_model_2 .ztemplate .slick-dots li button:before { margin: 0 auto; height: 0; transition: .4s; background-color: #fff!important; } .ztemplate_model_2 .ztemplate .slick-dots li button {background-color: transparent; transition: .4s; opacity: 1} .ztemplate_model_2 .ztemplate .slick-dots li {margin: 0 7px} /* Sezione Ristorante */ .section_restaurant {background-image: url('../images/bg/bg_restaurants-ismolas_2.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; width: 100%; height: 50vh; min-height: 450px; border-top: 30px solid #fff;} .section_restaurant .container {height: 90%; position: relative;} .section_restaurant .section_wrap { display: flex; align-items: flex-start; position: absolute; top: 70%} .section_restaurant .section_title h3 { font-size: 1em;} .section_restaurant .section_title { /* width: 50% */} .section_restaurant .gallery { padding: 0; margin: 0 } .section_restaurant .gallery ul li {margin: 0} .section_restaurant .section_image {max-width: 425px} /* ztemplate model 3 */ .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 15px 25px; margin-top: 30px } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 0 30px 30px 30px } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt {align-items: flex-start; margin-top: 30px} .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 {margin-bottom: 20px} .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption { position: relative; bottom: -30px } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption img {filter: grayscale(100%);} .section_restaurant_and_bar {padding: 80px 15px 0px} /* Sezione servizi */ .section_services { background-color: #fff; padding-top: 150px; padding-bottom: 190px } /* ztemplate model 4 */ .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 30px} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 h4 { margin: 0;} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px; margin-top: 30px} .ztemplate_model_4 .anchors .list {display: inline-block; list-style-type: none;} .ztemplate_model_4 .anchors .list li { display: inline-block; margin: 0 30px; cursor: pointer; } .ztemplate_model_4 .anchors .list li:after {background-color: transparent; background-image: url('../images/bg/anchors_after_bg.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; top: 100%} .ztemplate_model_4 .anchors .list li:before {height: 80px} .ztemplate_model_4 .anchors .list li[data-cid='52']:before { content: '\f66f' } .ztemplate_model_4 .anchors .list li[data-cid='57']:before { content: '\f6ec' } .ztemplate_model_4 .anchors .list li[data-cid='70']:before { content: '\f450' } .ztemplate_model_4 .anchors .list li.active:before { z-index: 2 } /* footer */ footer .footer_top .section_left { position: relative; z-index: 1; width: 40%; padding: 90px 0 30px 90px } footer .footer_top .section_left:before { content:''; position:absolute; z-index: -1; top:0; right:0; height:100%; background-color: #a3a195; border-right:240px solid #a3a195; transform: skewX(-25deg);transform-origin: 100% 100%; } footer .footer_top .section_right {width: 60%; padding: 90px 0 60px 90px; text-align: center;} footer .footer_top .section_left .section_contact { margin: 20px 0 } footer .footer_top .section_left .section_social .socialnet {display: inline-block;} footer .footer_top .section_left .section_contact .section_contact_mail {margin-left: 30px} .partners_logos_cnt img { max-height: 68px; width: auto; } .partners_logos_cnt { padding: 15px; display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff;} footer .section_credits { margin: 30px auto 20px 0px; display: flex; align-items: center; gap: 20px;} footer .section_credits a { text-transform: uppercase;} body.en footer .section_credits #varlink_whistleblowing-cnt { display: none;} footer .footer_bottom .varlink { display: inline-block; } footer .footer_bottom .varlink a { background-color: rgb(255, 255, 255); border: 1px solid rgb(195, 195, 195); border-bottom-color: rgb(184, 185, 186); border-top-color: rgb(208, 208, 208); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 0px 0px; color: rgb(89, 99, 109); font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif; font-size: 11px; font-weight: 700; line-height: 18px; padding: 0 8px; text-decoration-color: rgb(89, 99, 109); text-decoration-line: none; text-decoration-style: solid; } /* nuova icona instagram */ .fa-instagram:before { font-family: "FontAwesome5Brands-Regular"; content: '\f16d';} /* nuova icona facebook */ .fa-facebook-square:before { font-family: "FontAwesome5Brands-Regular"; content: '\f09a';} /* Download App */ .download_app { font-family: "Raleway-Bold"; font-size: 18px; color: #fff; text-align: left; line-height: 1; letter-spacing: 0; max-width: 320px; margin: 30px auto 00;} .download_app .title { margin-bottom: 15px} .download_app a { color: #46361C} .download_app i { font-style: normal; margin-right: 15px} .fa-app-store:before { font-family: "FontAwesome5Brands-Regular"; content: '\f36f'; font-size: 30px; } .fa-google-play:before { font-family: "FontAwesome5Brands-Regular"; content: '\f3ab'; font-size: 30px; } footer.golf .download_app a { color: #0d7c3d} footer.golf .download_app { color: #0d7c3d} /* Home Link */ #varlink_home-cnt a { display: inline-block; font-family: "Amiri-Regular"; font-size: 28px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; margin: 60px 0 0 40px; } /* Menu 2 e 3 */ .menu_open .section_menu ul.nav-pills > li.first > a {font-size: 0; opacity: 0; display: none;} .menu_open .section_menu ul li:not(.last) { margin-bottom: 10px } .menu_open .section_menu ul li.cid-31 { display: none;} .menu_open .section_menu #menu2 ul li.cid-31 { margin-bottom: 10px; display: block;} /* Ville */ .menu_open .section_menu ul li a { font-size: 28px; line-height: 30px } /* nascondo la voce del calendario gare dal menu golf */ .menu_open .section_menu ul li.c66 { display: none; } /* ztemplate model 5 */ .ztemplate_model_5 { opacity: 0; transition: .4s; } .menu_open.fired .ztemplate_model_5 { opacity: 1 } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption { width: 283px; position: absolute; left: 0; transition: .4s } .menu_open.fired .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption { left: -283px; transition-delay: .1s} .menu_open.fired .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt {opacity: 1} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt {background-color: #f2f2f2} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt { opacity: 0; transition: .4s; transition-delay: .4s; padding: 15px 150px 15px 15px; width: inherit;} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px; margin-top: 15px} /* Pagina interna */ #page .slideshow_cnt #slideshow img {height: auto;} .section_page_head { top: inherit; margin: 0 auto } .section_page_head #page_name {margin-bottom: 0} #page .top_seo {position: initial; transform: unset;} #page .section_intro {margin: 90px auto; position: relative;} #page .section_intro .divider { position: absolute; left: -120px; top: 0; z-index: 2 } #page .section_intro .section_summary { margin-bottom: 20px } #page .section_intro .section_text p{ margin-bottom: 15px } #page .section_intro .section_text .f3:has(img.left) {display: flow-root; padding: 20px 0;} #page .section_intro .section_text .f3:has(img.right) {display: flow-root; padding: 20px 0;} #page .section_intro .section_text .f3:has(img.left) h2 {margin-top: 0px;} #page .section_intro .section_text .f3:has(img.right) h2 {margin-top: 0px;} #page .section_intro .section_text .f3:has(img.left) h3 {margin-top: 0px;} #page .section_intro .section_text .f3:has(img.right) h3 {margin-top: 0px;} #page .section_intro .section_text img.left { float: left !important; width: unset; margin: 0 20px 20px 0 !important } #page .section_intro .section_text img.right { float: right !important; width: unset; margin: 0 0 20px 20px !important } .content_wrapper.has_submenu { display: flex; align-items: flex-start; } .content_wrapper.has_submenu .section_text {width: 70%; padding: 0 30px 0 0} /* submenu */ .content_wrapper.has_submenu .section_submenu { width: 30%; min-width: 276px; background-color: #fff } .content_wrapper.has_submenu img.left { float: none!important; width: 100%; margin-bottom: 20px!important } #page .section_submenu .submenu {padding: 0 15px 15px 15px} #page .section_submenu .submenu li { border-bottom: 1px solid #bfbdbd; margin-bottom: 10px; padding-bottom: 10px } #page .section_submenu .submenu li:last-of-type { border-bottom: 0 } #page .section_submenu .submenu li.active {display: block; opacity: .5;} #page .section_submenu .section_title { background-color: #4B4B4B; color: #fff; padding: 15px } body.golf #page .section_submenu .section_title { background-color: #1d9751; } body.golf #page .section_intro .section_summary { color: #0F7C3E } /* pagina offerta */ .section_offer_price > div {display: inline-flex; padding: 15px; margin-bottom: 30px; background-color: #efb578;} .section_offer_price .fieldvalue { margin-left: 7px } /* form contatti */ #contact_form form input[type="submit"] { padding: 15px 25px } #contact_form form .caption-fields .field .form_element_title {text-transform: inherit;} #contact_form form .caption-fields .field input { border-bottom: 2px solid #A3A195 } #contact_form form .caption-fields .field.textarea textarea {height: 120px; padding: 10px} #contact_form form .form_messages .message { padding: 25px } form #showprivacy .privacy_field label { display: flex;align-items: baseline; } #showprivacy .privacy_field .show_privacy {padding-left: 5px} #contact_form form #showprivacy {padding-left: 15px} /* ztemplate model 6 */ .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption {width: 420px; padding: 30px} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a {padding: 15px 25px; margin-top: 30px} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption { bottom: inherit; top: 50%; transform: translateY(-50%); } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .title a:before {left: -80px} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .title a {padding-bottom: 10px} .ztemplate_model_6 .ztemplate .row .box .elem {margin-bottom: 100px} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption {left: 10%} .ztemplate_model_6 .ztemplate .row .box .elem.odd .caption-cnt .caption { left: inherit; right: 10% } /* Interna Camera */ .section_room_services {padding: 30px; margin: 30px auto} .section_room_services .zcheckbox .fieldkey {display: none;} .section_room_services .zcheckbox .fieldvalue {text-transform: inherit; margin: 10px; width: calc(33.333% - 20px)} /* Gallery interna */ .section_gallery { margin: 90px 0 } .gallery { margin: 30px -10px } .gallery ul li { margin: 0 10px } .gallery .slick-track {padding-bottom: 90px} .fancybox-overlay { z-index: 99999 } .section_gallery .slick-prev, .section_gallery .slick-next { bottom: inherit; top: calc(50% - 90px); } /* ztemplate_model_7 */ .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption { transform: translateX(-50%) translateY(-50%); bottom: inherit; } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt img {opacity: .7; transition: .4s} .ztemplate_model_7 .ztemplate .row .box .elem:hover .caption-cnt .caption-alt img {opacity: .5} .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption .title a:after { background-image: url('../images/icons/right_arrow.svg'); right: -50px; background-repeat: no-repeat; transform: translateY(-65%); transition: .4s } .ztemplate_model_7 .ztemplate .row .box .elem:hover .caption-cnt .caption .title a:after { right: -80px; } /* Sezione Golf */ .menu_open.golf { background-color: #799F89 } .menu_open.golf .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { color: #4B4B4B } .menu_open.golf .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { background-color: #0F7C3E; } /* Home Golf */ .section_hotel_intro.golf { background-color: #799F89 } .section_hotel_intro.golf .section_intro_wrap .section_right .section_video { background-image: url(../images/bg/golf_video_bg.jpg?v=2); background-repeat: no-repeat; background-position: center; } body.en .section_hotel_intro .section_intro_wrap .section_left .section_link.noeng { display: none; } /* ztemplate model 8 */ .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { padding: 10px } .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2:before {margin-right: 7px} .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px} .ztemplate_model_8 .ztemplate .row .box .elem {margin: 0 15px} .section_offers .ztemplate_model_8 { position: relative;top: -60px } /* Section Calendario Golf */ .section_golf_calendar {background-image: url('../images/bg/calendar_bg.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 100vh; min-height: 450px; border-top: 30px solid #fff; display: flex; align-items: center;} .section_golf_calendar .wrap_content {display: flex;} /* calendario Gare */ .section_calendar {padding-left: 90px} .fc-calendar .fc-row > div { height: 80px; line-height: 80px} .section_calendar .template_calendar .calendar_header {padding: 15px 0} .section_calendar .template_calendar .calendar_header .next_month { width: 40px; text-align: center; right: 0; top: 0; bottom: 0; line-height: 46px } .section_calendar .template_calendar .calendar_header .prev_month { width: 40px; text-align: center; left: 0; top: 0; bottom: 0; line-height: 46px } .section_calendar .template_calendar {max-width: 640px} .fc-calendar .fc-row > div { border-right: 1px solid #fff; } .fc-calendar .fc-row { border-bottom: 1px solid #fff; } .fc-calendar .fc-head > div {line-height: 30px} .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day .fc-date {top: 5px; left: 5px; bottom: inherit; right: inherit;} .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day.fc-other-month { background-color: transparent; } /* template dettagli calendario gare */ .ztemplate .elem .caption-cnt img {width: 100%} .section_calendar .template_calendar .detail_wrapper .selected_day .day {display: none;} .section_calendar .template_calendar .detail_wrapper .selected_day {padding: 15px; height: 55px} .section_calendar .template_calendar .detail_wrapper .selected_day .month {margin: 0 7px} .section_calendar .template_calendar .detail_wrapper .selected_day:before {margin-right: 7px} .section_calendar .template_calendar .detail_wrapper { left: calc(100% + 30px) } .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt {padding: 15px} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .title {text-transform: inherit; padding-left: 30px; position: relative;} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .title:before { position: absolute; left: 0 } .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .text {margin: 30px 0} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .text .fieldkey:before {margin-right: 7px} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .ztextarea .fieldkey:before {margin-right: 12px} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .text .fieldvalue {padding-left: 29px} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .ztextarea .fieldvalue {padding-left: 29px} .section_calendar .template_calendar .detail_wrapper .close_detail:before {background-image: url('../images/icons/close.svg'); background-repeat: no-repeat; background-position: center; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .section_calendar .template_calendar .detail_wrapper .ztemplate .row .box .elem .caption-cnt .caption .zimage {margin-top: 30px} /* Ztemplate model 12 */ .ztemplate_model_12 .ztemplate .row .box .elem .caption-cnt { padding: 10px 60px; } .ztemplate_model_12 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 { margin-left: 80px; } /* Sezione Golf Academy */ .section_golf_academy {background-image: url('../images/bg/golf_academy_bg.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; width: 100%; height: 50vh; min-height: 450px; border-top: 30px solid #fff;} .section_golf_academy .container {height: 90%; position: relative;} .section_golf_academy .section_wrap { display: flex; align-items: center; position: absolute; top: 55%} .section_golf_academy .section_title {width: 50%} .section_golf_academy .gallery { padding: 0; margin: 0 } .section_golf_academy .gallery ul li {margin: 0} .section_golf_academy .section_image {max-width: 425px} /* ztemplate model 10 */ .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 15px 25px; margin-top: 30px } .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 0 30px 30px 30px; } .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt {align-items: flex-start; margin-top: 30px} .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 {margin-bottom: 20px} .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption { } .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption img {filter: grayscale(100%);} body.golf .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption img { filter: unset; } .section_golf_academy_detail {padding: 80px 15px 30px} /* Section Club House */ .section_club_house {background-image: url('../images/bg/club_house_bg.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; min-height: 590px; border-top: 30px solid #fff; display: flex; align-items: center; border-bottom: 30px solid #fff} .section_club_house .container {display: flex;} /* Section template model 11 */ .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 15px 25px; margin-top: 30px } .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt {padding: 10px 60px} .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt .caption-alt { margin-left: 80px } /* Sezione Soci Ismolas */ .section_ismolas_members {background-image: url('../images/bg/socio_bg.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; min-height: 590px; display: flex; align-items: center; border-bottom: 30px solid #fff} .section_ismolas_members .container {display: flex;} /* Section template model 21 */ .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt {padding: 10px 60px; flex-direction: row; align-items: flex-end;} .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt .caption {width: 50%} .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt .caption-alt { margin-left: 80px; padding: 20px; width: 50% } /* Footer Golf */ footer.golf .footer_top .section_left { background-color: #1C9751 } footer.golf .footer_top .section_left:before {background-color: #1C9751; border-right: 240px solid #1C9751; } footer.golf .footer_top .section_right { background-color: #CBE4D5 } footer.golf .footer_top .section_left .section_title { color: #fff } footer.golf .footer_top .section_left .section_text {color: #000} footer.golf .footer_top .section_left .section_company_info {color: #000} footer.golf .footer_top .section_left .section_social .socialnet a {color: #fff} /* Vetrina Campi */ /* ztemplate model 22 */ .ztemplate_model_22 .ztemplate .row .box .elem {margin: 15px 15px 40px; display: inline-block; width: calc(50% - 30px)} .ztemplate_model_22 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 100%} .ztemplate_model_22 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 30px} .ztemplate_model_22 .ztemplate .row .box .elem .caption-cnt .caption .zoption.g12:before {background-image: url('../images/icons/golf_flag_white.svg'); background-repeat: no-repeat; background-position: center; margin-right: 10px} .ztemplate_model_22 .ztemplate .row .box .elem .caption-cnt .caption .zoption.g12 { padding: 15px } /* pagina campo */ #page .section_hole {margin-bottom: 20px; padding-left: 40px} #page .section_hole .zselect {justify-content: flex-start;} #page .section_hole .zselect .fieldvalue {position: relative;} #page .section_hole .zselect .fieldvalue:before {background-image: url('../images/icons/golf_flag.svg'); position: absolute; background-repeat: no-repeat; background-position: center; margin-right: 10px; left: -40px; bottom: -5px} /* Vetrina pagine generica */ #page.showcase .section_intro { max-width: 1200px } /* ztemplate model 15 */ .ztemplate_model_15 .ztemplate .row .box {} .ztemplate_model_15 .ztemplate .row .box .elem { width: calc(25% - 30px); margin: 15px; display: inline-block; } .ztemplate_model_15 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: calc(100% - 40px); padding: 30px} .ztemplate_model_15 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px; margin-top: 30px} /* ztemplate model 16 */ .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption {width: 420px; padding: 30px} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption .zsimplebutton a {padding: 15px 25px; margin-top: 30px} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption { bottom: inherit; top: 50%; transform: translateY(-50%); } .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption .title a:before {left: -80px} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption .title a {padding-bottom: 10px} .ztemplate_model_16 .ztemplate .row .box .elem {margin-bottom: 100px} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption {left: 10%} .ztemplate_model_16 .ztemplate .row .box .elem.odd .caption-cnt .caption { left: inherit; right: 10% } /* ztemplate_model_17 -> vetrina per offerte */ .ztemplate_model_17 .ztemplate .row .box .elem { width: calc(33.333% - 30px); margin: 15px; display: inline-block; } .ztemplate_model_17 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 100%} .ztemplate_model_17 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px; margin-top: 30px} /* ztemplate_model_17 -> vetrina per blog */ .ztemplate_model_18 .ztemplate .row .box .elem { width: calc(33.333% - 30px); margin: 15px; display: inline-block; } .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 15px 25px; margin-top: 30px} .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption .zoption.g6 .fieldvalue {padding: 10px 15px} .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 15px; width: 100%} .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker { border-bottom: 1px solid #4b4b4b; padding-bottom: 10px; } .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue:before {margin-right: 10px} body.golf .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { background-color: #0F7C3E } body.golf .ztemplate_model_18 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { color: #0F7C3E } /* Flusso TeeTime */ .slideshow_cnt #booking_cnt.teetime .section_btn { transition: .4s; opacity: 1 } .slideshow_cnt #booking_cnt.teetime .section_btn.fired { transform: scale(0); opacity: 0 } .section_teetime {text-align: center; transform: scale(1); transition: .4s; opacity: 1; transform-origin: top;} /* .section_teetime.fired { transform: scale(1) translateY(-45px); opacity: 1; } */ .section_teetime .section_form_title {padding: 15px} .section_teetime .section_form_title .varsimple { max-width: 150px } .section_teetime .section_form_title:before { background-image: url('../images/icons/golf.svg'); background-repeat: no-repeat; background-position: center; margin-right: 10px } .section_teetime .pf_sf {display: inline-block; background-color: rgba(255,255,255,.8); padding: 15px;} body.golf .section_teetime .pf_sf { padding: 15px 15px 0 15px } .section_teetime form .caption-fields .date .date_from_html .year { display: none; } .section_teetime form .caption-fields .date .date_from_html .month_name_tiny { margin: 0 7px } .section_teetime form .caption-fields {background-color: transparent;} .section_teetime form .caption-fields input[type="submit"] {padding: 15px 25px} .section_teetime form .caption-fields .select .form_select .elements_list .option:first-of-type{ display: none; } .section_teetime form .caption-fields .select .form_select .elements_list {bottom: inherit;} .section_teetime form .caption-fields .select .form_select .elements_list .option { padding: 12px 0; transition: .4s } .section_teetime form .caption-fields .select .form_select .elements_list .option:hover { background-color: #107c3e; color: #fff } .section_teetime form .caption-fields .select.element_4 .form_select .current_value {font-size: 16px; text-transform: inherit;} .section_teetime form .caption-fields .select.element_4 .form_select .elements_list .option {font-size: 13px; text-transform: inherit; line-height: 15px} .section_teetime form .caption-fields .form {padding: 0 15px} /* calendario search form per prenotazione teetime */ .custom_search_form {position: relative;} #calendar_date_selected {position: relative;} .section_calendar.search_form {padding-left: 0; position: absolute; z-index: 2; width: 320px; top: 50%; right: 80%; transform: translateY(-50%) translateX(50%) scale(0); transform-origin: center; opacity: 0; transition: .3s } .section_calendar.search_form.fired { transform: translateY(-50%) translateX(50%) scale(1); opacity: 1 } .section_calendar.search_form .template_calendar .calendar_wrapper .fc-body .fc-day.fc-other-month.empty-p { background-color: #dedede; background-image: none; } .section_calendar.search_form .template_calendar .calendar_wrapper .fc-body .fc-day.empty-p { background-image: linear-gradient(45deg, #dbdbdb 25%, #c2c2c2 25%, #c2c2c2 50%, #dbdbdb 50%, #dbdbdb 75%, #c2c2c2 75%, #c2c2c2 100%); background-size: 11.31px 11.31px; cursor: default; } .section_calendar.search_form .template_calendar .calendar_wrapper .fc-body .fc-day.tc-p-1 { background-color: #468C64 } .section_calendar.search_form .template_calendar .calendar_wrapper .fc-body .fc-day.tc-p-1.selected {background-color: #26b362} .section_calendar.search_form .fc-calendar .fc-row > div {height: 45px} .section_calendar.search_form .template_calendar .calendar_header .current_month {font-size: 18px} .section_calendar.search_form .template_calendar .calendar_header .current_year {font-size: 18px; margin-left:7px} .section_calendar.search_form .template_calendar .calendar_header {background-color: #fff} .section_calendar.search_form .template_calendar .calendar_wrapper .fc-head {font-size: 15px} .custom_search_form .wrap_content { display: flex; } .section_calendar.search_form .close_btn { cursor: pointer; height: 48px; width: 48px; background-color: #1C9751; float: right; position: relative;z-index: 2; right: -48px; } .section_calendar.search_form .close_btn:before { position: absolute; content: ''; width: 30px; height: 30px; background-image: url(../images/icons/close.svg); background-repeat: no-repeat; background-position: center; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .section_teetime #calendar_date_selected .month {margin: 0 5px} .section_teetime #calendar_date_selected:after {margin-left: 8px} .section_teetime #calendar_date_selected { padding: 0 15px } /* background flusso */ #page_pf_step .slideshow_cnt { background-image: url(../images/bg/step_bg_2.jpg); background-size: cover; background-position: center; height: calc(100vh - 60px); } #order_page .slideshow_cnt { background-image: url(../images/bg/order_bg_2.jpg); background-size: cover; background-position: center; height: calc(100vh - 60px); } #order_page.thankyou .slideshow_cnt { background-image: url(../images/bg/thankyou_bg_2.jpg); background-size: cover; background-position: center; height: calc(100vh - 60px); } /* Flusso Step */ .pf_step .slideshow_cnt #slideshow {background-color: #000} .pf_step .slideshow_cnt #slideshow img {opacity: .5} .pf_step .section_teetime { transform: scale(1); opacity: 1; margin-top: 25px } .pf_step .section_teetime .ztemplate .subcontents{ display: none; } .pf_step #booking_cnt { border-left: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); border-right: 1px solid rgba(255,255,255,.5); max-width: 920px; margin: 0 auto; padding: 15px } .step_indicator { width: 290px; border-bottom: 1px solid rgba(255,255,255,.5); margin: 0 auto 25px; position: relative; } .step_indicator .step_in {margin: 0 20px; padding-bottom: 20px} .step_indicator:before { width: calc(100% + 24px); content: ''; height: 55px; right: 100%;; bottom: 0; border-right: 1px solid rgba(255,255,255,.5); border-top: 1px solid rgba(255,255,255,.5); position: absolute; z-index: 2 } .step_indicator:after { width: calc(100% + 24px); content: ''; height: 55px; left: 100%;; bottom: 0; border-left: 1px solid rgba(255,255,255,.5); border-top: 1px solid rgba(255,255,255,.5); position: absolute; z-index: 2 } .pf_step .step_indicator .step_in:after { background-color: transparent; background-image: url(../images/bg/step_bg.svg); background-size: cover; background-repeat: no-repeat; background-position: center; display: none; } .pf_step .step_indicator .step_in.active:after {display: block;} .pf_step .step_indicator .step_in.step_two:before { color: rgba(255,255,255,.4); } .pf_step .step_indicator .step_in.step_three:before { color: rgba(255,255,255,.4); } .pf_step .step_indicator .step_in.active:before { color: #25B663 } .section_teetime.step .step_footer {display: none;} .step .ztemplate .row .box { width: 890px; justify-content: center; } .step .ztemplate .row .box .elem { margin: 0 5px; width: 33.333% } .step .ztemplate .row .box .elem .caption-cnt .caption-alt .zoption .fieldvalue:before {background-image: url('../images/icons/golf_flag.svg'); background-repeat: no-repeat; background-position: center; margin-right: 10px} .step .ztemplate .row .box .elem .caption-cnt .caption {border-bottom: 5px solid #0F7C3E} .step .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 15px} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select {margin: 25px 0} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select .current_value {padding: 8px; text-transform: inherit;} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .select-field-btn {padding: 15px 25px;} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .select-field-btn.disabled { opacity: .3; margin-top: 88px; cursor: default; } .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select .elements_list {bottom: inherit; max-height: 280px; overflow-y: scroll;} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select .elements_list .option {padding: 8px; border-bottom: 1px solid rgba(255,255,255,.4); transition: .4s} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select .elements_list .option:last-of-type {border-bottom: 0} .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select .elements_list .option:hover { background-color: #239F58 } .step .ztemplate .row .box .elem .caption-cnt .caption-alt .html_select .current_value:before { margin-right: 8px } /* Order page */ .section_teetime .form-cnt.order form .caption-fields {display: block;} .section_teetime.step.order .form-cnt { width: 60% } .section_teetime.step.order .form-cnt form .caption-fields .field { margin-bottom: 15px; /* height: */ } .section_teetime.step.order .form-cnt form .form-cnt form .caption-fields .field input { height: 50px } .section_teetime.step.order .section_order { width: 40%; margin-left: 30px; margin-top: 8px } .section_teetime.step.order .ztemplate .row .box { width: 100% } .section_teetime.step.order .ztemplate .row .box .elem {width: 100%} .pf_step .section_teetime.step.order .ztemplate .subcontents {display: block;} .pf_step .section_teetime.step.order .ztemplate .subcontents .ztemplate { padding: 0 10px } .pf_step .section_teetime.step.order .ztemplate .subcontents .row .box .elem .caption-cnt .caption-alt {display: none;} .pf_step .section_teetime.step.order .ztemplate .row .box .elem .caption-cnt .caption-alt .zoption .fieldvalue {justify-content: flex-start;} #order_template_wrapper .subcontents .caption {/* padding: 15px */} #order_template_wrapper .subcontents .caption .zinput .fieldvalue:before {margin-right: 7px} #total_wrap {padding: 15px} #total_wrap .total_amount .value {margin-left: 15px} #total_wrap .total_amount .value:before {margin-right: 4px} .search-date {padding: 15px; text-transform: inherit;} .search-date:before {margin-right: 10px} .section_order .detail_order .search_player {margin-left: 15px} .section_order .detail_order .search_player:before { margin-right: 10px } body.ecommerce_golf .booking_section_btn {display: none;} .section_newsletter { padding: 0 15px 30px; background-color: #fff } .section_newsletter .section_title {padding-top: 30px; font-family: "Amiri-Regular"; font-size: 45px; color: #4B4B4B; text-transform: uppercase; text-align: center; line-height: 45px; letter-spacing: 0; background-color: #fff } .logo_cnt_iagto { /* display: flex; justify-content: center; align-content: center; align-items: center; padding: 40px 0px; width: 100%; background-color: #FFFFFF; */ } .logo_cnt_iagto img { width: 160px; margin: 0 auto; } /* Solo GOLF - modifiche per pulsante webcam*/ .live_cam_btn { display: none; } body.golf .booking_section_btn { display: none; } body.golf .live_cam_btn { display: block; position: relative; top: 0;} header.scrolled .live_cam_btn { top: 10px; } body.golf .live_cam_btn a { padding: 10px 25px; color: #fff; text-transform: uppercase; background-color: #0F7C3E; font-family: "Raleway-Medium"; font-size: 14px;} /* Configurazione per RWD */ @media (max-width: 1768px) { .ztemplate_model_15 .ztemplate .row .box .elem { width: calc(33.333% - 30px);} #page .slideshow_cnt #slideshow img {min-height: 550px} } @media (max-width: 1590px) { } @media (max-width: 1290px) { .ztemplate_model_15 .ztemplate .row .box .elem { width: calc(50% - 30px);} .section_rooms .section_intro {position: relative; padding: 30px 0 0; width: 100%} .ztemplate_model_2 .ztemplate .slick-prev {top: 30px; left: 30px} .ztemplate_model_2 .ztemplate .slick-next {top: 30px; left: 120px} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt img {height: calc(100vh - 160px)} .section_page_head { padding: 0 30px } #page.showcase .section_intro, #page .section_intro {max-width: 920px; padding: 0 30px} } @media (max-width: 1229px) { .section_calendar { padding-left: 50px; } .section_calendar .template_calendar {max-width: 460px} .fc-calendar .fc-row > div {height: 60px} } @media (max-width: 1170px) { .section_hotel_intro .section_intro_wrap .section_left .section_text {max-width: 390px} .section_intro.home .logo { width: 220px } body .section_menu1 li.cid-16 { right: calc(100% + 20px); top: 90px;} body.fired .section_menu1 li.cid-16 { right: calc(100% + 20px); top: 80px;} body .section_menu1 li.cid-15 { left: calc(100% + 20px); top: 50px; } body.fired .section_menu1 li.cid-15 { left: calc(100% + 20px); top: 40px; } body .section_menu1 li.cid-17 { bottom: 10px } body.fired .section_menu1 li.cid-17 { bottom: 20px } } @media (min-width: 1170px) and (max-height: 600px) { .desktop .section_intro.home .logo { width: 60vh } } @media (max-width: 1024px) { #page .slideshow_cnt #slideshow img {min-height: unset;} .slideshow_cnt #slideshow { margin-top: 90px } .slideshow_cnt #booking_cnt { display: none; top: 300px; position: fixed; } /* debug */ body.golf .slideshow_cnt #booking_cnt { top: 205px; } /* debug */ .slideshow_cnt #booking_cnt.teetime { top: 120px; transform: none; } .slideshow_cnt #booking_cnt.scrolled { display: block; } .slideshow_cnt #booking_cnt.fired { display: block; } .slideshow_cnt #booking_cnt .section_title { font-size: 28px } #page_pf_step .slideshow_cnt #booking_cnt {display: block; position: relative;} header.innerpage { background-color: #fff; height: 90px; padding: 0; } header.innerpage .logo a:before{ background-image: url('../images/logos/logo_footer.svg'); height: 70px } header.innerpage .section_top_contacts .section_tel a, header.innerpage .section_top_contacts .section_tel a:before, header.innerpage .section_top_contacts .section_address, header.innerpage .section_top_contacts .section_address:before {color: #4B4B4B} header.innerpage .section_top_contacts {padding-top: 21px} .booking_section_btn {top: 10px; opacity: 1; transform: scale(1);} header.innerpage .section_top_contacts .section_tel a {font-size: 0} header.innerpage .section_top_contacts .section_address {display: none;} header .section_right {margin-right: 0} #menu_btn {top: 60px} .section_hotel_intro .section_intro_wrap {flex-direction: column;} .section_hotel_intro .section_intro_wrap .section_left {width: 100%} .section_hotel_intro .section_intro_wrap .section_left .section_text {max-width: unset; left: 0} .section_link.intro_hotel { left: 0 } .section_hotel_intro .section_intro_wrap .section_right {width: 100%} .section_hotel_intro .section_intro_wrap .section_right .section_video {background-size: cover;} .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn span {display: none;} .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn:after {display: none;} .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn {left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn {width: 60px; height: 60px; border-radius: 100%; background-color: #dc4242} .section_hotel_intro .section_intro_wrap .section_right .section_video .play_btn:before {width: 60px; text-align: center;} .section_restaurant {display: none;} .ztemplate_model_4 .anchors { display: none; } .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt img { min-height: 500px } .section_golf_academy {display: none;} #page_pf_step .slideshow_cnt #booking_cnt.teetime { top: 110px } #order_page .slideshow_cnt #booking_cnt { display: block; } #order_page .slideshow_cnt #booking_cnt.teetime { top: 110px; position: relative; } #booking .booking-form form .caption-fields .group_cnt_2 { align-items: center; } #booking .booking-form form .caption-fields .form.field.select {margin: 20px 10px 20px 10px;padding: 0;} #booking .booking-form form .caption-fields .form.field.select .form_select .current_value { font-size: 25px; } } @media (max-width: 991px) { .section_golf_calendar .container { width: 100% } .section_menu1 li { position: relative!important; left: 0!important; top: 0!important; bottom: inherit!important; right: inherit!important; float: none; margin-bottom: 25px } .section_menu1 a {text-align: left!important; font-size: 32px; line-height: 32px; border-bottom: 1px solid rgba(255,255,255,1);} body.home header .section_right { margin-right: 0 } .section_intro.home .logo {width: 110px} body.fired .section_intro .logo {margin: 0 auto;} .section_menu1 .menu-description {opacity: 1; top: 0} .step .ztemplate .row .box { flex-direction: column; width: 360px; margin: 0 auto } .step .ztemplate .row .box .elem {margin-bottom: 30px} #page_pf_step .slideshow_cnt { height: calc(100% + 120px) } #page_pf_step.not_found .slideshow_cnt { height: calc(100vh - 60px) } #page_pf_step .slideshow_cnt #booking_cnt.teetime { margin-top: 15px; top: 0; padding: 90px 0; border: none; } .step .ztemplate .row .box .elem {width: 100%} #order_page .slideshow_cnt #booking_cnt.teetime {top: 89px} #order_page .section_teetime {flex-direction: column; align-items: center;} #order_page .section_teetime.step.order .section_order {margin-left: 0; width: 60%} #order_page .step .ztemplate .row .box .elem {margin-bottom: 0} #order_page .section_teetime.step.order .ztemplate .row .box {overflow: hidden;} .not_found .section_alert_msg { left: 0 } .section_hotel_intro .section_intro_wrap .section_right { display: none; } } /* Generic Mobile Devic Tablet */ @media (max-width: 979px) { footer .footer_top { flex-direction: column; } footer .footer_top .section_left {width: 100%; order: 2; text-align: center; padding: 40px} footer .footer_top .section_right {width: 100%; order: 1; padding: 40px} footer .footer_top .section_left > div { text-align: center!important;} footer .footer_top .section_left .section_contact {display: inline-flex;} footer .footer_top .section_left:before {display: none;} footer .footer_top .section_left .section_contact { flex-direction: column; } footer .footer_top .section_left .section_contact .section_contact_tel {text-align: center;} footer .footer_top .section_left .section_contact .section_contact_mail {text-align: center; margin: 15px 0} .ztemplate_model_17 .ztemplate .row .box .elem, .ztemplate_model_18 .ztemplate .row .box .elem { width: calc(50% - 30px); margin-bottom: 60px } .section_calendar .template_calendar .calendar_header .current_month, .section_calendar .template_calendar .calendar_header .current_year { font-size: 16px } .section_calendar .template_calendar .calendar_header .prev_month:before, .section_calendar .template_calendar .calendar_header .next_month:before { font-size: 15px } .controls .prev_month, .controls .next_month {top: 12px} .section_calendar .template_calendar {max-width: 320px} .section_calendar .template_calendar .calendar_wrapper .fc-head { font-size: 13px } .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day.empty-c .fc-date, .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day.selected .fc-date, .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day .fc-date {font-size: 12px} .fc-calendar .fc-row > div {height: 45px; line-height: 55px} .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day .day-content div:before, .section_calendar .template_calendar .calendar_wrapper .fc-body .fc-day.selected .day-content div:before {font-size: 14px} .section_calendar .template_calendar .detail_wrapper { left: calc(100% + 15px); } .section_calendar {padding-left: 14px} .section_golf_calendar .divider { display: none; } .ztemplate_model_12 .ztemplate .row .box .elem .caption-cnt { padding: 40px 15px} .step_indicator:after { width: 50% } .step_indicator:before {width: 50%} .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt {flex-direction: column;} .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt .caption {width: 100%} .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 100%; margin-top: 30px} } @media (max-width: 899px) { .slideshow_cnt #booking_cnt .section_title {font-size: 20px} .slideshow_cnt #booking_cnt { transform: none; top: 120px; padding: 15px!important } body.golf .slideshow_cnt #booking_cnt { top: 120px } #booking .booking-form form .caption-fields .form.field.date { width: inherit; margin-right: 20px } #booking .booking-form form .caption-fields .date .date_from_html .day {font-size: 25px} .section_booking #booking .booking-form form .caption-fields .date .date_from_html .month_name_tiny { margin: 0 } #booking .booking-form form .caption-fields .form.field.element_16.select { margin: 20px 0 20px 0 } #booking .booking-form form .caption-fields .element_19.text { width: 60px!important } #booking .booking-form form .caption-fields input[type="submit"] {position: relative; top: 30px; padding: 15px; font-size: 12px; margin-left: 20px} #booking .booking-form form .caption-fields .form.field.text {width: 190px} .section_booking #booking .booking-form { padding: 0 25px } #booking_cnt.teetime .section_teetime { flex-direction: column; } .section_teetime .section_form_title {display: none;} #booking_cnt.teetime .custom_search_form .wrap_content {justify-content: center; background-color: #fff} .slideshow_cnt #booking_cnt.teetime.fired .section_title {margin-bottom: 0} #page_pf_step .slideshow_cnt #booking_cnt.teetime { margin-top: 89px } .section_calendar.search_form { right: 0; left: 0 } } @media (max-width: 890px) { header.innerpage .logo_golf a:before {width: 100px; height: 130px} } /* Generic Mobile Devic Phone */ @media (max-width: 768px) { .section_room_services .zcheckbox {display: block;} .section_room_services .zcheckbox .fieldvalue {width: 100%; margin-bottom: 25px} } @media (max-width: 767px) { #booking .booking-form form .caption-fields .group_cnt_1, #booking .booking-form form .caption-fields .group_cnt_2, #booking .booking-form form .caption-fields .group_cnt_3 {width: 100%;padding: 10px;margin: 0 0 10px 0;justify-content: space-between;flex-wrap: wrap;} #booking .booking-form form .caption-fields .group_cnt_3 { justify-content: center; } #booking .booking-form form .caption-fields .form.field.date { margin: 20px 0px; } #booking .booking-form form .caption-fields .form.field.date {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 50%;} #booking .booking-form form .caption-fields .date .form_element_title { text-align: center; width: 100%; } #booking .booking-form form .caption-fields .form.field.text input { padding: 0px; } #booking .booking-form form .caption-fields .element_11.text .form_element_title { text-align: center; } #booking .booking-form form .caption-fields input[type="submit"] { margin-top: 20px; } #booking .booking-form form .caption-fields .select .html_select .remove_selector, #booking .booking-form form .caption-fields .select .html_select .add_selector {width: 20px;height: 20px;line-height: unset;display: flex !important;justify-content: center;align-items: center;} #booking .booking-form form .caption-fields .select .html_select .remove_selector:before { background-color: rgba(0,0,0,0.05); padding: 5px; border-radius: 100%; } #booking .booking-form form .caption-fields .select .html_select .add_selector:before { background-color: rgba(0,0,0,0.05); padding: 5px; border-radius: 100%; top: unset; } #booking .booking-form form .caption-fields .form.field.select .form_select .current_value { width: 40px; } .content_wrapper.has_submenu { flex-direction: column; } .content_wrapper.has_submenu .section_text {width: 100%} .content_wrapper.has_submenu .section_submenu { width: 100% } .slideshow_cnt #booking_cnt { top: 90px; padding: 0!important; max-width: 375px; margin: 0 auto } body.golf .slideshow_cnt #booking_cnt { top: 90px } #booking.container {padding: 0} #booking .booking-form form .caption-fields input[type="submit"] {top: 0} #booking .booking-form form .caption-fields .form.field.text input {margin-bottom: 0} #booking .booking-form form .caption-fields .form.field.element_16.select { margin: 20px 0 0 0; padding: 0; margin-right: 65px } .section_booking #booking .booking-form { padding: 0 25px 25px } .slideshow_cnt #booking_cnt.fired .section_title, .video_cnt #booking_cnt.fired .section_title {font-size: 18px; margin-bottom: 0} #booking .booking-form form .caption-fields .form.field.text {width: 90%;margin: 0px;} #booking .booking-form form .caption-fields .form.field.date, #booking .booking-form form .caption-fields .form.field.date:first-of-type {margin:0px;} .simplebooking-info-div { transform: none; top: 0; left: 0; width: 100%; padding: 15px 0 } #booking .booking-form form .caption-fields .form.field.room {margin: 25px 0} #booking .booking-form form .caption-fields .form.field.select { width: 33%; margin: 0px; } .slideshow_cnt #booking_cnt.fired {overflow: scroll;} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt { flex-direction: column; } .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption {width: 100%} .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100% } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption {bottom: inherit;} body { padding: 0 } .right_bar, .left_bar, .bottom_bar, .top_bar {display: none;} header, body.fired header { top: 0; left: 0; right: 0; padding: 10px } header.innerpage.scrolled { padding: 10px } #menu_btn {top: 42px; right: 4px} header.innerpage .section_top_contacts { display: none; } .section_hotel_intro { padding-top: 0; padding-bottom: 120px;} .section_hotel_intro .section_intro_wrap .section_left .section_text { padding: 0 0 30px;} .section_hotel_intro .section_intro_wrap .section_left .section_summary {font-size: 30px; line-height: 30px} .section_rooms .section_intro .divider {display: none;} .section_rooms .section_intro .intro_content {padding: 0 15px 15px} .ztemplate_model_2 .ztemplate .row .box { width: 100% } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100% } .ztemplate_model_2 .ztemplate .row .box .elem { height: 450px!important;} .ztemplate_model_2 .ztemplate .row .box { height: 450px!important; } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt { height: 450px!important; } .menu_open {width: 100%} .menu_open .section_menu ul li a {font-size: 20px; line-height: 20px} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding-right: 15px } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin-bottom: 0} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 28px} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-size: 18px} .slideshow_cnt #slideshow {margin-top: 90px} .slideshow_cnt #slideshow img {height: auto;} .slideshow_cnt .section_scroll {display: none;} .slideshow_cnt .top_seo { left: 0; bottom: 0; margin: 0; transform: unset; font-size: 10px; position: relative; padding: 15px; background-color: #A3A194;} .slideshow_cnt .slick-next { right: 15px; bottom: 12px } .slideshow_cnt .slick-prev {right: 60px; bottom: 12px} .menu_open { right: calc( -100% - 90px) } footer .footer_top .section_right { display: none; } .gallery { margin: 30px 0 } .section_gallery { margin-bottom: 0 } .ztemplate_model_15 .ztemplate .row .box .elem {width: 100%; margin: 0; padding: 0 30px} .ztemplate_model_15 .ztemplate .row .box .elem .caption-cnt .caption-alt {min-height: unset!important;} .ztemplate_model_17 .ztemplate .row .box .elem, .ztemplate_model_18 .ztemplate .row .box .elem { width: calc(100% - 30px); } .fc-calendar .fc-row > div { float: left; width: calc(100%/7.001); line-height: 7px } .fc-calendar .fc-row, .ie9 .fc-calendar .fc-row > div, .fc-calendar .fc-row > div {height: 45px} .fc-calendar .fc-row > div > span.fc-weekday { display: none; } .fc-calendar .fc-row > div {line-height: 7px} .fc-calendar .fc-row > div > div { margin-left: 8px; margin-top: 8px } .section_calendar .template_calendar .detail_wrapper { width: 320px; left: 0; top: 0; height: 100% } header.innerpage .logo_golf {width: 80px} .slideshow_cnt #booking_cnt.teetime { top: 90px } #booking_cnt.teetime .custom_search_form .wrap_content {flex-direction: column;} .section_teetime form .caption-fields {flex-direction: column;} .section_teetime #calendar_date_selected {justify-content: center;} .section_teetime form .caption-fields .select { width: 100% } .section_teetime #calendar_date_selected {padding: 15px 0 0} .section_teetime form .caption-fields .form {padding: 15px 0} .section_teetime form .caption-fields .form:first-of-type { background-color: #f2f2f2 } .slideshow_cnt #booking_cnt.teetime.fired .section_title { padding-top: 15px } .section_teetime form .caption-fields input[type="submit"] {width: 100%; margin: 0} #order_page .section_teetime.step.order .form-cnt {width: 100%} #order_page .section_teetime form .caption-fields .form:first-of-type { background-color: transparent; } #order_page .form-cnt form .caption-fields .field {width: 100%} #order_page .section_teetime .form-cnt.order form .caption-fields {margin: 0} #order_page #booking_cnt.teetime .section_teetime {padding: 0 15px} #order_page.pf_step .section_teetime {margin-top: 0} #order_page .slideshow_cnt #booking_cnt.teetime {top: 104px; border: 0} #order_page .section_teetime.step.order .section_order {width: 100%} #order_page .slideshow_cnt { height: 100% } #order_page .slideshow_cnt #booking_cnt.teetime { top: 0; margin-top: 90px; margin-bottom: 90px; padding-top: 14px!important } body.golf .custom_search_form .wrap_content {flex-direction: column; width: 100%} #page_pf_step .slideshow_cnt #booking_cnt.teetime { margin-top: 89px; padding-top: 15px!important; } #order_page .section_text { margin-bottom: 30px } .section_calendar.search_form.fired { transform: translateY(-50%) scale(1) } .section_calendar.search_form {right: 50px} body.golf .slideshow_cnt #booking_cnt.fired { overflow: visible; } .ztemplate_model_22 .ztemplate .row .box .elem { display: block; width: 100%; margin: 0 0 30px } body.en .book_residence_btn { padding: 0 20px; } body.golf .live_cam_btn a { padding: 10px; font-size: 12px; } body.golf .live_cam_btn, header.scrolled .live_cam_btn, .live_cam_btn { top: 27px; } #language li.active a, #language li a { color: #000; } #language { position: relative; top: 0; } #varscript_live_cam iframe { height: 178px!important; } } @media (max-width: 766px) { /* fix */ .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt img {left: 0} .ztemplate_model_2 .ztemplate .slick-next { display: none!important; } .ztemplate_model_2 .ztemplate .slick-prev { display: none!important; } .section_club_house { height: auto; padding: 15px 15px 30px } } @media (max-width: 600px) { .slideshow_cnt #booking_cnt { top: 130px } body.golf .slideshow_cnt #booking_cnt { top: 130px } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt {flex-direction: column;} .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption {width: 100%} .section_restaurant_and_bar { padding-top: 0 } .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 100%; margin-top: 30px; padding: 0 0 30px} .section_services { padding-top: 30px; padding-bottom: 50px } .section_services .container {padding: 0} .section_rooms .section_intro .section_text {padding-left: 0} .booking_section_btn, .booking_section_btn.scrolled, .booking_section_btn.isvisible { position: absolute; top: 100%; left: 0; right: 0; } .ztemplate_model_2 .ztemplate .row .box { height: 450px!important } .ztemplate_model_2 .ztemplate .row .box .elem { height: 450px } .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt img {height: 450px} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt {width: 100vw} .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption .title a {text-align: center;} footer .footer_top .section_right { display: none; } .ztemplate_model_6 .ztemplate .row {padding: 0 15px} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt {flex-direction: column;} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption {position: relative; left: 0; top: 0; width: 100%; order: 2; transform: none;} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .title a:before {display: none;} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt {order: 1} .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption-alt img { min-height: unset; } .ztemplate_model_6 .ztemplate .row .box .elem.odd .caption-cnt .caption { right: 0 } .ztemplate_model_6 .ztemplate .row .box .elem {margin-bottom: 40px} #page .section_intro {margin: 30px 0} .ztemplate_model_7 { margin-top: 30px } .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption-alt img {height: 180px; object-fit: cover} .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption { transform: translateY(-50%); left: 15px} .ztemplate_model_7 .next_room {font-size: 15px} .ztemplate_model_7 .ztemplate .row .box .elem .caption-cnt .caption .title a {font-size: 22px} .section_page_head #page_name { font-size: 20px } img.left { float: none!important; width: 100%; margin-bottom: 20px!important } #contact_form form .caption-fields .field { width: 100% } .ztemplate_model_16 .ztemplate .row {padding: 0 15px} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt {flex-direction: column;} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption {position: relative; left: 0; top: 0; width: 100%; order: 2; transform: none;} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption .title a:before {display: none;} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption-alt {order: 1} .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption-alt img { min-height: unset; } .ztemplate_model_16 .ztemplate .row .box .elem.odd .caption-cnt .caption { right: 0 } .ztemplate_model_16 .ztemplate .row .box .elem {margin-bottom: 40px} .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt { flex-direction: column; } .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption {width: 100%} .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 30px 0 0 0} .section_golf_academy_detail { padding: 0 15px 30px } .section_club_house {border: none;} .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt {padding: 10px 25px} .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt .caption-alt {margin-left: 0} body.home .top_seo { font-size: 9px; position: fixed; text-align: center; bottom: 0; left: 0; width: 100%; padding: 0 15px; } .slideshow_cnt #booking_cnt.teetime { top: 130px; } body.golf .booking_section_btn {z-index: 1} .slideshow_cnt #booking_cnt.teetime.fired {overflow: visible;} .section_calendar.search_form.fired { transform: none; top: 0; right: 0 } .section_calendar.search_form .close_btn { right: 0; top: -48px } .section_teetime .pf_sf {padding-bottom: 0} .section_teetime #calendar_date_selected .day { font-size: 24px } .step_indicator:after { width: 20% } .step_indicator:before {width: 20%} .step .ztemplate .row .box { width: 310px } .step .ztemplate .row .box .elem {margin: 0 0 30px 0} .slideshow_cnt #slideshow { margin-top: 130px } } @media (max-width: 320px) { body.home .section_intro.home .section_cnt {margin-top: 60px} .section_intro.home .logo {width: 80px;} .section_menu1 li {padding: 0 15px} .section_menu1 a { font-size: 28px; line-height: 28px } .section_menu1 .menu-description {font-size: 15px} .slideshow_cnt #booking_cnt.fired .section_title, .video_cnt #booking_cnt.fired .section_title {display: none;} .menu_open .section_menu ul {margin: 0; padding-left: 10px} .menu_open .section_menu ul li a, #varlink_home-cnt a {font-size: 14px; line-height: 14px} #varlink_home-cnt a { margin: 12px 0 8px 20px; } .menu_open .section_menu ul li:not(.last) {margin-bottom: 12px} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin-top: 0} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 22px; line-height: 22px} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-size: 14px; line-height: 15px} } @media (max-height: 780px) { .menu_open {padding-top: 0} .menu_open .section_menu ul li a, #varlink_home-cnt a {font-size: 16px!important; line-height: 16px!important;} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding-right: 15px } .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin-bottom: 0} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a {font-size: 22px} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-size: 15px} .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a {padding: 10px 15px; margin-top: 10px;} .ztemplate_model_2 .ztemplate .row .box .elem {height: 450px} .ztemplate_model_2 .ztemplate .row .box { height: 450px!important } } @media (max-height: 780px) and (min-width: 768px) { .menu_open.hotel { width: 760px; right: -790px } .menu_open.hotel.fired { right: 0 } .menu_open.hotel .section_menu ul.extended-menu { column-count: 2; column-gap: 20px; } .menu_open.hotel .section_menu ul li a, .menu_open.hotel #varlink_home-cnt a { font-size: 22px } .menu_open.hotel .section_menu ul li:not(.last){ width: 100% } } @media (max-height: 920px){ .menu_open .section_menu ul li a, #varlink_home-cnt a {font-size: 25px; line-height: 26px} } @media (max-height: 1024px){ .section_restaurant .section_wrap { top: 50% } } @media (max-height: 830px){ .section_golf_calendar {height: 100%} } /* 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) { } /* Modifiche BE Immersivo - Inizio */ .data_loading {position: fixed;padding: 25%;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;z-index: -1;background-color: rgba(0, 0, 0, 0.8);transition: .3s; z-index: 9999999;text-align: center;} .data_loading .fa-spin {color: #fff;} #page.bookingengine .section_intro {margin:0;padding: 20px 0;border-top: 175px solid #8b8071;width: auto;background-color: #a49f95;max-width: inherit;color: #FFFFFF;} #page.bookingengine .section_intro .section_summary {margin: 0;color: #fff;width: 100%;font-size: 32px;} #bookingform_summary {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;text-align: left;position: relative;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between;} #bookingform_summary .dates {font-family: "Raleway-Regular";width: 60%;} #bookingform_summary .dates > div {margin: 10px 0 10px 10px;display: inline-block;font-size: 16px;color: #FFFFFF;text-align: left;line-height: 1;letter-spacing: 0;} #bookingform_summary .dates .value {margin-right: 25px; font-size: 18px; } #bookingform_summary .dates .label:after { margin: 0 5px 0 0; content: ':'; } #bookingform_summary .dates #edit_booking_search {margin: 5px 0 0 0;display: block;clear: both;} /* Booking engine immersivo */ #page.bookingengine .showcase_rooms_template {margin: 50px auto;max-width: 1200px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 { text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem { text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;text-align: left;position: relative;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: stretch;width: 65%;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption {background-color: rgba(255, 255, 255, 0.8);text-align: left;z-index: 2;position: absolute;left: 123px;bottom: 152px;order: 1;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .title {display: inline-block;font-family: "Amiri-Regular";font-size: 26px;color: #4B4B4B;text-transform: uppercase;text-align: left;line-height: 1;letter-spacing: 0;position: relative;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .title:before { width: 100px; height: 1px; background-color: #4B4B4B; text-align: left; z-index: 2; position: absolute; left: 0px; bottom: 0px; content: ''; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .ztextarea {font-family: "Raleway-Regular";font-size: 13px;color: #4E4E4E;text-align: left;line-height: 19px;letter-spacing: 0;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .zsimplebutton { text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .zsimplebutton a { display: inline-block; background-color: #B4B2A8; font-family: "Raleway-Medium"; font-size: 14px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt { width: 100%; text-align: left; order: 2; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt img {width: 100%;background-color: #000000;text-align: left;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem {margin-bottom: 50px;position: relative;/* width: calc(50% - 40px); */box-shadow: 0 42px 46px -29px rgba(0,0,0,0.52);display: flex;/* margin: 20px; */justify-content: space-between;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption {width: 420px; padding: 30px} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .zsimplebutton a {padding: 15px 25px; margin-top: 30px} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption { bottom: inherit; top: 50%; transform: translateY(-50%); } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .title:before {left: -80px} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .title {padding-bottom: 10px} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption {left: 10%} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption {left: 40px;right: 0;z-index: 9;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add {padding: 0;margin: 0;background-color: #a4a095;text-align: left;order: 2;width: 35%;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zinput.g14 {padding: 30px 30px 20px 30px;font-family: "Amiri-Regular";color: #fff;text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zinput.g14 .fieldkey {margin: 0 0 0px 0;text-transform: uppercase; font-size: 14px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zinput.g14 .fieldvalue {text-transform: inherit; font-family: "Amiri-Regular";font-size: 32px;color: #FFFFFF;text-transform: lowercase;line-height: 1;letter-spacing: -2.5px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zcheckbox {margin: 0 20px 20px 20px; padding:20px 0 0 0; text-align: left; border-top: 1px solid rgba(255, 255, 255, 0.2)} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zcheckbox .fieldkey {display: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zcheckbox .fieldvalue {text-transform: inherit;margin: 10px;font-family: "Amiri-Regular";font-size: 17px;color: #FFFFFF;text-transform: lowercase;text-align: left;line-height: 1;letter-spacing: 0; position: relative;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zcheckbox .fieldvalue:before { content: '\f111'; font-family: "FontAwesome5Pro-Solid"; font-size: 6px; color: #fff; position: absolute; left: -10px; top: 5px } .pf_no_results { text-align: center; padding: 25px; font-size: 24px;font-family: "Amiri-Regular";color: #5b4d4e; max-width: 920px; margin: 0 auto; padding: 0 0 0 80px } /* Tariffe Booking Engine Immersivo */ #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem .subcontents .rates .caption-add:before { display: none; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .t-slide { display: none; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents {font-family: "Raleway-Regular";width: 35%;background: #fff;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .ztemplate {padding: 0;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .ztemplate .row {text-align: right;margin: 0;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates {margin: 0;background-color: #fff;display: block;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading {cursor: pointer;position: relative;padding: 15px 15px 12px 15px;font-size: 18px;text-transform: uppercase;background-color: #46351ca3;color: #fff;font-family: "Amiri-Regular";line-height: 1;text-align: center;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading:before {content: "\f105";font-family: "FontAwesome5Pro-Light";font-size: 18px;margin-right: 10px;display: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading.close:before { content: '\f105' } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading.open:before {content: '\f107';display: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .rate-group-title {margin: 20px 0 0 0;padding: 15px 15px 15px 30px; text-transform: uppercase; position: relative; cursor: pointer; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .rate-group-title:before { content: "\f107"; font-family: "FontAwesome5Pro-Regular"; font-weight: 900; position: absolute; left: 15px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .rate-group-title.close:before { content: "\f105"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-cnt {display: block;position: relative;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem {margin: 8px;padding: 10px;background-color: #F1F1F1;display: block;border-bottom: 0;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.odd {} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.last, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem.single {margin: 8px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .title {display: block;margin: 0;padding: 0 0 0 20px;font-family: "Raleway-bold";font-size: 13px;text-transform: uppercase;line-height: 1.2;color: #715A5A;cursor: pointer;position: relative;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .title:after { margin:5px 0 5px 0; content: ""; width: 30px; height: 1px; display: block; background-color: #715A5A; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .title:before {margin: 0;content: "\f05a";font-family: "FontAwesome5Pro-Regular";color: #67635c;position: absolute;left: 0;font-size: 14px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .ztextarea {margin: 0;padding: 0;font-size: 12px;line-height: 1.3;text-transform: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .ztextarea .fieldkey {display: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .ztextarea ul { padding-left: 22px; margin: 12px 0; list-style-type: disc; text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 { margin: 5px 0 0 0; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey {margin: 0;padding: 0 0 5px 0;font-family: 'Raleway-Bold';font-size: 12px;line-height: 1.3;text-transform: uppercase;cursor: pointer;color: #656565;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey:before { margin: 0 3px 0 0; content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; font-size: 10px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey.open:before { content: "\f146"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue {font-size: 12px;color: #484848;line-height: 18px;display: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue div p { display: inline-block; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul li p { display: inline-block; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul { padding-left: 22px; list-style-type: disc; margin: 12px 0; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .g_zselection {margin: 0;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .g_zselection .fieldkey {margin: 0 0 5px 0;font-size: 11px;color: #3f4d16;text-align: center;text-transform: uppercase;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection { padding: 0; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input {margin: 0;padding: 9px 10px;background-color: #B4B2A8;font-family: "Raleway-bold";font-size: 13px;color: #FFFFFF;text-transform: uppercase;text-align: center;line-height: 17px;letter-spacing: 0;display: inline-block;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input.selected { } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input:disabled { /* opacity: 0.2; */ } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zselection input.selected:disabled { opacity: 1; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabelprice {margin: 0 10px;padding:0;font-size: 11px;color: #46351c;text-align: right;text-transform: uppercase; margin-left: auto} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabelprice .fieldvalue {margin: 7px 0 0 0;font-size: 19px;color: #B4B2A8;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabelprice .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .title a { cursor: initial; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add img {min-width: unset;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem.not-available {margin-bottom: 140px} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .g10 { display: none; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17 { position: absolute; z-index: 9; right: 0; top: inherit; bottom: 0; padding: 20px 20px 20px 60px; background-color: #928382; font-size: 20px; color: #fff; text-align: left; line-height: 25px; letter-spacing: 0; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .elem.not-available .caption-cnt .caption-add .zlabel.g17:before {font-family: "FontAwesome5Pro-Light"; font-size: 30px; color: #fff; content: '\f57a'; position: absolute;left: 15px} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .read_more:before { content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; color: #715A5A; font-size: 10px; line-height: 1.2px; margin: 0 5px 0 0 } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .read_more.open:before { content: '\f146'; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .read_more { text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.2; color: #715A5A; background-color: transparent; padding: 0; margin: 5px 0; cursor: pointer; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .desc ul, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .desc ol {padding: 0 0 0 11px;} #page.bookingengine .ztemplate .room_gallery:before { content: "\f302"; font-size: 38px; font-family: "FontAwesome5Pro-Solid"; color: #fff; position: absolute; bottom: 20px; right: 20px; z-index: 3; cursor: pointer; } .ztemplate .room_gallery { } .ztemplate .room_gallery .default_gallery { display: none; } .ztemplate .room_gallery .default_gallery.fired {margin: 0 auto;display: flex;z-index: 999;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.7);align-items: center;justify-content: center;} .ztemplate .room_gallery .default_gallery img { margin: auto; } .ztemplate .room_gallery .default_image { cursor: pointer; position: relative; z-index: 2 } .ztemplate .room_gallery .default_image img { max-width: 780px !important; min-width: inherit;} .ztemplate .room_gallery .default_gallery img {max-width: 50% !important;min-width: inherit;} .ztemplate .room_gallery .default_gallery .slick-next {text-align: center;z-index: 2;position: absolute;right: 20%;top: calc(50% - 25px);} .ztemplate .room_gallery .default_gallery .slick-next:before {font-family: "FontAwesome5Pro-Light";font-size: 50px;color: #FFFFFF;text-transform: lowercase;text-align: center;line-height: 50px;letter-spacing: 0;content: "\f105";} .ztemplate .room_gallery .default_gallery .slick-prev {text-align: center;z-index: 2;position: absolute;left: 20%;top: calc(50% - 25px);} .ztemplate .room_gallery .default_gallery .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 50px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } .ztemplate .room_gallery .close_btn {display: none;width: 40px;height: 40px;position: fixed;top: 70px;cursor: pointer;z-index: 9999;left: 0;right: 0;margin: 0 auto;} .ztemplate .room_gallery .close_btn:before { width: 100%; height: 2px; background-color: #fff; transform: rotate(45deg); position: absolute; content: ''; top: 50%; left: 0 } .ztemplate .room_gallery .close_btn:after { width: 100%; height: 2px; background-color: #fff; transform: rotate(-45deg); position: absolute; content: ''; top: 50%; left: 0 } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 {margin: 0 10px;padding: 5px;/* border: none; *//* background: #3f4d14; *//* color: #fff; */} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 .fieldkey{font-size: 11px;text-transform: uppercase;font-weight: bold;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 .fieldvalue { font-size: 12px; font-weight: bold; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g6 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g20 {margin: 0 0 0 10px; padding: 5px 5px 5px 30px; font-size: 11px;color: #3f4d16;text-align: right;text-transform: uppercase;display: none;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue {margin: 0;font-size: 13px;color: #B4B2A8;text-decoration: line-through; line-height: 1;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldkey {display: none; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldvalue {margin: 0;font-size: 16px;color: #4b4b4b;line-height: 1;font-family: "Raleway-Bold";} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue span.comma, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue span.decimal, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldvalue span.comma, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g10 .fieldvalue span.decimal { } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g20 .fieldvalue { margin: 3px 0 0 0; font-size: 18px; color: #B4B2A8; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldvalue:before, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g20 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 { display: inline-flex; align-items: center; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldkey { background-color: #F76B6B; color: #fff; padding: 5px 10px; margin-right: 5px; position: relative; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g9 .fieldkey:before { content: "\f06b";font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #F76B6B; position: absolute; left: -25px; top: 0; z-index: 2 } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption {padding: 0; text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-alt {margin: 0;padding: 0;width: auto;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between;/* background-color: #FEFEFE; */} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add {padding: 20px;display: block;text-align: left;border: 1px solid #D8D8D8;display: none;position: absolute;background: #fff;z-index: 9;top: -16px;width: 150%;right: 104%; max-height: 990px; height: inherit!important;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add:after {width: 15px;height: 15px;background: #fff;content:"";right: -7px;top: 15px;position: absolute;display: block;transform: rotate(45deg);z-index: -1;box-shadow: 1px -1px 0px 0px #ccc;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add .g10 {padding: 0;position: inherit;background: none;z-index: inherit;top: inherit;right: inherit;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .guests { display: flex; align-items: center; width: 50%; padding: 0 } .includedescr-title, .excludedescr-title, .mealplan-title { margin: 5px 0; display: flex; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; line-height: 1.2; color: #715A5A; cursor: pointer; font-family: "Raleway-Bold"; } .mealplan-title div { padding-left: 5px } .includedescr-title:before, .excludedescr-title:before, .mealplan-title:before { margin: 0 5px 0 0; content: "\f0fe"; font-family: "FontAwesome5Pro-Regular"; font-size: 10px } .includedescr-title.open:before, .excludedescr-title.open:before, .mealplan-title.open:before { content: "\f146"; } .mealplan, .desc, .includedescr, .excludedescr {margin: 5px 0px 10px 0; padding:0; text-align: left; } .mealplan, .includedescr, .excludedescr { display: none; } #edit_booking_search .section_btn {cursor: pointer;display: inline-block;background-color: #8b8071;font-size: 14px;color: #FFFFFF;text-transform: uppercase;text-align: center;line-height: 20px;letter-spacing: 0;padding: 10px 15px;font-family: "Raleway-Medium";} #edit_booking_search .section_btn div:before {content: "\f073";font-family: "FontAwesome5Pro-Light";font-size: 16px;margin-right: 10px;} /* Icone Occupazione*/ #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g16, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g23, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g24 {margin:0 5px; padding:0; text-align: left; width: 25%; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 .fieldvalue { display: flex; align-items: baseline; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 .fieldvalue, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g16 .fieldvalue, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g23 .fieldvalue, #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g24 .fieldvalue { text-align: left; color:#696969; font-size: 18px; display: flex; align-items: center;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 .fieldvalue:before { margin: 0 5px 0 0; content: "\f183";font-family: "FontAwesome5Pro-Solid";font-weight: 900;font-size: 15px; display:inline-block; text-align: center;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g24 .fieldvalue:before { margin: 0 5px 0 0; content: "\f1ae"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 15px; display:inline-block; text-align: center; position: relative; bottom: 0} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g16 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77c"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 15px; display:inline-block; text-align: center; position: relative; bottom: 0 } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g23 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77d"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 15px; display:inline-block; text-align: center; position: relative; bottom: 0 } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add .close_btn { display: none; } /* Template Camere order.php*/ #page.bookingengine.order .section_intro { border-top: 175px solid #8b8071; padding: 15px 0;} #page.bookingengine.order #bookingform_summary { text-align: center; justify-content: space-around; } #page.bookingengine.order #bookingform_summary { font-family: 'Raleway-Regular';font-size: 12px;line-height: 1;text-transform: uppercase; font-weight: bold; } #page.bookingengine.order #bookingform_summary .title { font-family: "Amiri-Regular"; font-size: 32px;line-height: 1;text-transform: uppercase;text-align: center;color: #fff;font-weight: normal; } #page.bookingengine.order #bookingform_summary .dates { margin:0; text-align: right; } #page.bookingengine.order #bookingform_summary .guests { margin: 0; } #page.bookingengine.order #bookingform_summary .label { display: inline-block; } #page.bookingengine.order #bookingform_summary .value { margin:0 5px; display: inline-block; } #rooms_summary {margin: 20px 0 40px 0;font-family: 'Raleway-Regular';} #rooms_summary .ztemplate { } #rooms_summary .ztemplate .elem {margin: 0px 0px 10px 0px;padding: 20px 20px 5px 20px; text-align: left;clear: both;overflow: hidden;background-color: transparent;} #rooms_summary .ztemplate .caption .room_count {margin: -1px 3px 0 0;padding: 0;font-size: 16px;line-height: 20px;font-weight: bold;float: left;background: #3f4d16;color: #fff;width: 20px;height: 20px;text-align: center;} #rooms_summary .ztemplate .caption .title {margin: 0px 0px 0 0px;padding: 0px 0px 0px 0px;font-size: 32px;line-height: 1;color: #656565;font-weight: normal;font-family: "Amiri-Regular";text-transform: uppercase;} #rooms_summary .ztemplate .caption .title:before { margin: 0 5px 5px 0px; content: "x"; font-family: 'Raleway-Regular'; font-size: 11px; position: relative; top: -2px; color: #3f4d16; display: none;} #rooms_summary .ztemplate .caption .ztextarea {padding: 5px 0px 10px 0px;line-height: 20px;font-size: 14px;color: #434a37;font-weight: normal;padding: 15px 0;} #rooms_summary .ztemplate .caption .ztextarea ul { list-style-type: disc } #rooms_summary .ztemplate .caption .zlabel.g8 { margin: 3px 0 0 0; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey {margin: 0;padding: 0 0 5px 0;font-family: 'Raleway-bold';font-size: 12px;line-height: 1.3;text-transform: uppercase;cursor: pointer;color: #715A5A;} #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey:before { margin: 0 3px 0 0; content: "\f146"; font-family: "FontAwesome5Pro-Regular"; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey.open:before { content: "\f146"; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldkey.close:before { content: "\f0fe"; } #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue {font-size: 13px;line-height: 20px;color: #656565;/* display: none; */} #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue div p {display: initial;} #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul li p {display: initial;} #rooms_summary .ztemplate .row .box .subcontents .rates .zlabel.g8 .fieldvalue ul { padding-left: 22px; list-style-type: disc; margin: 12px 0 } #rooms_summary .ztemplate .caption .ztextarea {} #rooms_summary .ztemplate .subcontents .rates .ztextarea {color: #434a37;} #rooms_summary .ztemplate .caption .ztextarea.g5 { background-color: #9a8b8c } #rooms_summary .ztemplate .subcontents .rates .ztextarea .fieldkey { display: none; } #rooms_summary .ztemplate .subcontents .rates .ztextarea ul { padding-left: 22px; margin: 12px 0 } #rooms_summary .ztemplate .caption .zlabel.g8 .fieldkey {margin: 0;padding: 0;font-family: 'Raleway-Regular'; font-weight:bold; font-size: 11px;line-height: 1.3;text-transform: uppercase; } #rooms_summary .ztemplate .caption-alt { display: none; } #rooms_summary .ztemplate .caption-add { display: none;} #rooms_summary .ztemplate .caption-add .groupfield.g6, #rooms_summary .ztemplate .caption-add .groupfield.g16, #rooms_summary .ztemplate .caption-add .groupfield.g7 { margin: 0px 10px 10px 0px; padding: 5px 10px; font-size: 15px; color: #434a37; display: inline-block; border: 1px solid #aa9f94; } #rooms_summary .ztemplate .caption-add .groupfield.g7 { margin: 0px 0 10px 0px;} #rooms_summary .ztemplate .caption-add .groupfield.g6 .fieldkey, #rooms_summary .ztemplate .caption-add .groupfield.g16 .fieldkey, #rooms_summary .ztemplate .caption-add .groupfield.g7 .fieldkey { display: inline-block; } #rooms_summary .ztemplate .caption-add .groupfield.g6 .fieldvalue, #rooms_summary .ztemplate .caption-add .groupfield.g16 .fieldvalue, #rooms_summary .ztemplate .caption-add .groupfield.g7 .fieldvalue { display: inline-block; } #rooms_summary .ztemplate .caption-add .zinput.number.g10 { margin: 15px 0; } #rooms_summary .ztemplate .caption-add .zinput.number.g10 .fieldkey { color: #434a37; font-size: 16px; } #rooms_summary .ztemplate .caption-add .zinput.number.g10 .fieldvalue { font-size: 24px; font-weight: normal; color: #ad883c; line-height: 1;} #rooms_summary .ztemplate .caption-add .zinput.number.g10 .fieldvalue:before { margin:0 2px 0 0; content: "\20AC"; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 { margin: 20px 0px 20px 0px; font-size: 14px; font-weight: normal; color: #ad883c; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 .fieldkey { margin:0 0 5px 0; color: #434a37; font-size: 16px; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 .fieldvalue { padding:5px 0 5px 25px; position: relative; line-height: 1; } #rooms_summary .ztemplate .caption-add .zcheckbox.g5 .fieldvalue:before { font-family: "FontAwesome5Pro-Regular"; font-weight: 300; content: "\f00c"; position: absolute; left: 0; } /* Tariffe Booking Engine Immersivo */ #rooms_summary .ztemplate .subcontents .rates {margin: 0;} #rooms_summary .ztemplate .subcontents .rates .box_heading { padding: 15px; background-color: #46351ca3; color: #fff; text-transform: uppercase; font-family: "Raleway-bold"; } #rooms_summary .ztemplate .subcontents .rates .caption-cnt {display: flex;flex-direction: column;align-items: center;} #rooms_summary .ztemplate .subcontents .rates .caption-cnt .caption {order: 1;width: 100%;background: none;} #rooms_summary .ztemplate .subcontents .rates .elem {margin: 5px 0;padding: 15px 15px;background-color: #fff;} #rooms_summary .ztemplate .subcontents .rates .title {margin: 0;padding: 0;font-weight: bold;font-family: "Raleway-bold";font-size: 14px;text-transform: uppercase;line-height: 1.2;color: #715A5A;} #rooms_summary .ztemplate .subcontents .rates .title:after { margin:5px 0 5px 0; content: ""; width: 30px; height: 1px; display: none; background-color: #715A5A; } #rooms_summary .ztemplate .subcontents .rates .ztextarea {margin: 0;padding: 0;font-size: 13px;line-height: 1.3;text-transform: none;} #rooms_summary .ztemplate .subcontents .rates .zselection {margin: 0 0 0 20px;display: none;} #rooms_summary .ztemplate .subcontents .rates .zselection input { margin: 0; padding: 9px 10px; background-color: #ad883c; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 17px; letter-spacing: 2px; display: inline-block; } #rooms_summary .ztemplate .subcontents .rates .zselection input.selected { background-color: #404d17; } #rooms_summary .ztemplate .subcontents .rates .zselection input:disabled { opacity: 0.2; } #rooms_summary .ztemplate .subcontents .rates .zselection input.selected:disabled { opacity: 1; } #rooms_summary .ztemplate .subcontents .rates .zlabelprice {margin: 0 0 0 0;font-size: 11px;color: #6f5a58;text-align: right;text-transform: uppercase;} #rooms_summary .ztemplate .subcontents .rates .zlabelprice .fieldkey { display: none; } #rooms_summary .ztemplate .subcontents .rates .zlabelprice .fieldvalue {margin: 3px 0 0 0;font-size: 18px;font-family: 'Raleway-bold';line-height: 1;} #rooms_summary .ztemplate .subcontents .rates .zlabelprice .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9, #rooms_summary .ztemplate .subcontents .rates .zlabel.g20 { margin: 0 10px; font-size: 11px; color: #3f4d16; font-family: 'Raleway-Regular'; text-align: right; text-transform: uppercase; display: none;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g20 .fieldvalue { margin: 3px 0 0 0; font-size: 18px; color: #ad883c; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldvalue:before, #rooms_summary .ztemplate .subcontents .rates .zlabel.g20 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #rooms_summary .ztemplate .subcontents .rates .caption-alt {order: 2;width: 100%;margin: 8px 0 10px 0;/* padding: 10px 10px 10px 0; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;background: #FEFEFE;justify-content: space-between;} #rooms_summary .ztemplate .subcontents .rates .caption-alt .guests { display: flex; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .caption-add { display: block; order: 3; width: 100% } #rooms_summary .ztemplate .subcontents { background-color: #f9f9f9; margin-top: 15px } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 { display: inline-flex; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldkey { background-color: #F76B6B; color: #fff; padding: 5px 10px; margin-right: 5px; position: relative; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldkey:before { content: "\f06b";font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #F76B6B; position: absolute; left: -25px; top: 0; z-index: 2 } #rooms_summary .ztemplate .subcontents .rates .zlabel.g9 .fieldvalue { margin: 0; font-size: 12px; color: #B4B2A8; text-decoration: line-through; line-height: 1; } #rooms_summary .dates.in_order {margin: 0px 20px; background-color: #fff; padding: 12px;display: flex; flex-wrap: wrap; align-items: baseline;} #rooms_summary .dates.in_order .label.first:before { content: "\f073";font-family: "FontAwesome5Pro-Light"; font-size: 18px; color: #715A5A; margin-right: 7px } #rooms_summary .dates.in_order > div { display: inline-block; font-size: 14px; color: #715A5A; text-align: left; line-height: 30px; letter-spacing: 0; } #rooms_summary .dates.in_order .value {margin-right: 10px; margin-left: 5px} #rooms_summary .dates.in_order .label:after { font-size: 14px; color: #715A5A; content: ':'; margin-right: 0 } .guests_nights {} .guests_nights > div {margin-right: 12px;display: inline-block;} .guests_nights .nights:before {content: "\f186";font-family: "FontAwesome5Pro-Light";font-size: 16px;color: #ffffff;margin-right: 7px;} .guests_nights .adults:before {content: "\f183";font-family: "FontAwesome5Pro-Light";font-size: 16px;color: #ffffff;margin-right: 7px;} .guests_nights .cildren_1:before { content: "\f77d";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .guests_nights .cildren_2:before { content: "\f77c";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .guests_nights .cildren_3:before { content: "\f1ae";font-family: "FontAwesome5Pro-Light"; font-size: 16px; color: #715A5A; margin-right: 7px } .section_why_booking {padding: 0 0 0 30px;font-size: 14px;color: #FFFFFF;text-align: left;line-height: 15px;letter-spacing: 0;border-left: 1px solid #ffffff26;} .section_why_booking h2 {margin: 0;font-family: "Amiri-Regular";} .section_why_booking ul {margin: 15px 0 0 0;list-style-type: none;display: inline-block;padding: 0;font-family: "Raleway-Regular";} .section_why_booking ul li {margin-bottom: 12px; display: flex;} .section_why_booking ul li:before { content: "\f058";font-family: "FontAwesome5Pro-Light"; font-size: 18px; color: #fff; margin-right: 5px } #showcase.order .section_why_booking { margin-top: 70px } .section_noresults_links { display: none; margin: 30px auto 90px; } .section_noresults_links.visible { display: flex; align-items: center; justify-content: center; text-align: center; } .request_availability_btn .varsimple {cursor: pointer; display: inline-block; background-color: #938383b3; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; padding: 15px 15px;} .request_availability_btn .varsimple:before { content: "\f0e0"; font-family: "FontAwesome5Pro-Light"; font-size: 22px; margin-right: 10px; position: relative; top: 2px } .section_noresults_links > div { margin: 0 15px } /* form contatti order */ .order #contact_form {padding: 0;} .order .form-cnt {padding: 20px} .order .form-cnt .title {margin: 20px 0px 10px 0px;padding: 0px 0px 0px 0px;font-size: 32px;line-height: 1;color: #656565;font-family: 'Amiri-regular';font-weight: normal;text-transform: uppercase;} .order .form-cnt .summary {margin: 0 0 20px 0;line-height: 20px;font-size: 15px;color: #3A3A3A;font-weight: normal;font-family: 'Raleway-Regular';} /* Payment */ #page.bookingengine.payment .section_intro .section_summary { text-align: center; } #page.bookingengine.payment .section_intro .section_summary div { display: inline-block; } #page.bookingengine.payment .section_intro .section_summary .vareditor { font-family: 'Raleway-Regular'; font-size: 16px; } .payment .content_wrap {margin: 0 auto;font-family: 'Raleway-Regular';max-width: 550px;} .payment #order_summary .section_total {padding: 0;font-family: "Amiri-Regular";font-size: 28px;color: #8b8071;text-align: right;line-height: 1;} .payment #payment_method {margin: 0 auto;padding: 5px 0 15px 0;} .payment #order_summary .section_total .varsimple { display: inline-block;} .payment #order_summary .section_total #total_amount { padding: 0 0 0 25px;position: relative;letter-spacing: -2px;display: inline-block;} .payment #order_summary .section_total #total_amount:before { content: "\20ac"; position: absolute; left: 0; } .payment .content_wrap {overflow: hidden; position: relative; margin-top: 40px;} .payment #payment_method form .be_payment_filed {margin-bottom: 10px;} .payment #payment_method form .be_month, .payment #payment_method form .be_year {width: calc(50% - 10px);display: inline-block;} .payment #payment_method form .be_month {margin-right: 15px; display: inline-block;} .payment #payment_method form .be_payment_description { margin: 5px 0 20px; line-height: 18px } .payment #payment_method form .be_payment_description ul, .payment #payment_method form .be_payment_description ul li, .payment #payment_method form .be_payment_description ul li span, .payment #payment_method form .be_payment_description ul li span b, .payment #payment_method form .be_payment_description ul li span strong, .payment #payment_method form .be_payment_description b, .payment #payment_method form .be_payment_description span, .payment #payment_method form .be_payment_description a {} .payment #payment_method form .be_payment_description b, .payment #payment_method form .be_payment_description span { color: #fff!important; background-color: transparent!important; font-size: 15px!important } .payment #payment_method form .be_payment_filed_name {margin-bottom: 5px;position: relative;/* color: #fff; */font-size: 14px;/* border-top: 1px solid #fff; */padding: 10px 0 0;text-transform: uppercase;font-family: 'Raleway-bold';} .payment #payment_method form .be_payment_filed select {font-size: 13px;color: #524343;-webkit-appearance: inherit;border-radius: unset;padding: 15px;background-color: #bcbaac7a;background-image: url('../images/icons/caret_down.svg');background-repeat: no-repeat;background-position: 95%;cursor: pointer;width: 100%;font-family: 'Raleway-bold';} .payment #payment_method form .be_payment_filed input {padding: 15px;background: #dfded7;width: 100%;} .payment #payment_method form input[type="submit"] {width: 100%;padding: 15px;margin-top: 20px;background: #a49f95;color: #fff;font-family: 'Raleway-bold';font-size: 16px;text-transform: uppercase;} .payment #payment_method form .be_number input { background-image: url('../images/icons/card.svg'); background-repeat: no-repeat; background-position: 5%; padding-left: 50px } .payment #payment_method form .be_month select, .payment #payment_method form .be_year select { padding-left: 50px } .payment #payment_method form .be_cvv input {background-image: url('../images/icons/mini_lock.svg'); background-repeat: no-repeat; background-position: 5%; padding-left: 60px} .payment #payment_method form .be_month .be_payment_filed_name:before, .payment #payment_method form .be_year .be_payment_filed_name:before { position: absolute; content:''; background-image: url('../images/icons/calendar.svg'); background-repeat: no-repeat;width: 20px; height: 20px; top: 38px; left: 15px } .payment #payment_method .be_payment_title {color: #fff;font-size: 15px;background-color: #a4a095;padding: 15px 15px 15px 30px;cursor: pointer;position: relative;text-transform: uppercase;font-family: 'Raleway-bold';} .payment #payment_method .be-payment-method {margin-bottom: 5px;background: #fff;color: #3b3b3b;} .payment #payment_method .be-payment-method form {padding: 20px;/* display: none; */} .payment #payment_method .be-payment-method:first-of-type form { display: block; } .payment #payment_method .be_payment_title:before {content: "\f105";font-family: "FontAwesome5Pro-Light";font-size: 18px;margin-right: 10px;position: absolute;left: 15px;top: 13px;} .payment #payment_method .be_payment_title.close:before {content: '\f105'} .payment #payment_method .be_payment_title.open:before { content: '\f107' } .choose_payment_title .varsimple {font-size: 15px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; } .be_deposit { font-size: 15px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; border-top: 1px solid #9b8a8c; border-bottom: 1px solid #9b8a8c; padding: 10px 0; margin-bottom: 15px; } .excluded-contents-cnt {background-color: #8b8071;padding: 15px;margin-bottom: 20px;color: #fff;font-size: 15px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .excluded-contents-title span { font-size: 18px; } .excluded-content {display: flex;background-color: #ffffff29;padding: 10px;margin-bottom: 2px;margin-left: auto;} .excluded-content:last-of-type { margin-bottom: 0 } .excluded-content-price {margin-left: 5px; font-weight: bold;} .excluded-content-price:before { content: '€'; font-weight: bold; } .choose_payment_title { margin-bottom: 10px } /* Thankyou */ .payment.thankyou .content_wrap:after { display: none; } .thankyou .content_wrap .section_link a {padding: 10px 30px; margin-top: 30px} .thankyou .thankyou_content { margin: 100px auto; text-align: center; font-family: 'Raleway-Regular'; font-size: 16px;} .thankyou .thankyou_content #vareditor_thankyou_summary {margin: 10px auto;text-align: center;font-family: 'Raleway-Bold';font-size: 16px;text-transform: uppercase;color: #000;} .thankyou .thankyou_content .section_link {margin: 30px auto; text-align: center;} .thankyou .thankyou_content .section_link .varlink {margin: 0 auto; text-align: center;} .thankyou .thankyou_content .section_link .varlink a {margin: 0 auto !important; text-align: center;} .payment .content_wrap {margin: 40px auto;} /* Icone Occupazione*/ #rooms_summary .ztemplate .subcontents .rates .zlabel.g15, #rooms_summary .ztemplate .subcontents .rates .zlabel.g16, #rooms_summary .ztemplate .subcontents .rates .zlabel.g23, #rooms_summary .ztemplate .subcontents .rates .zlabel.g24 {margin: 0 10px 0 0;padding: 0;text-align: left;width: 50%;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g15 .fieldvalue { display: flex; align-items: center; } #rooms_summary .ztemplate .subcontents .rates .zlabel.g15 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g16 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g23 .fieldvalue, #rooms_summary .ztemplate .subcontents .rates .zlabel.g24 .fieldvalue {text-align: center;text-align: left;color: #705a59;font-family: 'Raleway-bold';font-size: 16px;display: flex;align-items: center;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g15 .fieldvalue:before { margin: 0 5px 0 0; content: "\f183"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g24 .fieldvalue:before { margin: 0 5px 0 0; content: "\f1ae"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; bottom: 0 } #rooms_summary .ztemplate .subcontents .rates .zlabel.g16 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77c"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; bottom: 0} #rooms_summary .ztemplate .subcontents .rates .zlabel.g23 .fieldvalue:before { margin: 0 5px 0 0; content: "\f77d"; font-family: "FontAwesome5Pro-Solid"; font-weight: 900; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; bottom: 0} #rooms_summary .ztemplate .subcontents .rates .zlabel.g6 {margin: 0 10px;font-size: 11px;color: #3f4d16;font-family: 'Raleway-Regular';text-align: right;text-transform: uppercase;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g6 .fieldvalue {margin: 3px 0 0 0;font-size: 18px;color: #ad883c;font-weight: bold;} #rooms_summary .ztemplate .subcontents .rates .zlabel.g6 .fieldvalue:before { margin: 0 2px 0 0; content: '\20AC'; } #rooms_summary .ztemplate .subcontents .rates .zlabel.zlabelquantity { display: none;} #total_cost {width: calc(100% - 40px);margin: 0 auto;padding: 15px 15px;background-color: #46351c;text-align: right;display: flex;align-items: center;justify-content: flex-end;} #total_cost .upfront_wrapper { margin: 0 0 0 15px; } #total_cost .key { margin: 0 10px 0 0; font-size: 12px; color: #fff; font-weight: bold; text-align: right; text-transform: uppercase; } #total_cost .total_amount, #total_cost .upfront_amount {margin: 3px 0 0 0;font-size: 22px;color: #fff;font-weight: bold;} #total_cost .upfront_amount:before, #total_cost .total_amount .value:before { margin: 0 2px 0 0; content: '\20AC'; } .slideshow_cnt #booking_cnt.header_not_scrolled { transform: translateY(90px); } .slideshow_cnt #booking_cnt.header_not_scrolled.inmodal { transform: unset; } #booking .booking-form form .caption-fields .select .html_select .add_selector:before { top: unset; position: relative; } @media (max-width: 1220px){ #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt { width: 60%} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents { width: 40%} } @media (max-width: 1090px){ #page.bookingengine.order .section_intro {background-color: #8b8071;border-top: 130px solid #8b8071;} #page.bookingengine.order .section_intro #page.bookingengine.order #bookingform_summary .title {font-size: 20px;text-align: center;margin: 10px 0px;} #page.bookingengine.order #bookingform_summary .dates {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} #page.bookingengine.order #bookingform_summary .value {margin: 0px 20px 0 0;display: block;} #page.bookingengine.order #bookingform_summary .label {font-size: 14px;/* margin-left: 20px; */margin: 5px 0px 5px 0px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem {width: 100%;flex-wrap: wrap;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt {width: 100%;flex-wrap: wrap;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption {position: relative;width: 100%;left: unset;right: unset;bottom: unset;top: unset;order: 1;transform: translateY(0);padding: 0px 20px 20px 20px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .title:before { left: 0px; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .ztextarea {font-family: "Raleway-Regular";font-size: 13px;color: #4E4E4E;text-align: left;line-height: 19px;letter-spacing: 0;margin-top: 10px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .zinput.g14 {background-color: #a4a095;padding: 10px 15px 5px 15px;font-family: "Amiri-Regular";color: #fff;text-align: left;position: absolute;right: 10px;margin-top: -20px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .zinput.g14 .fieldkey {margin: 0 0 0px 0;text-transform: uppercase; font-size: 14px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption .zinput.g14 .fieldvalue {text-transform: inherit; font-family: "Amiri-Regular";font-size: 32px;color: #FFFFFF;text-transform: lowercase;line-height: 1;letter-spacing: -2.5px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add { position: relative; width: 100%; left: unset; right: unset; bottom: unset; top: unset; order: 2; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents { width: 100%; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add {right: 0px;width: 100%;top: 25px;z-index: 20;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add:after {right: unset;left: 16px;top: -7px;transform: rotate(-45deg);} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading p:before { font-family: "FontAwesome5Pro-Solid"; font-size: 16px; margin-right: 15px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; content: "\f107"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading.open p:before { content: "\f107"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading.close p:before { content: "\f105"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading { text-align: left; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zinput { display: none; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zinput.g14 {display: block; text-align: right;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt { position: relative; } #page.bookingengine .ztemplate .room_gallery:before {top: 20px;} } @media (max-width: 1023px) { #page.bookingengine .section_intro {background-color: #8b8071;border-top: 130px solid #8b8071;} #bookingform_summary {flex-wrap: wrap;/* background-color: #a4a095; */padding: 0px;} #page.bookingengine .section_intro .section_summary { font-size: 20px; text-align: center; } #bookingform_summary .dates > div {font-size: 14px;/* margin-left: 20px; */} #bookingform_summary .dates {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;} #bookingform_summary .dates .value.last { margin-right: 0px; } #edit_booking_search .section_btn { background-color: #a4a095; } #bookingform_summary .section_why_booking { display: none; } #bookingform_summary .dates .value {margin-right: 20px;font-size: 14px;} #bookingform_summary .dates #edit_booking_search {width: 100%;text-align: center;} .container { max-width: 100%; } footer .footer_bottom .varlink { margin: 2px 1px; } } @media (max-width: 1023px) and (min-width: 768px) { #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt { align-items: stretch; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt { width: 60%; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add { width: 40%; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-add .zcheckbox .fieldvalue {margin-right: 0px;} #page.bookingengine .showcase_rooms_template .ztemplate .room_gallery { height: 100%; } #page.bookingengine .showcase_rooms_template .ztemplate .room_gallery .default_image { height: 100%; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt img { min-height: 100%; object-position: center; object-fit: cover; max-width: calc(100% - 120px) !important; } #page.bookingengine .showcase_rooms_template .ztemplate .room_gallery .default_gallery .slick-prev { left: 10%; } #page.bookingengine .showcase_rooms_template .ztemplate .room_gallery .default_gallery .slick-next { right: 10%; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .zlabel.g15 { width: calc(100% - 250px); } .slideshow_cnt #booking_cnt.header_not_scrolled { transform: none; } } @media (max-width: 767px) { #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add { padding: 20px 10px 10px 10px; } .includedescr-title, .excludedescr-title, .mealplan-title { padding: 5px 0px; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem { width: calc(100% - 20px); margin: 0 auto 40px auto; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt { background-color: #a4a095; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox .fieldkey { cursor: pointer;position: relative;padding: 15px 15px 12px 15px;font-size: 18px;text-transform: uppercase;background-color: #46351ca3;color: #fff;font-family: "Amiri-Regular";line-height: 1;text-align: center;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox .fieldkey {display: block;width: 100%;text-align: left;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox .fieldkey:before { font-family: "FontAwesome5Pro-Solid"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; margin-right: 15px; content: "\f105"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox .fieldkey.open:before { content: "\f107"; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox {display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: 0px;padding: 0px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox .fieldvalue {display: none;background-color: rgba(255,255,255,0.1);padding: 5px 5px;margin: 5px;border-radius: 3px; font-family: "Amiri-Regular"; font-size: 17px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box-1 > .elem > .caption-cnt > .caption-alt .zcheckbox .fieldvalue::before { display: none; } #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add .close_btn {position: absolute;top: 0px;right: 0px;display: flex;justify-content: center;align-items: center;padding: 5px;} #page.bookingengine .showcase_rooms_template .ztemplate .row .box .subcontents .rates .caption-add .close_btn:before { content: "\f00d"; font-family: "FontAwesome5Pro-Light"; font-weight: 600; font-size: 13px; display: inline-block;clear: both;text-align: center; position: relative; color: rgba(0,0,0,0.75);} .pf_no_results {padding: 0px 10px;} .slideshow_cnt #booking_cnt.fired { margin-top: 10px; } #rooms_summary .ztemplate .elem { padding-left: 0px; padding-right: 0px; } #rooms_summary .dates.in_order { margin: 0px; } #total_cost { width: 100%; } .order .form-cnt { padding: 20px 0px; } .payment .content_wrap { padding-left: 10px; padding-right: 10px; } .excluded-contents-cnt { flex-wrap: wrap; } .excluded-contents-cnt > div { width: 100%; } .excluded-contents-cnt .excluded-content { margin-top: 10px; } #booking .booking-form form.multirooms_be .caption-fields .form.field.date { max-width: calc(50% - 10px); } .b_mask { width: 100%; } #booking .booking-form form.multirooms_be .caption-fields .form.field.select { margin-bottom: 5px; } .slideshow_cnt #booking_cnt.fired { overflow: initial; } .guests_desc { display: none; } #booking .booking-form form.multirooms_be .caption-fields .text.element_17 input { padding: 10px; border: 1px solid #46351d; } #booking .booking-form form.multirooms_be .caption-fields .form.field.text.element_11 { margin-right: 0; width: 100%; } #booking .booking-form form.multirooms_be .caption-fields { padding-top: 10px; gap: 10px; } } @media (max-width: 374px) { #page.bookingengine .section_intro .container, #page.bookingengine.order .section_intro .container { padding: 0px; } #page.bookingengine.order #bookingform_summary .value { margin-right: 10px; } } @media(max-height: 667px){ .b_mask.fired .guests_wrapper { top: -40px; } } /* Modifiche BE Immersivo - Fine */ /* fix smartphone */ .smartphone.body_home_hotel .section_video_cnt { height: 30vh;} body.smartphone.body_home_hotel .video_cnt video { height: 35vh; top: 0; left: 0; transform: unset; position: relative;} body.smartphone.body_home_hotel.noslide { margin-top: 140px;} body.smartphone.body_home_hotel .booking_section_btn.isvisible, body.smartphone.body_home_hotel header.scrolled .booking_section_btn.isvisible { top: 90px;} body.smartphone header { background-color: #fff; height: 90px; position: fixed; z-index: 998!important;} body.smartphone .section_intro.home {/* height: auto;*/ flex-direction: column; background-image: unset; } body.smartphone .section_intro.home .logo { display: none;} body.smartphone.home .video_cnt video { position: inherit; height: auto; transform: unset; } body.smartphone.home .video_cnt { order: 1;} body.smartphone .section_intro.home .section_cnt { order: 2;} body.smartphone.home { padding-top: 90px;} /* body.smartphone.home .booking_section_btn { display: none;} */ body.smartphone.home .section_menu1 a, body.smartphone.home .section_menu1 .menu-description { color: #fff; text-shadow: unset; } body.smartphone.home #language li a, body.smartphone .home #language li.active a { color: #46351D;} body.smartphone.home header .section_right { /* padding-top: 27px; */} body.smartphone.home { position: inherit;} body.smartphone.home .section_menu1 li.cid-31 { display: none;} /* fix offerte smartphone */ .smartphone.body_offerta .booking_section_btn {display: none;} .smartphone.body_offerta #page {padding-top: 90px;} .smartphone.body_offerta .slideshow_cnt #slideshow { margin-top: 0px; } .smartphone.body_offerta #page .section_link { margin-bottom: 30px;} .smartphone.body_offerta #page .section_intro .section_text {padding: 0;} /* CSS per tabella compatibile responsive */ /* Wrapper che abilita lo scroll orizzontale su mobile */ .table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* scroll fluido su iOS */ border: 1px solid #dedede; border-radius: 8px; margin: 12px 0; } /* Stile tabella */ .price-table { width: 100%; border-collapse: collapse; table-layout: auto; /* lascia al browser il calcolo delle larghezze */ min-width: 560px; /* opzionale: evita che le colonne diventino troppo strette */ } .price-table th, .price-table td { padding: 10px 12px; border-bottom: 1px solid #dedede; text-align: center; vertical-align: top; } .price-table th:first-child, .price-table td:first-child { text-align: left; /* la colonna "Servizio" si legge meglio a sinistra */ white-space: normal; /* consenti andare a capo */ } .price-table td:not(:first-child), .price-table th:not(:first-child) { white-space: nowrap; /* i prezzi restano su una riga */ } /* Titoli/sezioni */ .section-title { margin: 24px 0 8px; font-weight: 700; } .season-notes { margin: 12px 0 24px; line-height: 1.5; font-size: 1.3rem; } /* Fix 2026 */ /*body { padding: 0; } .top_bar, .right_bar, .bottom_bar, .left_bar { display: none; } */ #language li.active a { text-decoration: underline; color: #fff; } #language li a { color: #fff; } /* header { left: 0; right: 0; } */ header.innerpage.scrolled { padding: 15px; height: auto; } /* header.innerpage { right: 0; top: 0; height: auto; z-index: 99999!important; } */ /* body.fired header { top: 0; } */ header.scrolled #language li.active a { color: #000; } header.scrolled #language li a { color: #000; } header.scrolled #language { padding-top: 21px; } .video_cnt #booking_cnt { display: none; } .video_cnt #booking_cnt.fired { margin: 10px auto 0; display: block; opacity:1; position: fixed; z-index: 999; max-width: 375px; top: 140px; width: 100%; left: 0; right: 0; } .video_cnt #booking_cnt.fired #booking .booking-form { background-color: rgba(255, 255, 255, 1); } /* #menu_btn { position: relative; right: 0; transform: unset; top: 0; } */ body.body_home_hotel header.scrolled .booking_section_btn.isvisible { top: 0; } header.innerpage.scrolled .section_top_contacts { padding-top: 0; } header.scrolled #language { padding-top: 0; } #menu_btn { margin-left: 10px; } .info_btn:before { background-image: unset; margin-right: 5px; font-family: "FontAwesome5Pro-Regular"; font-size: 18px; content: '\f05a'; width: auto; height: auto;} .section_offers .section_title { padding: 0 20px; margin-bottom: 15px; font-family: "Amiri-Regular"; font-size: 45px; color: #4B4B4B; text-transform: uppercase; text-align: center; line-height: 45px; letter-spacing: 0; } /* Fix - temporaneo */ body.body_home #menu_btn { display: none; } .desktop header.scrolled .logo { position: relative; top: -10px; } .desktop header.innerpage.scrolled { height: 90px; } .dark_layer { pointer-events: none; } .smartphone #language { margin-right: 100px; } .smartphone #language li a { color: #000!important; line-height: 70px; } body.smartphone.golf .live_cam_btn, .smartphone header.scrolled .live_cam_btn, .smartphone .live_cam_btn { top: 0; margin-right: 10px; } /* fine fix temporaneo */ /* Nuova UI */ .n-ui .menu_open .section_menu ul li.cid-31 { display: block; } .n-ui .slick-arrow { /* border-radius: 4px; */ } .n-ui .ztemplate_model_2 .ztemplate .slick-next { right: calc(50% - 55px); top: 226px; } .n-ui .ztemplate_model_2 .ztemplate .slick-prev { left: calc(50% - 85px); top: 226px; } .n-ui .booking_section_btn { background-color: #a5883f; font-family: 'Raleway-Bold'; animation: bounce 1.2s forwards ease-out; } .n-ui.desktop .booking_section_btn { box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15); } .n-ui .zsimplebutton a, .n-ui .section_link a, .n-ui #booking .booking-form form .caption-fields input[type="submit"], .n-ui #contact_form form input[type="submit"] { padding: 15px 25px; /* border-radius: 4px; */ } body.n-ui header { z-index: 10; top: 0; left: 0; right: 0; width: 100%; height: auto; } body.n-ui header.innerpage { z-index: 9999999!important; } body.n-ui.desktop header.innerpage.scrolled { height: auto; } body.n-ui header .section_right { gap: 20px; } .n-ui header.scrolled .logo { top: 0; } .n-ui header.innerpage .logo a:before { width: 200px; height: 83px; } .n-ui header.innerpage.scrolled .logo a:before { height: 70px; } body.n-ui #menu_btn { display: inline-flex; position: initial; transform: unset; background-color: transparent; color: #fff; } body.n-ui header.scrolled #menu_btn { color: #000; } body.n-ui #menu_btn:before { background-image: url('../images/logos/logo_btn_white.svg'); } body.n-ui header.scrolled #menu_btn:before { background-image: url('../images/logos/logo_btn.svg'); } body.body_home.n-ui .dark_layer, body.body_home .dark_layer.fired { z-index: 9; } .n-ui header.scrolled .info_btn { color: #000; } .n-ui #varlink_home-cnt a { margin-left: 0; } .n-ui .menu_open .section_menu { padding-left: 20px; } .n-ui .menu_open .section_menu ul li:not(.last) { margin-bottom: 0; } .n-ui .menu_open .section_menu ul { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .n-ui .menu_open .section_menu ul.nav-pills > li.first { margin-top: 0;} .body_home.n-ui .menu_open .section_menu ul.nav-pills > li.first { margin-top: -10px; } .n-ui .menu_open .section_menu #menu2 ul li.cid-31 { margin-bottom: 0; } .n-ui .ztemplate_model_5 .ztemplate .row .box .elem { position: relative; } .n-ui .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption { height: 100%; } .n-ui .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption img { height: 100%; object-fit: cover; } .n-ui .chrono-container .chrono-bookingbutton { z-index: 997; } .n-ui .section_room_services .zcheckbox .fieldvalue::first-letter { text-transform: uppercase;} .n-ui.body_home .menu_open .section_menu ul { gap: 50px; } .body_home.n-ui .menu_open { overflow: hidden; } .body_home.n-ui .menu_open .section_menu ul li a { font-size: 50px!important; } .body_home.n-ui .menu_open .menu-description { margin-top: 10px; color: #fff; font-size: 18px; } .n-ui .menu_open:before { content: ''; width: 95%; height: 80%; /* max-height: 400px; */ position: absolute; bottom: 0; right: 0; background-image: url(../images/logos/logo_white.svg); background-size: cover; background-repeat: no-repeat; opacity: .08; } .n-ui :where(.top_bar, .right_bar, .bottom_bar, .left_bar) { display: none; } body.n-ui { padding: 0; } .n-ui .info_open { top: 30px; } .n-ui .info_open.fired { z-index: 999999; } .n-ui .booking_section_btn { top: 0 ; opacity: 1; transform: scale(1); /* border-radius: 4px; */ } .n-ui .slideshow_cnt #booking_cnt.inmodal.fired { top: 105px; } .n-ui .video_cnt #booking_cnt.fired { margin: 0; top: 105px; max-width: unset; } .n-ui .video_cnt #booking_cnt.fired, .n-ui .slideshow_cnt #booking_cnt.inmodal.fired { padding: 45px 15px; } .n-ui .slideshow_cnt #booking_cnt { display: none; } .n-ui .slideshow_cnt #booking_cnt.header_not_scrolled.fired, .n-ui .slideshow_cnt #booking_cnt.fired { display: block; top: 105px; transform: unset; z-index: 9998; } body.home.n-ui #language .nav-pills > li { margin-right: 0; margin-left: 10px; } .n-ui .ztemplate_model_6 { padding: 30px; } .n-ui #contact_form .section_title { margin: 20px 0 40px; font-family: "Amiri-Regular"; font-size: 45px;} .n-ui .iti { width: 100%; } .n-ui footer a { color: #fff; } .n-ui .section_rooms .section_intro { top: 10px; left: 10px; /* border-radius: 10px; */ backdrop-filter: blur(10px) saturate(130%); -webkit-backdrop-filter: blur(10px) saturate(130%); background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.15); } .n-ui .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt { /* border-radius: 10px; */ overflow: hidden; background-color: #f8f8f8; border: 2px solid rgba(0,0,0,.02);} .n-ui .section_rooms .section_intro .section_title, .n-ui .section_rooms .section_intro .section_text { color: #fff; } .n-ui .ztemplate_model_1 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 15px; } .n-ui .dark_layer.fired { pointer-events: inherit;} .n-ui .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100vw; height: calc(100vh - 200px)!important;} .n-ui .ztemplate_model_2 .ztemplate .row .box { height: auto!important; width: calc(100vw - 15px); } .n-ui .ztemplate_model_2 .ztemplate .row .box .elem { height: calc(100vh - 200px); } .n-ui .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt .caption-alt img { height: calc(100vh - 200px); } .n-ui .ztemplate_model_2 .ztemplate .row { margin: 0; } .n-ui .ztemplate_model_2 .ztemplate { padding: 0; } /* Golf */ .n-ui .section_golf_academy { border: 30px solid #fff; border-bottom: unset; } .n-ui .section_golf_academy .section_title { width: 100%; } .n-ui .section_golf_academy .section_wrap { top: inherit; bottom: 0; } .n-ui .section_golf_academy_detail { padding: 15px 0; border-left: 30px solid #fff; border-right: 30px solid #fff; } .n-ui .section_golf_academy_detail .ztemplate_model_10 .ztemplate { padding: 0; } .n-ui .section_golf_academy_detail .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 15px 15px 30px 15px; } .n-ui .ztemplate_model_8 .ztemplate .row .box .elem .caption-cnt { /* border-radius: 10px; */ overflow: hidden; background-color: #f8f8f8; } .n-ui .ztemplate_model_8 .ztemplate .row .box .elem .caption-alt { padding: 15px; } .n-ui header.scrolled .live_cam_btn { top: 0; } .n-ui.golf .DRA_BottomRightDiv { bottom: 85px!important; } /* Pagina Beach Club */ .body_pagina_beachclub #page { font-family: "Raleway-Regular"; font-size: 15px; color: #434343; text-align: left; line-height: 25px; letter-spacing: 0;} .max_width .caption-alt { margin: 0 auto; padding: 90px 0; max-width: 920px; } .intro_inside_content_tpl .caption img { max-height: calc(100vh - 340px); object-fit: cover; object-position: bottom; } .intro_inside_content_tpl .caption-alt h3 { margin-top: 0; font-family: "Amiri-Regular"; font-size: 22px; text-transform: uppercase; } .alternate_content_tpl .caption { margin: 0 0 0 auto; width: 75%; } .alternate_content_tpl .caption img { min-height: 600px; max-height: calc(100vh - 340px); object-fit: cover; object-position: bottom; } .alternate_content_tpl .elem.odd .caption { margin: 0 auto 0 0; } .alternate_content_tpl .caption-alt { padding: 30px; position: relative; top: -100px; left: 25%; z-index: 2; width: 100%; max-width: 790px; background-color: #fff; display: flex; flex-wrap: wrap; column-gap: 20px; } .alternate_content_tpl .caption-alt :where(.title, .ztextarea) { width: 100%; } .alternate_content_tpl .caption-alt .title { margin-top: 20px; font-family: "Amiri-Regular"; font-size: 45px; margin-bottom: 0; } .alternate_content_tpl :where(.zinput.g5, .zinput.g6, .zinput.g9, .zoption) .fieldvalue { margin-bottom: 10px; font-family: 'Raleway-Bold'; display: flex; align-items: center; gap: 4px;} .alternate_content_tpl :where(.zinput.g5, .zinput.g6, .zinput.g9, .zoption) .fieldvalue:before { font-family: "FontAwesome5Pro-Solid"; font-size: 24px; color: #B4B2A8; } .alternate_content_tpl .zinput.g9 :where(.comma, .decimal) { display: none; } .alternate_content_tpl .zinput.g6 .fieldvalue:before { content: '\f2e6'; } .alternate_content_tpl .zoption.g7 .fieldvalue.v0:before { content: '\f193'; } .alternate_content_tpl .zoption.g8 .fieldvalue.v2:before { content: '\f615'; } .alternate_content_tpl .zinput.g5 .fieldvalue:before { content: '\f61c'; } .alternate_content_tpl .zinput.g9 .fieldvalue:before { content: '\f5ca'; } .alternate_content_tpl .elem.odd .caption-alt { left: calc(75% - 790px); } .alternate_content_tpl .caption-add { display: none; } .details_btn .fieldkey, .alternate_content_tpl .documents .document a, .alternate_content_tpl .varsimple_gallery_btn { margin-top: 30px; padding: 5px 15px; border: 2px solid #B4B2A8; /* border-radius: 4px; */ display: flex; align-items: center; gap: 4px; font-family: 'Raleway-Bold'; font-size: 12px; cursor: pointer; text-transform: uppercase; } .details_btn .fieldkey:before { font-family: "FontAwesome5Pro-Solid"; content: '\f055'; font-size: 20px; color: #B4B2A8; } .alternate_content_tpl .documents .document a:before { margin: 0!important; font-family: "FontAwesome5Pro-Solid"; content: '\f15c'; font-size: 20px; color: #B4B2A8; } .alternate_content_tpl .varsimple_gallery_btn:before { margin: 0!important; font-family: "FontAwesome5Pro-Solid"; content: '\f302'; font-size: 20px; color: #B4B2A8; } .alternate_content_tpl .documents, .alternate_content_tpl .documents .document { margin: 0; padding: 0; border: unset; } .modal_details_tpl .varsimple_close_btn { margin-left: auto; cursor: pointer; position: absolute; top: 10px; right: 15px; z-index: 2; text-align: right; font-size: 0; } .modal_details_tpl .varsimple_close_btn:before { font-family: "FontAwesome5Pro-Regular"; content: '\f00d'; color: #B4B2A8; font-size: 22px; } .modal_details_tpl .box { position: fixed; z-index: 999999999999; background-color: rgba(0, 0, 0, .7); top: 0; left: 0; width: 100%; height: 100%; } .modal_details_tpl .elem { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .modal_details_tpl .caption-cnt { padding: 30px; background-color: #fff; max-width: 720px; border: 5px solid #A3A195; position: relative;} .alternate_content_tpl .modal_details_tpl .caption-alt, .alternate_content_tpl .elem.odd .modal_details_tpl .caption-alt { padding: 0; margin: 0; width: 100%; max-width: unset; left: 0; top: 0; } .alternate_content_tpl .modal_details_tpl .caption { width: 100%; } .alternate_content_tpl .modal_details_tpl .caption .title { margin: 0 0 15px; font-size: 45px; font-family: "Amiri-Regular"; } .modal_details_tpl .caption-alt { display: none; } .modal_details_tpl .caption-alt img { width: 100%; min-width: unset!important; } .gallery_in_modal .modal_details_tpl .caption .title, .gallery_in_modal .modal_details_tpl .caption .ztextarea { display: none; } .gallery_in_modal .modal_details_tpl .caption-cnt { background-color: transparent; border: unset; } .gallery_in_modal .modal_details_tpl .varsimple_close_btn:before { color: #fff; } .gallery_in_modal .modal_details_tpl .caption-alt { display: block; } .gallery_in_modal .modal_details_tpl .caption-cnt { max-width: 1320px; } .gallery_in_modal .tns-controls { display: flex; width: 100%; justify-content: space-between; position: absolute; z-index: 9; top: 50%; left: 0; } .gallery_in_modal .tns-controls button { font-size: 0; width: 60px; height: 60px; /* border-radius: 4px; */ display: flex; align-items: center; justify-content: center; } .gallery_in_modal .tns-controls button[data-controls="prev"]:before {font-family: "FontAwesome5Pro-Regular"; content: '\f053'; color: #000; font-size: 18px; line-height: 60px; } .gallery_in_modal .tns-controls button[data-controls="next"]:before {font-family: "FontAwesome5Pro-Regular"; content: '\f054'; color: #000; font-size: 18px; line-height: 60px; } .gallery_in_modal .modal_details_tpl .varsimple_close_btn { position: inherit; } .body_pagina_beachclub #contact_form .section_title { text-align: center; } .body_pagina_beachclub #contact_form { padding: 20px; border: 1px solid #dedede; } .whatsapp_btn a { color: #fff; display: flex; align-items: center; background-color: #25D366; padding: 10px; text-transform: uppercase; border-radius: 1px; font-weight: bold; } .whatsapp_btn a:before { font-family: 'FontAwesome5Brands-Regular'; font-size: 25px; content: '\f232'; margin-right: 5px; } @media(min-width: 1290px ){ .n-ui .booking_section_btn { height: 50px; line-height: 50px; font-size: 18px; } .n-ui .booking_section_btn.fired .section_text { top: -50px; } } @media(max-width: 1290px){ .max_width .caption-alt { padding: 90px 20px; } .n-ui .ztemplate_model_2 .ztemplate .slick-prev { top: 30px; left: 30px; } .n-ui .ztemplate_model_2 .ztemplate .slick-next { top: 30px; right: calc(50% - 30px); left: 105px; } .n-ui .section_rooms .section_intro { top: 0; left: 0; } .n-ui .section_rooms .section_intro .section_title, .n-ui .section_rooms .section_intro .section_text { color: #4B4B4B; } } @media(max-width: 1270px){ body.n-ui header.innerpage { background-color: #fff; padding: 20px; } body.n-ui header.innerpage .logo a:before{ background-image: url('../images/logos/logo_footer.svg'); height: 70px } body.n-ui header.innerpage .section_top_contacts .section_tel a, body.n-ui header.innerpage .section_top_contacts .section_tel a:before, body.n-ui header.innerpage .section_top_contacts .section_address, body.n-ui header.innerpage .section_top_contacts .section_address:before {color: #4B4B4B} body.n-ui .booking_section_btn { opacity: 1; transform: scale(1);} body.n-ui header.innerpage .section_top_contacts .section_tel a {font-size: 0} body.n-ui header.innerpage .section_top_contacts .section_address {display: none;} body.n-ui header .section_right {margin-right: 0} body.n-ui header #language li a, body.n-ui header #language li.active a { color: #000; } body.n-ui header #menu_btn { color: #000; } body.n-ui header #menu_btn:before { background-image: url('../images/logos/logo_btn.svg'); } body.n-ui header.innerpage .section_top_contacts { padding-top: 0; } .info_btn { color: #000; } } @media(max-width: 1100px){ .alternate_content_tpl .caption { width: 100%; } .alternate_content_tpl .caption-alt, .alternate_content_tpl .elem.odd .caption-alt { margin: 0 auto; left: 0; max-width: calc(100% - 60px); } } @media(max-width: 767px){ header.innerpage.scrolled { padding: 10px; height: 90px; } .alternate_content_tpl .caption-alt, .alternate_content_tpl .elem.odd .caption-alt { top: 0; max-width: unset; } .alternate_content_tpl .caption { } .alternate_content_tpl .elem { padding: 0 20px; margin-bottom: 90px; } .details_btn, .alternate_content_tpl .documents, .alternate_content_tpl .varsimple_gallery_btn { margin-top: 10px; width: 100%; } .alternate_content_tpl .documents .document a { margin-top: 0; } .n-ui .booking_section_btn { border-radius: 0; } .n-ui #varlink_home-cnt a { font-size: 20px; line-height: 1; } .n-ui .section_rooms .section_intro .intro_content { width: 100%; } .alternate_content_tpl .caption img { min-height: unset; max-height: unset; object-fit: contain; object-position: bottom; } } @media(max-width: 600px){ body.n-ui .booking_section_btn, body.n-ui .booking_section_btn.scrolled, body.n-ui .booking_section_btn.isvisible { top: 100%; } body.n-ui header.innerpage.scrolled { height: 95px; } body.n-ui header.innerpage .logo a:before, .n-ui header.innerpage.scrolled .logo a:before { height: 60px; } .whatsapp_btn { position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; justify-content: center; } .whatsapp_btn a { padding: 13px; justify-content: center; font-size: 18px; } } @media (max-height: 960px){ .ztemplate_model_2 .ztemplate .row .box .elem .caption-cnt { align-items: flex-end; padding-bottom: 120px; } } /* Update smartphone */ .smartphone header.scrolled #language { padding-top: 0; } .smartphone #language li a { color: #000; } .smartphone .section_hotel_intro { padding-bottom: 20px; } .smartphone .section_rooms .section_intro { padding: 0; } .smartphone .section_offers .ztemplate_model_8 { padding-top: 30px; top: 0; } .smartphone.body_home_hotel .section_offers { padding-top: 40px; } .smartphone .section_offers .section_title, .smartphone .section_restaurant_and_bar .section_title { padding: 0 20px; margin-bottom: 15px; font-family: "Amiri-Regular"; font-size: 45px; color: #4B4B4B; text-transform: uppercase; text-align: center; line-height: 45px; letter-spacing: 0; } .smartphone .section_restaurant_and_bar .section_title { padding: 40px 0 0px; } .smartphone .chrono-container .chrono-bookingbutton { bottom: 20px!important; } .smartphone .DRA_BottomRightDiv { bottom: 85px!important; } .smartphone .booking_section_btn { font-size: 18px; height: 50px; line-height: 50px; } .smartphone .booking_section_btn.fired .section_text { top: -50px; } .smartphone .slideshow_cnt #booking_cnt.inmodal.fired { top: 140px; } .smartphone .slideshow_cnt #slideshow { margin-top: 145px; } .smartphone .top_seo { color: #4B4B4B; } .smartphone .section_page_head { bottom: 50px; } .smartphone .section_page_head #page_name { font-size: 32px; line-height: 1.2; } .smartphone img.left, .smartphone img.right, .smartphone #page .section_intro .section_text img.left, .smartphone #page .section_intro .section_text img.right { width: 100%; margin: 0 0 20px!important; float: none!important; } .smartphone #page .section_intro .section_text .f3:has(img.right) :where(h2, p){ text-align: left!important; } .smartphone #page.showcase .section_intro, .smartphone #page .section_intro { padding: 0 20px; } .smartphone.body_pagina_nobooking .booking_section_btn { display: none; } .smartphone.body_pagina_nobooking .slideshow_cnt #slideshow { margin-top: 90px; } .smartphone .mbYTP_wrapper { pointer-events: none; } .smartphone .mb_YTPBar .mb_YTPMuteUnmute { left: 0; bottom: 0; } .smartphone .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption, .smartphone .ztemplate_model_15 .ztemplate .row .box .elem .caption-cnt .caption-alt, .smartphone .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption { padding: 20px; } .smartphone .ztemplate_model_16 .ztemplate .row .box .elem .caption-cnt .caption .title a, .smartphone .ztemplate_model_6 .ztemplate .row .box .elem .caption-cnt .caption .title a { font-size: 22px;} .smartphone .ztemplate_model_15 .ztemplate .row .box .elem { padding: 0 20px; } .smartphone.golf .slideshow_cnt #slideshow { margin-top: 15px; } .smartphone.body_home_golf .slideshow_cnt #slideshow { margin-top: 50px; } .smartphone .ztemplate_model_22 .ztemplate .row .box .elem .caption-cnt .caption .zoption.g12 { position: inherit; } .smartphone .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt .caption .title { font-size: 32px; line-height: 1.1; } .smartphone .section_ismolas_members .divider { display: none; } .smartphone .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt { padding: 0; } .smartphone .section_newsletter .section_title { font-size: 22px; } .smartphone .ztemplate_model_21 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 ul { padding-left: 15px; } .smartphone #page .section_hole { margin-top: 30px; } .smartphone #page .section_intro .section_text ul { padding-left: 15px; } .smartphone.body_offerta #page .section_intro .section_text h4 { line-height: 1.3; } .smartphone .ztemplate_model_17 .ztemplate .row .box .elem, .smartphone .ztemplate_model_18 .ztemplate .row .box .elem { width: 100%; margin: 0 0 20px 0; } .smartphone .content_wrapper.has_submenu .section_text { padding-right: 0; } .smartphone #page .section_intro .section_text .f3:has(img.left) { padding-bottom: 0; } .smartphone #page .section_intro .section_text h2 { margin-top: 0; } .smartphone .section_offers .container { padding: 0; } .smartphone .section_rooms .section_intro .section_title { text-align: center; } .smartphone .section_rooms .section_intro .section_title h2 { margin-bottom: 5px; } .smartphone .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-size: 22px; } .smartphone footer .section_credits { justify-content: center; } .smartphone .section_restaurant_and_bar .container { padding: 0; } .smartphone .ztemplate_model_3 .ztemplate .row .box .elem .caption-cnt { margin-top: 15px; } .smartphone .ztemplate_model_4 .ztemplate .row .box .elem { padding: 0 15px; } .smartphone .ztemplate_model_4 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 15px 0 0; } /* Smartphone Nuova UI */ .smartphone.n-ui.body-home #videoyt { top: 55px; left: 0; transform: unset; height: calc(100vh - 145px); } body.n-ui.smartphone.body_home_hotel.noslide { margin-top: 0; padding-top: 140px; } .smartphone.n-ui .booking_section_btn .first .varsimple:before { margin-right: 5px; font-family: "FontAwesome5Pro-Regular"; font-size: 20px; content: '\f073'; } .smartphone.n-ui .booking_section_btn { top: 100%; background-color: #a5883f; margin: 0 auto; animation: bounce 1.2s forwards ease-out; } .smartphone.n-ui .menu_open.fired .ztemplate_model_5 .ztemplate .row .box .elem .caption-cnt .caption { display: none; } .smartphone.n-ui #menu_btn { top: 42px; right: 0; width: auto; background-color: transparent; } .smartphone.n-ui.body_home #varlink_home-cnt { display: none; } .smartphone.n-ui #menu_btn:before, body.smartphone.n-ui header.scrolled #menu_btn:before { background-image: unset; font-family: "FontAwesome5Pro-Regular"; font-size: 35px; content: '\f0c9'; width: auto; height: auto; } .smartphone.n-ui #menu_btn.fired:before, body.smartphone.n-ui header.scrolled #menu_btn.fired:before { content: '\f00d'; } .smartphone.n-ui #menu_btn:hover:before { transform: unset; } .smartphone.n-ui #menu_btn.fired:before { color: #fff; content: '\f00d'; transform: rotate(360deg);} .smartphone.n-ui #menu_btn .section_text { display: none; } .smartphone.n-ui #language { margin-right: 0; } body.n-ui.smartphone header.innerpage { padding: 10px; } body.n-ui.smartphone header .logo { display: inline-block; } .smartphone.n-ui .video_cnt #booking_cnt.fired, .smartphone.slideshow_cnt #booking_cnt.inmodal.fired { height: 100vh; } .smartphone.n-ui .slideshow_cnt #booking_cnt.fired, .smartphone.n-ui .video_cnt #booking_cnt.fired { margin-top: 0; top: 140px; padding: 45px 15px !important; max-width: unset; height: 100vh; } .smartphone.n-ui .ztemplate_model_6 { padding: 0; } .smartphone.n-ui .intro_inside_content_tpl .caption-alt h3 { font-size: 32px; } .smartphone.n-ui .alternate_content_tpl .caption-alt .title { font-size: 32px; } .smartphone.n-ui .gallery_in_modal .modal_details_tpl .caption-cnt { padding: 0; } .smartphone.n-ui .gallery_in_modal .tns-controls { padding: 0 10px; } .smartphone.n-ui .gallery_in_modal .tns-controls button { background-color: rgba(255,255,255,.5); } .smartphone.n-ui .section_room_services { border-radius: 14px; } .smartphone.n-ui .section_gallery .slick-prev, .smartphone.n-ui.section_gallery .slick-next { /* border-radius: 4px; */ } .smartphone.n-ui .ztemplate_model_8 .ztemplate .row .box .elem { margin: 0 20px; } .smartphone.n-ui .golf .section_offers .ztemplate_model_8 { padding-top: 15px } .smartphone.n-ui .golf .section_offers .ztemplate_model_8 .slick-dots { margin-top: 0; } .smartphone.n-ui .section_golf_calendar { padding: 20px; height: auto; } .smartphone.n-ui .section_golf_calendar .container { padding: 0; } .smartphone.n-ui .section_calendar { padding: 0; } .smartphone.n-ui .section_calendar .template_calendar { width: 100%; max-width: unset; } .smartphone.n-ui .ztemplate_model_12 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g2 { font-size: 30px; text-align: center; } .smartphone.n-ui .ztemplate_model_12 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 { margin: 0; text-align: center; } .smartphone.n-ui .section_golf_academy_detail { margin-top: 0; border: unset; background-color: #fff; } .smartphone.n-ui .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt { margin-top: 0; } .smartphone.n-ui .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-size: 30px; line-height: 1; } .smartphone.n-ui .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt .caption .title a { font-size: 30px; } .smartphone.n-ui .section_club_house .divider { display: none; } .smartphone.n-ui .section_club_house .container { padding: 0; } .smartphone.n-ui .ztemplate_model_11 .ztemplate { padding: 0; } .smartphone.n-ui .ztemplate_model_11 .ztemplate .row .box .elem .caption-cnt { padding: 10px 20px; } .smartphone.n-ui .section_golf_academy_detail .ztemplate_model_10 .ztemplate .row .box .elem .caption-cnt .caption-alt { padding: 20px 20px 30px 20px; } .smartphone.n-ui .section_ismolas_members .container { padding: 0 20px 20px; } .smartphone.n-ui .section_newsletter { padding: 0 20px 30px; } .smartphone.n-ui.golf { padding-bottom: 80px; } .smartphone.n-ui .ztemplate_model_4.full .title a { margin-bottom: 15px; font-family: "Amiri-Regular"; font-size: 45px; color: #4B4B4B; text-transform: uppercase; text-align: center; line-height: 45px; letter-spacing: 0; color: #4B4B4B; text-align: center;} .smartphone.n-ui .ztemplate_model_4.full .title { text-align: center; } .smartphone.n-ui .ztemplate_model_4.full .elem { margin-bottom: 60px; } .smartphone.n-ui.golf .section_offers .section_title { padding: 40px 0 0; font-size: 32px; } .smartphone.n-ui.golf .section_offers .ztemplate_model_8 { padding-top: 0; } body.smartphone.n-ui header.innerpage { z-index: 999999!important; }