.documents, .videos { margin: 20px auto 40px auto; }
.documents .document { margin: 10px; padding: 0  10px 10px 10px; display: block; clear:both; border-bottom: 1px solid #D5D5D5; overflow:hidden; }
.documents .document a { }
.documents .document a:before { margin:0px 10px 0px 0px !important; float:left; }
.documents .document .document_size { float:right; color: #D5D5D5; }

form .caption-fields .field input[type="phone"]::-webkit-input-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::-moz-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::-ms-input-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::-moz-placeholder { opacity: 0.1; }
form .caption-fields .field input[type="phone"]::placeholder { opacity: 0.1; }

.privacy_panel .form_cnt form .caption-fields { display: block}
.privacy_panel .form_cnt form .caption-fields .form.field { width: 100%}
.privacy_panel .form_cnt form .caption-fields input[type="submit"] { margin-left: 5px}

/* scrolling animation */
body.header_scrolled header { top: -40px; }
body.header_scrolled header .bottombar .menu_model_1 ul { height: 43px; }
body.header_scrolled header .middlebar .logo_cnt img { height: 80px;  }

/*Errori in pagina*/
#page_error { display: flex; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.75); justify-content: center; align-items: center; z-index: 5000; }
#page_error .cnt-message { background-color: var(--white); padding: 80px; position: relative; }
#page_error .cnt-message .close { position: absolute; top: 10px; right: 10px; cursor: pointer; }
#page_error.none { display: none; }
.intl-tel-input { width: 100%; }

.groupfield.text .fieldvalue:after,
.groupfield.text_dyn .fieldvalue:after { content: ''; display: block; position: relative; width: 100%; clear: both; }
/* album */
.albums_cnt { justify-content: flex-start; flex-wrap: wrap; display: flex; text-align: left; }
.albums_cnt .album { flex-direction: column; width: 33.333%; display: flex; text-align: left; position: relative; }
.albums_cnt .album .album_title_cnt { text-align: left; order: 1; }
.albums_cnt .album .album_image_cnt { text-align: left; order: 2; }
.albums_cnt .album .album_title { font-family: var(--font-1); font-size: 30px; color: var(--secondary); text-align: left; line-height: 38px; letter-spacing: 0; order: 1; }
.albums_cnt .album .album_summary { display: none; text-align: left; }
.albums_cnt .album img { text-align: left; }
/* form */
.form_cnt { margin: 20px 0; display: block; text-align: left; position: relative; }
.form_cnt form .form-title { display: none}
.form_cnt form .caption-fields { justify-content: space-between; flex-wrap: wrap; display: flex; text-align: left; align-items: flex-start; }
.form_cnt form .caption-fields input,
.form_cnt form .caption-fields input:focus,
.form_cnt form .caption-fields .field.select select,
.form_cnt form .caption-fields .field.select select:focus,
.form_cnt form .caption-fields .form_select.html_select,
.form_cnt form .caption-fields .form_select.html_select:focus,
.form_cnt form .caption-fields textarea,
.form_cnt form .caption-fields textarea:focus,
.form_cnt form .caption-fields .date_from_html { padding: 10px; border:0; border-bottom: 1px solid var(--secondary); background-color: transparent; font-family: var(--font-2); font-size: 110%; color: var(--grey);line-height: 1; position: relative; }
.form_cnt form .caption-fields .date_from_html .month_name { width: 100%; display: block; }
.form_cnt form .caption-fields .date_from_html .month_name_tiny { display: none; }
.form_cnt form .caption-fields .form.field { margin: 0px 0 10px 0; width: calc(50% - 10px); }
.form_cnt form .caption-fields .form.field.textarea { width: 100%; text-align: left; }
.form_cnt form .caption-fields .form_element_title {  margin: 10px 0px 5px 0px; font-family: var(--font-2); font-size: 11px; color: var(--grey);  }
.form_cnt form .caption-fields .form_select.html_select .elements_list { z-index: 2; position: absolute; left: 0px; right: 0px; top: 0; bottom: unset; }
.form_cnt form .caption-fields .form_select.html_select .option { padding: 10px; background-color: var(--primary); color: var(--white); border-bottom:1px solid var(--white); cursor: pointer; }
.form_cnt form .form.phone { font-family: var(--font-2); color: var(--grey); text-align: left; line-height: 1; }
.form_cnt form .form.phone .flag-container { padding: 0px; text-align: left; top: 1px; }
.form_cnt form .form.phone .country-list { font-family: var(--font-2); color: var(--grey); }
.form_cnt form .form.phone .selected-flag { background-color: transparent; }
.form_cnt form .form.phone .selected-flag .selected-dial-code { font-family: var(--font-2);color: var(--grey); }
.form_cnt form .form.phone .selected-flag .selected-dial-code:after { font-family: var(--font-icon); font-weight:var(--solid); font-size: 11px; color: #452930; text-transform: lowercase; text-align: center; line-height: 1; content: "\f0d7"; margin-left: 5px; }
.form_cnt form .form.phone .selected-flag .iti-arrow { display: none; text-align: left; }
.form_cnt form .caption-fields input,
.form_cnt form .caption-fields textarea,
.form_cnt form .caption-fields .form_select.html_select,
.form_cnt form .caption-fields input:focus,
.form_cnt form .caption-fields textarea:focus { cursor: pointer; }
.form_cnt form .caption-fields input[type=phone],
.form_cnt form .caption-fields input[type=email] { width: 100%; }
.form_cnt form .caption-fields textarea { width: 100%; height: 200px; }
.form_cnt form .privacy_field,
.form_cnt form p.privacy,
.form_cnt form .newsletter,
.form_cnt form .g-recaptcha { margin: 0; padding: 0 15px; display: block; width: 100%; }
.form_cnt form .newsletter input[type="checkbox"] { margin: 0}
.form_cnt form .caption-fields input[type="submit"] { padding: 15px 25px; background-color: var(--secondary); font-family: var(--font-1); font-size: 120%; color: var(--white); text-transform: uppercase; text-align: center; line-height: 1; border: 0}
/* template model 8 - pagina - vetrina */
.ztemplate_model_8 {  margin: 40px -10px 0px -10px; display: block; text-align: center; position: relative; }
.ztemplate_model_8 .box {flex-wrap: wrap; display: flex; text-align: center; align-items: flex-start; align-content: flex-start; justify-content: center; }
.ztemplate_model_8 .elem { margin: 0 10px 40px 10px; width: calc(100% / 4 - 20px); }
.ztemplate_model_8 .caption-cnt { display: block; text-align: center; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.ztemplate_model_8 .caption { width: 100%; display: block; background-color: var(--primary); text-align: left; order: 1; }
.ztemplate_model_8 .caption img { text-align: left; min-width: 100%; }
.ztemplate_model_8 .caption-alt { width: 100%; display: block; text-align: center; order: 2; }
.ztemplate_model_8 .title { text-align: left; margin-top: 10px; }
.ztemplate_model_8 .title:after { width: 100%; height: 1px; display: block; background-color: rgba(37, 68, 86, 0.40032); text-align: left; position: relative; content: ''; margin-top: 10px; }
.ztemplate_model_8 .title a { display: block; font-family: var(--font-1); font-size: 30px; color: var(--primary); text-align: left; line-height: 38px; }
.ztemplate_model_8 .ztextarea { margin: 10px 0 0 0; font-family: var(--font-2); font-size: 1.2em; line-height:1.2 }
.ztemplate_model_8 .z_cnt_1 { display: flex; justify-content: flex-start; align-items: center; align-content: center; }
.ztemplate_model_8 .z_cnt_2 {display: flex;justify-content: space-between;align-items: center;align-content: center;margin-top: 20px;}
/* template model 7 - camere - vetrina */
.ztemplate_model_7 { margin: 0 -15px; display: block; text-align: center; position: relative; }
.ztemplate_model_7 .box { justify-content: flex-start; flex-wrap: wrap; display: flex; text-align: center; align-items: flex-start; align-content: flex-start; }
.ztemplate_model_7 .elem { margin: 0 20px 40px 20px; width: calc(100% / 3 - 40px); }
.ztemplate_model_7 .caption-cnt { display: block; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.ztemplate_model_7 .caption { width: 100%; display: block; background-color: var(--primary); text-align: left; order: 1; }
.ztemplate_model_7 .caption img { text-align: left; min-width: 100%; }
.ztemplate_model_7 .caption-alt { padding: 30px 0; width: 100%; display: block; order: 2; }
.ztemplate_model_7 .zinput { margin: 0 20px 0 0 ; display: flex; font-family: var(--font-2); font-size: 15px; color: var(--secondary); line-height: 1; align-items: center;}
.ztemplate_model_7 .zinput:before { margin: 0 5px 0 0; display: block; font-family: var(--font-icon); font-weight:var(--solid); font-size: 16px; color: var(--secondary); line-height: 1; position: relative; }
.ztemplate_model_7 .zinput.g6:before { content: "\f1b2"; }
.ztemplate_model_7 .zinput.g7:before { content: "\f500"; }
.ztemplate_model_7 .zinput .fieldkey { margin-right: 5px; }
.ztemplate_model_7 .title { text-align: left; margin-top: 10px; }
.ztemplate_model_7 .title:after { width: 100%; height: 1px; display: block; background-color: rgba(37, 68, 86, 0.40032); text-align: left; position: relative; content: ''; margin-top: 10px; }
.ztemplate_model_7 .title a { display: block; font-family: var(--font-1); font-size: 30px; color: var(--primary); text-align: left; line-height: 38px; letter-spacing: 0; }
.ztemplate_model_7 .ztextarea { margin: 10px 0 0 0; font-family: var(--font-2); font-size: 1.2em; line-height:1.2 }
.ztemplate_model_7 .z_cnt_1 { display: flex; justify-content: flex-start; align-items: center; align-content: center; }
.ztemplate_model_7 .z_cnt_2 {display: flex; align-items: center;align-content: center;margin-top: 20px;}
.ztemplate_model_7 .z_cnt_2 .zlink { margin-left: 10px;}
/* Blog */
.ztemplate_model_7.blog_showcase { width: 100%}
.ztemplate_model_7.blog_showcase .caption-alt { display: flex; flex-wrap: wrap;}
.ztemplate_model_7.blog_showcase .title { width: 100%}
.ztemplate_model_7.blog_showcase .ztextarea { width: 100%}
.ztemplate_model_7.blog_showcase .zdatepicker, .ztemplate_model_7.blog_showcase .ztemplate .row .box .elem .caption-cnt .caption-alt .zoption { display: inline-flex; font-family: var(--font-family_2); font-size: 15px; color: var(--color_9); text-align: center; line-height: 1; letter-spacing: 0; align-items: center; align-content: center;}
.ztemplate_model_7.blog_showcase .zdatepicker:before {font-family: var(--font-icon); font-size: 16px; color: var(--color_9); content: '\f783'; margin-right: 5px}
.ztemplate_model_7.blog_showcase .zdatepicker { margin-right: 20px}
.ztemplate_model_7.blog_showcase .zdatepicker .month:before { content: '/';}
.ztemplate_model_7.blog_showcase .zdatepicker .month:after { content: '/';}
.ztemplate_model_7.blog_showcase .zdatepicker .fieldvalue .day,
.ztemplate_model_7.blog_showcase .zdatepicker .fieldvalue .month { margin-right: 0}
.ztemplate_model_7.blog_showcase .zoption { padding: 2px 5px 4px; background-color: var(--bgcolor_12); color: #fff;   border-radius: 5px;}
/* template model 6 - piscina */
.ztemplate_model_6 { display: block; text-align: center; position: relative; }
.ztemplate_model_6 .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; }
.ztemplate_model_6 .caption { width: 100%; background-color: #000000; order: 2; }
.ztemplate_model_6 .caption-alt { justify-content: center; flex-direction: column; display: flex; z-index: 88; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; align-items: center; order: 1; align-content: center; }
.ztemplate_model_6 .zoption { margin-bottom: 5px; }
.ztemplate_model_6 .zoption .fieldvalue { font-family: var(--font-2); font-size: 12px; color: var(--white); text-transform: uppercase; line-height: 15px; letter-spacing: 0; }
.ztemplate_model_6 .title a { display: block; font-family: var(--font-1); font-size: 2.5em; color: var(--white); line-height: 1; }
.ztemplate_model_6 .ztextarea { margin: 20px 0; font-family: var(--font-2); font-size: 1.5em; color: var(--white); line-height: 1.2; max-width: 480px; }
.ztemplate_model_6 img { min-width: 100%; opacity: 0.5; }
/* template model 5 - servizi */
.ztemplate_model_5 { display: block; text-align: left; position: relative; }
.ztemplate_model_5 .ztemplate { max-width: 360px; }
.ztemplate_model_5 .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_5 .caption { width: 100%; order: 1; }
.ztemplate_model_5 .zoption { margin-bottom: 5px; }
.ztemplate_model_5 .zoption .fieldvalue { font-family: var(--font-2); font-size: 1em; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }
.ztemplate_model_5 .title { margin:0 0 20px 0 }
.ztemplate_model_5 .title a { display: block; font-family: var(--font-1); font-size: 2.5em; color: var(--primary); text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 0; }
.ztemplate_model_5 .ztextarea { margin: 10px 0; font-family: var(--font-2); font-size: 1.5em; color: var(--grey); text-align: left; line-height: 1.2; }
/* template model 4 - ristorante */
.ztemplate_model_4 { display: block; text-align: left; position: relative; }
.ztemplate_model_4 .caption-cnt { display: flex; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; align-content: center; }
.ztemplate_model_4 .caption { width: 60%; order: 1; }
.ztemplate_model_4 .caption-alt { padding: 0 0 0 60px; width: 40%;  order: 2; }
.ztemplate_model_4 .caption-alt .zoption { margin-bottom: 5px; }
.ztemplate_model_4 .zoption .fieldvalue { font-family: var(--font-2); font-size: 1em; color: var(--grey); text-transform: uppercase; line-height: 1; }
.ztemplate_model_4 .title { margin:0 0 20px 0 }
.ztemplate_model_4 .title a { display: block; font-family: var(--font-1); font-size: 2.5em; color: var(--secondary); line-height: 1; }
.ztemplate_model_4 .ztextarea { margin: 10px 0; font-family: var(--font-2); font-size: 1.5em; color: var(--grey); line-height: 1.2; max-width: 480px; }
/* template model 3 - home */
.ztemplate_model_3 { margin: 40px 0 0 0; display: block; text-align: left; position: relative; }
.ztemplate_model_3 .box { justify-content: center; flex-wrap: wrap; display: flex; align-items: flex-start; align-content: flex-start; }
.ztemplate_model_3.slick_on .box { padding: 0 0 30px; display: block; }
.ztemplate_model_3 .elem { margin: 0 10px 20px 10px;width: calc(100% / 3 - 20px); }
.ztemplate_model_3 .elem:hover .caption-alt { bottom: 30px; }
.ztemplate_model_3 .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; overflow-y: hidden; }
.ztemplate_model_3 .caption { width: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%); text-align: left; order: 2; overflow: hidden;}
.ztemplate_model_3 .caption-alt { display: block; text-align: left; z-index: 176; position: absolute; left: 30px; right: 30px; bottom: -45px; order: 1; transition: 0.3s ease-out;}
.ztemplate_model_3 .zinput { margin: 0 20px 0 0 }
.ztemplate_model_3 .zinput .fieldkey { margin: 0 5px 0 0; }
.ztemplate_model_3 .zinput:before { margin: 0 5px 0 0; }
.ztemplate_model_3 .zinput.g6,
.ztemplate_model_3 .zinput.g7 { display: inline-flex; font-family: var(--font-2); font-size: 15px; color: var(--white); align-items: center; align-content: center; }
.ztemplate_model_3 .zinput:before { display: block; font-family: var(--font-icon); font-weight:var(--solid); font-size: 16px; color: var(--white); text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative;  }
.ztemplate_model_3 .zinput.g6:before { content: "\e269"; }
.ztemplate_model_3 .zinput.g7:before { content: "\e533"; }
.ztemplate_model_3 .title { margin: 10px 0 0 0; text-align: left; }
.ztemplate_model_3 .title a { display: block; font-family: var(--font-1); font-size: 30px; color: var(--white); line-height: 1; letter-spacing: 0; }
.ztemplate_model_3 .ztextarea { margin: 10px 0 0 0; color:var(--white); font-size:1.2em; line-height:1.2 }
.ztemplate_model_3 .zsimplebutton { margin: 30px 0 0 0; }
.ztemplate_model_3 img { min-width: 100%; opacity: 0.75; transition: 0.3s ease-out; }
.ztemplate_model_3 .elem:hover img {opacity: 0.25; transform: scale(1);}
.ztemplate_model_3 .elem:hover .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_3 .elem:hover .caption { width: 100%; background-color: var(--primary); background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%); text-align: left; order: 1; }
.ztemplate_model_3 .zlink a { padding: 10px 30px 15px 30px;}
.ztemplate_model_3 .zlink { margin-left: 10px;}
/* template model 2 - offerte */
.ztemplate_model_2 { display: block; text-align: left; position: relative; }
.ztemplate_model_2 .template_section_title_1 { width: 50%; font-family: var(--font-1); font-size: 225%; color: var(--white); z-index: 10; position: absolute; left: 60px; top: 40px; bottom: unset; }
.ztemplate_model_2 .ztemplate { margin: 0 -10px; width: 100%; }
.ztemplate_model_2 .slick-slider button.slick-prev { justify-content: center; width: 35px; height: 35px; display: flex; background-color: var(--secondary-alt); text-align: left; z-index: 480; position: absolute; left: unset; right: 35px; top: unset; bottom: 0px; align-items: center; }
.ztemplate_model_2 .slick-slider button.slick-prev:before { justify-content: center; display: flex; font-family: var(--font-icon); font-weight:var(--regular); font-size: 20px; color: var(--grey); text-transform: lowercase; text-align: left; line-height: 20px; position: relative; align-items: center; content: "\f104"; }
.ztemplate_model_2 .slick-slider button.slick-next { justify-content: center; width: 35px; height: 35px; display: flex; background-color: var(--secondary-alt); text-align: left; z-index: 432; position: absolute; left: unset; right: 0px; top: unset; bottom: 0px; align-items: center; }
.ztemplate_model_2 .slick-slider button.slick-next:before { justify-content: center; display: flex; font-family: var(--font-icon); font-weight:var(--regular); font-size: 20px; color: var(--grey); text-transform: lowercase; text-align: left; line-height: 20px; position: relative; align-items: center; content: "\f105"; }
.ztemplate_model_2 .caption-cnt { display: flex; text-align: left; position: relative; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; }
.ztemplate_model_2 .caption {width: 100%;background-color: #707070;background-image: linear-gradient(180deg, #000000 0%, #375281 100%);text-align: left;order: 1;}
.ztemplate_model_2 .caption-alt { padding: 0 60px 60px 60px; flex-wrap: wrap; display: flex; text-align: left; z-index: 132; position: absolute; left: 0px; right: 0px; top: unset; bottom: 0px; order: 2; }
.ztemplate_model_2 .title { margin:20px 0 15px 0; width: 100%; }
.ztemplate_model_2 .title a { display: block; font-family: var(--font-2); font-size: 35px; color: var(--white); text-align: left; line-height: 1.2; }
.ztemplate_model_2 .ztextarea { font-family: var(--font-2); font-size: 16px; color: var(--white); text-align: left; line-height: 20px; letter-spacing: 0; }
.ztemplate_model_2 .z_cnt_1 { width: auto; display: block; background-color: var(--primary); text-align: left; position: relative; }
.ztemplate_model_2 .zinput .fieldvalue { font-family: var(--font-1); font-size: 45px; color: var(--white); text-transform: lowercase; text-align: left; line-height: 1; }
.ztemplate_model_2 .zinput .fieldkey { font-family: var(--font-2); font-size: 16px; color: var(--white); text-transform: uppercase; text-align: left; line-height: 20px; }
.ztemplate_model_2 .zoption { text-align: left; }
.ztemplate_model_2 .zoption .fieldvalue { font-family: var(--font-1); font-size: 15px; color: var(--white); text-transform: uppercase; text-align: left; line-height: 1; }
.ztemplate_model_2 .ztextarea { width: 100%;}
.ztemplate_model_2  img {opacity: 0.5;}
.ztemplate_model_2 .zsimplebutton { margin-top: 20px; }
.ztemplate_model_2 .z_cnt_1 { margin: 0; padding: 20px; }
.ztemplate_model_2 .z_cnt_1 .zinput .fieldvalue { margin-top: 5px; }
.ztemplate_model_2 .z_cnt_1 .zoption { margin-top: 10px; }

.showcase .ztemplate_model_2 .box { justify-content: flex-start; flex-wrap: wrap; display: flex; text-align: center; align-items: flex-start; align-content: flex-start; }
.showcase .ztemplate_model_2 .elem { width: calc(100% / 3 - 40px); margin: 0 20px 40px 20px; }
.showcase .ztemplate_model_2 { margin: 0 -15px; }
.showcase .ztemplate_model_2 .ztemplate { margin: 0; }


/* SUBMENU */
.submenu_cnt { background-color: var(--primary); text-align: left; }
.submenu_cnt ul { justify-content: center; padding: 0px; display: flex; text-align: left; align-items: center; align-content: center; }
.submenu_cnt ul li { display: block; text-align: left; margin-left: 10px; margin-right: 10px; }
.submenu_cnt ul li span { font-family: var(--font-2); font-size: 12px; color: var(--white); text-transform: uppercase; text-align: left; line-height: 1; }
.submenu_cnt ul li a { display: block; font-family: var(--font-1); font-size: 90%; color: var(--white); text-transform: uppercase; text-align: left; line-height: 1; }

#page { text-align: left; }
#page .toggler { width: 100%; display: block; text-align: left; }
#page .toggler .accordion-title { display: flex; font-family: var(--font-2); font-size: 11px; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; align-items: center; align-content: center; margin-top: 20px; }
#page .toggler .accordion-title:before { font-family: var(--font-icon); font-weight:var(--regular); font-size: 16px; color: var(--lightgrey); content: ""; margin-right: 10px; }
#page .toggler .accordion-title.selected { display: flex; font-family: var(--font-2); font-size: 11px; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; }
#page .toggler .accordion-title.selected:before { font-family: var(--font-icon); font-weight:var(--regular); font-size: 16px; color: var(--grey); content: ""; }
#page .toggler .accordion-content { display: block; background-color: var(--secondary-alt); font-family: var(--font-2); font-size: 16px; color: var(--grey); text-align: left; line-height: 20px; letter-spacing: 0; position: relative; }
#page .toggler .accordion-content:before { width: 100%; height: 6px; display: block; background-color: var(--secondary); text-align: left; z-index: 3111; position: absolute; left: 0px; right: 0px; top: 0px; bottom: unset; content: ''; }
#page .accordion { width: 100%; display: block; text-align: left; }
#page .accordion .accordion-title { display: flex; font-family: var(--font-2); font-size: 11px; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; align-items: center; align-content: center; margin-top: 20px; }
#page .accordion .accordion-title:before { font-family: var(--font-icon); font-weight:var(--regular); font-size: 16px; color: var(--lightgrey); content: ""; margin-right: 10px; }
#page .accordion .accordion-title.selected { display: flex; font-family: var(--font-2); font-size: 11px; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; }
#page .accordion .accordion-title.selected:before { font-family: var(--font-icon); font-weight:var(--regular); font-size: 16px; color: var(--grey); content: ""; }
#page .accordion .accordion-content { display: block; background-color: var(--secondary-alt); font-family: var(--font-2); font-size: 16px; color: var(--grey); text-align: left; line-height: 20px; letter-spacing: 0; position: relative; }
#page .accordion .accordion-content:before { width: 100%; height: 6px; display: block; background-color: var(--secondary); text-align: left; z-index: 2873; position: absolute; left: 0px; right: 0px; top: 0px; bottom: unset; content: ''; }
#page .tabs { width: 100%; display: block; text-align: left; }
#page .tabs ul { display: flex; text-align: left; align-items: center; align-content: center; }
#page .tabs ul li { text-align: left; margin-right: 20px; }
#page .tabs ul li a { display: flex; font-family: var(--font-2); font-size: 11px; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; align-items: center; align-content: center; margin-top: 20px; }
#page .tabs ul li a:before { font-family: var(--font-icon); font-weight:var(--regular); font-size: 16px; color: var(--lightgrey); content: ""; margin-right: 10px; }
#page .tabs ul li a.selected { display: flex; font-family: var(--font-2); font-size: 11px; color: var(--grey); text-transform: uppercase; text-align: left; line-height: 1; }
#page .tabs ul li a.selected:before { font-family: var(--font-icon); font-weight:var(--regular); font-size: 16px; color: var(--grey); content: ""; }
#page .tabs .accordion-content { display: block; background-color: var(--secondary-alt); font-family: var(--font-2); font-size: 16px; color: var(--grey); text-align: left; line-height: 20px; letter-spacing: 0; position: relative; }
#page .tabs .accordion-content:before { width: 100%; height: 6px; display: block; background-color: var(--secondary); text-align: left; z-index: 2601; position: absolute; left: 0px; right: 0px; top: 0px; bottom: unset; content: ''; }
#page .middlesection { text-align: left; }
#page .middlesection h1 { font-family: var(--font-1); color: var(--primary); text-align: left; line-height: 1; letter-spacing: 0; }
#page .middlesection .groupfield { text-align: left; }
#page .middlesection .groupfield h2 { font-family: var(--font-2); font-size: 30px; color: var(--secondary); text-align: left; line-height: 1; letter-spacing: 0; margin-bottom: 20px; margin-top: 20px; }
#page .middlesection .groupfield h2:before { width: 100%; height: 1px; display: block; background-color: #D8D8D8; text-align: left; position: relative; content: ''; margin-bottom: 40px; }
#page .middlesection .groupfield h3 { font-family: var(--font-2); font-size: 26px; color: var(--secondary); text-align: left; line-height: 32px; letter-spacing: 0; }
#page .middlesection .groupfield h4 { font-family: var(--font-2); font-size: 24px; color: var(--secondary); text-align: left; line-height: 28px; letter-spacing: 0; }
#page .middlesection .groupfield h5 { font-family: var(--font-2); font-size: 22px; color: var(--secondary); text-align: left; line-height: 26px; letter-spacing: 0; }
#page .middlesection .groupfield h6 { font-family: var(--font-2); font-size: 20px; color: var(--secondary); text-align: left; line-height: 24px; letter-spacing: 0; }
#page .map_cnt { width: 100%; display: block; text-align: left; margin-top: 40px; }
#page .map_cnt iframe { width: 100%; text-align: left; }

.ztemplate_model_3 .zinput.g6,
.ztemplate_model_3 .zinput.g7 { display: inline-flex; font-family: var(--font-2); font-size: 115%; color: var(--white); align-items: center; align-content: center; }
.ztemplate_model_3 .zinput:before { display: block; font-family: var(--font-icon); font-weight:var(--solid); color: var(--white); position: relative;  }

.info_room { margin: 30px 0 0 0; font-family: var(--font-1); font-size: 110%; color: var(--primary); display: inline-flex; align-items: flex-start; align-content: center; text-transform:uppercase; }
.info_room .zinput { margin: 0 15px 0 0; display: flex; align-items:center; color: var(--secondary);}
.info_room .zinput .fieldkey { margin:0 5px 0 0 }
.info_room .zinput:before { margin: 0 5px 0 0; display: block; font-family: var(--font-icon); font-weight:var(--solid); color: var(--primary);  position: relative;  }
.info_room .zinput.g6:before,
.ztemplate_model_3 .zinput.g6:before { content: "\e269"; }
.info_room .zinput.g7:before,
.ztemplate_model_3 .zinput.g7:before { content: "\e533"; }
.info_room .zinput.g8:before { content: "\f2cd"; }
.info_room .zinput.g9:before { content: "\f8f9"; }




.facilities_cnt { width: 100%; display: block; text-align: center; position: relative; }
.facilities_cnt .fieldkey { width: 100%; display: block; font-family: var(--font-1); font-size: 30px; color: var(--primary); text-align: left; line-height: 1; letter-spacing: 0; position: relative; }
.facilities_cnt .fieldkey:before { width: 100%; height: 1px; display: block; background-color: #D8D8D8; text-align: left; position: relative; content: ''; margin-bottom: 40px; }
.facilities_cnt .fieldvalue_cnt { margin: 20px 0 0 0; padding: 10px;justify-content: center; flex-wrap: wrap; width: 100%; display: flex; background-color: var(--light_secondary-alt); text-align: center; position: relative; align-items: flex-end;}
.facilities_cnt .fieldvalue_cnt .fieldvalue { margin: 20px 10px; justify-content: center; flex-wrap: wrap; display: flex; font-family: var(--font-1); color: var(--primary); text-transform: uppercase; text-align: center; line-height: 1; letter-spacing: 0; position: relative; }
.facilities_cnt .fieldvalue_cnt .fieldvalue:before { margin: 0 0 10px 0; width: 100%; display: flex; justify-content: center; position: relative; content: ''; font-family: var(--font-icon); font-weight:var(--light); font-size: 200%; color: var(--primary); text-transform: lowercase; text-align: center; line-height: 1; }
.facilities_cnt .fieldvalue_cnt .v9:before { content: "\f7d8"; }
.facilities_cnt .fieldvalue_cnt .v8:before,
.facilities_cnt .fieldvalue_cnt .v10:before { content: "\e050"; }
.facilities_cnt .fieldvalue_cnt .v6:before { content: "\e2c5"; }
.facilities_cnt .fieldvalue_cnt .v4:before { content: "\e026"; }
.facilities_cnt .fieldvalue_cnt .v3:before { content: "\f1eb"; }
.facilities_cnt .fieldvalue_cnt .v1:before { content: "\f2cd"; }
.facilities_cnt .fieldvalue_cnt .v2:before { content: "\f8f4"; }
.facilities_cnt .fieldvalue_cnt .v0:before { content: "\f498"; }
.facilities_cnt .fieldvalue_cnt .v13:before { content: "\f5e7"; }
.facilities_cnt .fieldvalue_cnt .v15:before { content: "\f7d8"; }
.facilities_cnt .fieldvalue_cnt .v14:before { content: "\e452"; }



/* footer */
footer { text-align: left; }
footer .footer_section_text_1 { font-family: var(--font-2); font-size: 16px; color: var(--grey); line-height: 1; letter-spacing: 0; }
footer .footer_section_text_1 strong { font-family: var(--font-2); font-size: 16px; color: var(--grey); line-height: 20px; letter-spacing: 0; }
footer .footer_section_text_1 a { display: inline-block; font-family: var(--font-2); font-size: 16px; color: var(--grey); text-transform: lowercase; line-height: 1; letter-spacing: 0; }
footer .footer_section_text_2 { font-family: var(--font-2); font-size: 14px; color: var(--white); text-align: center; line-height: 18px; letter-spacing: 0; }
footer .topbar { padding: 40px 15px; justify-content: center; flex-wrap: wrap; display: flex; position: relative; align-items: center; align-content: flex-start; }
footer .topbar .logo_cnt { margin: 0 0 40px 0; padding:0 0 40px 0; justify-content: center; width: 100%; display: flex; align-items: center; align-content: center; border-bottom: 1px solid var(--primary-alt); }
footer .topbar .socialnet_cnt .varscript { justify-content: center; display: flex; align-items: center; align-content: center; }
footer .topbar .socialnet_cnt .varscript .socialnet { margin: 0 0 0 20px; }
footer .topbar .socialnet_cnt .varscript .socialnet a { display: block; }
footer .topbar .socialnet_cnt .varscript .socialnet a i { font-family: var(--font-icon-alt); font-size: 20px; color: var(--secondary); text-transform: lowercase; line-height: 1; letter-spacing: 0; }
footer .topbar .sx { width: 33.333%; display: flex; justify-content: flex-start; }
footer .topbar .cx { width: 33.333%; display: flex; justify-content: center;}
footer .topbar .dx { width: 33.333%;display: flex;justify-content: flex-end;}
footer .topbar .cx .footer_section_text_1 { text-align: center;justify-content: center;}
footer .middlebar { padding: 20px 0px; background-color: var(--primary); }
footer .bottombar { padding: 10px; justify-content: center; display: flex; align-items: center; align-content: center; }
footer .bottombar .varlink { margin: 5px 10px; font-family: var(--font-2); font-size: 12px; color: #4D4D4D; text-transform: uppercase; line-height: 22px; letter-spacing: 0; } }
footer .bottombar .varlink a { padding: 10px; }