body { background:#fff; } img { max-width: 100%; } input, select { border:none; display: block; } label { display: block; } p { margin: 0; } a, a:hover, a:focus, a:visited { text-decoration: none; } 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 { text-decoration: underline; color:#A4C396; } .text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited { text-decoration: none; color:#3c3c3c; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } blockquote { width: 35px; height: 3px; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity:0.9; } /* Accordion */ .text_dyn .accordion a { display: block; background-color: #907C77; color: #fff; padding: 15px; transition: .3s; text-transform: uppercase; margin-bottom: 5px; position: relative; } .text_dyn .accordion a:hover { background-color: #b3a7a5; color: #fff } .text_dyn .accordion a:active, .text_dyn .accordion a:focus, .text_dyn .accordion a.selected { background-color: #755a53; color: #fff } .text_dyn .accordion .accordion-content {padding: 15px; background-color: #f3f3f3; margin: -5px 0 5px 0} 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%; } .nav-pills > li { text-transform:none; } .container { max-width: 100%; } .slick-dots { margin:0 auto; padding:0; text-align:center; position:absolute; bottom: 0px; left: 0; right: 0; list-style:none; } .slick-dots { bottom:40px; } .slick-dots li { display:inline-block; } .slick-dots li button { padding:0; font-size: 0; border:none; } .slick-dots li.slick-active button { } .zlink a { cursor: pointer } .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; } .map-canvas { width: 100%; height: 500px; } .gm-style-iw { } .gm-style-iw div div { overflow: hidden; margin-bottom: 4px; } .carousel-row { position: relative; } .gallery { margin: 50px 0; } .gallery ul li { margin: 0 20px; background: #000; } .gallery ul li img { min-width:100%; opacity: 0.5; } .gallery ul li.slick-center img { opacity: 1; } .gallery-photo-page .gallery ul { padding: 10px; } .gallery-photo-page .gallery ul li { margin:10px; width: calc( 33.333% - 20px ); float: left; } .gallery-photo-page .gallery ul li img { opacity: 1; } .ztemplate .elem .caption-cnt img { min-width:100%; } #slideshow img { min-width: 100%; } .adults_only {font-family: "AvenirNext-Regular";color: #fff;margin-bottom: 10px;font-size: 14px;} /* Bando */ .footer_bottom { border-top: 1px solid var(--lime); margin-top: 60px; font-size: var(--mini); max-width: 1440px; margin: 0 auto; } .content_cnt.bando { display: flex; justify-content: space-between; align-items: center;} .content_cnt.bando a { color: var(--black); } .content_cnt .col { padding: 15px} @media (max-width: 767px) { .content_cnt.bando { flex-direction: column;} .content_cnt.bando .col { margin-bottom: 0;} } /* FINE - Bando */ /* Configurazione generica forms */ form.form { margin: 25px 0 0 0; font-family: "AvenirNext-Regular"; } form .caption-fields { margin: 0 -15px; } form .form-title { margin: 20px 0 10px 0; display:block; text-align:center; font-size: 15px; color:#A75F4B; display:none; } form .caption-fields .form { margin: 0; padding: 0 15px 20px 15px; text-align: left; float: left; } form .caption-fields input[type="submit"] { margin: 10px 15px; padding:15px; border:none; background-color: #A75F4B; font-family: "PlayfairDisplaySC-Regular"; font-size: 15px; color: #FFFFFF; text-transform: uppercase; } form .caption-fields .form_element_title { margin: 0 0px 5px 0; font-family: "AvenirNext-Regular"; font-size:12px; color:#656565;} form .caption-fields .form.select select { appearance: inherit; -webkit-appearance: inherit; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; } form .caption-fields .form.textarea { margin: 0; padding: 0 15px 20px 15px; width:100%; float:none; } #cntform form .caption-fields .form.radio label { width: 100%; } #cntform form .caption-fields .form.radio label input[type="radio"] { width: 30px; } .form.checkbox label { padding: 0px 0px 5px 0px; text-transform: none; } .form.checkbox label input[type="checkbox"] { margin: 0px 5px 0 0 !important; float: left; width: auto; } .form.radio .form_element_title { margin: 0 20px 5px auto; } .form.radio label { padding: 12px 5px 0px 0px; text-transform: none; display:inline-block; } .form.radio label.error { position: absolute; width: auto; font-size: 12px; margin: 5px 0 0 -18px; color: #D0021B; top: 12px; left: 120px; } .form.radio label input[type="radio"] { margin: -1px 5px 0 0 !important; float: left; width: auto; } .error { color: #D0021B; } form #showprivacy, form p.privacy, form .newsletter, form .g-recaptcha { padding: 5px 15px; overflow:hidden; } form #showprivacy { margin: 10px auto; display:block; clear:both; font-size:11px; } form textarea.cnt_privacy { margin: 0px 15px 20px 15px; padding: 10px; width: calc(100% - 30px); font-size:11px; min-height:150px; border: 1px solid #D8D8D8; } form p.privacy label { margin: 0 20px 0 auto; float: left; font-family: "AvenirNext-Regular"; font-size: 12px; } form p.privacy label input[type="radio"] { margin: 0px 5px 0px 1px; float: left; } form .newsletter { margin: 10px auto; display:block; clear:both; } form .newsletter input[type="checkbox"] { margin: 1px 6px 0px 1px; float: left; } form .form_messages .message { margin: 0px; font-size: 16px; color: #a75f4b; text-align: left; line-height: 30px; font-family: "AvenirNext-Regular"; } form .element_interruption { width:100%; display:block; clear:both; } form #showprivacy, form textarea.cnt_privacy { font-family: "AvenirNext-Regular"; font-size: 12px; text-align: left; } #cntform { margin: 20px 0 40px 0; } #cntform form .caption-fields .form { width: 50%; position: relative; } #cntform form .caption-fields .form.textarea { width: 100%; float: none; clear: both; } #cntform form .caption-fields .form input, #cntform form .caption-fields .form select, #cntform form .caption-fields .form textarea { padding: 15px; width: 100%; font-family: "AvenirNext-Regular"; border: 5px solid rgba(144, 124, 117, 0.2); background-color: #FFFFFF; } #cntform form .caption-fields .form textarea {height: 200px; float: none;} #cntform form .caption-fields .form select {height: 56px} #cntform form .caption-fields .form input[type="phone"] { padding-left: 90px; } #cntform form .caption-fields input[type="submit"] { margin: 10px 15px; padding:25px 30px; letter-spacing: 2px;} #cntform .form .intl-tel-input { width: 100% } #cntform .form label.error { position: absolute; top: 40px; right: 30px; color: #FF6666; font-family: "AvenirNext-Regular"; } #cntform .form .intl-tel-input label.error { top: 25px; right: 15px; } #booking { padding: 10px 0; text-align: center; background: #907C75;} #booking .booking-form form { margin: 0 0 20px 0; } #booking .booking-form form .caption-fields .form { float: none; padding: 0;} #booking .date-invisible { margin:0; padding:0; width:0; height: 0; } #booking .booking-form form .caption-fields .form.field.date .date_from_html { position:relative;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_tiny { } #booking .booking-form form .caption-fields .form.field.date .date_from_html .month_name { display: none;} #booking .booking-form form .caption-fields .form.field.date .date_from_html .year { } #booking .booking-form form .caption-fields .form.field.date .date_from_html:after {content:url("../images/elements/calendar.png"); } #booking .booking-form form .caption-fields .form.field.select { cursor: pointer; } #booking .booking-form form .caption-fields .form.field.select .form_select { position: relative; display:flex; justify-content:flex-start; align-items: center; gap:10px } #booking .booking-form form .caption-fields .form.field.select .form_select .rem_btn { display:none; } #booking .booking-form form .caption-fields .form.field.select .form_select:after {content:url("../images/elements/select.png"); } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list { margin: 27px 0 0 -28px; padding: 0; position:absolute; z-index: 33; } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list .option { margin: 0 0 1px 0; padding: 10px 15px; cursor: pointer; background: rgba(255,255,255,0.1); } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list .option:hover { background: #907C75; color:#fff; } #booking .booking-form form .caption-fields .form_merge_group { float:left; } #booking .booking-form form .caption-fields input[type="submit"] { margin: 18px 0 0 0px; display: block; } #booking .booking-form form .hidden_form_element { width: 0; height: 0; overflow: hidden; } #booking .booking-form form .caption-fields .form.field.text .form_element_title { font-size: 13px; color: #fff; text-transform: uppercase; line-height: 12px; letter-spacing: 1.5px; } #booking .booking-form form .caption-fields .form.field.text input { margin: 0 0 0 auto; padding:10px; border: 1px solid rgba(144, 124, 117, 0.2); background-color: #FFFFFF; font-size: 18px; color: #907C75; width: 140px; line-height:32px } #booking .data_flessibili { margin: 0 0 20px 0; position: relative; display: block; text-align: center; font-size: 0 } #booking #varlink_date_flessibili-cnt { margin: 0 0 0 5px; display: inline-block } #booking #varlink_date_flessibili-cnt a {width: auto;font-size: 14px;color: #fff;line-height: 1;cursor: pointer;text-decoration:underline;} #booking #varsimple_oppure { font-size: 14px; display: inline-block; width: auto; color: #fff; text-align: center; } /* Personalizzazione Calendario */ .xdsoft_datetimepicker { z-index: 999999999999;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #58AEBF; box-shadow: rgba(0,0,0,0.3) 0 1px 3px 0 inset; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#fff; background: #A75F4B; } .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: #58AEBF; box-shadow: rgba(0,0,0,0.3) 0 1px 3px 0 inset; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { background: #A75F4B !important; } header { height: auto; } header h1.top_seo { left: 0; padding: 0px 20px 4px 20px; } header .logo a { padding: 0; display: block; background: none; text-align: center; } header #sidebar.fixed { position: fixed; z-index: 800; top: 20px; height: auto; background-color:#907C75; border:none; box-shadow:0 0 20px rgba(0, 0, 0, .2); } header #vareditor_head { padding: 50px 0 20px 0; bottom: 0; } header #slideshow { max-height: 100vh; } header #slideshow .elem { max-height: 100vh} header #slideshow .caption { right: 0; left:0; bottom: 50px; position: absolute; text-align: center; color:#fff; } header #slideshow .caption h3 { font-family: "AvenirNext-Regular"; font-size: 48px; text-transform:uppercase; letter-spacing:10px } header #slideshow ul.slick-dots { left: 0; right: 0; bottom: 50px; width: 100%; height: auto; border-top: none; display:flex !important; align-items:center; justify-content: center; text-align:center; } header #slideshow .slick-dots li { text-align:center; } header #slideshow .slick-dots li button { width: 12px; height: 12px; border-radius: 6px; margin: 5px 10px; } .fa-whatsapp:before { content: "\f232"; font-family:"Font Awesome 6 Pro Brands"; font-size: 20px; color: #fff; } #welcome #booking { text-align: center; } #welcome #vareditor_welcome { padding-left: 30px; padding-right: 30px; } #template1 { margin: 0; width: calc(100%); } #template1 .row .box .elem .caption-cnt .caption-add { width: 74%; background:#000; } #template1 .row .box .elem .caption-cnt .caption-add img { opacity: 0.8; } #template1 .row .box .elem .caption-cnt .caption-alt { padding:45px; width: 35%; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g6 { margin: 0 40px 50px -90px; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g6 .fieldvalue { text-align: right; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { padding: 19px 25px; width: 50%; vertical-align: middle; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldvalue { line-height: 24px; } #template1 .row .box .elem .caption-cnt .caption-alt .zlink { width: 50%; vertical-align: middle; } #template1 .row .box .elem .caption-cnt .caption-alt .zlink a:hover { opacity: 0.9; } #template1 .row .box .elem .caption-cnt .caption { right: 40%; left: inherit; } #template1 .row .box .elem .caption-cnt .caption .zsimplebutton { text-align: right; } #template1 .row .box .elem .caption-cnt .caption .zsimplebutton a:hover { opacity: 0.9; } #template1 .row .box ul.slick-dots { left: 76%; right: inherit; } .de #template1 .row .box .elem .caption-cnt .caption-alt .zlink a { font-size: 12px; padding: 33px 15px; letter-spacing: 0; } .de #template1 .row .box .elem .caption-cnt .caption-alt .zlink { width: 60%; height: 100px; } .de #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { width: 40%; height: 100px; } .de #template1 .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 { line-height: 25px; } #hotel { display: block; clear: both; overflow: hidden; text-align: right; } #hotel .wrap { margin:0 40px; display: inline-block; width: 80%; } #template2 .row .box { } #template2 .row .box .elem .caption-cnt { text-align: right; } #template2 .row .box .elem .caption-cnt .caption { bottom: 20%; } #template2 .row .box .elem .caption-cnt .caption-alt { display: inline-block; } #offers { padding: 65px 0 50px 0; } #template3 .row .box .elem .caption-cnt { margin: 50px auto; width: 805px; } #template3 .row .box .elem .caption-cnt .caption-add { margin: 0 auto; width: 340px; } #template3 .row .box .elem .caption-cnt .caption { width: 315px; } #template3 .row .box .elem .caption-cnt .caption-alt { width: 215px; right: 50px; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue { font-size: 25px; } #template3 .row .box .slick-prev { background: none; font-size: 0; border: none; top: 40%; } #template3 .row .box .slick-prev:before { content: url(../images/elements/arrow-left.png); line-height: 1; } #template3 .row .box .slick-next { background: none; font-size: 0; border: none; top: 40%; } #template3 .row .box .slick-next:before { content: url(../images/elements/arrow-right.png); line-height: 1; } #template3 .row .box .elem .caption-cnt .caption-alt .zlink a:hover { opacity: 0.9; } #template3 .slick-dots{ bottom: 0!important; } #template3 .slick-dots li button { height: 11px; width: 11px; border-radius: 100px; margin: 0 5px; background-color: #907C75;} #template3 .slick-dots li.slick-active button { background-color: #A75F4B; } #template3 .row .box .elem .caption-cnt .caption .zsimplebutton a { background-color: #A75F4B; font-family: "AvenirNext-Medium"; border: 2px solid #A75F4B; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; letter-spacing: 2px; padding: 10px 15px; display: inline-block; margin-top: 20px; } #room #rooms-description .zcheckbox .fieldvalue { font-family: "AvenirNext-Regular"; font-size: 12px; color: #907C75; text-transform: uppercase; text-align: left; line-height: 24px; letter-spacing: 2.66px; } #room #rooms-description .zcheckbox .fieldvalue:before { font-family: "GLYPHICONS-Regular"; font-size: 24px; color: #907C75; text-transform: lowercase; text-align: left; line-height: 24px; letter-spacing: 0px; content: "\e153"; } #room #rooms-description .zcheckbox .fieldvalue.v0:before { content: '\e684'; } #room #rooms-description .zcheckbox .fieldvalue.v1:before { content: '\e442'; } #room #rooms-description .zcheckbox .fieldvalue.v2:before { content: '\e578'; } #room #rooms-description .zcheckbox .fieldvalue.v3:before { content: '\e589'; } #room #rooms-description .zcheckbox .fieldvalue.v4:before { content: '\e276'; } #room #rooms-description .zcheckbox .fieldvalue.v5:before { content: '\e631'; } #room #rooms-description .zcheckbox .fieldvalue.v6:before { content: '\e204'; } #room #rooms-description .zcheckbox .fieldvalue.v7:before { content: '\e342'; } #room #rooms-description .zcheckbox .fieldvalue.v8:before { content: '\e318'; } #room #rooms-description .zcheckbox .fieldvalue.v9:before { content: '\e614'; } #room #rooms-description .zcheckbox .fieldvalue.v10:before { content: '\e678'; } #room #rooms-description .zcheckbox .fieldvalue.v11:before { content: url(../images/icons/balcony.png)!important; width: 24px; height: 24px; } #room header #page_name {margin: 90px 0 0 0;/* z-index: 80; */} #room #bookingbar { margin: 0 40px 40px 40px; } #room #rooms-description { padding: 65px 0; } #room #rooms-description .text { margin: 0 0 30px 0; } #room #rooms-description .zcheckbox { margin: 0 0 40px 0; } #room #rooms-description .zcheckbox .fieldkey { margin: 0 0 30px 0; } #room #rooms-description .zcheckbox .fieldkey:after { margin: 25px 0 0 0; } #room #rooms-description .zcheckbox .fieldvalue { margin: 0 0 10px 0; display: block; } #room #rooms-description .zcheckbox .fieldvalue:before { margin: 0 15px 0 0; float: left; } #room #rooms-description .facts { text-align: left; } #room #rooms-description .facts #varsimple_fact { margin: 0 0 30px 0; } #room #rooms-description .facts #varsimple_fact:after { margin: 25px 0 0 0; } #room #rooms-description .facts .zinput { margin: 0 15px 0 0; padding: 0 15px 0 0; } #room #rooms-description .zinput.g10 { padding: 13px 30px 12px 30px; float: left; } #room #rooms-description .zinput.g10 .fieldvalue { line-height: 23px; } #room #rooms-description .zlink a { width: 80%; } .de #room #rooms-description .zlink a { font-size: 12px; padding: 33px 15px; letter-spacing: 0; } .de #room #rooms-description .zlink { width: 60%; height: 100px; } .de #room #rooms-description .zinput.g10 { width: 40%; height: 100px; } #room #varsimple_otherrooms { margin: 40px auto 22px auto; } #template5 .row .box { margin: 55px 0; } #template5 .row .box .elem { margin: 0 25px; width: 40%; display: inline-block; vertical-align: top; } #template5 .row .box .elem .caption-cnt .caption { margin: 0 10%; } #template5 .row .box .elem .caption-cnt .caption-alt { margin: -10% 0 0 0; padding: 15% 15% 20% 15%; } #template5 .row .box .elem .caption-cnt .caption-alt .title a { font-size: 24px; } #template5 .row .box .elem .caption-cnt .caption-alt .title a:after { margin:20px auto 0 auto; width: 150px; } #template5 .row .box .elem .caption-cnt .caption-add { margin: -10% 0 0 0; display: flex; align-items: stretch; justify-content: center; } #template5 .row .box .elem .caption-cnt .caption-add .zinput.g10 { padding: 18px 30px 21px 27px; vertical-align: top; } #template5 .row .box .elem .caption-cnt .caption-add .zinput.g10 .fieldvalue { line-height: 1; } #template5 .row .box .elem .caption-cnt .caption-add .zsimplebutton { margin: 0 -3px; background-color:#a75f4b; display:flex; flex-direction:column; align-items:center; justify-content:center; } #showcase-rooms header #container_name {margin: 90px 0 0 0;/* z-index: 80; */} #showcase-rooms #bookingbar { margin: 0 40px 40px 40px; } #showcase-rooms #booking {/* padding: 10px 0 210px 0; */background: #907C75;} #template4 { margin: 0; padding: 40px 80px; width: calc(100%); } #template4 .row .box .elem { margin: 0px 0 40px 0; } #template4 .row .box .elem .caption-cnt .caption-add { width: 74%; background:#000; height: 670px; } #template4 .row .box .elem .caption-cnt .caption-add img { opacity: 0.8; object-fit: cover; height: 100%; } #template4 .row .box .elem .caption-cnt .caption-alt { padding:45px; width: 35%; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g6 { margin: 0 40px 50px -90px; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g6 .fieldvalue { text-align: right; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { padding: 19px 25px; width: 50%; vertical-align: middle; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldvalue { line-height: 24px; } #template4 .row .box .elem .caption-cnt .caption-alt .zlink { width: 50%; vertical-align: middle; } #template4 .row .box .elem .caption-cnt .caption-alt .zlink a:hover { opacity: 0.9 } .de #template4 .row .box .elem .caption-cnt .caption-alt .zlink a { font-size: 12px; padding: 33px 15px; letter-spacing: 0; } .de #template4 .row .box .elem .caption-cnt .caption-alt .zlink { width: 60%; height: 100px; } .de #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { width: 40%; height: 100px; } #template4 .row .box .elem .caption-cnt .caption { right: 40%; left: inherit; } #template4 .row .box .elem .caption-cnt .caption .zsimplebutton { text-align: right; } #template4 .row .box ul.slick-dots { left: 76%; right: inherit; } #template4 .row .box .elem .caption-cnt .caption .zsimplebutton a:hover { opacity: 0.9; } #page .content .text_dyn { overflow: hidden; display: flex; flex-direction: column; font-size: 16px; line-height: 20px } #page .content .text_dyn .fieldvalue {margin: 30px 0;} #services-list { margin-right: 100px } #services-list #template2 .row .box .elem { margin-bottom: 40px } #services-list #template2 .row .box .elem:nth-child(even) .caption-cnt .caption { right: 56px; left: unset; } #services-list #template2 .row .box .elem:nth-child(even) .caption-cnt { text-align: left; left: 56px; } /* Pagina Porticciolo */ #page.porticciolo .content .text_dyn .fieldvalue { margin: 0 } #page.porticciolo #cntform form .form-title {display: block; font-family: "AvenirNext-Regular"; font-size: 22px; color: #635B58; text-align: left; line-height: 32px; letter-spacing: 0.49px; text-align: left; font-weight: bold; background-color: rgba(144, 124, 117, 0.2); padding: 20px} #page.porticciolo #cntform{ background-color: #f3f3f3; padding: 5px 20px 10px 20px} #page.porticciolo #cntform form .caption-fields .form {font-size: 12px; line-height: 1} #page.porticciolo .map-canvas { width: 60%; height: 300px; } #top_map.container { display: flex; align-items: center; margin-bottom: 30px; overflow: hidden; } #page.porticciolo .content .text_dyn .fieldvalue.last {margin-bottom: 30px} .submenu { margin: 0; margin-bottom: 40px; z-index: 799; position: relative; } .submenu #tree li.active { opacity: 0.5; } #offer .content { margin: 0 0 5% 0; } #offer .content #page_name { margin-top: 40px; } #offer .content #page_name:after { margin: 30px auto 0 auto; } #offer .content .text.g3 { overflow: hidden; } #offer .content .text.g2{ font-family: "AvenirNext-Medium"; font-size: 18px; color: #907C75; text-align: center; line-height: 1.2; letter-spacing: 0; } #offer .content .buttons { margin: -4.5% 0 0 0; } #offer.landing .content .buttons { margin: 20px 0 0 0; } #offer .content .buttons .zinput { padding: 19px 25px; width: auto; vertical-align: middle; } #offer .content .buttons .zinput .fieldvalue { line-height: 24px; } #offer .content .buttons .zlink { margin: 0 -3px; width: 200px; vertical-align: middle; } #offer .content .buttons .zlink a:hover { opacity: 0.9; } header #sidebar .persuasive-cnt { display: block; position: absolute; text-align: center; color: #FFFFFF; width: 330px; background-color: rgba(0,0,0,0.7); height: 90px; left: 1px; top: 0px; font-size: 16px; line-height: 20px; font-family: "PlayfairDisplaySC-Regular"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; z-index: -2; padding: 35px 0 0 10px; text-align: left; top: 190px; } header #sidebar .persuasive-cnt.open { left: -330px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } header #sidebar .persuasive-cnt strong { font-size: 20px; } footer { padding: 50px 0; } footer .wrap { margin:0 auto; max-width: 80%; } footer #menu2 { margin-left: 0; margin-right: 0; } footer #menu2 ul li { margin: 0 10px; } footer #social { text-align: center; } footer .social { margin: 0 10px; } /* Cookie Accept */ #z_cookie_accept { width: 300px; bottom: 10px; left: 10px; box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5); } #z_cookie_accept .z_cookie_content { line-height: 16px; } #z_cookie_accept .z_cookie_content a#showcookieprivacy { text-decoration: none; color: #6acde4; } #z_cookie_accept .z_cookie_content a.closecookie { margin: 5px auto; padding: 4px 20px; display: inline-block; position: relative; background-color: #2a9ab3; color: #FFFFFF; } /* persuasive message */ #varsimple_persuasive_message { position: absolute; right: -400px; top: 20px; background-color: #fff; padding: 20px; z-index: 9; font-family: "PlayfairDisplaySC-Regular"; color: #A75F4B; text-align: left; line-height: 1; letter-spacing: 0; border: 2px solid #A75F4B; max-width: 390px; font-size: 12px; opacity: 0; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s} #varsimple_persuasive_message.fired{ opacity: 1; right: 20px; } /* widget reviewpro */ #rpro-external-widget { display: block; position: fixed; bottom: 0; left: 20px; z-index: 100; } /* Infosplash */ #infosplash { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 9999; } #infosplash span.close.glyphicons.glyphicons-remove { color: #fff; font-size: 18px; margin-bottom: 10px; width: 100%; text-align: right; cursor: pointer; } #infosplash_container { max-width: 420px; margin: 60px auto; } #infosplash_content { background-color: #fff; padding: 10px 10px 30px 10px; } #template8 .row .box .elem .caption-cnt .caption-alt { text-align: center; } #template8 .row .box .elem .caption-cnt .caption-alt .title a{ font-family: "PlayfairDisplaySC-Regular"; font-size: 24px; color: #907C75; text-transform: uppercase; text-align: center; } #template8 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2{ font-family: "AvenirNext-Regular"; font-size: 14px; color: #907C75; text-align: center; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { display: inline-block; } #template8 .row .box .elem .caption-cnt .caption-alt .zlink { display: inline-block; margin-left: 15px; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { background-color: #A75F4B; font-family: "PlayfairDisplaySC-Regular"; border: 2px solid #A75F4B; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; letter-spacing: 2px; padding: 10px 15px; display: inline-block; margin-top: 20px; } #template8 .row .box .elem .caption-cnt .caption-alt .zlink a { background-color: #fff; font-family: "PlayfairDisplaySC-Regular"; border: 2px solid #A75F4B; font-size: 16px; color: #A75F4B; text-transform: uppercase; text-align: center; letter-spacing: 2px; padding: 10px 15px; display: inline-block; margin-top: 20px; } /* Configurazione recensioni Customer Alliance in Home */ #cnt-review{ display: block; } #cnt-review .review{ display: flex; padding: 5px; flex-flow: wrap row; } .author{ font-family: '"AvenirNext-Regular"'; font-size:13px; color: #635B58; } .business{ display: none; } .review > div{ background-color: #F3EFEC; padding: 25px; margin: 40px 20px 0px 20px; width: calc(50% - 40px); float: left;} .review > div .id{ display: none; } .review > div .reviewerAge{ display: none; } .review > div .language { display: none; } .review > div .subcategoryRatings { display: none; } .review > div .date { font-family: 'AvenirNext-Regular'; text-transform: uppercase; font-size:12px; color: #635B58; } .review > div .yourComment { display: none; } .review > div .overallComment { font-size: 18px; line-height: 20px; color: #635B58; font-family: '"AvenirNext-Regular"'; font-style: italic; position: relative; } .overallRating { color: #A75F4B; font-family: '"AvenirNext-Regular"'; font-size: 30px; padding: 15px 0; } .sitevar_27 { color: #008740; } /* Meteo */ #meteo { color: #A75F4B; font-family: "GothamLight"; top: 0; background-color: #f3f3f3; height: 300px; display: flex; align-items: center;} #meteo .forecasts { height: 80px; width: 430px; background-image: url(../images/bg/meteo_large.svg); background-repeat: no-repeat; background-position: bottom; padding: 0px 60px 0px 60px; } #meteo .forecasts .forecastday { position: relative; display: inline-block; height: 150px; opacity: 0.01; } #meteo.meteoshow .forecasts .forecastday { opacity: 1; } #meteo .forecasts .condition { display: none; } #meteo .forecasts .code { display: none; } #meteo .forecasts .icon { float: left; position: absolute; left: 0px; top: 5px; } #meteo .forecasts .date { float: left; position: absolute; left: 100px; top: 0px; font-size: 18px; font-family: 'PlayfairDisplaySC-Black'; } #meteo .forecasts .date > div { position: relative; display: inline-block; } #meteo .forecasts .date .month { text-transform: uppercase; } #meteo .forecasts .date .year { display: none; } #meteo .forecasts .temperatures { position: absolute; top: 18px; left: 100px; font-size: 20px; font-family: 'PlayfairDisplaySC-Black';} #meteo .forecasts .temperatures > div { position: relative; display: inline-block; } #meteo .forecasts .temperatures .min { margin: 10px 10px 0 0; } #meteo .forecasts .temperatures .min:after { content: 'MIN'; position: relative; display: block; font-size: 10px; font-family: 'AvenirNext-Regular'; top: 5px } #meteo .forecasts .temperatures .max { border-left: 1px solid rgba(255,255,255,0.25); padding-left: 15px; } #meteo .forecasts .temperatures .max:after { content: 'MAX'; position: relative; display: block; font-size: 10px; font-family: 'AvenirNext-Regular'; top: 5px } #meteo .slick-dots { position: relative; bottom: 60px; text-align: center; } #meteo .slick-dots li button { padding: 4px; font-size: 0; border: none; border-radius: 100%; margin: 0 3px; background-color: #635B58; opacity: .5; outline: none; } #meteo .slick-dots li.slick-active button { opacity: 1; } #meteo .wi { font-size: 60px; position: relative; top: 12px } header.fixed #meteo { display: none; } /* Pagina Ristoranti */ /* Template 9 */ #template9 { text-align: left; position: relative; } #template9 .row { text-align: left; } #template9 .row .box { text-align: left; position: relative; } #template9 .row .box .elem { text-align: left; margin-bottom: 60px } #template9 .row .box .elem .caption-cnt { display: block; text-align: left; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template9 .row .box .elem .caption-cnt .caption { width: 100%; text-align: center; order: 1; } #template9 .row .box .elem .caption-cnt .caption .title { font-family: "AvenirNext-Medium"; font-size: 48px; color: #A75F4B; text-align: center; line-height: 48px; letter-spacing: 5.95px; z-index: 2; position: relative; bottom: -20px; max-width: 530px; margin: 0 auto; text-transform:uppercase; } #template9 .row .box .elem .caption-cnt .caption .zimage { background-color: #000 } #template9 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; z-index: 1; position: relative; opacity: .9 } #template9 .row .box .elem .caption-cnt .caption-alt { background-color: #907C75; text-align: left; position: relative; order: 2; padding: 30px; width: calc(100% - 100px); top: -100px; z-index: 3; margin: 0 auto } #template9 .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 { font-family: "AvenirNext-Regular"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 20px; letter-spacing: 0.5px; } #template9 .row .box .elem .caption-cnt .caption-add { display: flex; text-align: left; order: 3; width: calc(100% - 100px); margin: 0 auto; justify-content: space-between; } #template9 .row .box .elem .caption-cnt .caption-add .ztextarea.g5 { width: 50%; padding: 20px; display: inline-flex; align-items: center; background-color: #f9f9f9; font-family: "AvenirNext-Regular"; font-size: 18px; color: #907C75; text-align: left; line-height: 22px; letter-spacing: .5px; } #template9 .row .box .elem .caption-cnt .caption-add .ztextarea.g6 { width: auto; padding: 20px; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; font-family: "AvenirNext-Regular"; font-size: 14px; color: #4E4A4A; text-align: left; line-height: 14px; letter-spacing: .5px; } #template9 .row .box .elem .caption-cnt .caption-add .ztextarea.g6:before { font-family: "FontAwesome"; font-size: 20px; color: #907C75; content: '\f05a'; margin-right: 4px } #template9 .row .box .elem .caption-cnt .caption-add .ztextarea.g7 { width: 50%; padding: 20px; display: inline-flex; align-items: center; background: #f9f9f9;font-family: "AvenirNext-Regular"; font-size: 18px; color: #907C75; text-align: left; line-height: 22px; letter-spacing: .5px; border-left: 3px solid; } #template9 .row .box .elem .caption-cnt .caption-add .ztextarea.g7 strong { font-weight: bold; text-decoration: underline; cursor: pointer; } #template9 .row .box .elem .caption-cnt .caption-add.even { margin-top: -70px; margin-bottom: 30px; border: 3px solid #907c75 } #template9 .row .box .elem .caption-cnt .caption-add .documents { margin: 0 } #template9 .row .box .elem .caption-cnt .caption-add .document { text-align: center; } #template9 .row .box .elem .caption-cnt .caption-add .document a { display: block; font-family: "PlayfairDisplaySC-Bold"; font-size: 15px; color: #907C75; text-align: center; line-height: 17px; letter-spacing: 1px; } #template9 .row .box .elem .caption-cnt .caption-add .document .document_size {display: none;} #template9 .row .box .elem .caption-cnt .caption-add.last { position: relative;top: -20px } .section_modal_form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: -1; opacity: 0; transition: .3s } .section_modal_form.fired { z-index: 9999; opacity: 1 } .section_modal_form .wrap { height: 100%; display: flex; align-items: center; justify-content: center;} .section_modal_form .wrap #cntform { background-color: #fff; padding: 15px } .section_modal_form .wrap #cntform form .caption-fields .form textarea {height: 70px} .section_modal_form .wrap #cntform form .caption-fields .form input, .section_modal_form .wrap #cntform form .caption-fields .form select, .section_modal_form .wrap #cntform form .caption-fields .form textarea { padding: 5px } .section_modal_form .wrap #cntform form .caption-fields input[type="phone"] { padding-left: 90px } .section_modal_form .wrap #cntform form .caption-fields .form select {height: 42px} .section_modal_form .wrap #cntform .fa { color: #a65f4b; font-size: 20px; cursor: pointer; position: relative; top: -10px; right: -10px; float: right; } /* Configurazione per RWD */ @media (max-width: 767px) { header h1.top_seo { display:none } header #sidebar { padding: 0; flex-wrap:wrap; } header #sidebar .col {padding: 15px 10px;flex-wrap:wrap;width: 100%;order:3;justify-content:space-between;z-index: 1;} header #sidebar .col.last { padding: 5px 10px; order:1; width: 100%; background-color:#A75F4B; justify-content:center; gap:10px } header #sidebar .logo { position: absolute; top:100px; left:0; right:0; } header #sidebar.fixed { top:0 } header #sidebar.fixed .logo { display:none; } header #sidebar #book-btn img { width: 35px; } header #sidebar #menu-btn .btn-bar .bar { width: 30px; } header #menu { top:81px; width: 100%; } header.fix #menu { top:81px; width: 100%; } header #menu #menu1 { border:none; } header #slideshow { margin:80px 0 0 0; } header #slideshow ul.slick-dots { display: none !important; } #welcome { margin: 0 10px 40px 10px; padding: 0 10px 160px 10px; } #template1 .row .box .elem .caption-cnt .caption { top: 40px; } #template1 .row .box .elem .caption-cnt .caption .zsimplebutton a { padding: 20px } #template2 .row .box .elem .caption-cnt .caption .title a { font-size: 20px; line-height: 24px } #template1 .row .box .elem .caption-cnt .caption-alt { padding: 10px; top: 80px; bottom: unset; width: 30%; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g6 { margin-left: -80px } footer #varsimple_company2 a { float: unset; } #template9 .row .box .elem .caption-cnt .caption-alt {width: 100%; top: 0} #template9 .row .box .elem .caption-cnt .caption-add {width: 100%} #template9 .row .box .elem .caption-cnt .caption-add.even {margin-top: 0} #template9 .row .box .elem .caption-cnt .caption .title { font-size: 30px; line-height: 30px } .section_modal_form .wrap {display: block;} .section_modal_form .wrap #cntform form .caption-fields .form {width: 100%} #top_map.container {display: block;} #page.porticciolo .map-canvas {width: 100%} #meteo { width: 100%; justify-content: center; } header #sidebar { top:0; width: 100%; background-color:#907C75; border:none; } header #slideshow .caption { padding: 0; right: 0; bottom:20px } header #slideshow .caption h3 { font-size: 22px; line-height: 22px; padding: 0; margin: 0; } header #slideshow ul.slick-dots { display: none; width: 0; height: 0 } header #vareditor_head { margin: 0; padding: 20px; position: relative; font-size: 12px; line-height:1.5 } #booking {display: none;position: fixed;top: 81px;z-index: 1900;width: 100%;left: 0;right: 0;padding: 40px 20px 20px 20px;height: 100%;/* background-color: #eee9e6; */overflow: scroll;} #booking .booking-form form .caption-fields { flex-wrap:wrap; } #booking .booking-form form .caption-fields .form, #booking .booking-form form .caption-fields .form.field.text input { width: 100%; } #booking .booking-form form .caption-fields .form.field.date { width: 100%; } #booking .booking-form form .caption-fields .form.field.select { width: calc(50% - 8px); margin: 0; } #booking .booking-form form .caption-fields .form.field.select.element_9 { margin: 0; } #booking .booking-form form .caption-fields input[type="submit"] { margin: 20px auto; width: 100%; } #booking .booking-form form .caption-fields .form.field.select .form_select .elements_list { top:25px; left:27px; width: 100%; } header #sidebar .persuasive-cnt { left: 100% } header #sidebar .persuasive-cnt.open { left: calc(50% - 330px / 2); } #welcome { margin: 0 0 40px 0; padding: 0 } #welcome #vareditor_welcome { padding-left: 0px; padding-right: 0px; } #rooms { margin:0 0 50px 0; padding: 20px; } #template1 { width: 100%; } #template1 .row .box .elem { background-color:#907C75 } #template1 .row .box .elem .caption-cnt { margin-bottom: 40px; } #template1 .row .box .elem .caption-cnt .caption { padding: 20px; position: inherit; right:inherit; top:inherit; } #template1 .row .box .elem .caption-cnt .caption .title, #template1 .row .box .elem .caption-cnt .caption .zsimplebutton { text-align:center; } #template1 .row .box .elem .caption-cnt .caption .title a { font-size: 24px; line-height: 24px; color:#fff; text-align:center;} #template1 .row .box .elem .caption-cnt .caption .zsimplebutton a { padding: 10px; } #template1 .row .box .elem .caption-cnt .caption-add { width: 100%; } #template1 .row .box .elem .caption-cnt .caption-alt { width: 100%; top: auto; bottom: -40px; } #template1 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { display: none; } #template1 .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 { display: none; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { display: inline-block; } #template1 .row .box .elem .caption-cnt .caption-alt .zlink { display: inline-block; width: 100%; } #template1 .row .box .elem .caption-cnt .caption-alt .zlink a { padding: 20px; font-size: 14px; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g6 { display: none; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g6 .fieldkey { font-size: 16px; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { display:none } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldkey { font-size: 10px; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldvalue:before { font-size: 16px; } #template1 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldvalue { font-size: 26px; } #template1 .row .box ul.slick-dots { left: 0; right: 0; bottom: -20px; text-align:center; } #hotel .wrap { width: 100%; margin: 0; } #template2 .row .box ul.slick-dots { bottom: 10px; left: 10px; } #template2 .row .box .elem .caption-cnt .caption { bottom: 10px; padding: 15px; left: 30px; width: 60%; } #template2 .row .box .elem .caption-cnt .caption .ztextarea.g3 { display: none; } #template2 .row .box .elem .caption-cnt .caption .ztextarea.g2 { font-size: 10px; line-height: 14px; } #template2 .row .box .elem .caption-cnt .caption .title { margin: 0 auto; } #template2 .row .box .elem .caption-cnt .caption .title a { font-size: 20px; padding: 0; line-height: 30px; border: 0; } #template2 .row .box .elem .caption-cnt .caption-alt { width: 80%; } #services-list { margin-right: 0px } #services-list #template2 .row .box .elem:nth-child(even) .caption-cnt .caption { right: 30px; } #services-list #template2 .row .box .elem:nth-child(even) .caption-cnt { left: 0; } #services-list #template2 .row .box .elem .caption-cnt .caption { padding: 10px } #services-list #template2 .row .box .elem .caption-cnt .caption .title a { font-size: 16px; line-height: 22px; } #offers #varsimple_offers { font-size: 20px; margin-right: auto; } #offers #vareditor_offers { font-size: 14px; margin-right: auto; } #offers #varsimple_offers { letter-spacing: 5px; } #template3 { padding-right: 15px; } #template3 .row .box .elem .caption-cnt { display: block; width: 100%; } #template3 .row .box .elem .caption-cnt .caption { width: 100%; position: relative; display: block; padding: 40px 20px; left: 0; } #template3 .row .box .elem .caption-cnt .caption-alt { width: 40%; position: absolute; display: block; bottom: 40px; left: 10px; } #template3 .row .box .elem .caption-cnt .caption-add { width: 100%; position: relative; display: block; top: -30px; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput { padding: 10px; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput .fieldkey { font-size: 10px; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue { font-size: 25px; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput .fieldvalue:before { font-size: 14px;} #template3 .row .box .elem .caption-cnt .caption-alt .zlink a { padding: 20px; font-size: 12px; } #template3 .row .box .slick-next, #template3 .row .box .slick-prev { top: 60%; } #offer header { margin-bottom: 40px; } #offer header #container_name { font-size: 28px; line-height: 32px; padding: 0; margin: 0; left: 0; right: 0; z-index: 70; } #offer header #container_summary { width: 100%; padding: 10px; position: relative; z-index: 60; } #offer .content .buttons { position: relative; margin: 40px 0; } #page header #page_name { margin: 20px 0 0 0; font-size: 26px; line-height: 1; padding: 0; letter-spacing:2px} #page header .text {margin: 0; width: 100%; padding: 10px 20px; position: relative; z-index: 60; letter-spacing:2px } #page.porticciolo #cntform form .caption-fields .form {width: 100%} #page .content .text_dyn img { margin: 0 0 20px 0 !important } #notfound header .title { font-size: 28px; line-height: 32px; padding: 0; margin: 0; left: 0; right: 0; z-index: 70; } #notfound header .not-found { width: 100%; padding: 10px; position: relative; z-index: 60; } #showcase-rooms header #container_name, #room header #page_name { margin: 20px 0 0 0; font-size: 26px; line-height: 1; padding: 0; letter-spacing:2px } #showcase-rooms header #container_summary, #room header .text.g2 { margin: 0; width: 100%; padding: 10px 20px; position: relative; z-index: 60; letter-spacing:2px } #room header .text.g2 .fieldvalue { margin:0 0 20px 0 } #room #rooms-description { padding: 30px 0px; } #room #rooms-description .facts { margin-top: 40px; } #room #rooms-description .zcheckbox { margin: 80px 0; } #room #rooms-description .zinput.g10 { width: 45%; } #room #rooms-description .zlink { width: 55%; } #room #rooms-description .zlink a { width: 100%; } #room #rooms-description .facts #varsimple_fact, #room #rooms-description .zcheckbox .fieldkey { font-size:20px; line-height:1; width: 100%; letter-spacing:2px } #room #rooms-description .facts #varsimple_fact:after, #room #rooms-description .zcheckbox .fieldkey:after { margin:10px 0 0 0 } #room #rooms-description .facts .zinput { margin:0 5px 0 0; } #room #rooms-description .facts .zinput .fieldvalue { font-size:20px; line-height:1; text-align:left; } .gallery ul { font-size: 0px; } .gallery ul li img { opacity: 1; } .gallery ul li { margin: 0; padding: 0; width: 33.333%; display: inline-block; } #template4 { padding: 0 20px; width: 100%; } #template4 .row .box .elem { margin: 20px; background-color:#EFEBE8 } #template4 .row .box .elem .caption-cnt { position: relative; } #template4 .row .box .elem .caption-cnt .caption { position: relative; width: calc( 100% - 10px ) ; left: 10px; right: 10px; top: 20px; } #template4 .row .box .elem .caption-cnt .caption .title { text-align:center; } #template4 .row .box .elem .caption-cnt .caption .title a { font-size: 24px; line-height: 24px; color:#fff; text-align:center;} #template4 .row .box .elem .caption-cnt .caption .zsimplebutton { display:none } #template4 .row .box .elem .caption-cnt .caption .zsimplebutton a { padding: 20px 40px; } #template4 .row .box .elem .caption-cnt .caption-alt { padding: 20px; position: relative; width: 100%; text-align:center; } #template4 .row .box .elem .caption-cnt .caption-add { width: 100%; position: relative; height: inherit; } #template4 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { text-align:center; } #template4 .row .box .elem .caption-cnt .caption-alt .ztextarea.g3, #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g6 { display:none; } #template4 .row .box .elem .caption-cnt .caption-alt .zlink { width: 100%; } #template4 .row .box .elem .caption-cnt .caption-alt .zlink a { padding: 10px 10px; font-size: 14px; background-color:#907C75; color:#fff } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 { padding: 10px; display:none; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldkey { font-size: 10px; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldvalue { font-size: 32px; } #template4 .row .box .elem .caption-cnt .caption-alt .zinput.g10 .fieldvalue::before { font-size: 16px; } #template4 .row .box .elem .caption-cnt .caption-alt { position: inherit; top:inherit; text-align:center; background-color:transparent; border:none }; #template4 .row .box .elem .caption-cnt .caption-add img { height: auto!important; } #template4 .row .box .elem .caption-cnt .caption .title a { color: #907C75; } #template5 .row .box .elem { margin: 0 0 40px 0; width: 100%; } .gallery-photo-page .gallery ul { margin: 0; padding: 0; } .gallery-photo-page .gallery ul li { margin: 0; padding: 0; width: 33.333%; } footer { padding: 30px 0; } footer .logo a { text-align: center; } footer #menu2 { padding: 0 0 40px 0; } footer #menu2 ul li { margin: 10px auto; width: 100%; } footer #varsimple_company1 { text-align: center; margin-bottom: 20px; } footer #varsimple_company2 { text-align: center; margin-top: 40px; } } .smartphone #booking .booking-form form .caption-fields .form.field.select .form_element_title, .smartphone #booking .booking-form form .caption-fields .form.field.date .form_element_title, .smartphone #booking .booking-form form .caption-fields .form.field.text .form_element_title { font-size: 12px; letter-spacing: 0; } .smartphone #booking .booking-form { padding-bottom: 180px; }