/* Tablet */ .section_tablet { text-align: left; } .section_tablet .ztemplate { text-align: left; } .section_tablet .ztemplate .row { text-align: left; } .section_tablet .ztemplate .row .box { text-align: left; } .section_tablet .ztemplate .row .box .elem { text-align: left; } .section_tablet .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption img { background-color: #232323; text-align: left; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 16px; color: #A4A4A4; text-align: left; line-height: 20px; letter-spacing: 0; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { text-align: left; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 24px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput.g7.text { font-family: "BrandonText-Regular"; font-size: 12px; color: #929292; text-align: left; line-height: 21px; letter-spacing: 0; } .section_tablet .ztemplate .row .box .elem .caption-cnt .caption-alt .group { display: flex; background-color: #F8F8F8; text-align: left; align-items: center; } .section_tablet .smartphone_offers { background-color: #926B6B; text-align: left; } .section_tablet .smartphone_offers .section_title { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } .section_tablet .smartphone_offers .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 21px; letter-spacing: 0; } .section_tablet .smartphone_offers .section_link_a { text-align: center; } .section_tablet .smartphone_offers .section_link_a a { display: block; border: 1px solid #FFFFFF; background-color: #FFFFFF; font-family: "BrandonText-Bold"; font-size: 13px; color: #656565; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .section_tablet .smartphone_offers .section_link_b { text-align: center; } .section_tablet .smartphone_offers .section_link_b a { display: block; border: 1px solid #6AA2BA; background-color: #6AA2BA; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone_section { text-align: center; } .smartphone_section .section_link { text-align: center; } .smartphone_section .section_link a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #tablet_home_sections { background-color: #715A5A; text-align: left; } #tablet_home_sections .ztemplate { text-align: left; } #tablet_home_sections .ztemplate .row { text-align: left; } #tablet_home_sections .ztemplate .row .box { text-align: left; } #tablet_home_sections .ztemplate .row .box .elem { text-align: left; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #816B6B; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2:before { width: 30px; height: 1px; background-color: #FFFFFF; text-align: left; z-index: 28; position: absolute; left: 0px; bottom: -15px; content: ''; } #tablet_home_sections .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #FFFFFF; text-align: left; line-height: 25px; letter-spacing: -0.64px; } /* messaggi */ #page_error { width: 100%; height: 100%; display: flex; text-align: center; left: 0; top: 0; align-items: center; } #page_error .cnt-message { background-color: #FE6868; text-align: center; } #page_error .cnt-message .caption { text-align: center; } #page_error .cnt-message .caption .message { font-family: "ATRotisSansSerif-Light"; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 19px; letter-spacing: 0; } /* sidebar copy */ /* sidebar */ #sidebar { width: 80px; height: 100%; background-color: rgba(0, 0, 0, 0.2271852355072464); text-align: center; z-index: 997; position: fixed; left: 0; top: 0; bottom: 0px; } #sidebar .mini_logo { text-align: center; z-index: 230; position: absolute; left: -5px; right: 0; top: 15px; } #sidebar #sidebar_wrap { height: 100%; display: flex; text-align: center; align-items: center; } #sidebar #sidebar_wrap #menu_btn { width: 28px; height: 20px; text-align: left; position: relative; top: 30px; cursor: pointer; } #sidebar #sidebar_wrap #menu_btn #bars { width: 28px; height: 20px; text-align: left; position: relative; } #sidebar #sidebar_wrap #menu_btn #bars .bar { text-align: left; position: relative; } #sidebar #sidebar_wrap #menu_btn #bars .bar:before { width: 100%; height: 2px; background-color: #FFFFFF; text-align: left; z-index: 220; position: absolute; left: 0; right: 0; bottom: 0px; content: ''; } #sidebar #sidebar_wrap #contacts { width: 100%; text-align: left; } #sidebar #sidebar_wrap #contacts #booking_btn { height: 130px; display: flex; background-color: rgba(113, 90, 90, 0.6992753623188406); text-align: center; align-items: center; cursor: pointer; } #sidebar #sidebar_wrap #contacts #contacts_btn { height: 130px; display: flex; background-color: rgba(147, 131, 131, 0.7034929800724637); text-align: center; align-items: center; cursor: pointer; } #sidebar #sidebar_wrap #social { display: flex; text-align: center; align-items: center; } #sidebar #sidebar_wrap #social .facebook { height: 30px; text-align: center; } #sidebar #sidebar_wrap #social .facebook a { display: block; text-align: center; position: relative; } #sidebar #sidebar_wrap #social .facebook a:before { font-family: "FontAwesome5Brands-Regular"; font-size: 15px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative; content: "\f39e"; } #sidebar #sidebar_wrap #social .instagram { height: 30px; text-align: center; } #sidebar #sidebar_wrap #social .instagram a { display: block; text-align: center; position: relative; } #sidebar #sidebar_wrap #social .instagram a:before { font-family: "FontAwesome5Brands-Regular"; font-size: 15px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative; content: "\f16d"; } /* sidebar scrolled */ #sidebar.scrolled { background-color: #AD9F9F; text-align: center; } #sidebar.scrolled #sidebar_wrap { text-align: center; } #sidebar.scrolled #sidebar_wrap #menu_btn { text-align: center; top: 70px; } /* contact form */ #contact_form { background-color: #FFFFFF; text-align: left; max-width: 990px; } #contact_form form { text-align: left; } #contact_form form .caption-fields { text-align: left; } #contact_form form .caption-fields .date { width: 50%; text-align: left; } #contact_form form .caption-fields .date .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .date .date_from_html { background-color: #FFFFFF; text-align: left; cursor: pointer; } #contact_form form .caption-fields .date .date_from_html .day { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } #contact_form form .caption-fields .date .date_from_html .day:after { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; content: "/"; } #contact_form form .caption-fields .date .date_from_html .month_name_tiny { font-family: "BrandonText-Regular"; font-size: 16px; color: #787878; text-transform: uppercase; text-align: left; line-height: 22px; letter-spacing: 0; } #contact_form form .caption-fields .date .date_from_html .year { font-family: "BrandonText-Light"; font-size: 16px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } #contact_form form .caption-fields .select { text-align: left; position: relative; } #contact_form form .caption-fields .select .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .select .current_value { border: 1px solid #E6E6E6; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; cursor: pointer; } #contact_form form .caption-fields .select .current_value:after { font-family: "FontAwesome5Pro-Solid"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; content: "\f0d7"; } #contact_form form .caption-fields .select .elements_list { width: 100%; background-color: #715A5A; text-align: left; z-index: 2; position: absolute; left: 0; right: 0; top: 100%; bottom: 0px; } #contact_form form .caption-fields .select .elements_list .option { font-family: "BrandonText-Bold"; font-size: 14px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .checkbox { text-align: left; } #contact_form form .caption-fields .checkbox .form_element_title { font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .text { width: 50%; float: left; text-align: left; } #contact_form form .caption-fields .text .form_element_title { font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .text input[type=text] { background-color: #F7F7F7; font-family: "BrandonText-Regular"; font-size: 18px; color: #858585; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #contact_form form .caption-fields .phone { width: 50%; float: left; text-align: left; } #contact_form form .caption-fields .phone .form_element_title { font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .phone .selected-dial-code { font-family: "BrandonText-Regular"; font-size: 18px; color: #858585; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .phone input[type=phone] { background-color: #F7F7F7; font-family: "BrandonText-Regular"; font-size: 18px; color: #858585; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #contact_form form .caption-fields .email { width: 50%; float: left; text-align: left; } #contact_form form .caption-fields .email .form_element_title { font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .email input[type=email] { background-color: #F7F7F7; font-family: "BrandonText-Regular"; font-size: 18px; color: #858585; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #contact_form form .caption-fields input[type="submit"] { clear: both; float: none; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 21px; letter-spacing: 0; } #contact_form form .caption-fields .textarea { width: 100%; float: none; text-align: left; } #contact_form form .caption-fields .textarea .form_element_title { font-family: "BrandonText-Bold"; font-size: 14px; color: #656565; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #contact_form form .caption-fields .textarea textarea { width: 100%; height: 220px; background-color: #F7F7F7; font-family: "BrandonText-Regular"; font-size: 18px; color: #858585; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #contact_form form .form_messages { text-align: center; } #contact_form form .form_messages .message { padding: 0; background-color: #A1AE98; font-family: "ATRotisSansSerif-Light"; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 19px; letter-spacing: 0; } #contact_form form .form_messages .message.error { padding: 0; background-color: #FE6868; font-family: "ATRotisSansSerif-Light"; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 19px; letter-spacing: 0; } /* booking_open */ #booking_open { width: 100%; height: 100%; background-color: #FFFFFF; text-align: center; z-index: -1; position: fixed; left: 80px; top: 0; bottom: 0px; max-width: 380px; } #booking_open .section_title { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: center; line-height: 30px; letter-spacing: 0; } #booking_open .section_text { font-family: "ATRotisSansSerif"; font-size: 14px; color: #3A3A3A; text-align: center; line-height: 21px; letter-spacing: 0; } #booking_open #booking { text-align: center; } #booking_open #booking form { text-align: center; } #booking_open #booking form .caption-fields { text-align: center; } #booking_open #booking form .caption-fields .date { width: 50%; text-align: left; } #booking_open #booking form .caption-fields .date .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #booking_open #booking form .caption-fields .date .date_from_html { background-color: #FFFFFF; text-align: left; cursor: pointer; } #booking_open #booking form .caption-fields .date .date_from_html .day { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } #booking_open #booking form .caption-fields .date .date_from_html .day:before { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; content: "/"; } #booking_open #booking form .caption-fields .date .date_from_html .month_name_tiny { font-family: "BrandonText-Regular"; font-size: 16px; color: #787878; text-transform: uppercase; text-align: left; line-height: 22px; letter-spacing: 0; } #booking_open #booking form .caption-fields .date .date_from_html .year { font-family: "BrandonText-Light"; font-size: 16px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } #booking_open #booking form .caption-fields .select { width: 50%; background-color: #FFFFFF; text-align: center; } #booking_open #booking form .caption-fields .select .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #booking_open #booking form .caption-fields .select .html_select { display: flex; text-align: center; align-items: center; } #booking_open #booking form .caption-fields .select .html_select .current_value { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: center; line-height: 22px; letter-spacing: 0; } #booking_open #booking form .caption-fields .select .html_select .remove_selector { width: 40px; height: 40px; text-align: center; position: relative; cursor: pointer; } #booking_open #booking form .caption-fields .select .html_select .remove_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 576; position: absolute; left: 0; right: 0; top: -1px; content: ""; } #booking_open #booking form .caption-fields .select .html_select .add_selector { width: 40px; height: 40px; text-align: center; position: relative; cursor: pointer; } #booking_open #booking form .caption-fields .select .html_select .add_selector:before { font-family: "FontAwesome5Pro-Light"; font-size: 20px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 552; position: absolute; left: 0; right: 0; bottom: 0px; content: ""; } #booking_open #booking form .caption-fields .text { width: 100%; clear: both; float: none; text-align: center; } #booking_open #booking form .caption-fields .text .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #booking_open #booking form .caption-fields .text input[type=text] { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-transform: uppercase; text-align: center; line-height: 22px; letter-spacing: 0; position: relative; } #booking_open #booking form .caption-fields input[type="submit"] { clear: both; float: none; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 21px; letter-spacing: 0; } #booking_open #booking .section_edit_booking { text-align: center; } #booking_open #booking .section_edit_booking a { display: block; font-family: "BrandonText-Regular"; font-size: 11px; color: #3A3A3A; text-transform: uppercase; text-align: center; line-height: 21px; letter-spacing: 0; } #booking_open #booking .section_edit_booking a:before { font-family: "FontAwesome5Pro-Solid"; font-size: 12px; color: #3A3A3A; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative; content: "\f2ea"; } #contact_open { width: 100%; height: 100%; background-color: #FFFFFF; text-align: center; z-index: -1; position: fixed; left: 490px; top: 0; bottom: 0px; max-width: 380px; } #contact_open .section_title { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: center; line-height: 30px; letter-spacing: 0; } #contact_open .section_text { font-family: "ATRotisSansSerif"; font-size: 14px; color: #3A3A3A; text-align: center; line-height: 21px; letter-spacing: 0; } /* menu_open */ #menu_open { width: 40%; height: 100%; text-align: left; z-index: -1; position: fixed; left: 79px; top: 0; bottom: 0px; } #menu_open #language { border: 2px solid #9B8B8B; border-radius: 14px; background-color: #9B8B8B; text-align: left; } #menu_open #language li.active { text-align: left; } #menu_open #language li.active a { display: block; border-radius: 22.5px; background-color: #836969; font-family: "BrandonText-Regular"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } #menu_open #language li { text-align: left; } #menu_open #language li a { display: block; font-family: "BrandonText-Regular"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } #menu_open #menu1 { text-align: left; } #menu_open #menu1 li { float: none; text-align: left; } #menu_open #menu1 li:hover { text-align: left; } #menu_open #menu1 li:hover a { display: inline-block; font-family: "D-DINCondensed"; font-size: 35px; color: #5C5C5C; text-align: left; line-height: 55px; letter-spacing: 0; position: relative; } #menu_open #menu1 li:hover a:before { width: 20px; height: 1px; background-color: #5C5C5C; text-align: left; z-index: 1458; position: absolute; left: 0px; bottom: 11px; content: ''; } #menu_open #menu1 li a { display: inline-block; font-family: "D-DINCondensed"; font-size: 35px; color: #7E7E7E; text-align: left; line-height: 55px; letter-spacing: 0; position: relative; } #menu_open #menu1 li a:before { width: 20px; height: 1px; background-color: #5C5C5C; text-align: left; z-index: 1404; position: absolute; left: 0px; top: 0px; content: ''; } #menu_open #menu2 { text-align: center; z-index: 891; position: absolute; left: 31px; bottom: 293px; } #menu_open #menu2 li { text-align: center; } #menu_open #menu2 li a { display: block; font-family: "D-DINCondensed"; font-size: 20px; color: #7E7E7E; text-align: center; line-height: 38px; letter-spacing: 0; position: relative; } #menu_open #menu2 li a:before { text-align: left; z-index: 1242; position: absolute; left: 0; right: 0; top: 0px; content: ''; } #menu_open:before { background-color: #ADA3A3; text-align: left; z-index: 873; position: absolute; left: 40px; bottom: 409px; content: ''; } #menu_open .logo { width: 220px; height: 130px; background-color: #836F6F; text-align: center; z-index: 387; position: absolute; right: 0px; bottom: 345px; } /* slideshow cnt */ #slideshow_cnt { text-align: center; position: relative; } #slideshow_cnt .logo { text-align: center; z-index: 220; position: absolute; left: 0; right: 0; top: 106px; } #slideshow_cnt #scroll_down { width: 120px; text-align: center; z-index: 120; position: absolute; left: 0; right: 0; bottom: 60px; cursor: pointer; } #slideshow_cnt #scroll_down span { font-family: "BrandonText-Bold"; font-size: 15px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #slideshow_cnt #scroll_down #arrows { text-align: center; position: relative; top: 20px; } #slideshow_cnt #scroll_down #arrows .arrow { text-align: center; position: relative; } #slideshow_cnt #scroll_down #arrows .arrow:before { font-family: "FontAwesome5Pro-Regular"; font-size: 18px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 180; position: absolute; left: 0; right: 0; bottom: 0px; content: "\f107"; } #slideshow_cnt #slideshow { text-align: center; } #slideshow_cnt #slideshow .slick-next { text-align: center; z-index: 2; position: absolute; right: 30px; bottom: 40px; } #slideshow_cnt #slideshow .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #slideshow_cnt #slideshow .slick-prev { text-align: center; z-index: 2; position: absolute; right: 60px; bottom: 40px; } #slideshow_cnt #slideshow .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #slideshow_cnt #slideshow img { width: 100%; background-color: #000000; text-align: left; } /* offerta */ .smartphone { text-align: left; } .smartphone #page_offer { text-align: left; } .smartphone #page_offer #page_name { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; position: relative; } .smartphone #page_offer .group_image { text-align: left; } .smartphone #page_offer .group_image img { width: 100%; background-color: #000000; text-align: left; } .smartphone #page_offer #slideshow { text-align: right; } .smartphone #page_offer #slideshow .slick-prev { text-align: right; z-index: 2; position: absolute; left: 25px; right: 60px; top: 97px; bottom: 40px; } .smartphone #page_offer #slideshow .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 40px; letter-spacing: 0; content: "\f104"; } .smartphone #page_offer #slideshow .slick-next { text-align: right; z-index: 2; position: absolute; right: 30px; top: 97px; bottom: 40px; } .smartphone #page_offer #slideshow .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 40px; letter-spacing: 0; content: "\f105"; } .smartphone #page_offer #slideshow img { width: 100%; background-color: #000000; text-align: left; } .smartphone #page_offer .section_details { display: flex; background-color: #F1F1F1; text-align: left; align-items: center; } .smartphone #page_offer .section_details .section_price { text-align: left; } .smartphone #page_offer .section_details .section_price .zinput { text-align: left; } .smartphone #page_offer .section_details .section_price .zinput .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone #page_offer .section_details .section_price .zinput .fieldvalue { font-family: "BrandonText-Bold"; font-size: 24px; color: #656565; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } .smartphone #page_offer .section_details .zlink.g6 { display: inline-block; text-align: center; } .smartphone #page_offer .section_details .zlink.g6 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #page_offer .zinput.g7 { border: 1px solid rgba(151, 151, 151, 0.35); font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-align: center; line-height: 21px; letter-spacing: 0; } .smartphone #page_offer .section_summary { font-family: "ATRotisSansSerif"; font-size: 18px; color: #BCA385; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page_offer .top_seo { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page_offer .section_text { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page_offer .section_btns { text-align: center; } .smartphone #page_offer .section_btns .zlink.g6 { display: inline-block; text-align: center; } .smartphone #page_offer .section_btns .zlink.g6 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #page_offer .section_btns .zlink.g8 { display: inline-block; text-align: center; } .smartphone #page_offer .section_btns .zlink.g8 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #page_offer .section_btns .section_text { font-family: "BrandonText-Bold"; font-size: 16px; color: #715A5A; text-transform: lowercase; text-align: center; line-height: 18px; letter-spacing: 0; position: relative; } .smartphone #page_offer .section_btns .section_text:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 143; position: absolute; left: 0px; bottom: 7px; content: ''; } .smartphone #page_offer .section_btns .section_text:after { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 110; position: absolute; right: 0px; bottom: 7px; content: ''; } .smartphone #page_offer .section_btns .section_link { text-align: center; } .smartphone #page_offer .section_btns .section_link a { display: block; border: 1px solid #E8D88C; background-color: #E8D88C; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } /* offerte_showcase */ .smartphone #showcase.smartphone_offers { background-color: #F1F1F1; text-align: center; } .smartphone #showcase.smartphone_offers .head { text-align: center; } .smartphone #showcase.smartphone_offers .head .top_seo { font-family: "ATRotisSansSerif"; font-size: 16px; color: #656565; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone #showcase.smartphone_offers .head .section_title { text-align: center; } .smartphone #showcase.smartphone_offers .head .section_title #container_name { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; } .smartphone #showcase.smartphone_offers .head .section_summary { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #656565; text-align: center; line-height: 21px; letter-spacing: 0; } /* bei_order */ /* bei_step1 */ .smartphone #showcase.ecommerce { text-align: center; } .smartphone #showcase.ecommerce .head { text-align: center; } .smartphone #showcase.ecommerce .head #top { text-align: center; } .smartphone #showcase.ecommerce .head #top .section_title { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; } .smartphone #showcase.ecommerce .head #top #bookingform_summary { text-align: center; } .smartphone #showcase.ecommerce .head #top #bookingform_summary .dates { text-align: center; } .smartphone #showcase.ecommerce .head #top #bookingform_summary .dates div { font-family: "ATRotisSansSerif-Bold"; font-size: 14px; color: #715A5A; text-align: center; line-height: 14px; letter-spacing: 0; } .smartphone #showcase.ecommerce .head #top .section_help { border: 1px solid #E8D88C; background-color: #E8D88C; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #showcase.ecommerce .head #top .section_help a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template { text-align: left; } .smartphone .showcase_rooms_template .ztemplate { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group { text-align: left; position: relative; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption { text-align: center; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption .title { text-align: center; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption .title a { display: block; font-family: "D-DINCondensed"; font-size: 28px; color: #FFFFFF; text-align: center; line-height: 45px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption img { background-color: #000000; text-align: center; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt { background-color: #FAFAFA; text-align: left; position: relative; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g7 { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g7 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g7 .fieldvalue:before { font-family: "FontAwesome5Pro-Solid"; font-size: 12px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; content: "\f007"; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g6 { display: flex; text-align: left; align-items: center; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; order: 1; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g6 .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #B1C1A7; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; order: 2; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g10 { text-align: right; z-index: 2; position: absolute; right: 15px; top: 0px; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g10 .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #B3B3B3; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group .caption-alt .zinput.g10 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 22px; color: #B1C1A7; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: -0.46px; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .group:before { width: 100%; height: 200px; background-color: #715A5A; text-align: left; z-index: -1; position: absolute; left: 0; right: 0; top: 0; content: ''; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add { text-align: left; order: 2; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .zinput.text { font-family: "BrandonText-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .zinput.text:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 1302; position: absolute; left: 0px; bottom: -10px; content: ''; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g2 { font-family: "ATRotisSansSerif"; font-size: 16px; color: #BCA385; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g3 { font-family: "ATRotisSansSerif"; font-size: 16px; color: #656565; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 .fieldkey { background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 .fieldkey:before { font-family: "FontAwesome5Pro-Solid"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; content: "\f105"; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 .fieldvalue { font-family: "ATRotisSansSerif"; font-size: 16px; color: #656565; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 .fieldvalue ul { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 .fieldvalue ul li { text-align: left; position: relative; } .smartphone .showcase_rooms_template .ztemplate .row .box .caption-cnt .caption-add .ztextarea.g5 .fieldvalue ul li:before { font-family: "FontAwesome5Pro-Solid"; font-size: 14px; color: #446A7A; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; z-index: 2; position: absolute; left: -22px; right: 0; bottom: 0px; content: "\f00c"; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .box_heading { background-color: #926B6B; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #F1F1F1; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption { text-align: left; order: 1; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption .title { font-family: "BrandonText-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption .title:after { background-color: #715A5A; text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption .ztextarea.g2 { text-align: left; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption .ztextarea.g2 .fieldkey { background-color: #715A5A; font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption .ztextarea.g2 .fieldkey:before { font-family: "FontAwesome5Pro-Solid"; font-size: 10px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 20px; letter-spacing: 0; content: "\f0fe"; } .smartphone .showcase_rooms_template .ztemplate .row .box .subcontents .rates .elem .caption-cnt .caption .ztextarea.g2 .fieldvalue { background-color: #FFFFFF; font-family: "ATRotisSansSerif-Bold"; font-size: 14px; color: #656565; text-align: left; line-height: 1; letter-spacing: -0.29px; } /* smartphone page */ .submenu { text-align: center; } .submenu li { text-align: center; } .submenu li a { display: block; border: 1px solid #AC9D8C; background-color: #AC9D8C; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #page.smartphone_page { text-align: left; } .smartphone #page.smartphone_page .head { text-align: left; } .smartphone #page.smartphone_page .head #top { text-align: center; } .smartphone #page.smartphone_page .head #top #page_name { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; } .smartphone #page.smartphone_page .head #page_name { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; } .smartphone #page.smartphone_page .head .top_seo { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page.smartphone_page .head .section_summary { font-family: "ATRotisSansSerif"; font-size: 18px; color: #BCA385; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page.smartphone_page .section_content { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page.smartphone_page .section_content h2 { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 18px; letter-spacing: 0; position: relative; } .smartphone #page.smartphone_page .section_content h2:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 255; position: absolute; left: 1px; bottom: -10px; content: ''; } .smartphone #page.smartphone_page .smartphone_blog { text-align: left; } .smartphone #page.smartphone_page .smartphone_blog #section_blog { text-align: left; } .smartphone #page.smartphone_page .smartphone_blog #section_blog .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; } .smartphone #page.smartphone_page .smartphone_blog #section_blog .section_text:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 105; position: absolute; left: 1px; bottom: -5px; content: ''; } /* articolo blog */ .smartphone #page.post { text-align: left; } .smartphone #page.post #page_name { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; } .smartphone #page.post #date_row { background-color: #F1F1F1; text-align: left; } .smartphone #page.post #date_row .section_date { text-align: left; } .smartphone #page.post #date_row .section_date .zdatepicker { text-align: left; } .smartphone #page.post #date_row .section_date .zdatepicker .fieldvalue { text-align: left; } .smartphone #page.post #date_row .section_date .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } .smartphone #page.post #date_row .section_date .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone #page.post #date_row .section_date .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone #page.post #date_row .section_share { text-align: left; } .smartphone #page.post .section_summary { font-family: "ATRotisSansSerif"; font-size: 18px; color: #BCA385; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page.post .section_content { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page.post .section_content h2 { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 18px; letter-spacing: 0; position: relative; } .smartphone #page.post .section_content h2:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 176; position: absolute; left: 1px; bottom: -10px; content: ''; } /* smartphone camera */ .smartphone #page_room { text-align: left; } .smartphone #page_room #page_name { font-family: "D-DINCondensed"; font-size: 28px; color: #715A5A; text-align: center; line-height: 45px; letter-spacing: 0; position: relative; } .smartphone #page_room #slideshow { text-align: right; } .smartphone #page_room #slideshow .slick-prev { text-align: right; z-index: 2; position: absolute; left: 25px; right: 60px; top: 97px; bottom: 40px; } .smartphone #page_room #slideshow .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 40px; letter-spacing: 0; content: "\f104"; } .smartphone #page_room #slideshow .slick-next { text-align: right; z-index: 2; position: absolute; right: 30px; top: 97px; bottom: 40px; } .smartphone #page_room #slideshow .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 40px; letter-spacing: 0; content: "\f105"; } .smartphone #page_room #slideshow img { width: 100%; background-color: #000000; text-align: left; } .smartphone #page_room .section_details { display: flex; background-color: #FAFAFA; text-align: left; align-items: center; } .smartphone #page_room .section_details .section_info { text-align: left; } .smartphone #page_room .section_details .section_info .g7 { text-align: left; } .smartphone #page_room .section_details .section_info .g7 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } .smartphone #page_room .section_details .section_info .g7 .fieldvalue:before { font-family: "FontAwesome5Pro-Solid"; font-size: 12px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; top: -1px; content: "\f007"; } .smartphone #page_room .section_details .section_info .g6 { display: flex; text-align: left; align-items: center; } .smartphone #page_room .section_details .section_info .g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } .smartphone #page_room .section_details .section_info .g6 .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #B1C1A7; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .smartphone #page_room .section_details .section_price { text-align: right; } .smartphone #page_room .section_details .section_price .zinput { text-align: right; } .smartphone #page_room .section_details .section_price .zinput .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #B3B3B3; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: 0; } .smartphone #page_room .section_details .section_price .zinput .fieldvalue { font-family: "BrandonText-Bold"; font-size: 22px; color: #B1C1A7; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: -0.46px; } .smartphone #page_room .section_payoff { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } .smartphone #page_room .section_payoff:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 1734; position: absolute; left: 1px; bottom: -10px; content: ''; } .smartphone #page_room .section_summary { font-family: "ATRotisSansSerif"; font-size: 18px; color: #BCA385; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page_room .top_seo { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page_room .section_text { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } .smartphone #page_room .section_btns { text-align: center; } .smartphone #page_room .section_btns .zlink.g11 { display: inline-block; text-align: center; } .smartphone #page_room .section_btns .zlink.g11 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #page_room .section_btns .zlink.g14 { display: inline-block; text-align: center; } .smartphone #page_room .section_btns .zlink.g14 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #page_room .smartphone_next_room { background-color: #D6D6CE; text-align: right; } .smartphone #page_room .smartphone_next_room .ztemplate { text-align: right; position: relative; top: -30px; } .smartphone #page_room .smartphone_next_room .ztemplate .row { text-align: right; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box { text-align: right; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem { text-align: right; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: right; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption { text-align: right; z-index: 340; position: absolute; right: 14px; bottom: 25px; order: 1; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption .title { text-align: right; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 25px; color: #FFFFFF; text-align: right; line-height: 1; letter-spacing: 0; position: relative; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption .g13 { font-family: "ATRotisSansSerif"; font-size: 16px; color: #FFFFFF; text-align: right; line-height: 25px; letter-spacing: 0; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption .g13:after { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f30b"; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100%; background-color: #000000; text-align: left; order: 2; } .smartphone #page_room .smartphone_next_room .ztemplate .row .box .elem .caption-cnt .caption-alt img { text-align: left; } .smartphone #page_room .smartphone_blog { text-align: left; } .smartphone #page_room .smartphone_blog #section_blog { text-align: left; } .smartphone #page_room .smartphone_blog #section_blog .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #715A5A; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; } .smartphone #page_room .smartphone_blog #section_blog .section_text:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 119; position: absolute; left: 1px; bottom: -5px; content: ''; } /* template20 */ #template20 { text-align: left; position: relative; } #template20 .template_filters { text-align: left; } #template20 .template_filters .template_filter { display: flex; border: 1px solid #5B4E4E; text-align: left; position: relative; align-items: center; } #template20 .template_filters .template_filter:before { font-family: "FontAwesome5Pro-Regular"; font-size: 15px; color: #5B4E4E; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 990; position: absolute; right: 15px; bottom: 9px; content: ""; } #template20 .template_filters .template_filter .filter_key { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template20 .template_filters .template_filter .filter_values { text-align: left; } #template20 .template_filters .template_filter .filter_values .filter_value { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template20 .row { text-align: left; } #template20 .row .box { text-align: left; } #template20 .row .box .elem { text-align: left; } #template20 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; z-index: 1; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template20 .row .box .elem .caption-cnt .caption { text-align: center; order: 1; } #template20 .row .box .elem .caption-cnt .caption .title { text-align: center; } #template20 .row .box .elem .caption-cnt .caption .title a { display: block; font-family: "D-DINCondensed"; font-size: 28px; color: #FFFFFF; text-align: center; line-height: 28px; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption .g13 { font-family: "BrandonText-Bold"; font-size: 16px; color: #715A5A; text-align: center; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; z-index: 1; position: relative; order: 2; } #template20 .row .box .elem .caption-cnt .caption-alt .g7 { display: flex; text-align: left; z-index: 2; position: absolute; left: 20px; top: 20px; align-items: center; } #template20 .row .box .elem .caption-cnt .caption-alt .g7 .fieldkey { text-align: left; } #template20 .row .box .elem .caption-cnt .caption-alt .g7 .fieldkey:before { font-family: "FontAwesome5Pro-Solid"; font-size: 12px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f007"; } #template20 .row .box .elem .caption-cnt .caption-alt .g7 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption-alt .g6 { display: flex; text-align: left; z-index: 2; position: absolute; right: 20px; top: 20px; align-items: center; } #template20 .row .box .elem .caption-cnt .caption-alt .g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption-alt .g6 .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption-alt .g10 { text-align: right; z-index: 2; position: absolute; right: 20px; bottom: 76px; } #template20 .row .box .elem .caption-cnt .caption-alt .g10 .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption-alt .g10 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 24px; color: #B1C1A7; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: -0.5px; } #template20 .row .box .elem .caption-cnt .caption-alt img { background-color: #000000; text-align: left; box-shadow: 0 0 14px 0 rgba(0,0,0,0.08); } #template20 .row .box .elem .caption-cnt .caption-add { width: 100%; background-color: #F3F8F9; text-align: center; z-index: 3; position: absolute; left: 0; right: 0; bottom: 0px; order: 3; } #template20 .row .box .elem .caption-cnt .caption-add .zsimplebutton { text-align: center; } #template20 .row .box .elem .caption-cnt .caption-add .zsimplebutton a { display: inline-block; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #979797; text-align: center; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt .caption-add .zlink { display: inline-block; text-align: center; } #template20 .row .box .elem .caption-cnt .caption-add .zlink a { display: inline-block; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #979797; text-align: center; line-height: 1; letter-spacing: 0; } #template20 .row .box .elem .caption-cnt template { text-align: left; } .mobile_rooms { background-color: #D6D6CE; text-align: center; } .mobile_rooms .top_seo { font-family: "BrandonText-Bold"; font-size: 16px; color: #715A5A; text-align: center; line-height: 1; letter-spacing: 0; } /* Menù - open */ /* header copy */ .section_info_btn { text-align: center; } .section_info_btn .section_tel { text-align: center; } .section_info_btn .section_tel a { width: 40px; height: 40px; display: block; border: 2px solid #FFFFFF; border-radius: 22.5px; text-align: center; z-index: 800; position: absolute; left: 0; right: 0; bottom: 0px; } .section_info_btn .section_tel a:before { font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 840; position: absolute; left: 0; right: 0; top: 10px; content: "\f095"; } .section_info_btn .section_mail { text-align: center; } .section_info_btn .section_mail a { width: 40px; height: 40px; display: block; border: 2px solid #FFFFFF; border-radius: 22.5px; text-align: center; z-index: 700; position: absolute; left: 0; right: 0; bottom: 0px; } .section_info_btn .section_mail a:before { font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 740; position: absolute; left: 0; right: 0; top: 10px; content: "\f0e0"; } .section_info_btn .section_map { text-align: center; } .section_info_btn .section_map a { width: 40px; height: 40px; display: block; border: 2px solid #FFFFFF; border-radius: 22.5px; text-align: center; z-index: 600; position: absolute; left: 0; right: 0; bottom: 0px; } .section_info_btn .section_map a:before { font-family: "FontAwesome5Pro-Solid"; font-size: 18px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 640; position: absolute; left: 0; right: 0; top: 10px; content: "\f3c5"; } /* header */ .smartphone #sidebar.topbar { width: 100%; height: 54px; background-color: #715A5A; text-align: center; z-index: 63; position: fixed; left: 0; right: 0; top: 0; bottom: 0px; } .smartphone #sidebar.topbar .section_info_btn { width: 28px; height: 28px; border: 2px solid #836969; border-radius: 22.5px; background-color: #836969; text-align: center; z-index: 273; position: absolute; left: 60px; top: 15px; bottom: 13px; cursor: pointer; content: ''; } .smartphone #sidebar.topbar .section_info_btn:before { width: 28px; height: 28px; font-family: "FontAwesome5Pro-Solid"; font-size: 12px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 25px; letter-spacing: 0; z-index: 315; position: absolute; left: -2px; top: 0; bottom: 0; content: "\f129"; } .smartphone #sidebar.topbar .logo { text-align: left; } .smartphone #sidebar.topbar .section_booking_btn { background-color: #836969; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 1px; } /* smartphone testimonials */ .smartphone #template5 { background-color: #F1F1F1; text-align: center; position: relative; } .smartphone #template5 .slick-dots { text-align: center; } .smartphone #template5 .slick-dots li.slick-active { text-align: left; } .smartphone #template5 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #96AA9D; border-radius: 5px; background-color: #96AA9D; text-align: left; } .smartphone #template5 .slick-dots li { text-align: left; } .smartphone #template5 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #96AA9D; border-radius: 5px; text-align: left; } .smartphone #template5 .row { text-align: center; } .smartphone #template5 .row .box { text-align: center; } .smartphone #template5 .row .box .elem { text-align: center; } .smartphone #template5 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: center; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .smartphone #template5 .row .box .elem .caption-cnt .caption { text-align: center; order: 1; } .smartphone #template5 .row .box .elem .caption-cnt .caption .g2 { font-family: "BrandonText-Bold"; font-size: 16px; color: #787878; text-align: center; line-height: 1; letter-spacing: 0; } .smartphone #template5 .row .box .elem .caption-cnt .caption .title { font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: center; line-height: 28px; letter-spacing: 0; } .smartphone #template5 .row .box .elem .caption-cnt .caption .g3 { text-align: left; } .smartphone #template5 .row .box .elem .caption-cnt .caption .g3 .fieldvalue { text-align: left; position: relative; } .smartphone #template5 .row .box .elem .caption-cnt .caption .g3 .fieldvalue:before { height: 14px; text-align: left; z-index: 1540; position: absolute; left: 0; right: 0; top: 0px; content: ''; } .smartphone #template5 .row .box .elem .caption-cnt .caption-alt { text-align: center; order: 2; } .smartphone #template5 .row .box .elem .caption-cnt .caption-alt .ztextarea.g4 { font-family: "ATRotisSansSerif"; font-size: 16px; color: #818181; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #template5 .row .box .elem .caption-cnt .caption-add { text-align: left; order: 3; } .smartphone #template5 .row .box .elem .caption-cnt .caption-add .g5 { font-family: "ATRotisSansSerif-Bold"; font-size: 14px; color: #C2C2C2; text-align: right; line-height: 1; letter-spacing: 0; } .smartphone #template5 .row .box .elem .caption-cnt .caption-add .g5:before { font-family: "FontAwesome5Pro-Solid"; font-size: 19px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative; content: "\f10e"; } /* template19 - smartphone Blog carousel */ .smartphone_blog { background-color: #F1F1F1; text-align: left; } .smartphone_blog .ztemplate { text-align: left; } .smartphone_blog .ztemplate .row { text-align: left; } .smartphone_blog .ztemplate .row .box { text-align: left; } .smartphone_blog .ztemplate .row .box .elem { text-align: left; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.10); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 16px; color: #A4A4A4; text-align: left; line-height: 20px; letter-spacing: 0; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker { text-align: left; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue { text-align: left; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } .smartphone_blog .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } .smartphone_blog #section_blog { text-align: left; } .smartphone_blog #section_blog .section_link { text-align: left; } .smartphone_blog #section_blog .section_link a { display: inline-block; font-family: "D-DINCondensed"; font-size: 30px; color: #787878; text-align: left; line-height: 30px; letter-spacing: 0; } .smartphone_blog #section_blog .section_link a:after { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #787878; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f30b"; } .smartphone_blog #section_blog .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } /* template18 - smartphone offerte carousel */ #template18 { text-align: left; position: relative; } #template18 .row { text-align: left; } #template18 .row .box { text-align: left; } #template18 .row .box .elem { text-align: left; } #template18 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template18 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template18 .row .box .elem .caption-cnt .caption img { background-color: #232323; text-align: left; } #template18 .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; order: 2; } #template18 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template18 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template18 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 16px; color: #A4A4A4; text-align: left; line-height: 20px; letter-spacing: 0; } #template18 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { text-align: left; } #template18 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template18 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 24px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } #template18 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template18 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template18 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template18 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #template18 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text { font-family: "BrandonText-Regular"; font-size: 12px; color: #929292; text-align: left; line-height: 21px; letter-spacing: 0; } #template18 .row .box .elem .caption-cnt .caption-alt .group { display: flex; background-color: #F8F8F8; text-align: left; align-items: center; } .smartphone_offers { background-color: #926B6B; text-align: left; } .smartphone_offers .section_title { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } .smartphone_offers .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 21px; letter-spacing: 0; } .smartphone_offers .section_link_a { text-align: center; } .smartphone_offers .section_link_a a { display: block; border: 1px solid #FFFFFF; background-color: #FFFFFF; font-family: "BrandonText-Bold"; font-size: 13px; color: #656565; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone_offers .section_link_b { text-align: center; } .smartphone_offers .section_link_b a { display: block; border: 1px solid #6AA2BA; background-color: #6AA2BA; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } /* template17 - smartphone esperienze */ .smartphone_section_b { text-align: center; } .smartphone_section_b .section_link { text-align: center; } .smartphone_section_b .section_link a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #template17 { background-color: #715A5A; text-align: left; position: relative; } #template17 .row { text-align: left; } #template17 .row .box { text-align: left; } #template17 .row .box .elem { text-align: left; } #template17 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template17 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template17 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template17 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template17 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #template17 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2:before { width: 30px; height: 1px; background-color: #FFFFFF; text-align: left; z-index: 2; position: absolute; left: 0px; bottom: -15px; content: ''; } #template17 .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #FFFFFF; text-align: left; line-height: 25px; letter-spacing: -0.64px; } /* template15 - smartphone benessere */ #template15 { background-color: #715A5A; text-align: left; position: relative; } #template15 .row { text-align: left; } #template15 .row .box { text-align: left; } #template15 .row .box .elem { text-align: left; } #template15 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template15 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template15 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template15 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template15 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #template15 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2:before { width: 30px; height: 1px; background-color: #FFFFFF; text-align: left; z-index: 2; position: absolute; left: 0px; bottom: -15px; content: ''; } #template15 .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #FFFFFF; text-align: left; line-height: 25px; letter-spacing: -0.64px; } /* template16 - smartphone camere */ #template16 { text-align: left; position: relative; } #template16 .row { text-align: left; } #template16 .row .box { text-align: left; } #template16 .row .box .elem { text-align: left; } #template16 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template16 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template16 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template16 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template16 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "D-DINCondensed"; font-size: 30px; color: #787878; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #template16 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 432; position: absolute; left: 0px; bottom: -15px; content: ''; } #template16 .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #929292; text-align: left; line-height: 25px; letter-spacing: -0.64px; } /* template14 - smartphone cuore ladino */ #template14 { text-align: left; position: relative; } #template14 .row { text-align: left; } #template14 .row .box { text-align: left; } #template14 .row .box .elem { text-align: left; } #template14 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template14 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template14 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template14 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template14 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "D-DINCondensed"; font-size: 30px; color: #787878; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #template14 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 448; position: absolute; left: 0px; bottom: -15px; content: ''; } #template14 .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #929292; text-align: left; line-height: 25px; letter-spacing: -0.64px; } /* intro */ .smartphone .intro_wrap { text-align: center; } .smartphone .intro_wrap .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-align: center; line-height: 21px; letter-spacing: 0; } /* Home top slideshow */ .smartphone #menu_btn { width: 28px; height: 20px; text-align: left; position: relative; top: 30px; cursor: pointer; } .smartphone #menu_btn #bars { width: 28px; height: 20px; text-align: left; position: relative; } .smartphone #menu_btn #bars .bar { text-align: left; position: relative; } .smartphone #menu_btn #bars .bar:before { width: 100%; height: 2px; background-color: #FFFFFF; text-align: left; z-index: 2700; position: absolute; left: 0; right: 0; bottom: 0px; content: ''; } .smartphone #slideshow_cnt { text-align: center; position: relative; } .smartphone #slideshow_cnt .logo { text-align: center; z-index: 2; position: absolute; left: 0; right: 0; top: 66px; } .smartphone #slideshow_cnt #start_bottom { width: 100%; display: flex; text-align: center; z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; align-items: center; } .smartphone #slideshow_cnt #start_bottom .section_phone_btn { width: 45px; height: 45px; text-align: center; position: relative; left: 25px; } .smartphone #slideshow_cnt #start_bottom .section_phone_btn a { display: block; text-align: center; position: relative; } .smartphone #slideshow_cnt #start_bottom .section_phone_btn a:before { width: 45px; height: 45px; border: 1px solid #FFFFFF; font-family: "FontAwesome5Pro-Solid"; font-size: 20px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 40px; letter-spacing: 0; z-index: 750; position: absolute; left: 0; right: 0; bottom: 0px; content: "\f095"; } .smartphone #slideshow_cnt #start_bottom #scroll_down { width: 120px; text-align: center; z-index: 390; position: absolute; left: 0; right: 0; bottom: 60px; cursor: pointer; } .smartphone #slideshow_cnt #start_bottom #scroll_down span { font-family: "BrandonText-Bold"; font-size: 15px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .smartphone #slideshow_cnt #start_bottom #scroll_down #arrows { text-align: center; position: relative; top: 20px; } .smartphone #slideshow_cnt #start_bottom #scroll_down #arrows .arrow { text-align: center; position: relative; } .smartphone #slideshow_cnt #start_bottom #scroll_down #arrows .arrow:before { font-family: "FontAwesome5Pro-Regular"; font-size: 18px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 570; position: absolute; left: 0; right: 0; bottom: 0px; content: "\f107"; } .smartphone #slideshow_cnt #start_bottom .section_mail_btn { width: 45px; height: 45px; text-align: center; position: relative; right: 25px; } .smartphone #slideshow_cnt #start_bottom .section_mail_btn a { display: block; text-align: center; position: relative; } .smartphone #slideshow_cnt #start_bottom .section_mail_btn a:before { width: 45px; height: 45px; border: 1px solid #FFFFFF; font-family: "FontAwesome5Pro-Solid"; font-size: 20px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 40px; letter-spacing: 0; z-index: 300; position: absolute; left: 0; right: 0; bottom: 0px; content: "\f0e0"; } .smartphone #slideshow_cnt #slideshow { text-align: left; } .smartphone #slideshow_cnt #slideshow img { width: 100%; background-color: #000000; text-align: left; } /* esperienza Olympic Copy */ .experience_page { text-align: left; } .experience_page .fieldvalue { display: flex; text-align: left; align-items: center; } .experience_page .fieldvalue div { background-color: #FFFFFF; font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 24px; letter-spacing: 0; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); } .experience_page .fieldvalue div h2 { font-family: "ATRotisSansSerif-Bold"; font-size: 40px; color: #656565; text-align: left; line-height: 1; letter-spacing: 0; } .experience_page .fieldvalue .boxed_image { text-align: left; position: relative; } .experience_page .fieldvalue .boxed_image img { background-color: #2A2929; text-align: left; } /* esperienza Olympic */ /* template21 - esperienze x carosello */ #template21 { text-align: left; position: relative; } #template21 .slick-dots { text-align: center; } #template21 .slick-dots li.slick-active { text-align: left; } #template21 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #826E6F; border-radius: 5px; background-color: #826E6F; text-align: left; } #template21 .slick-dots li { text-align: left; } #template21 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #826E6F; border-radius: 5px; text-align: left; } #template21 .row { text-align: left; } #template21 .row .box { text-align: left; } #template21 .row .box .elem { text-align: left; } #template21 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template21 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template21 .row .box .elem .caption-cnt .caption img { background-color: #2A2929; text-align: left; } #template21 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template21 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template21 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 40px; color: #656565; text-align: left; line-height: 1; letter-spacing: 0; } #template21 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 24px; letter-spacing: 0; } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template21 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } /* template13 - tradizioni - esperienze - benessere */ #template13 { text-align: left; position: relative; } #template13 .row { text-align: left; } #template13 .row .box { text-align: left; } #template13 .row .box .elem { text-align: left; } #template13 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template13 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template13 .row .box .elem .caption-cnt .caption img { background-color: #2A2929; text-align: left; } #template13 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template13 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template13 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 40px; color: #656565; text-align: left; line-height: 1; letter-spacing: 0; } #template13 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 24px; letter-spacing: 0; } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template13 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } /* template12 */ #template12 { text-align: left; position: relative; } #template12 .row { text-align: left; } #template12 .row .box { text-align: left; } #template12 .row .box .elem { text-align: left; } #template12 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template12 .row .box .elem .caption-cnt .caption { width: 35%; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); order: 1; } #template12 .row .box .elem .caption-cnt .caption .title { font-family: "ATRotisSansSerif-Bold"; font-size: 24px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template12 .row .box .elem .caption-cnt .caption .zinput.g5.text { text-align: left; } #template12 .row .box .elem .caption-cnt .caption .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 20px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } #template12 .row .box .elem .caption-cnt .caption .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 24px; letter-spacing: 0; } #template12 .row .box .elem .caption-cnt .caption .zlink.g6 { display: block; text-align: center; } #template12 .row .box .elem .caption-cnt .caption .zlink.g6 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #template12 .row .box .elem .caption-cnt .caption .zlink.g8 { display: block; text-align: center; } #template12 .row .box .elem .caption-cnt .caption .zlink.g8 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #template12 .row .box .elem .caption-cnt .caption-alt { width: 65%; text-align: left; order: 2; } #template12 .row .box .elem .caption-cnt .caption-alt img { background-color: #2A2929; text-align: left; } /* template9 */ #template9 { text-align: left; position: relative; } #template9 .slick-prev { text-align: center; z-index: 2; position: absolute; right: 30px; top: 0px; } #template9 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #template9 .slick-next { text-align: center; z-index: 2; position: absolute; right: 0px; top: 0px; } #template9 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #template9 .row { text-align: left; } #template9 .row .box { text-align: left; } #template9 .row .box .elem { text-align: left; } #template9 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template9 .row .box .elem .caption-cnt .caption { width: 55%; text-align: left; order: 1; } #template9 .row .box .elem .caption-cnt .caption img { background-color: #2A2929; text-align: left; } #template9 .row .box .elem .caption-cnt .caption-alt { width: 45%; text-align: left; order: 2; } #template9 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template9 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 20px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template9 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 24px; letter-spacing: 0; } #template9 .row .box .elem .caption-cnt .caption-alt .zdatepicker { text-align: left; } #template9 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue { text-align: left; } #template9 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } #template9 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template9 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template9 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #template9 .row .box .elem .caption-cnt .caption-alt .group { display: flex; text-align: left; align-items: center; } /* template11 */ #template11 { text-align: left; position: relative; } #template11 .row { text-align: left; } #template11 .row .box { text-align: left; } #template11 .row .box .elem { text-align: left; } #template11 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.10); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template11 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template11 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template11 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template11 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template11 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "BrandonText-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template11 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 14px; color: #A4A4A4; text-align: left; line-height: 20px; letter-spacing: 0; } #template11 .row .box .elem .caption-cnt .caption-alt .zdatepicker { text-align: left; } #template11 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue { text-align: left; } #template11 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } #template11 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template11 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template11 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } /* ecommerce */ .thankyou { text-align: center; } .thankyou .content_wrap { font-family: "ATRotisSansSerif-Bold"; font-size: 19px; color: #715A5A; text-align: center; line-height: 21px; letter-spacing: 0; position: relative; } .thankyou .content_wrap:before { font-family: "FontAwesome5Pro-Solid"; font-size: 118px; color: #DF5D79; text-transform: lowercase; text-align: center; line-height: 118px; letter-spacing: 0; content: "\f004"; } .thankyou .content_wrap .section_link { text-align: center; } .thankyou .content_wrap .section_link a { display: inline-block; border: 1px solid #AC9D8C; background-color: #AC9D8C; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .payment { text-align: left; } .payment #payment_method { background-color: #836F6F; text-align: left; } .payment #payment_method form { text-align: left; } .payment #payment_method form .be_payment_title { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_payment_description { font-family: "ATRotisSansSerif"; font-size: 15px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_type { width: 100%; text-align: left; } .payment #payment_method form .be_type .be_payment_filed_name { font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_type select { width: 100%; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_number { width: 100%; text-align: left; } .payment #payment_method form .be_number .be_payment_filed_name { font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_number input { width: 100%; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 18px; color: #B4B4B4; text-transform: lowercase; text-align: left; line-height: 18px; letter-spacing: 0; } .payment #payment_method form .be_month { width: 50%; display: inline-block; text-align: left; } .payment #payment_method form .be_month .be_payment_filed_name { font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_month select { width: 100%; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_year { width: 50%; display: inline-block; text-align: left; } .payment #payment_method form .be_year .be_payment_filed_name { font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_year select { width: 100%; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_cvv { width: 100%; text-align: left; } .payment #payment_method form .be_cvv .be_payment_filed_name { font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_cvv input { width: 100%; border: 1px solid #979797; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 18px; color: #B4B4B4; text-transform: lowercase; text-align: left; line-height: 18px; letter-spacing: 0; } .payment #payment_method form .be_owner { width: 100%; text-align: left; } .payment #payment_method form .be_owner .be_payment_filed_name { font-family: "BrandonText-Bold"; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form .be_owner input { width: 100%; background-color: #F7F7F7; font-family: "BrandonText-Bold"; font-size: 14px; color: #B4B4B4; text-align: left; line-height: 1; letter-spacing: 0; } .payment #payment_method form input[type="submit"] { background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 21px; letter-spacing: 0; } .payment #order_summary { background-color: #F1F1F1; text-align: left; } .payment #order_summary .section_total { text-align: left; } .payment #order_summary .section_total .varsimple { font-family: "BrandonText-Bold"; font-size: 13px; color: #715A5A; text-transform: uppercase; text-align: left; line-height: 20px; letter-spacing: 0; } .payment #order_summary .section_total #total_amount { display: flex; font-family: "BrandonText-Bold"; font-size: 35px; color: #715A5A; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: -0.73px; align-items: center; } .payment #order_summary .section_total #total_amount:before { display: inline-block; font-family: "BrandonText-Bold"; font-size: 35px; color: #715A5A; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: -0.73px; content: "€"; } /* landing_2 */ #page.landing_two { text-align: center; } #page.landing_two .section_intro { text-align: center; } #page.landing_two .section_intro .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-align: left; line-height: 21px; letter-spacing: 0; } #page.landing_two .section_intro .section_title { text-align: center; } #page.landing_two .section_intro .section_title #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #836F6F; text-align: center; line-height: 50px; letter-spacing: 0; } #page.landing_two .section_intro .section_subtitle { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: center; line-height: 30px; letter-spacing: 0; } #page.landing_two .section_intro .section_summary { font-family: "ATRotisSansSerif"; font-size: 21px; color: #929292; text-align: center; line-height: 30px; letter-spacing: 0; } #page.landing_two .section_step { text-align: center; } #page.landing_two .section_step .steps { display: inline-flex; text-align: center; align-items: center; } #page.landing_two .section_step .steps .step.first { border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #page.landing_two .section_step .steps .step.first:before { border-radius: 37.5px; background-color: #A5B799; font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 40px; letter-spacing: 0; content: "\f06b"; } #page.landing_two .section_step .steps .step.central { border: 1px solid #705A5A; background-color: #705A5A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 20px; letter-spacing: 0; } #page.landing_two .section_step .steps .step.central:before { border-radius: 37.5px; background-color: #7E6767; font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 40px; letter-spacing: 0; content: "\f4be"; } #page.landing_two .section_step .steps .step.last { border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 20px; letter-spacing: 0; } #page.landing_two .section_step .steps .step.last:before { border-radius: 37.5px; background-color: #4D7B8E; font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 40px; letter-spacing: 0; content: "\f0e0"; } #page.landing_two .section_offers { text-align: left; } #page.landing_two .section_offers .section_title { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #836F6F; text-align: center; line-height: 50px; letter-spacing: 0; } #page.landing_two .section_offers .section_summary { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: center; line-height: 30px; letter-spacing: 0; } #page.landing_two .section_offers .section_link { text-align: center; } #page.landing_two .section_offers .section_link a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #page.landing_two .section_offers .section_link a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #page.landing_two .section_offers .section_link a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #page.landing_two .section_gallery { text-align: center; } #page.landing_two .section_gallery .section_title { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #836F6F; text-align: center; line-height: 60px; letter-spacing: 0; } #page.landing_two .section_gallery .section_summary { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: center; line-height: 30px; letter-spacing: 0; } #page.landing_two .section_gallery #innergallery { text-align: center; } #page.landing_two .section_gallery #innergallery .slick-prev { text-align: center; z-index: 2; position: absolute; left: 0; right: 30px; top: -50px; bottom: 0px; } #page.landing_two .section_gallery #innergallery .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #page.landing_two .section_gallery #innergallery .slick-next { text-align: center; z-index: 2; position: absolute; left: 0; right: 0px; top: -50px; bottom: 0px; } #page.landing_two .section_gallery #innergallery .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } .ztemplate_model_43 { text-align: left; } .ztemplate_model_43 .slick-dots { text-align: center; } .ztemplate_model_43 .slick-dots li.slick-active { text-align: left; } .ztemplate_model_43 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; background-color: #938383; text-align: left; } .ztemplate_model_43 .slick-dots li { text-align: left; } .ztemplate_model_43 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; text-align: left; } .ztemplate_model_43 .row { text-align: left; } .ztemplate_model_43 .row .box { text-align: left; } .ztemplate_model_43 .row .box .elem { text-align: left; } .ztemplate_model_43 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption { background-color: #F9F9F9; text-align: left; order: 1; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .title { text-align: center; position: relative; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 40px; color: #938383; text-align: center; line-height: 40px; letter-spacing: 0; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .title:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 2574; position: absolute; left: 0; right: 0; bottom: -20px; content: ''; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .ztextarea { font-family: "ATRotisSansSerif"; font-size: 16px; color: #717171; text-align: center; line-height: 26px; letter-spacing: 0; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton { text-align: center; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } .ztemplate_model_43 .row .box .elem .caption-cnt .caption-alt img { background-color: #000000; text-align: left; box-shadow: 0 2px 35px 0 rgba(0,0,0,0.26); } .ztemplate_model_44 { text-align: left; } .ztemplate_model_44 .slick-prev { text-align: center; z-index: 2; position: absolute; left: 0px; right: 30px; top: -50px; } .ztemplate_model_44 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } .ztemplate_model_44 .slick-next { text-align: center; z-index: 2; position: absolute; right: 0px; top: -50px; } .ztemplate_model_44 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } .ztemplate_model_44 .slick-dots { text-align: center; } .ztemplate_model_44 .slick-dots li.slick-active { text-align: left; } .ztemplate_model_44 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; background-color: #938383; text-align: left; } .ztemplate_model_44 .slick-dots li { text-align: left; } .ztemplate_model_44 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; text-align: left; } .ztemplate_model_44 .row { text-align: left; } .ztemplate_model_44 .row .box { text-align: left; } .ztemplate_model_44 .row .box .elem { text-align: left; } .ztemplate_model_44 .row .box .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: center; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt { text-align: left; z-index: 2; position: absolute; right: 15px; bottom: 26px; order: 1; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .title a { display: inline-block; font-family: "ATRotisSansSerif-Bold"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 26px; letter-spacing: 0; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 { text-align: left; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 .fieldkey { font-family: "BrandonText-Regular"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 32px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: -0.5px; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption-alt .zinput.g5 .fieldvalue:before { font-family: "BrandonText-Bold"; font-size: 32px; color: #FFFFFF; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: -0.5px; position: relative; content: "€"; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; z-index: 1; position: relative; order: 1; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption:before { width: 100%; height: 260px; background-color: #D8D8D8; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%); text-align: left; z-index: 2; position: absolute; left: 0; right: 0; bottom: 0px; content: ''; } .ztemplate_model_44 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } /* landing_1 */ .landing_caption { text-align: left; z-index: 2; position: absolute; left: 150px; top: 373px; bottom: 150px; } .landing_caption .section_top { text-align: left; position: relative; } .landing_caption .section_top .section_title { text-align: left; } .landing_caption .section_top .section_title #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #FFFFFF; text-align: left; line-height: 50px; letter-spacing: 0; } .landing_caption .section_top .section_subtitle { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } .landing_caption .section_top:before { width: 150px; height: 150px; background-color: #675959; text-align: left; z-index: -1; position: absolute; left: 0px; top: -20px; bottom: 0px; content: ''; } .landing_caption .section_summary { font-family: "D-DINCondensed"; font-size: 21px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } .ztemplate_model_40 { text-align: left; } .ztemplate_model_40 .row { text-align: left; } .ztemplate_model_40 .row .box { text-align: left; } .ztemplate_model_40 .row .box .elem { text-align: left; } .ztemplate_model_40 .row .box .elem .caption-cnt { flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.10); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "BrandonText-Bold"; font-size: 20px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 22px; letter-spacing: 0; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add { width: 100%; background-color: #F8F8F8; text-align: left; order: 3; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton { text-align: right; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } .ztemplate_model_40 .row .box .elem .caption-cnt .caption-add .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } .ztemplate_model_40 .slick-dots { text-align: center; } .ztemplate_model_40 .slick-dots li.slick-active { text-align: left; } .ztemplate_model_40 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #FFFFFF; border-radius: 5px; background-color: #FFFFFF; text-align: left; } .ztemplate_model_40 .slick-dots li { text-align: left; } .ztemplate_model_40 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #FFFFFF; border-radius: 5px; text-align: left; } .landing { text-align: left; } .landing .intro_wrap { display: flex; text-align: left; align-items: center; } .landing .intro_wrap #content { width: 100%; text-align: left; max-width: 1140px; } .landing .intro_wrap #content .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-align: left; line-height: 21px; letter-spacing: 0; } .landing .intro_wrap #content .section_text { text-align: left; } .landing .intro_wrap #content .section_text .text_dyn { text-align: left; } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue { text-align: left; } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue img { background-color: #000000; text-align: left; box-shadow: 0 2px 35px 0 rgba(0,0,0,0.26); } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div { background-color: rgba(255, 255, 255, 0.8); font-family: "ATRotisSansSerif"; font-size: 18px; color: #717171; text-align: left; line-height: 26px; letter-spacing: 0; position: relative; } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div h2 { font-family: "D-DINCondensed"; font-size: 40px; color: #96AA9D; text-align: left; line-height: 40px; letter-spacing: 0; } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div strong { font-family: "ATRotisSansSerif-ExtraBold"; font-size: 18px; color: #232323; text-align: left; line-height: 26px; letter-spacing: 0; } .landing .intro_wrap #content .section_text .text_dyn .fieldvalue div:before { width: 690px; height: 690px; text-align: left; z-index: -1; position: absolute; left: -580px; right: 0.8471145006496954px; top: -100px; bottom: 0px; content: ''; } .landing .intro_wrap #right { text-align: left; position: relative; } .landing .section_linked_content { background-color: #705A5A; text-align: left; } .landing .section_linked_content .section_title { font-family: "D-DINCondensed"; font-size: 40px; color: #FFFFFF; text-align: left; line-height: 40px; letter-spacing: 0; } .landing .section_rooms { text-align: left; } .landing .section_rooms .section_title { font-family: "ATRotisSansSerif-Bold"; font-size: 40px; color: #715A5A; text-align: left; line-height: 45px; letter-spacing: 0; position: relative; } .landing .section_rooms .section_title:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 6880; position: absolute; left: 0; bottom: -20px; content: ''; } .ztemplate_model_41 { text-align: left; } .ztemplate_model_41 .row { text-align: left; } .ztemplate_model_41 .row .box { text-align: left; } .ztemplate_model_41 .row .box .elem { text-align: left; } .ztemplate_model_41 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption { width: 50%; text-align: right; order: 1; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption .title { font-family: "D-DINCondensed"; font-size: 40px; color: #715A5A; text-align: left; line-height: 45px; letter-spacing: 0; position: relative; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption .title:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 6640; position: absolute; left: 0; bottom: -20px; content: ''; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption .zinput.g5 { background-color: #938383; text-align: right; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption .zinput.g5 .fieldkey { font-family: "BrandonText-Regular"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: 0; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption .zinput.g5 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 32px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: -0.5px; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption .zinput.g5 .fieldvalue:before { font-family: "BrandonText-Bold"; font-size: 32px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: -0.5px; position: relative; content: "€"; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt { width: 46%; text-align: left; order: 2; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "BrandonText-Regular"; font-size: 18px; color: #767676; text-align: left; line-height: 26px; letter-spacing: 0; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g6 { display: inline-block; text-align: center; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g6 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g8 { display: inline-block; text-align: center; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .zlink.g8 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .ztextarea.g3 { font-family: "ATRotisSansSerif"; font-size: 16px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } .ztemplate_model_41 .row .box .elem .caption-cnt .caption-alt .ztextarea.g10 { background-color: #938383; font-family: "ATRotisSansSerif-Bold"; font-size: 15px; color: #FFFFFF; text-align: left; line-height: 23px; letter-spacing: -0.31px; } #landing_contact { display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 40px 0 rgba(0,0,0,0.12); max-width: 1140px; } #landing_contact #left { width: 50%; background-color: #F7F6F6; text-align: left; max-width: 330px; } #landing_contact #left .section_title { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #landing_contact #left .section_title:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 5200; position: absolute; left: 0; bottom: -20px; content: ''; } #landing_contact #left .section_text { font-family: "ATRotisSansSerif"; font-size: 16px; color: #3A3A3A; text-align: left; line-height: 21px; letter-spacing: 0; } #landing_contact #left .section_text a { display: inline-block; font-family: "ATRotisSansSerif"; font-size: 16px; color: #3A3A3A; text-align: left; line-height: 21px; letter-spacing: 0; } #landing_contact #right { width: 100%; text-align: left; } #landing_contact #right form { text-align: left; } #landing_contact #right form .caption-fields { text-align: left; } #landing_contact #right form .caption-fields .date { width: 50%; text-align: left; } #landing_contact #right form .caption-fields .date .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .date .date_from_html { background-color: #FFFFFF; text-align: left; cursor: pointer; } #landing_contact #right form .caption-fields .date .date_from_html .day { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } #landing_contact #right form .caption-fields .date .date_from_html .day:before { font-family: "BrandonText-Bold"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; content: "/"; } #landing_contact #right form .caption-fields .date .date_from_html .month_name_tiny { font-family: "BrandonText-Regular"; font-size: 16px; color: #787878; text-transform: uppercase; text-align: left; line-height: 22px; letter-spacing: 0; } #landing_contact #right form .caption-fields .date .date_from_html .year { font-family: "BrandonText-Light"; font-size: 16px; color: #787878; text-transform: lowercase; text-align: left; line-height: 22px; letter-spacing: 0; } #landing_contact #right form .caption-fields .phone { width: 50%; float: left; text-align: center; } #landing_contact #right form .caption-fields .phone .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .phone .selected-dial-code { font-family: "BrandonText-Regular"; font-size: 18px; color: #858585; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .phone input[type=phone] { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-transform: lowercase; text-align: center; line-height: 22px; letter-spacing: 0; position: relative; } #landing_contact #right form .caption-fields .email { width: 50%; float: left; text-align: center; } #landing_contact #right form .caption-fields .email .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .email input[type=email] { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-align: center; line-height: 22px; letter-spacing: 0; position: relative; } #landing_contact #right form .caption-fields .text { width: 50%; float: left; text-align: center; } #landing_contact #right form .caption-fields .text .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .text input[type=text] { font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-align: center; line-height: 22px; letter-spacing: 0; position: relative; } #landing_contact #right form .caption-fields .textarea { width: 100%; float: none; text-align: left; } #landing_contact #right form .caption-fields .textarea .form_element_title { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .textarea textarea { width: 100%; height: 140px; background-color: #FBFBFB; font-family: "BrandonText-Regular"; font-size: 20px; color: #787878; text-align: left; line-height: 22px; letter-spacing: 0; position: relative; } #landing_contact #right form .caption-fields .newsletter { text-align: left; } #landing_contact #right form .caption-fields .newsletter label { font-family: "BrandonText-Bold"; font-size: 10px; color: #B4B4B4; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #landing_contact #right form .caption-fields .newsletter label input { border: 1px solid #979797; text-align: left; } #landing_contact #right form .caption-fields input[type="submit"] { clear: both; float: none; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 21px; letter-spacing: 0; } .ztemplate_model_42 { text-align: left; } .ztemplate_model_42 .slick-dots { text-align: center; } .ztemplate_model_42 .slick-dots li.slick-active { text-align: left; } .ztemplate_model_42 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; background-color: #938383; text-align: left; } .ztemplate_model_42 .slick-dots li { text-align: left; } .ztemplate_model_42 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #938383; border-radius: 5px; text-align: left; } .ztemplate_model_42 .row { text-align: left; } .ztemplate_model_42 .row .box { text-align: left; } .ztemplate_model_42 .row .box .elem { text-align: left; } .ztemplate_model_42 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt { width: 39%; text-align: left; order: 2; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; z-index: 2; position: relative; left: -60px; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "D-DINCondensed"; font-size: 78px; color: #656565; text-align: left; line-height: 28px; letter-spacing: 0; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .g13 { font-family: "BrandonText-Bold"; font-size: 18px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .g6 { display: flex; text-align: left; align-items: center; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 20px; color: #616161; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .g6 .fieldkey { font-family: "BrandonText-Regular"; font-size: 16px; color: #616161; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 20px; color: #929292; text-align: left; line-height: 25px; letter-spacing: 0; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; bottom: 16px; content: ""; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F2F2F2; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption { width: 65%; text-align: left; order: 1; } .ztemplate_model_42 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } /* post / page */ #page { text-align: left; } #page .head { text-align: left; } #page .head .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #BEBEBE; text-align: left; line-height: 25px; letter-spacing: 0; } #page .head .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: #BEBEBE; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; position: relative; content: "/"; } #page .head #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #715A5A; text-align: left; line-height: 60px; letter-spacing: 0; position: relative; } #page .head #page_name:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 2296; position: absolute; left: 0px; bottom: -10px; content: ''; } #page .head .section_summary { font-family: "BrandonText-Regular"; font-size: 20px; color: #767676; text-align: left; line-height: 25px; letter-spacing: 0; } #page .head #bottom { width: 100%; display: flex; text-align: left; align-items: center; } #page .head #bottom .section_date { text-align: left; } #page .head #bottom .section_date .zdatepicker { text-align: left; } #page .head #bottom .section_date .zdatepicker .fieldvalue { text-align: left; } #page .head #bottom .section_date .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } #page .head #bottom .section_date .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #page .head #bottom .section_date .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } #page .head #bottom .section_share { text-align: left; } #page #slideshow { text-align: center; } #page #slideshow .slick-next { text-align: center; z-index: 2; position: absolute; right: 30px; bottom: 40px; } #page #slideshow .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #page #slideshow .slick-prev { text-align: center; z-index: 2; position: absolute; right: 60px; bottom: 40px; } #page #slideshow .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #page #slideshow img { width: 100%; background-color: #000000; text-align: left; } #page .section_content { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } #page .section_content h2 { font-family: "BrandonText-Bold"; font-size: 22px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #page .section_content h2:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 820; position: absolute; left: 1px; bottom: -10px; content: ''; } #page .section_intro { background-color: #5B4E4E; text-align: left; } #page .section_intro .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 21px; letter-spacing: 0; } #page .section_other_experience { text-align: left; } #page .section_other_experience .section_btn_b { display: inline-block; border: 1px solid #7F6868; background-color: #7F6868; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #page .section_other_experience .section_title { display: inline-block; font-family: "D-DINCondensed"; font-size: 50px; color: #715A5A; text-align: left; line-height: 50px; letter-spacing: 0; position: relative; } #page .section_other_experience .section_title:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 287; position: absolute; left: 0px; bottom: -5px; content: ''; } /* showcase_blog */ #showcase_blog { text-align: left; } #showcase_blog #top { width: 100%; text-align: left; } #showcase_blog #top .section_content { text-align: left; z-index: 1; position: relative; } #showcase_blog #top .section_content #container_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #656565; text-align: left; line-height: 50px; letter-spacing: 0; } #showcase_blog #top .section_content #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #656565; text-align: left; line-height: 50px; letter-spacing: 0; } #showcase_blog #top .section_content .section_summary { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: left; line-height: 30px; letter-spacing: 0; } #showcase_blog #top .section_content .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: rgba(101, 101, 101, 0.4195538949275363); text-align: left; line-height: 21px; letter-spacing: 0; } #showcase_blog #top .section_content .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: rgba(101, 101, 101, 0.4195538949275363); text-align: left; line-height: 21px; letter-spacing: 0; position: relative; content: "/"; } #showcase_blog #top .section_content:before { width: 150px; height: 150px; background-color: #E8E8E8; text-align: left; z-index: -1; position: absolute; left: 0px; top: 0px; content: ''; } #showcase_blog .head { height: 420px; display: flex; background-color: #F1F1F1; text-align: left; align-items: center; } #showcase_blog .section_intro { background-color: #5B4E4E; text-align: left; } #showcase_blog .section_intro .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 21px; letter-spacing: 0; } #page_offer { text-align: left; } #page_offer .head { display: flex; text-align: left; align-items: center; } #page_offer .head #left { text-align: left; } #page_offer .head #left .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #BEBEBE; text-align: left; line-height: 25px; letter-spacing: 0; } #page_offer .head #left .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: #BEBEBE; text-align: left; line-height: 25px; letter-spacing: 0; position: relative; content: "/"; } #page_offer .head #left #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #715A5A; text-align: left; line-height: 60px; letter-spacing: 0; position: relative; } #page_offer .head #left #page_name:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 1419; position: absolute; left: 0px; bottom: -10px; content: ''; } #page_offer .head #right { text-align: left; } #page_offer .head #right .section_validity { font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #page_offer .head #right .section_summary { font-family: "BrandonText-Regular"; font-size: 20px; color: #767676; text-align: left; line-height: 25px; letter-spacing: 0; } #page_offer .head #right .section_price { text-align: left; } #page_offer .head #right .section_price .zinput { text-align: left; } #page_offer .head #right .section_price .zinput .fieldkey { font-family: "BrandonText-Regular"; font-size: 20px; color: #B3B3B3; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #page_offer .head #right .section_price .zinput .fieldvalue { font-family: "BrandonText-Bold"; font-size: 32px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: -0.46px; } #page_offer .head #right .section_btns { display: flex; text-align: center; align-items: center; } #page_offer .head #right .section_btns .zlink.g6 { display: inline-block; text-align: center; } #page_offer .head #right .section_btns .zlink.g6 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #page_offer .head #right .section_btns .zlink.g8 { display: inline-block; text-align: center; } #page_offer .head #right .section_btns .zlink.g8 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #page_offer .section_content { background-color: #F8F8F8; font-family: "ATRotisSansSerif"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #page_offer .section_content img { background-color: #000000; text-align: left; } /* template10 */ #template10 { text-align: left; position: relative; } #template10 .slick-next { text-align: center; z-index: 2; position: absolute; right: 30px; bottom: 40px; } #template10 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #template10 .slick-prev { text-align: center; z-index: 2; position: absolute; right: 60px; bottom: 40px; } #template10 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #template10 .row { text-align: left; } #template10 .row .box { text-align: left; } #template10 .row .box .elem { text-align: left; } #template10 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.10); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template10 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template10 .row .box .elem .caption-cnt .caption img { background-color: #232323; text-align: left; } #template10 .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; order: 2; } #template10 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template10 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "BrandonText-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 14px; color: #A4A4A4; text-align: left; line-height: 18px; letter-spacing: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { text-align: left; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 24px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template10 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #template10 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text { font-family: "BrandonText-Regular"; font-size: 12px; color: #929292; text-align: left; line-height: 21px; letter-spacing: 0; } #template10 .row .box .elem .caption-cnt .caption-alt .group { display: flex; background-color: #F8F8F8; text-align: left; align-items: center; } /* template8 */ #template8 { text-align: left; position: relative; } #template8 .slick-next { text-align: center; z-index: 2; position: absolute; right: 30px; bottom: 40px; } #template8 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #template8 .slick-prev { text-align: center; z-index: 2; position: absolute; right: 60px; bottom: 40px; } #template8 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #template8 .row { text-align: left; } #template8 .row .box { text-align: left; } #template8 .row .box .elem { text-align: left; } #template8 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template8 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } #template8 .row .box .elem .caption-cnt .caption img { background-color: #232323; text-align: left; } #template8 .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; order: 2; } #template8 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template8 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "BrandonText-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template8 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 14px; color: #A4A4A4; text-align: left; line-height: 18px; letter-spacing: 0; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { text-align: left; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 24px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template8 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #template8 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text { font-family: "BrandonText-Regular"; font-size: 12px; color: #929292; text-align: left; line-height: 21px; letter-spacing: 0; } #template8 .row .box .elem .caption-cnt .caption-alt .group { display: flex; background-color: #F8F8F8; text-align: left; align-items: center; } /* template7 */ #template7 { text-align: left; position: relative; } #template7 .row { text-align: left; } #template7 .row .box { text-align: left; } #template7 .row .box .elem { text-align: left; } #template7 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #000000; text-align: left; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template7 .row .box .elem .caption-cnt .caption { text-align: left; z-index: 506; position: absolute; left: 80px; bottom: 115px; order: 1; } #template7 .row .box .elem .caption-cnt .caption .title { text-align: left; } #template7 .row .box .elem .caption-cnt .caption .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #template7 .row .box .elem .caption-cnt .caption .title a:before { width: 30px; height: 1px; background-color: #FFFFFF; text-align: left; z-index: 736; position: absolute; left: 0px; bottom: -5px; content: ''; } #template7 .row .box .elem .caption-cnt .caption .g13 { font-family: "ATRotisSansSerif"; font-size: 28px; color: #FFFFFF; text-align: left; line-height: 25px; letter-spacing: 0; } #template7 .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; order: 2; } #template7 .row .box .elem .caption-cnt .caption-alt img { background-color: #000000; text-align: left; } /* camera */ #page_room { text-align: left; } #page_room .head { display: flex; text-align: left; align-items: center; } #page_room .head #top { width: 100%; text-align: left; } #page_room .head #top .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #BEBEBE; text-align: left; line-height: 25px; letter-spacing: 0; } #page_room .head #top .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: #BEBEBE; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; position: relative; content: "/"; } #page_room .head #top #container_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #page_room .head #top #container_name:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 10528; position: absolute; left: 0px; bottom: -10px; content: ''; } #page_room .head #top #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #page_room .head #top #page_name:before { width: 30px; height: 2px; background-color: #715A5A; text-align: left; z-index: 10340; position: absolute; left: 0px; bottom: 1px; content: ''; } #page_room .head #top .section_payoff { font-family: "ATRotisSansSerif"; font-size: 28px; color: #BCA385; text-align: left; line-height: 25px; letter-spacing: 0; } #page_room .head #bottom { width: 100%; display: flex; text-align: left; align-items: center; } #page_room .head #bottom .section_price { text-align: left; } #page_room .head #bottom .section_price .zinput { text-align: left; } #page_room .head #bottom .section_price .zinput .fieldkey { font-family: "BrandonText-Regular"; font-size: 20px; color: #B3B3B3; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #page_room .head #bottom .section_price .zinput .fieldvalue { font-family: "BrandonText-Bold"; font-size: 32px; color: #B1C1A7; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: -0.46px; } #page_room .head #bottom .section_btns { text-align: center; } #page_room .head #bottom .section_btns .zlink.g11 { display: inline-block; text-align: center; } #page_room .head #bottom .section_btns .zlink.g11 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #page_room .head #bottom .section_btns .zlink.g14 { display: inline-block; text-align: center; } #page_room .head #bottom .section_btns .zlink.g14 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #page_room #slideshow { text-align: center; } #page_room #slideshow .slick-next { text-align: center; z-index: 2; position: absolute; right: 30px; bottom: 40px; } #page_room #slideshow .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #page_room #slideshow .slick-prev { text-align: center; z-index: 2; position: absolute; right: 60px; bottom: 40px; } #page_room #slideshow .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #page_room #slideshow img { width: 100%; background-color: #000000; text-align: left; } #page_room .section_summary { font-family: "BrandonText-Regular"; font-size: 38px; color: #686868; text-align: left; line-height: 45px; letter-spacing: 0; } #page_room .section_content { display: flex; text-align: left; } #page_room .section_content .section_info { display: flex; text-align: left; position: relative; align-items: center; } #page_room .section_content .section_info .g7 { text-align: left; } #page_room .section_content .section_info .g7 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #C2C2C2; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #page_room .section_content .section_info .g7 .fieldvalue:before { font-family: "FontAwesome5Pro-Solid"; font-size: 12px; color: #C2C2C2; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; top: -1px; content: "\f007"; } #page_room .section_content .section_info .g6 { display: flex; text-align: left; align-items: center; } #page_room .section_content .section_info .g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 16px; color: #C2C2C2; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } #page_room .section_content .section_info .g6 .fieldkey { font-family: "BrandonText-Regular"; font-size: 14px; color: #C2C2C2; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #page_room .section_content .section_info:after { width: 80px; height: 1px; background-color: #D9D9D9; text-align: left; z-index: 7990; position: absolute; right: -100px; top: 7px; bottom: 9px; content: ''; } #page_room .section_content .section_detail { text-align: left; } #page_room .section_content .section_detail .section_title { font-family: "BrandonText-Bold"; font-size: 16px; color: #D9D9D9; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } #page_room .section_content .section_detail .section_text { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } #page_room .section_gallery { clear: both; text-align: left; } #page_room .section_gallery img { background-color: #6A6969; text-align: left; } #page_room .section_extra { display: flex; text-align: left; } #page_room .section_extra .section_facilities { text-align: left; } #page_room .section_extra .section_facilities .g5 { text-align: left; } #page_room .section_extra .section_facilities .g5 .fieldkey { font-family: "BrandonText-Bold"; font-size: 22px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #page_room .section_extra .section_facilities .g5 .fieldkey:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 7191; position: absolute; left: 0px; bottom: -5px; content: ''; } #page_room .section_extra .section_facilities .g5 .fieldvalue { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 25px; letter-spacing: 0; } #page_room .section_extra .section_services { text-align: left; } #page_room .section_extra .section_services .section_title { font-family: "BrandonText-Bold"; font-size: 22px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #page_room .section_extra .section_services .section_title:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 6815; position: absolute; left: 0px; bottom: -5px; content: ''; } #page_room .section_extra .section_services .section_summer_btn { text-align: left; } #page_room .section_extra .section_services .section_summer_btn a { width: 320px; display: block; background-color: #96AA9D; font-family: "BrandonText-Regular"; font-size: 25px; color: #FFFFFF; text-align: left; line-height: 38px; letter-spacing: 0; position: relative; } #page_room .section_extra .section_services .section_summer_btn a .section_text { font-family: "ATRotisSansSerif"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 18px; letter-spacing: 0; } #page_room .section_extra .section_services .section_summer_btn a:before { width: 30px; height: 30px; text-align: left; z-index: 2; position: absolute; right: 15px; bottom: 22px; content: ''; } #page_room .section_extra .section_services .section_winter_btn { text-align: left; } #page_room .section_extra .section_services .section_winter_btn a { width: 320px; display: block; background-color: #446A7A; font-family: "BrandonText-Regular"; font-size: 25px; color: #FFFFFF; text-align: left; line-height: 38px; letter-spacing: 0; position: relative; } #page_room .section_extra .section_services .section_winter_btn a .section_text { font-family: "ATRotisSansSerif"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 18px; letter-spacing: 0; } #page_room .section_extra .section_services .section_winter_btn a:before { width: 30px; height: 30px; text-align: left; z-index: 2; position: absolute; right: 13px; bottom: 22px; content: ''; } #page_room .section_extra .section_services .section_conditions_btn { text-align: center; } #page_room .section_extra .section_services .section_conditions_btn a { width: 320px; display: block; border: 1px solid rgba(68, 106, 122, 0.2885246829710145); font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-align: center; line-height: 21px; letter-spacing: 0; position: relative; } #page_room .section_extra .section_services .section_conditions_btn a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 20px; color: #446A7A; text-transform: lowercase; text-align: center; line-height: 18px; letter-spacing: 0; z-index: 2; position: absolute; left: 0; right: 0; top: 13px; content: "\f2b5"; } #page_room .section_next_room { text-align: left; } #page_room .section_next_room .section_title { font-family: "BrandonText-Bold"; font-size: 22px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; position: relative; } #page_room .section_next_room .section_title:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 4277; position: absolute; left: 0px; bottom: -5px; content: ''; } .section_offers { background-color: #5B4E4E; text-align: left; } .section_offers .section_title { display: inline-block; font-family: "D-DINCondensed"; font-size: 50px; color: #FFFFFF; text-align: left; line-height: 50px; letter-spacing: 0; z-index: 2; position: relative; } .section_offers .section_title:before { width: 30px; height: 1px; background-color: #FFFFFF; text-align: left; z-index: 1; position: absolute; left: 3px; bottom: -5px; content: ''; } .section_offers .section_title:after { width: 150px; height: 150px; background-color: #695D5D; text-align: left; z-index: -1; position: absolute; right: 0px; top: -20px; content: ''; } .section_offers .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 21px; letter-spacing: 0; } .section_blog { background-color: #F1F1F1; text-align: left; } .section_blog .section_blog_content { text-align: left; } .section_blog .section_blog_content .section_title { display: inline-block; font-family: "D-DINCondensed"; font-size: 50px; color: #715A5A; text-align: left; line-height: 50px; letter-spacing: 0; position: relative; } .section_blog .section_blog_content .section_title:before { width: 30px; height: 1px; background-color: #715A5A; text-align: left; z-index: 282; position: absolute; left: 0px; bottom: -5px; content: ''; } /* template6 */ #contact_summary { text-align: center; } #contact_summary .section_title { font-family: "D-DINCondensed"; font-size: 30px; color: #656565; text-align: center; line-height: 30px; letter-spacing: 0; } #contact_summary .section_text { font-family: "ATRotisSansSerif"; font-size: 25px; color: #715A5A; text-align: center; line-height: 25px; letter-spacing: 0; } #contact_summary .section_text a { display: block; font-family: "ATRotisSansSerif"; font-size: 25px; color: #715A5A; text-align: center; line-height: 25px; letter-spacing: 0; } .showcase_rooms_template { text-align: left; } .showcase_rooms_template .ztemplate { text-align: center; } .showcase_rooms_template .ztemplate .template_filters { text-align: left; } .showcase_rooms_template .ztemplate .template_filters .template_filter { display: flex; border: 1px solid #5B4E4E; font-family: "FontAwesome5Pro-Regular"; font-size: 15px; color: #5B4E4E; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; align-items: center; } .showcase_rooms_template .ztemplate .template_filters .template_filter .filter_key { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .showcase_rooms_template .ztemplate .template_filters .template_filter .filter_values { text-align: left; } .showcase_rooms_template .ztemplate .template_filters .template_filter .filter_values .filter_value { font-family: "BrandonText-Bold"; font-size: 12px; color: #5B4E4E; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row { text-align: left; } .showcase_rooms_template .ztemplate .row .box { text-align: left; } .showcase_rooms_template .ztemplate .row .box .elem { text-align: left; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption { text-align: left; order: 1; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .title { text-align: left; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .title a { display: block; font-family: "D-DINCondensed"; font-size: 38px; color: #656565; text-align: left; line-height: 28px; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g13 { font-family: "BrandonText-Bold"; font-size: 18px; color: #715A5A; text-align: left; line-height: 1; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g6 { display: flex; text-align: left; align-items: center; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g6 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 20px; color: #616161; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .g6 .fieldkey { font-family: "BrandonText-Regular"; font-size: 16px; color: #616161; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { font-family: "ATRotisSansSerif"; font-size: 20px; color: #929292; text-align: left; line-height: 25px; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt { display: flex; background-color: #836F6F; text-align: center; align-items: center; order: 2; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink { display: inline-block; text-align: center; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink a { display: inline-block; background-color: #836F6F; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 1; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: center; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; background-color: #836F6F; font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 1; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .group { border: 1px solid #979797; background-color: #F9F9F9; text-align: left; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add { text-align: right; position: relative; order: 5; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .g10 { background-color: #938383; text-align: right; z-index: 528; position: absolute; right: 0px; top: 0px; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .g10 .fieldkey { font-family: "BrandonText-Regular"; font-size: 16px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: 0; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add .g10 .fieldvalue { font-family: "BrandonText-Bold"; font-size: 32px; color: #FFFFFF; text-transform: lowercase; text-align: right; line-height: 1; letter-spacing: -0.5px; } .showcase_rooms_template .ztemplate .row .box .elem .caption-cnt .caption-add img { background-color: #000000; text-align: left; } /* showcase camere copy */ /* showcase camere */ #showcase { text-align: left; } #showcase #top { width: 100%; text-align: left; } #showcase #top .section_content { text-align: left; z-index: 1; position: relative; } #showcase #top .section_content #container_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #FFFFFF; text-align: left; line-height: 50px; letter-spacing: 0; } #showcase #top .section_content #page_name { font-family: "ATRotisSansSerif-Bold"; font-size: 60px; color: #FFFFFF; text-align: left; line-height: 50px; letter-spacing: 0; } #showcase #top .section_content .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: rgba(255, 255, 255, 0.4195538949275363); text-align: left; line-height: 21px; letter-spacing: 0; } #showcase #top .section_content .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: rgba(255, 255, 255, 0.4195538949275363); text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; position: relative; content: "/"; } #showcase #top .section_content .section_summary { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: left; line-height: 30px; letter-spacing: 0; } #showcase #top .section_content:before { width: 150px; height: 150px; background-color: #675959; text-align: left; z-index: -1; position: absolute; left: 0px; bottom: 0px; content: ''; } #showcase .head { height: 420px; display: flex; background-color: #5B4E4E; text-align: left; align-items: center; } /* template1 */ #template1 { text-align: left; position: relative; } #template1 .row { text-align: left; } #template1 .row .box { display: flex; text-align: left; } #template1 .row .box .elem { width: 33.333%; background-color: #F3F8F9; text-align: left; max-width: 345px; } #template1 .row .box .elem .caption-cnt { display: block; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template1 .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; position: relative; order: 1; } #template1 .row .box .elem .caption-cnt .caption:before { text-align: left; z-index: 2958; position: absolute; left: 0px; top: 0px; content: ''; } #template1 .row .box .elem .caption-cnt .caption .title { text-align: left; } #template1 .row .box .elem .caption-cnt .caption .title a { display: inline-block; font-family: "D-DINCondensed"; font-size: 28px; color: #787878; text-align: left; line-height: 30px; letter-spacing: 0; position: relative; } #template1 .row .box .elem .caption-cnt .caption .title a:before { width: 30px; height: 1; text-align: left; z-index: 2805; position: absolute; left: 0px; top: 43px; content: ''; } #template1 .row .box .elem .caption-cnt .caption .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #929292; text-align: left; line-height: 25px; letter-spacing: -0.64px; } #template1 .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { display: inline-block; text-align: left; } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: "\f30b"; } #template1 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } /* album */ .section_link_albums { display: inline-block; text-align: center; } .section_link_albums a { display: inline-block; border: 1px solid #7F6868; background-color: #7F6868; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .section_album_title { font-family: "ATRotisSansSerif-Bold"; font-size: 24px; color: #715A5A; text-align: center; line-height: 1; letter-spacing: 0; } .album { width: 50%; display: inline-block; text-align: center; z-index: 1; position: relative; } .album img { width: 100%; background-color: #000000; text-align: left; } .album:before { width: 150px; height: 150px; background-color: #695D5D; text-align: left; z-index: -1; position: absolute; left: -40px; top: -40px; content: ''; } .album .album_title { font-family: "ATRotisSansSerif-Bold"; font-size: 24px; color: #715A5A; text-align: center; line-height: 1; letter-spacing: 0; } /* home step1 copy */ #intro { text-align: left; } #intro .intro_wrap { text-align: left; } #intro .intro_wrap .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-align: left; line-height: 21px; letter-spacing: 0; } #intro .intro_wrap .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; position: relative; content: "/"; } #intro .intro_wrap .ztemplate { text-align: left; } #intro .intro_wrap .ztemplate .row { text-align: left; } #intro .intro_wrap .ztemplate .row .box { text-align: left; } #intro .intro_wrap .ztemplate .row .box .elem { text-align: left; } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption { width: 30%; background-color: rgba(255, 255, 255, 0.8); text-align: left; order: 1; } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption .g2 { font-family: "D-DINCondensed"; font-size: 50px; color: #96AA9D; text-align: left; line-height: 40px; letter-spacing: 0; } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption .g3 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #717171; text-align: left; line-height: 26px; letter-spacing: 0; } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; position: relative; order: 2; } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption-alt img { background-color: #000000; text-align: left; box-shadow: 0 2px 35px 0 rgba(0,0,0,0.26); } #intro .intro_wrap .ztemplate .row .box .elem .caption-cnt .caption-alt:before { width: 690px; height: 690px; text-align: left; z-index: -1; position: absolute; left: -580px; top: -100px; bottom: 0px; content: ''; } /* home step1 */ #intro .intro_wrap #left { background-color: rgba(255, 255, 255, 0.8); text-align: left; } #intro .intro_wrap #left .top_seo { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-align: left; line-height: 21px; letter-spacing: 0; } #intro .intro_wrap #left .top_seo:before { font-family: "BrandonText-Bold"; font-size: 14px; color: #446A7A; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; position: relative; content: "/"; } #intro .intro_wrap #left .section_title { font-family: "D-DINCondensed"; font-size: 50px; color: #96AA9D; text-align: left; line-height: 40px; letter-spacing: 0; } #intro .intro_wrap #left .section_text { font-family: "ATRotisSansSerif"; font-size: 18px; color: #717171; text-align: left; line-height: 26px; letter-spacing: 0; } #intro .intro_wrap #right { text-align: left; position: relative; } #intro .intro_wrap #right img { background-color: #000000; text-align: left; box-shadow: 0 2px 35px 0 rgba(0,0,0,0.26); } #intro .intro_wrap #right:before { width: 690px; height: 690px; text-align: left; z-index: -1; position: absolute; left: -580px; top: -100px; bottom: 0px; content: ''; } /* home step2 */ #template2 { text-align: center; position: relative; } #template2 .row { text-align: center; } #template2 .row .box { text-align: center; } #template2 .row .box .elem { text-align: center; } #template2 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: center; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template2 .row .box .elem .caption-cnt .caption { text-align: center; order: 1; } #template2 .row .box .elem .caption-cnt .caption .title { text-align: center; } #template2 .row .box .elem .caption-cnt .caption .title a { display: block; font-family: "D-DINCondensed"; font-size: 50px; color: #FFFFFF; text-align: center; line-height: 50px; letter-spacing: 0; position: relative; } #template2 .row .box .elem .caption-cnt .caption .title a:before { width: 30px; height: 2px; text-align: left; z-index: 1815; position: absolute; left: 83px; bottom: 0px; content: ''; } #template2 .row .box .elem .caption-cnt .caption-alt { text-align: right; z-index: 2; position: absolute; left: 0px; bottom: -200px; order: 2; max-width: 290px; } #template2 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "D-DINCondensed"; font-size: 30px; color: #FFFFFF; text-align: right; line-height: 30px; letter-spacing: 0; } #template2 .row .box .elem .caption-cnt .caption-alt .ztextarea.g5 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #FFFFFF; text-align: right; line-height: 25px; letter-spacing: -0.64px; } #template2 .row .box .elem .caption-cnt .caption-alt:after { width: 100px; height: 1px; background-color: #FFFFFF; text-align: left; z-index: -1; position: absolute; left: 377px; bottom: 30px; content: ''; } #template2 .row .box .elem .caption-cnt .caption-alt:before { width: 150px; height: 150px; background-color: #675959; text-align: left; z-index: -1; position: absolute; left: 0px; bottom: 40px; content: ''; } #template2 .row .box .elem .caption-cnt .caption-add { text-align: left; z-index: 495; position: absolute; right: 0px; bottom: 0px; order: 3; } #template2 .row .box .elem .caption-cnt .caption-add img_absolute { background-color: #000000; background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, #000000 100%); text-align: left; } #second_step { background-color: #5B4E4E; text-align: left; position: relative; } /* template3 */ #template3 { text-align: left; position: relative; } #template3 .slick-prev { text-align: center; z-index: 2; position: absolute; left: 478px; right: 30px; top: 234px; bottom: 40px; } #template3 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #template3 .slick-next { text-align: center; z-index: 2; position: absolute; left: 518px; right: 30px; top: 234px; bottom: 40px; } #template3 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #template3 .row { text-align: left; } #template3 .row .box { text-align: left; } #template3 .row .box .elem { text-align: left; } #template3 .row .box .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: center; } #template3 .row .box .elem .caption-cnt .caption-alt { width: 47%; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 44px 0 rgba(0,0,0,0.15); z-index: 840; position: absolute; right: 0px; bottom: 0px; order: 1; } #template3 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template3 .row .box .elem .caption-cnt .caption-alt .title a { display: inline-block; font-family: "ATRotisSansSerif-Bold"; font-size: 22px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 25px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text { text-align: left; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldkey { font-family: "BrandonText-Bold"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 40px; color: #656565; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { display: inline-block; text-align: left; } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #656565; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #656565; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: "\f30b"; } #template3 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #template3 .row .box .elem .caption-cnt .caption-alt .zinput.g7.text { font-family: "BrandonText-Regular"; font-size: 12px; color: #929292; text-align: left; line-height: 21px; letter-spacing: 0; } #template3 .row .box .elem .caption-cnt .caption { width: 58%; text-align: left; z-index: 1; position: relative; order: 2; } #template3 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template3 .row .box .elem .caption-cnt .caption:before { width: 150px; height: 150px; background-color: #695D5D; text-align: left; z-index: -1; position: absolute; left: -40px; top: -40px; content: ''; } /* home step3 */ #offers { text-align: left; } #offers .section_title { font-family: "D-DINCondensed"; font-size: 50px; color: #FFFFFF; text-align: left; line-height: 50px; letter-spacing: 0; position: relative; } #offers .section_title:before { width: 30px; height: 2px; text-align: left; z-index: 1425; position: absolute; left: 2px; bottom: 0px; } #offers .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #FFFFFF; text-align: left; line-height: 21px; letter-spacing: 0; } #offers .section_link_a { display: inline-block; text-align: left; } #offers .section_link_a a { display: inline-block; border: 1px solid #FFFFFF; background-color: #FFFFFF; font-family: "BrandonText-Bold"; font-size: 13px; color: #656565; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } #offers .section_link_b { display: inline-block; text-align: left; } #offers .section_link_b a { display: inline-block; border: 1px solid #7F6868; background-color: #7F6868; font-family: "BrandonText-Bold"; font-size: 13px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } /* template4 */ #section_blog { text-align: left; } #section_blog .section_link { text-align: left; } #section_blog .section_link a { display: inline-block; font-family: "D-DINCondensed"; font-size: 50px; color: #787878; text-align: left; line-height: 50px; letter-spacing: 0; } #section_blog .section_link a:after { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #787878; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f30b"; } #section_blog .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template4 { text-align: left; position: relative; } #template4 .slick-prev { text-align: center; z-index: 2; position: absolute; right: 30px; top: -50px; } #template4 .slick-prev:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f104"; } #template4 .slick-next { text-align: center; z-index: 2; position: absolute; right: 0px; top: -50px; } #template4 .slick-next:before { font-family: "FontAwesome5Pro-Light"; font-size: 40px; color: #897E7E; text-transform: lowercase; text-align: center; line-height: 50px; letter-spacing: 0; content: "\f105"; } #template4 .row { text-align: left; } #template4 .row .box { text-align: left; } #template4 .row .box .elem { text-align: left; } #template4 .row .box .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: center; } #template4 .row .box .elem .caption-cnt .caption { width: 47%; text-align: left; order: 1; } #template4 .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } #template4 .row .box .elem .caption-cnt .caption-alt { width: 57%; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 44px 0 rgba(0,0,0,0.10); z-index: 1; position: relative; left: -50px; order: 2; } #template4 .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } #template4 .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 22px; color: #656565; text-align: left; line-height: 21px; letter-spacing: 0; } #template4 .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 25px; letter-spacing: 0; } #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker { text-align: left; } #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue { text-align: left; } #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template4 .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } #template4 .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } #template4 .row .box .elem .caption-cnt .caption-alt:before { width: 240px; height: 240px; background-color: rgba(166, 155, 155, 0.7987998188405797); text-align: left; z-index: -1; position: absolute; right: 0px; bottom: 0px; content: ''; } /* footer */ footer { text-align: center; } footer #contacts { text-align: center; } footer #contacts .section_phone { text-align: center; } footer #contacts .section_phone a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 14px; color: #A4A4A4; text-transform: lowercase; text-align: center; line-height: 18px; letter-spacing: 0; } footer #contacts .section_phone a:before { font-family: "FontAwesome5Pro-Solid"; font-size: 14px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f095"; } footer #contacts .section_mail { text-align: center; } footer #contacts .section_mail a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 14px; color: #A4A4A4; text-transform: lowercase; text-align: center; line-height: 18px; letter-spacing: 0; } footer #contacts .section_mail a:before { font-family: "FontAwesome5Pro-Solid"; font-size: 14px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f0e0"; } footer #social { display: flex; text-align: center; align-items: center; } footer #social .facebook { text-align: center; } footer #social .facebook a { display: inline-block; text-align: center; position: relative; } footer #social .facebook a:before { font-family: "FontAwesome5Brands-Regular"; font-size: 15px; color: #AC9D8C; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 1534; position: absolute; left: 0; right: 0; bottom: 0px; content: "\f39e"; } footer #social .instagram { text-align: center; } footer #social .instagram a { display: inline-block; text-align: center; position: relative; } footer #social .instagram a:before { font-family: "FontAwesome5Brands-Regular"; font-size: 15px; color: #AC9D8C; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; z-index: 1298; position: absolute; left: 0; right: 0; bottom: 0px; content: "\f16d"; } footer #bottom { background-color: #F8F8F8; text-align: center; } footer #bottom .section_text { font-family: "BrandonText-Regular"; font-size: 14px; color: #A4A4A4; text-align: center; line-height: 18px; letter-spacing: 0; } footer #credits { display: flex; background-color: #FFFFFF; font-family: "BrandonText-Regular"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 18px; letter-spacing: 0; align-items: center; } footer #credits .section_credits { font-family: "BrandonText-Regular"; font-size: 10px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 18px; letter-spacing: 0; } footer #credits .section_credits a { display: inline-block; text-align: left; } footer #credits .section_credits a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 10px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; position: relative; content: "\f004"; } /* home map */ #v_maps { text-align: center; } #v_maps .map_wrap { display: flex; text-align: left; align-items: center; } #v_maps .map_wrap #right { text-align: left; } #v_maps .map_wrap #right .section_title { font-family: "D-DINCondensed"; font-size: 50px; color: #686868; text-align: left; line-height: 50px; letter-spacing: 0; position: relative; } #v_maps .map_wrap #right .section_title:before { width: 30px; height: 2px; text-align: left; z-index: 480; position: absolute; left: 2px; bottom: 0px; } #v_maps .map_wrap #right .section_text { font-family: "ATRotisSansSerif-Bold"; font-size: 16px; color: #6F6F6F; text-align: left; line-height: 21px; letter-spacing: 0; } /* smartphone Vetrina Tradizioni / Esperienze / Benessere */ .ztemplate_model3 { text-align: left; } .ztemplate_model3 .ztemplate { text-align: left; } .ztemplate_model3 .ztemplate .row { text-align: left; } .ztemplate_model3 .ztemplate .row .box { text-align: left; } .ztemplate_model3 .ztemplate .row .box .elem { text-align: left; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption img { background-color: #2A2929; text-align: left; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 24px; color: #656565; text-align: left; line-height: 22px; letter-spacing: 0; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #656565; text-align: left; line-height: 24px; letter-spacing: 0; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } .ztemplate_model3 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } /* smartphone gift box */ .ztemplate_model2 { text-align: left; } .ztemplate_model2 .ztemplate { text-align: left; } .ztemplate_model2 .ztemplate .row { text-align: left; } .ztemplate_model2 .ztemplate .row .box { text-align: left; } .ztemplate_model2 .ztemplate .row .box .elem { text-align: left; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption { background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.10); order: 1; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .title { font-family: "ATRotisSansSerif-Bold"; font-size: 24px; color: #656565; text-align: left; line-height: 24px; letter-spacing: 0; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .zinput.g5.text { text-align: left; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .zinput.g5.text .fieldvalue { font-family: "BrandonText-Bold"; font-size: 20px; color: #656565; text-transform: lowercase; text-align: left; line-height: 25px; letter-spacing: 0; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 24px; letter-spacing: 0; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .zlink.g6 { display: block; text-align: center; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .zlink.g6 a { display: block; border: 1px solid #B1C1A7; background-color: #B1C1A7; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .zlink.g8 { display: block; text-align: center; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption .zlink.g8 a { display: block; border: 1px solid #446A7A; background-color: #446A7A; font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 0; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption-alt { width: 100%; text-align: left; order: 2; } .ztemplate_model2 .ztemplate .row .box .elem .caption-cnt .caption-alt img { background-color: #2A2929; text-align: left; } /* smartphone vetrina blog */ .ztemplate_model1 { text-align: left; } .ztemplate_model1 .ztemplate { text-align: left; } .ztemplate_model1 .ztemplate .row { text-align: left; } .ztemplate_model1 .ztemplate .row .box { text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem { text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; background-color: #FFFFFF; text-align: left; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.10); list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption { width: 100%; text-align: left; order: 1; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption img { background-color: #000000; text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .title { text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .title a { display: block; font-family: "ATRotisSansSerif-Bold"; font-size: 24px; color: #656565; text-align: left; line-height: 24px; letter-spacing: 0; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "ATRotisSansSerif"; font-size: 18px; color: #A4A4A4; text-align: left; line-height: 20px; letter-spacing: 0; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker { text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue { text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .day { font-family: "D-DINCondensed"; font-size: 30px; color: #414141; text-transform: lowercase; text-align: left; line-height: 38px; letter-spacing: 0; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .month_name_tiny { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zdatepicker .fieldvalue .year { font-family: "BrandonText-Bold"; font-size: 12px; color: #A4A4A4; text-transform: lowercase; text-align: left; line-height: 21px; letter-spacing: 0; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton { text-align: left; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { display: inline-block; font-family: "BrandonText-Bold"; font-size: 12px; color: #414141; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0; z-index: 2; position: relative; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { font-family: "FontAwesome5Pro-Regular"; font-size: 12px; color: #414141; text-transform: lowercase; text-align: left; line-height: 1; letter-spacing: 0; z-index: 1; position: absolute; right: 12px; top: 5px; content: ""; } .ztemplate_model1 .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:after { width: 45px; height: 45px; background-color: #F1F1F1; text-align: left; z-index: -1; position: absolute; left: 50%; right: 0px; bottom: -50%; content: ''; } /* template5 */ #template5 { text-align: center; position: relative; } #template5 .slick-dots { text-align: center; } #template5 .slick-dots li.slick-active { text-align: left; } #template5 .slick-dots li.slick-active button { width: 10px; height: 10px; border: 2px solid #FFFFFF; border-radius: 5px; background-color: #FFFFFF; text-align: left; } #template5 .slick-dots li { text-align: left; } #template5 .slick-dots li button { width: 10px; height: 10px; border: 2px solid #FFFFFF; border-radius: 5px; text-align: left; } #template5 .row { text-align: center; } #template5 .row .box { text-align: center; } #template5 .row .box .elem { text-align: center; } #template5 .row .box .elem .caption-cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; text-align: center; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #template5 .row .box .elem .caption-cnt .caption { text-align: center; order: 1; } #template5 .row .box .elem .caption-cnt .caption .g2 { font-family: "BrandonText-Bold"; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 1; letter-spacing: 0; } #template5 .row .box .elem .caption-cnt .caption .title { font-family: "D-DINCondensed"; font-size: 28px; color: #FFFFFF; text-align: center; line-height: 28px; letter-spacing: 0; } #template5 .row .box .elem .caption-cnt .caption .g3 { text-align: center; } #template5 .row .box .elem .caption-cnt .caption .g3 .fieldvalue { text-align: center; position: relative; } #template5 .row .box .elem .caption-cnt .caption .g3 .fieldvalue:before { height: 14px; text-align: left; z-index: 4224; position: absolute; left: 0; right: 0; top: 0px; content: ''; } #template5 .row .box .elem .caption-cnt .caption-alt { text-align: center; order: 2; } #template5 .row .box .elem .caption-cnt .caption-alt .ztextarea.g4 { font-family: "ATRotisSansSerif"; font-size: 21px; color: #FFFFFF; text-align: center; line-height: 35px; letter-spacing: 0; } #template5 .row .box .elem .caption-cnt .caption-add { text-align: left; order: 3; } #template5 .row .box .elem .caption-cnt .caption-add .g5 { font-family: "ATRotisSansSerif-Bold"; font-size: 14px; color: #FFFFFF; text-align: right; line-height: 1; letter-spacing: 0; } #template5 .row .box .elem .caption-cnt .caption-add .g5:before { font-family: "FontAwesome5Pro-Solid"; font-size: 19px; color: #FFFFFF; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative; content: "\f10e"; } /* home step5 */ #review_wrap { display: flex; text-align: center; align-items: center; } #review_wrap #review_cnt { background-color: rgba(166, 155, 155, 0.8232280344202898); text-align: center; box-shadow: 0 2px 45px 0 rgba(0,0,0,0.10); } #review_wrap #review_cnt .section_title { font-family: "D-DINCondensed"; font-size: 50px; color: #FFFFFF; text-align: center; line-height: 40px; letter-spacing: 0; }