/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.container {max-width: var(--max-width); margin: 0 auto;padding: 0 15px;}

body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font: var(--base-font); color:var(--base-color); letter-spacing: var(--base-letter-spacing); text-transform: var(--base-transform); } 


.h1, h1 { font: var(--h1-font); color: var(--h1-color); text-transform: var(--h1-transform); text-decoration: var(--h1-underline); letter-spacing: var(--h1-letter-spacing); }
.h2, h2 { font: var(--h2-font); color: var(--h2-color); text-transform: var(--h2-transform); text-decoration: var(--h2-underline); letter-spacing: var(--h2-letter-spacing); }
.h3, h3 { font: var(--h3-font); color: var(--h3-color); text-transform: var(--h3-transform); text-decoration: var(--h3-underline); letter-spacing: var(--h3-letter-spacing); }
.h4, h4 { font: var(--h4-font); color: var(--h4-color); text-transform: var(--h4-transform); text-decoration: var(--h4-underline); letter-spacing: var(--h4-letter-spacing); }
.h5, h5 { font: var(--h5-font); color: var(--h5-color); text-transform: var(--h5-transform); text-decoration: var(--h5-underline); letter-spacing: var(--h5-letter-spacing); }
.h6, h6 { font: var(--h6-font); color: var(--h6-color); text-transform: var(--h6-transform); text-decoration: var(--h6-underline); letter-spacing: var(--h6-letter-spacing); }


.button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font: var(--button-font); letter-spacing: var(--button-letter-spacing); text-transform: var(--button-transform); border-width: var(--button-border-width); border-style: solid; border-radius: var(--button-border-radius); padding: var(--button-padding); text-decoration: none; text-align: center; }

a{color:var(--links);}
a:hover{color:var(--links-hover);}

a.button.filled { background-color: var(--button-primary-bg); color: var(--button-primary-text); border-color: var(--button-primary-border);}
a.button.filled:hover { color: var(--button-primary-text-hover); border-color: var(--button-primary-border-hover); background-color: var(--button-primary-bg-hover); }

a.button.oultine { background-color: var(--button-secondary-bg); color: var(--button-secondary-text); border-color: var(--button-secondary-border); }
a.button.oultine:hover { background-color: var(--button-secondary-text-hover); border-color: var(--button-secondary-border-hover); color: var(--button-secondary-bg-hover); }

a.button.link_only { background: var(--button-link-bg);  border: var(--button-link-border);color: var(--button-link-text); }
a.button.link_only:hover {  background: var(--button-link-bg-hover);  border: var(--button-link-border-hover);color: var(--button-link-text-hover);  }

.header_menu ul li a { text-decoration: none; color: var(--menu-link-color); display:block; transition: all 0.4s ease; font: var(--menu-link-font); letter-spacing: var(--menu-link-letter-spacing); text-transform: var(--menu-link-transform); text-decoration: var(--menu-link-underline); }
.header_menu ul li a:hover { color: var(--menu-link-hover); }
.header_menu ul li:hover a { color: var(--menu-link-hover); }
.header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper li a { font: var(--child-link-font); letter-spacing: var(--child-link-letter-spacing); text-transform: var(--child-link-transform); color: var(--child-link-color); text-decoration: var(--child-link-hover); }

.footer_row .ftr_menu ul li a { font: var(--footer-menu-font); letter-spacing: var(--footer-menu-letter-spacing); text-transform: var(--footer-menu-transform); color: var(--footer-menu-color); text-decoration: var(--footer-menu-underline); }
.footer_row .ftr_menu ul li a:hover { color: var(--footer-menu-hover); }
.footer_row a {color: var(--footer-links);}
.footer_row a:hover {color: var(--footer-links-hover);}
.footer_row, .footer_left { font: var(--footer-font); letter-spacing: var(--footer-letter-spacing); text-transform: var(--footer-transform); color: var(--footer-color); text-decoration: var(--footer-underline); }


.touch_contact_left svg path {fill: var(--icon-color);}  
.image_with_text_list ul li svg path {fill: var(--icon-color);}
.zoom_btn svg path {stroke: var(--icon-color);}

.slick-slider .slick-arrow { background: none; border: none; cursor: pointer; font-size: 0; height: 35px; padding: 0; position: absolute; right: -10px; top: 45%; width: 35px; z-index: 9; background: var(--arrows); display: flex !important; align-items: center; justify-content: center; border-radius: 100%; }
button.slick-next.slick-arrow:after, button.slick-prev.slick-arrow:after { background: #fff; border-radius: 2px; content: ""; display: block; height: 3px; position: absolute; top: 19px; transform: rotate(45deg); width: 12px; }
button.slick-next.slick-arrow:before, button.slick-prev.slick-arrow:before { background: #fff; border-radius: 2px; content: ""; display: block; height: 3px; position: absolute; top: 12px; transform: rotate(-45deg); width: 12px; }
button.slick-next.slick-arrow:after { transform: rotate(-45deg) }
button.slick-next.slick-arrow:before { transform: rotate(45deg) }
button.slick-next.slick-arrow { left: auto; right: 15px; }
button.slick-prev.slick-arrow { left: 15px; right: auto; }
.slick-slider .slick-arrow:hover {background: var(--arrows-hover);}


.body-wrapper ol, .body-wrapper ul { color: var(--base-color); display: inline-block; max-width: 100%; padding-left: 0 }
.body-wrapper ol li, .body-wrapper ul li { color: var(--lists-color); font: var(--lists-font); letter-spacing: var(--lists-letter-spacing); list-style-type: none; padding-left: calc(var(--bullet-image-width, var(--bullet-size, 20px)) + 15px); position: relative; text-transform: var(--lists-transform) }
.body-wrapper ol li::marker, .body-wrapper ul li::marker { display: none }
.body-wrapper ol li:before, .body-wrapper ul li:before { color: var(--bullet-color, var(--accent-color)); content: var(--bullet-content, "●"); display: block; font-size: var(--bullet-size); left: 0; line-height: 1.5em; position: absolute; top: calc(0px - var(--bullet-image-height, var(--bullet-size, 20px))/2 + .5em + var(--bullet-offset)) }
.body-wrapper ol li+li, .body-wrapper ul li+li { margin-top: var(--list-spacing, .5rem) }
.body-wrapper ol ol, .body-wrapper ol ul, .body-wrapper ul ol, ul ul { display: block; margin-top: calc(var(--list-spacing, .5rem) + var(--bullet-image-height, var(--bullet-size, 20px))/2); padding-left: calc(var(--icon-enclosed-width, var(--bullet-image-width, var(--bullet-size, 20px))) + 15px) }
.body-wrapper ol ol:last-child, .body-wrapper ol ul:last-child, .body-wrapperul ol:last-child, ul ul:last-child { margin-bottom: 0 }

.body-wrapper .image_with_text_section ol li+li, .body-wrapper .image_with_text_section ul li+li { margin-top: 0 }





/*form*/
.hs-form .hs-form-field, form .hs-form-field { position: relative; line-height: 1.2; }
.hs-form .hs-form-field + .hs-form-field, form .hs-form-field + .hs-form-field { margin-top: 1.5rem; }
.hs-form .hs-form-field > label, form .hs-form-field > label { display: block; margin-bottom: 0.25rem; font: var(--labels-font); line-height: 1.5em; color: var(--labels-color); }
.hidden-labels .hs-form .hs-form-field > label, .hidden-labels form .hs-form-field > label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.hs-form .hs-form-field .hs-field-desc, form .hs-form-field .hs-field-desc { margin-top: -0.25rem; margin-bottom: 0.5rem; padding-left: 0; font: var(--help-font); line-height: 1.5em; color: var(--help-color); }
.hs-form .hs-form-field .input, form .hs-form-field .input { margin-top: 0; }
.hs-form .hs-button, form .hs-button { display: block; margin-top: 2.8rem; min-width: 180px; }
.hs-form .hs-recaptcha, form .hs-recaptcha { margin: 1em 0; }
.widget-type-form { background-color: var(--default-bg); border: var(--default-border); padding: var(--default-padding); }
.widget-type-form .form-title { font: var(--default-title, var(--h3-font)); color: var(--default-title-color, var(--h3-color)); background-color: var(--default-title-bg); padding: var(--default-title-padding); margin-bottom: 2em; }
.hs-input { box-shadow: none; border: var(--field-border) !important; border-radius: var(--field-radius); margin: 0; width: 100%; height: var(--input-height); padding: 0.5em; background-color: var(--field-bg); font: var(--input-font, var(--base-font)); line-height: var(--base-mobile-line-height); color: var(--input-color, var(--base-color)); }

@media (prefers-reduced-motion:no-preference) {
  .hs-input { transition: 0.2s border-color; }
}
.hs-input.invalid { border: var(--field-error); }
.hs-input:focus { border-color: var(--field-focus); outline: 1px solid var(--field-focus); outline-offset: 0; }
.hs-input::-moz-placeholder { font: var(--placeholers-font, var(--input-font, var(--base-font))); color: var(--placeholders-color, var(--inputs-color, var(--base-color))); }
.hs-input:-ms-input-placeholder { font: var(--placeholers-font, var(--input-font, var(--base-font))); color: var(--placeholders-color, var(--inputs-color, var(--base-color))); }
.hs-input::placeholder { font: var(--placeholers-font, var(--input-font, var(--base-font))); color: var(--placeholders-color, var(--inputs-color, var(--base-color))); }

/** Checkbox/Radios **/
.inputs-list { margin-top: 0.5rem; margin-bottom: 0; padding-left: 0; list-style: none; line-height: 1.5; }
.inputs-list .hs-form-radio, .inputs-list .hs-form-checkbox, .inputs-list .hs-form-booleancheckbox { padding-left: 0; }
.inputs-list .hs-form-radio + .hs-form-radio, .inputs-list .hs-form-radio + .hs-form-checkbox, .inputs-list .hs-form-radio + .hs-form-booleancheckbox, .inputs-list .hs-form-checkbox + .hs-form-radio, .inputs-list .hs-form-checkbox + .hs-form-checkbox, .inputs-list .hs-form-checkbox + .hs-form-booleancheckbox, .inputs-list .hs-form-booleancheckbox + .hs-form-radio, .inputs-list .hs-form-booleancheckbox + .hs-form-checkbox, .inputs-list .hs-form-booleancheckbox + .hs-form-booleancheckbox { margin-top: 0.75rem; }
.inputs-list .hs-form-radio::before, .inputs-list .hs-form-checkbox::before, .inputs-list .hs-form-booleancheckbox::before { display: none; }
.inputs-list .hs-form-radio > label, .inputs-list .hs-form-checkbox > label, .inputs-list .hs-form-booleancheckbox > label { display: flex; align-items: center; font: var(--choice-font); color: var(--choice-color); cursor: pointer; }
.inputs-list .hs-form-radio > label .hs-input[type=checkbox], .inputs-list .hs-form-radio > label .hs-input[type=radio], .inputs-list .hs-form-checkbox > label .hs-input[type=checkbox], .inputs-list .hs-form-checkbox > label .hs-input[type=radio], .inputs-list .hs-form-booleancheckbox > label .hs-input[type=checkbox], .inputs-list .hs-form-booleancheckbox > label .hs-input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; border: var(--field-border); border-radius: var(--field-radius); width: var(--choice-height) !important; height: var(--choice-height); background-color: var(--field-bg); }
.inputs-list .hs-form-radio > label .hs-input[type=checkbox]:checked, .inputs-list .hs-form-radio > label .hs-input[type=radio]:checked, .inputs-list .hs-form-checkbox > label .hs-input[type=checkbox]:checked, .inputs-list .hs-form-checkbox > label .hs-input[type=radio]:checked, .inputs-list .hs-form-booleancheckbox > label .hs-input[type=checkbox]:checked, .inputs-list .hs-form-booleancheckbox > label .hs-input[type=radio]:checked { background-color: var(--choice-checked-bg); outline: 2px solid var(--field-bg); outline-offset: -3px; }
.inputs-list .hs-form-radio > label .hs-input[type=radio], .inputs-list .hs-form-checkbox > label .hs-input[type=radio], .inputs-list .hs-form-booleancheckbox > label .hs-input[type=radio] { border-radius: 50%; }
.inputs-list .hs-form-radio > label > span, .inputs-list .hs-form-checkbox > label > span, .inputs-list .hs-form-booleancheckbox > label > span { margin-left: 0; }

/** Select Dropdown **/
select.hs-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: var(--select-arrow); background-size: 20px; background-repeat: no-repeat; background-position: 98% 50%; cursor: pointer; }

/** Textarea **/
textarea.hs-input { height: var(--multi-height); }

/** GDPR **/
.legal-consent-container { border-top: var(--borders); }
.legal-consent-container h1, .legal-consent-container h2, .legal-consent-container h3, .legal-consent-container h4, .legal-consent-container h5, .legal-consent-container h6, .legal-consent-container p, .legal-consent-container li, .legal-consent-container label, .legal-consent-container span, .legal-consent-container input { font: var(--gdpr-font); line-height: 1.5; color: var(--gdpr-color); }
.legal-consent-container p { margin-top: 1rem; margin-bottom: 1rem; }
.legal-consent-container .inputs-list { width: 100%; }
.hs-form .hs-error-msgs, .hs-form .legal-consent-container .hs-error-msgs { z-index: 100; margin-top: 0.25em; margin-bottom: 0.25em; border-radius: var(--field-radius); padding: 0.5em; background-color: var(--errors-bg); list-style: none; text-align: left; }
.hs-form .hs-error-msgs a, .hs-form .legal-consent-container .hs-error-msgs a { text-decoration: underline; color: var(--errors-color); }
.hs-form .hs-error-msgs li, .hs-form .legal-consent-container .hs-error-msgs li { padding-left: 0; }
.hs-form .hs-error-msgs li label, .hs-form .legal-consent-container .hs-error-msgs li label { display: block; font: var(--errors-font); line-height: 1.5; color: var(--errors-color); }
.hs-form .hs-error-msgs li::before, .hs-form .legal-consent-container .hs-error-msgs li::before { display: none; }
.hs-form .legal-consent-container .hs-error-msgs { padding: 0.25em 0.5em; }
.hs_error_rollup .hs-error-msgs { position: static; text-align: center; font-style: italic; }
.hs_error_rollup .hs-error-msgs::after { display: none; }
.hs-form.hs-form.hs-form { --columns: 1; }
.hs-form.hs-form.hs-form fieldset.form-columns-2 { --columns: 2; }
.hs-form.hs-form.hs-form fieldset.form-columns-3 { --columns: 3; }
.hs-form.hs-form.hs-form [class*=form-columns] { max-width: none; margin: 0; }
.hs-form.hs-form.hs-form [class*=form-columns] + [class*=form-columns] { margin-top: 1.2rem; }
.hs-form.hs-form.hs-form [class*=form-columns] .hs-form-field, .hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field { width: 100%; float: left; }
@media (min-width:768px) {
  .hs-form.hs-form.hs-form [class*=form-columns] .hs-form-field, .hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field { margin-top: 0; margin-left: 15px; width: calc(100% / var(--columns) - 15px * (var(--columns) - 1) / var(--columns)); }
  .hs-form.hs-form.hs-form [class*=form-columns] .hs-form-field:first-child, .hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field:first-child { margin-left: 0; }
}
.hs-form.hs-form.hs-form [class*=form-columns] .hs-form-field .input, .hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field .input { margin-right: 0; }
.hs-form.hs-form.hs-form [class*=form-columns] .hs-form-field .hs-input, .hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field .hs-input { width: 100%; }
.hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field .hs-form-field { margin-left: 0; width: 100%; }
.hs-form.hs-form.hs-form [class*=form-columns] .hs-dependent-field .hs-form-field + .hs-form-field { margin-top: 1.5rem; margin-left: 0; width: 100%; }
@media (min-width:768px) {
  .hs-form.hs-form.hs-form [class*=form-columns] .hs-richtext + .hs-form-field { margin-left: 0; }
}
@media not screen and (min-width:768px) {
  .hs-form.hs-form.hs-form .hs-form-field + .hs-form-field, .hs-form.hs-form.hs-form .hs-form-field + .hs-dependent-field, .hs-form.hs-form.hs-form .hs-dependent-field + .hs-form-field, .hs-form.hs-form.hs-form .hs-dependent-field + .hs-dependent-field { margin-top: var(--gutter); }
}
.theme-form--boxin { padding-top: var(--padding-top-boxin); padding-right: var(--padding-right-boxin); padding-bottom: var(--padding-bottom-boxin); padding-left: var(--padding-left-boxin); border: var(--boxin-border); border-radius: var(--boxin-radius); background-color: var(--boxin-bg); box-shadow: var(--boxin-shadow); }
.theme-form--label-inset .hs-form-field + .hs-form-field { margin-top: 1.75rem; }
.theme-form--label-inset [class*=form-columns] + [class*=form-columns] { margin-top: 1.75rem !important; }
.theme-form--label-inset [class*=form-columns] + [class*=form-columns] .hs-form-field { margin-top: 0; }
.theme-form--label-inset .hs-fieldtype-text, .theme-form--label-inset .hs-fieldtype-textarea { display: flex; flex-direction: column; }
.theme-form--label-inset .hs-fieldtype-text > label, .theme-form--label-inset .hs-fieldtype-textarea > label { position: absolute; top: 0; left: 0; padding: 0.7em; transition: 0.2s; cursor: text; pointer-events: none; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; color: var(--placeholders-color); font: var(--input-font, var(--base-font)); height: var(--input-height); line-height: var(--base-mobile-line-height); display: flex; align-items: center; }
.theme-form--label-inset .hs-fieldtype-text.hs-input-focused > label, .theme-form--label-inset .hs-fieldtype-textarea.hs-input-focused > label { padding: 0; font-size: 0.75em; margin-top: 0; top: -1.5em; color: var(--labels-color); height: calc(var(--base-mobile-line-height) * 1em); }
.theme-form--label-inset .hs-fieldtype-text .hs-field-desc, .theme-form--label-inset .hs-fieldtype-textarea .hs-field-desc { order: 1; margin-top: 0.25rem; text-align: right; }
.theme-form--label-inset .hs-fieldtype-text legend, .theme-form--label-inset .hs-fieldtype-textarea legend { margin-bottom: 0; }
.theme-form--label-inset .hs-fieldtype-text .hs-richtext, .theme-form--label-inset .hs-fieldtype-textarea .hs-richtext { padding-bottom: 1rem; }
.theme-form--label-inset .hs-fieldtype-text::-moz-placeholder, .theme-form--label-inset .hs-fieldtype-textarea::-moz-placeholder { opacity: 0; }
.theme-form--label-inset .hs-fieldtype-text:-ms-input-placeholder, .theme-form--label-inset .hs-fieldtype-textarea:-ms-input-placeholder { opacity: 0; }
.theme-form--label-inset .hs-fieldtype-text::placeholder, .theme-form--label-inset .hs-fieldtype-textarea::placeholder { opacity: 0; }
.theme-form--label-inset .hs-fieldtype-text .hs-fieldtype-checkbox > label, .theme-form--label-inset .hs-fieldtype-text .hs-fieldtype-file > label, .theme-form--label-inset .hs-fieldtype-text .hs-fieldtype-radio > label, .theme-form--label-inset .hs-fieldtype-text .hs-fieldtype-select > label, .theme-form--label-inset .hs-fieldtype-textarea .hs-fieldtype-checkbox > label, .theme-form--label-inset .hs-fieldtype-textarea .hs-fieldtype-file > label, .theme-form--label-inset .hs-fieldtype-textarea .hs-fieldtype-radio > label, .theme-form--label-inset .hs-fieldtype-textarea .hs-fieldtype-select > label { position: static; font-size: 1rem; white-space: normal; padding: 0; line-height: inherit; }
.theme-form--label-inset .hs-fieldtype-text + .hs-form-field, .theme-form--label-inset .hs-fieldtype-textarea + .hs-form-field { margin-top: 1.75rem; }
.theme-form--label-inset .hs-fieldtype-select > label { display: none; }
@media (min-width:600px) {
  .theme-form--label-left .hs-form-field { position: relative; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1rem; width: 100% !important; margin-left: 0 !important; }
  .theme-form--label-left .hs-form-field + .hs-form-field { margin-top: 1.5rem !important; }
  .theme-form--label-left .hs-form-field > label { margin-bottom: 0; text-align: right; width: 25%; }
  .theme-form--label-left .hs-form-field > .hs-field-desc { order: 2; margin-bottom: 1rem; width: 25%; text-align: right; }
  .theme-form--label-left .hs-form-field > .input { width: calc(75% - 1rem); }
  .theme-form--label-left .hs-form-field .hs-error-msgs { display: block; width: calc(75% - 1rem); margin-left: auto; margin-top: -0.75rem; }
}
.theme-form--button-left .hs-button { margin-right: auto; }
.theme-form--button-center .hs-button { margin-left: auto; margin-right: auto; }
.theme-form--button-right .hs-button { margin-left: auto; }
.theme-form--button-full .hs-submit, .theme-form--button-full .actions, .theme-form--button-full .hs-button { width: 100%; }
@media (min-width:600px) {
  .theme-form--button-single form { display: flex; align-items: flex-start; }
}
.theme-form--button-single form .hs-form-field { flex-grow: 1; }
.theme-form--button-single form .hs-form-field .hs-input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.theme-form--button-single form .hs-button { margin-top: 0; height: var(--input-height); padding-top: 0; padding-bottom: 0; }
@media (min-width:600px) {
  .theme-form--button-single form .hs-button { border-top-left-radius: 0; border-bottom-left-radius: 0; }
}
@media not screen and (min-width:600px) {
  .theme-form--button-single form .hs-button { width: 100%; border-radius: var(--field-radius); }
}
.theme-form--button-single form .hs_error_rollup { display: none !important; }
.theme-form--message-center .submitted-message { text-align: center; }
.theme-form--message-right .submitted-message { text-align: right; }
.submitted-message { color: var(--base-color); }
form .inputs-list>li { margin: 0; }
form .hs-button, form input[type=submit] { font: var(--button-font); letter-spacing: var(--button-letter-spacing); text-transform: var(--button-transform); color: var(--button-color); text-decoration: var(--button-underline); border-radius: var(--button-border-radius); padding: var(--button-padding); color: var(--button-form-text); background: var(--button-form-bg); border: var(--button-border-width) solid var(--button-form-border); }
form .hs-button, form input[type=submit]:hover { color: var(--button-form-text-hover); border-color: var(--button-form-border-hover); background: var(--button-form-bg-hover); }
.legal-consent-container .hs-form-booleancheckbox-display>span, .legal-consent-container .hs-form-booleancheckbox-display>span p { margin: 0 !important; }
.inputs-list .hs-form-booleancheckbox > label .hs-input[type=checkbox], .inputs-list .hs-form-booleancheckbox > label .hs-input[type=radio] { appearance: auto !important; outline: none !important; }
.hs-form .hs-error-msgs, .hs-form .legal-consent-container .hs-error-msgs { padding-left: 0; margin: 0; }
.hs_error_rollup { display: none; }

/**/ 

.header_top {background-color: var(--accent-light-color);padding: 10px 0;}
.header_top_row { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; gap:20px;}
.header_top_left a { display: flex; align-items: center; gap: 10px; }
.header_bottom_row { display: flex; flex-flow: wrap; align-items: center; }
.header_logo { width: 90px; }
.header_button { display: flex; flex-flow: wrap; gap:15px;align-items: center; width: 370px; justify-content: right; }
.header_menu { width: calc(100% - 460px); padding: 0 30px; display: flex; justify-content: right; }
.header_logo img { display: block; }
.header_menu ul { padding: 0; margin: 0; list-style: none; display: flex; gap: 30px; }
.header_bottom {  padding: 25px 0; }
.header_logo.mobile__logo {display: none;}


a.button {text-decoration: none;font-weight: 700;}
.header_top_right a {display: flex;align-items: center; transition:all 0.4s ease; font-size: var(--eyebrows-size); text-decoration: none; color: var(--accent-color);font-weight: 700;font-family: var(--secondary-font);} 
.header_top_right svg {display: block; margin-left: 10px;}
.header_top_left a {text-decoration: none; 
  color: var(--text-color); 
  font-size: var(--eyebrows-size);
  line-height: 1.2;}

.header_menu ul {padding: 0;margin: 0;list-style: none;}
.header_menu  ol li:before, .header_menu  ul li:before {position: static;display: none;}
span.call_caption {font-weight: 700;color: var(--light-bg);text-transform: capitalize;}
.header_top_left a svg {display: block;}
.header_top_right a:hover { color: var(--light-bg); }
.header_top_right svg path { transition: all 0.4s ease; }
.header_top_right a:hover svg path { stroke: var(--light-bg); }
.header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {     visibility: hidden; min-width: 150px; padding: 10px; border-radius: 8px;  background: var(--dropdown-background); gap: 0; top: 40px !important;  transition: all 0.4s ease; transform: translateY(20px); left: 0 !important; }
.header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper li { padding: 6px 0; }
/* .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper li a { color: var(--background-color); text-transform: capitalize;} */
.header_menu .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper { transform: translateY(0px); 
  visibility: visible; }
.header_menu .hs-menu-wrapper.flyouts .hs-item-has-children:after { content: ""; height: 25px; width: 100%; background: transparent; position: absolute; top: 100%; left: 0; }
.header_section {position: absolute;top: 0;left: 0;width: 100%;z-index: 99;}

.header_section  ol li, .header_section  ul li {padding: 0;}
.header_top_right svg path {stroke: var(--accent-color);}
.header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper li a:hover {color: var(--child-link-hover);}


header.header_section.fixed {position: fixed;top: 0;left: 0;width: 100%; }
header.header_section.fixed .header_bottom {background: var(--accent-color); padding:15px 0;}
header.header_section.fixed .header_bottom .header_logo img {max-width: 80px;}




/*Hero Section*/

.hero_section {overflow: hidden; position:relative;}
.hero__video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);object-fit: cover;z-index: -1;}
.hero_content_wrapper { position: relative; z-index: 2; }
.hero_section:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  z-index: -1;}
.hero__video video {width: 100%;height: 100%;object-fit: cover;}
.hero__bg { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; }
.hero_section { padding-top: 350px; padding-bottom: 100px; }
.hero_heading { text-align: center; }
/* .hero_heading h1 { color: var(--background-color); } */
.hero_box_row { display: flex; flex-flow: wrap; justify-content: center; padding-top: 100px;  }
.hero_box { width: calc(100% / 3 - 30px); box-shadow: 6px 6px 30px #00000033; margin: 15px 15px; padding: 20px 25px; text-align: center; background: var(--background-color); }
.hero_title h3 { margin: 0; padding: 10px 0; }

.caption h4 {font-family: var(--primary-font); text-transform: uppercase;color: var(--background-color);letter-spacing: 3.6px;font-weight: 400;}
.hero_link_btn a {display: flex;justify-content: center;align-items: center;}
.hero_link_btn a svg {display: block;margin-left: 5px;height: 10px;width: 18px;}
.hero_link_btn a svg path {stroke: var(--light-bg);}

.hero_link_btn a {color: var(--light-bg);text-decoration: none;font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height);}
.hero_box.two_column { width: calc(100% / 2 - 30px);}
.hero_box.four_column { width: calc(100% / 4 - 30px);}
.hero_box, .hero_title h3, .hero_link_btn a, .hero_icon img, .hero_link_btn a svg path  { transition: all 0.4s ease; }
.hero_box:hover .hero_icon img { filter: brightness(0) invert(1); }
.hero_box:hover { background: var(--light-bg); color: var(--background-color); }
.hero_box:hover h3 { color: var(--background-color); }
.hero_box:hover .hero_link_btn a { color: var(--background-color); }
.hero_box:hover .hero_link_btn a svg path { stroke: var(--background-color); }
.hero_box:hover { transform: translateY(-10px); }
.hero_heading h1 { margin: 0;padding: 20px 0;}
.caption h4 {margin: 0;}
.hero_box { position: relative; padding-bottom: 50px; }
.hero_link_btn { position: absolute; right: 0; left: 0; bottom: 25px; }


/*slick-dots*/
.image_slider_section .slick-slider .slick-dots { text-align:center; padding:30px 0 0; margin:0; line-height:0; }
.image_slider_section .slick-slider .slick-dots li { display:inline-block; margin:0 5px; }
.image_slider_section .slick-slider .slick-dots li button { width:10px; height:10px; border-radius:100%;border:1px solid var(--pagination); background-color: transparent;;  padding:0; font-size:0; cursor:pointer; transition:all 0.4s ease; }
.image_slider_section .slick-slider .slick-dots li.slick-active button { opacity:1; background: var(--pagination-active);}



.image_slider_bottom .image_slider_box { padding: 0 10px; }
.image_slider_bottom { margin: 0 -10px; padding-top: 15px; }
.image_slider_bottom .image_slider_box { max-height: 190px; }
.image_slider_bottom .image_slider_box img { height: 100% !important; object-fit: cover; width: 100%; }
.image_slider_bottom .slick-slide.slick-current.slick-active .image_slider_box img {border: 3px solid var(--light-bg);}

.image_slider_section .slick-slider .slick-dots li {padding: 0;}

.image_slider_section  ol li:before, .image_slider_section  ul li:before { position: static;display: none;}
.image_slider_section .slick-slider .slick-dots {width: 100%;}


/*Button Section*/

.button_main_wrapper { display: flex; flex-flow: wrap; gap: 10px; align-items: center; }

a.button.link_only:hover svg path { stroke: var(--button-link-text-hover); }
a.button.link_only svg { margin-left: 5px; transition: all 0.4s ease; }
a.button.link_only svg path {stroke: var(--button-link-text);}

.btn__box a.button.filled:hover { background: var(--accent-color); border-color: var(--accent-color);}
a.button.link_only:hover svg { margin-left: 10px; }
.btn__box a.button.oultine {color: var(--accent-color);}
.btn__box a.button.oultine:hover {color: var(--background-color);}

/*Image with text list*/

.image_with_text_section { background: var(--accent-color); padding: 100px 0 }
.image_with_text_row { align-items: center; display: flex; flex-flow: wrap }
.image_with_text_left { width: 50% }
.image_with_text_right { padding-left: 30px; width: 50% }
.image_with_text_col, .image_with_text_left h2 { color: var(--background-color) }
.image_with_text_list ul { list-style: none; margin: 0; padding: 0 }
.image_with_text_list ul li { align-items: center; display: flex; padding: 10px 0 }
.image_with_text_list ul li svg { display: block; margin-right: 10px; height: 20px; width: 20px;}
.image_content p { margin: 0 }
.image_bottom_text, .image_with_text_list { padding-top: 15px }
.image_with_text_list ul { column-count: 1; -webkit-column-count: 1 }
.image_with_text_list ul.two_column { column-count: 2; -webkit-column-count: 2 }
.image_box img { display: block; width: 100% }
.image_box { border: 2px solid var(--light-bg); padding: 12px }'
.image_with_text_left { padding-right: 30px; }
.image_with_text_row.revers_position { flex-direction: row-reverse; }
.image_with_text_row.revers_position .image_with_text_left { padding-right: 0; padding-left: 60px; }
.image_with_text_row.revers_position .image_with_text_right { padding-left: 0; padding-right: 30px; }
.image_with_text_row { padding-top: 50px; }
.image_bottom_text a {color: var(--light-bg); }
.image_with_text_left {padding-right: 30px;}
.image_with_text_row:first-child {padding-top: 0;}

.image_with_text_list ol li:before, .image_with_text_list ul li:before {position: static;display: none;}
.image_with_text_list ol li, .image_with_text_list ul li {font: var(--base-font);color: var(--background-color);letter-spacing: var(--base-letter-spacing);}

.text_with_list_section .image_with_text_list ol li, .text_with_list_section .image_with_text_list ul li {color: var(--base-color);}

/*Amenities*/

.amenities_section { background-repeat: no-repeat; padding: 100px 0; position: relative; z-index: 1; }
.amenities_section:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: -1; }
.amenities_box { width: calc(100% / 3 - 30px); margin: 15px 15px; background: var(--background-color); ); padding: 35px 30px; text-align: center; }
.amenities_row { display: flex; flex-flow: wrap; justify-content: center; padding-top: 35px; }
.amenities_box p { margin: 0; }
.amenities_title h2 { text-align: center; color: var(--background-color); margin: 0; }
.amenities_box.two_column { width: calc(100% / 2 - 30px);}
.amenities_box.four_column { width: calc(100% / 4 - 30px);}
.amenities_box h4 { margin: 0; padding: 15px 0; }
.amenities_icon { max-width: 40px; margin: 0 auto; }
.amenities_icon img { display: block; margin: 0 auto; }

.amenities_box h4 { font-weight: 700;color: var(--accent-color);}

/*Text with list*/

.text_with_list_section .image_with_text_row {padding: 0;}
.text_with_list_section {padding: 60px 0;}
.text_with_list_heading h3 { margin: 0; font-family: var(--primary_font); color: var(--light-bg); letter-spacing: 3.6px; }
.text_with_list_heading h2 { margin: 0; padding-top: 10px; }
.text_with_list_heading { text-align: center; padding-bottom: 50px; }
.text_with_list_section .image_with_text_row { align-items: flex-start; }
.image_content {font-size: var(--base-mobile-size);line-height: var(--base-mobile-line-height);}
.body-wrapper li.hs-image__grid__list__item:before { position: static;display: none;}


/*Icon Cards*/

.hero_box_row.icon_card_row {padding-top: 50px;}
.icon_card_text p {margin: 0;}
.icon_card_section {background: var(--accent-color);padding: 60px 0;}
.icon_card_heading {color: var(--background-color);text-align: center;}
.icon_card_heading h2 {color: var(--background-color);}
/* .hero_title h3 {color: var(--accent-color);} */
.hero_box_row.icon_card_row { padding-top: 25px;}
.body-wrapper .hs-image__grid__list {margin: 0;gap: 0 !important;}
.body-wrapper .hs-image__grid__list {display: flex;}

/*image gallery*/

.image_gallery_row { display: flex; flex-flow: wrap; padding-top: 15px; }
.image_gallery_left { width: 70%; padding-right: 20px; }
.image_gallery_right { width: 30%; grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; gap: 15px; }
.image_gallery_right .image_gallery_box { }
.image_gallery_section { background-repeat: no-repeat; padding: 50px 0; }
.image_gallery_col { padding: 50px 35px; background: var(--background-color); }
.image_gallery_heading { text-align: center; max-width: 900px; margin: 0 auto; }
.image_gallery_heading h3 { margin: 0; font-family: var(--primary_font); ); letter-spacing: 3.6px; color: var(--light-bg); }
.image_gallery_heading h2 { margin: 0; padding: 12px 0; }
.image_gallery_box_top img{ display: block; width: 100%; height: 100% !important;  object-fit: cover; }
.image_gallery_left .image_gallery_box {height: 100%;}

.image_gallery_box img{ display: block; width: 100%; height: 165px !important;  object-fit: cover; }
.image_gallery_box.last_visible { position: relative; }
.image_gallery_box.last_visible:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--light-bg); opacity: 0.7; }
.hidden-count { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: var(--accent-color); text-align: center; }
.hidden-count span { display: block; }
span.hidden-count-number { font-size: 40px; line-height: 48px; font-family: var(--primary_font); font-weight: 900; }
span.hidden-count-text { font-size: 22px; font-weight: 700; line-height: 30px; padding-top: 5px; }
.image_gallery_box_top {height: 100%;}
.image_gallery_box { position: relative; }
a.fancy_gallery { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
.image_slider_box img {width: 100%;}



/*Get In Touch*/

.get_touch_section { padding: 100px 0; background: var(--accent-light-color); }
.get_touch_row { display: flex; flex-flow: wrap; }
.get_touch_left { width: 40%; padding-right: 70px; }
.get_touch_right { width: 60%; }
.get_touch_box { display: flex; padding-top: 29px; }
.touch_contact_right h4 {margin: 0;font-weight: 700;color: var(--accent-color);}
.touch_contact_right { padding-left: 12px; }
.touch_contact_left img { display: block; }
.touch_detail {padding-top: 5px; color:var(--accent-color);}
.touch_detail a {color: var(--accent-color); }
.get_form_box {padding: 50px 40px;box-shadow: 0px 0px 30px #00000029;background: var(--background-color);}
.get_touch_box svg {height: 26px;width: 26px;}

/*Single Floorplan*/

.single_floorplan_section { padding: 50px 0; }
.singel_cover h3 { color: var(--light-bg); letter-spacing: 3px; font-family: var(--primary_font); }
.singel_cover h2 { margin: 0; }
.single_floorplan_text {  padding-top: 15px; }
.single_floorplan_text { font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height);}
.single_floorplan_row { display: flex; flex-flow: wrap;     justify-content: center;}
.single_floorplan_left { width: 40%; padding-right: 0; }
.single_floorplan_right { width: 60%;  padding-left: 50px; }
.floorplna__image {text-align: right;}
.single_floorplan_box { background: var(--dark-bg); width: calc(100% / 3 - 12px); margin: 10px 6px; padding: 20px; text-align: center; color: var(--background-color); font-weight: 700; }
.single_floorplan_btn_wrap { padding-top: 30px; display: flex; flex-flow: wrap; align-items: center; gap: 20px; }
.h5.single_text {color: var(--background-color); font-weight: 700;}
.zoom_btn { text-align: center; justify-content: center; align-items: center; margin-top: 20px; cursor: pointer; padding: 7px 15px; background: var(--accent-light-color); display: inline-flex; border-radius: 18px; color: var(--text-color); font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height); }
.floorplna__image { text-align: right; }
.zoom_btn svg { display: block; margin-right: 8px; }
.single_floorplan_right { text-align: center; }


.inner_list span svg path { fill: var(--icon-color);}
/*Multi Floorplan*/

.multi_floorplan_heading h3 { margin: 0; font-family: var(--primary_font); letter-spacing: 3px; color: var(--light-bg); }
.multi_floorplan_heading h2 { margin: 0; padding: 15px 0; }
.multi_floorplan_heading { text-align: center; }
.multi_floorplan_text { font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height); } 
.multi_floorplan_list { max-width: 1000px; margin: 0 auto; display: flex; flex-flow: wrap; }
.floorplan_box { width: calc(100% / 3); padding: 0 20px; }
.floor_title { padding-bottom: 20px; color: var(--accent-color ); font-weight: 700; }
.left_flor {width: 50%;}
.box_bed {display: flex;flex-flow: wrap;}
.right_flor {width: 50%;}
.left_flor { display: flex; flex-direction: column; }
.right_flor { display: flex; flex-direction: column; padding-left: 10px; }
.box_bed select { border: 1px solid #D3D3D3; outline: none; border-radius: 5px; padding: 10px 10px; color: var(--accent-color ); }
.left_flor { padding-right: 10px; }
.box_bed label { display: block; padding-bottom: 5px; font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height); color: var(--accent-color ); }
.left_flor { position: relative; }
.box_bed select { appearance: none; background-image: url("https://resihome.com/hubfs/Icon%20ionic-ios-arrow-back%20%281%29.svg"); background-repeat: no-repeat; background-size: 10px; background-position: right; background-position-x: calc(100% - 8px); cursor: pointer; }
.box_bed {background: var(--background-color);padding: 15px 12px;}
.inner_list { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-bottom: 2px solid rgb(0 0 0 / 11%); background: var(--background-color); cursor: pointer; }
.inner_list {font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height);color: var(--accent-color );}
.slide_box {display: none;}
.inner_list.active span svg {transform: rotate(180deg);}
.inner_list span svg {transition: all 0.4s ease;}
.inner_list.active span svg path {fill: var(--text-color);}
.room_box { background: var(--accent-light-color); padding: 20px 25px; display: flex; flex-flow: wrap; width: calc(100% / 2 - 30px); margin: 15px 15px; }
.room_left { width: 140px; }
.room_right { width: calc(100% - 140px); padding-left: 20px; }
.room_row_icons { display: flex; align-items: center; gap: 20px; }
.room_bed { display: flex; align-items: center; }
.bath { display: flex; align-items: center; }
.sqft { display: flex; align-items: center; }
.room_row_icons svg { display: block; margin-right: 10px; height: 26px; width: 26px; }
.room_btn_wrap { padding-top: 20px; display: flex; align-items: center; gap: 15px; }
.inner_box { position: relative; }
.room_box_row { padding-top: 30px; display: flex; flex-flow: wrap; margin: 0 -15px; }
.room_btn a.button { font-size: var(--base-mobile-size); font-family: var(--base-mobile-line-height); padding: 12px 10px;}
.room_left img { display: block; height: 100% !important;  object-fit: cover; }
.room_link_btn a { font-family: var(--secondary-font); text-decoration: none; color: var(--accent-color ); ); font-weight: 700; display: inline-flex; align-items: center; font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height); }
.room_link_btn a svg { margin-left: 5px; }
.slide_box {position: absolute;left: 0;right: 0; z-index:3;}
.room_right h4 {margin: 0; color:var(--accent-color ); font-weight: 700;}
.room_row_icons {padding-top: 12px;}
span.bed_list_detais {color: var(--dark-bg);}
.show_more span { display: block; }
.show_more { text-align: center; padding-top: 20px; cursor: pointer; color: var(--accent-color ); font-weight: 700; font-family: var(--secondary_font); font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height); }
.show_more svg { transform: rotate(90deg); }
.room_btn a.button:hover {background: var(--text-color); border-color:var(--text-color);}
.multi_floorplan_section {padding: 60px 0;}
.show_more svg path {stroke: var(--accent-color);}
/* .room_row_icons svg path {fill: var(--dark-bg);} */
.room_link_btn a.floorplan_popup_open.button.link_only {padding: 0;}



.floorplan_popup_col { display: flex; flex-flow: wrap; }
.floorplan_popup_wrapper { padding: 50px 200px; background: var(--text-color); width:100%; height: 100%;
  overflow: auto; }
.floorplan_popup_left { width: 15%; }
.floorplan_popup_center { width: 70%; padding-left: 50px; }
.floorplan_popup_image img { width: 100%; display: block; }
.floorplan_popup_box { background: var(--dark-bg); padding: 20px; margin-top: 20px; text-align: center; }
.floorplan_popup_text.h5 { color: var(--background-color); font-weight: 700; }
.floor_arrow_wrapper { position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: flex; justify-content: space-between; width: 100%; align-items: center; }
.floorplan_popup_image { position: relative; padding: 0 60px; }
.floorplan_popup_image img { width: 100%; display: block; }
.floor_arrow_wrapper svg { height: 45px; width: 45px; display: block; cursor: pointer;}
.floorplan_popup_center_right {width: 15%;display: flex;align-items: flex-end;}
.floorplan_popup_center_right svg {height: 30px;width: 30px; cursor: pointer;}
.floorplan_popup_center_right {padding-left: 50px;}
.floorplan_popup_center_right {padding-left: 50px;}
.floor_zoom_out {padding-top: 20px;}
.floorplan_popup_box:first-child {margin: 0;}
.floorplan_popup_iocn svg path {fill: var(--background-color);}
.fancy_btn_box {text-align: center;padding-top: 30px;}

button.f-button.is-close-btn { top: 15px !important; right: 15px !important; border: none !important; background: var(--light-bg) !important; }
.f-button.is-close-btn { stroke-width: 50px; }
.fancybox__content>.f-button.is-close-btn svg { stroke-width: 5px; stroke: var(--text-color); }
.f-button.is-close-btn { border-radius: 100% !important; border: none !important; opacity: 1 !important; outline: none; }
.fancybox__content {background: var(--text-color)!important;}
.floor_arrow_wrapper svg circle { fill: var(--light-bg); }
.floorplan_popup_iocn svg path { fill: var(--background-color); }
.floorplan_popup_center_right svg path { stroke: var(--background-color); }



/*footer*/
.footer_row ol li, .footer_row ul li {padding: 0;list-style: none;}
footer.footer_section ol li:before, footer.footer_section ul li:before {position: static;display: none;}
.footer_row { display: flex; flex-flow: wrap; }
.footer_left_col { width: 25%; padding-right: 30px; }
.footer_top { background: var(--accent-color); padding-top: 50px; padding-bottom: 70px; }
.footer_text { padding-top: 15px;  }
.footer_right_col { width: 75%; display: flex; flex-flow: wrap; padding-top: 70px; }
.footer_box { width: calc(100% / 4); padding: 0 30px; flex-grow: 1;}
.ftr_menu ul { padding: 0; margin: 0; list-style: none; }
.ftr_menu ul li { padding-bottom: 15px; }
/* .ftr_menu ul li a {  color: var(--background-color); } */
.visit_contact a { text-decoration: none;  }
/* .visit_text { color: var(--background-color); } */
.ftr_title {margin: 0;color: var(--light-bg);padding-bottom: 15px; font-family: var(--secondary-font);font-weight: 700;}
.footer_bottom { background: var(--dark-bg); padding: 15px 0; }
.footer_right ul { padding: 0; margin: 0; list-style: none; display: flex; gap: 20px; justify-content: right; }
.footer_bottom_row { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; gap: 30px; }
.footer_left p { margin: 0; }
/* .footer_left {color: var(--background-color);font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height);} */
.footer_right ul li a {display: block;}
.footer_text {font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height);}
.hs-image__grid__container .hs-image__grid__list__item { padding: 0;}
.footer_right ol li, .footer_right ul li {padding: 0;}


/*update*/

iframe {
    width: 100%;
}


@media(max-width:1250px){

  .room_box { padding: 20px; width: calc(100% / 2 - 20px); margin: 15px 10px; }
  .room_right { padding-left: 12px; }
  .room_left { width: 120px; }
  .room_right { width: calc(100% - 120px); }
  .room_row_icons svg { height: 20px; width: 20px; margin-right: 6px; }
  .room_box_row { margin: 0 -10px; }
  .room_row_icons { gap: 10px; }
  span.bed_list_detais { font-size: var(--base-mobile-size); line-height: var(--base-mobile-line-height); }
  .room_btn_wrap { gap: 10px; }
  .room_btn_wrap {flex-flow: wrap;}
  .floorplan_popup_wrapper {padding: 50px 50px;}
}



@media(max-width:1150px){
  .header_logo {width: 80px;}  
  .header_menu ul { gap: 15px; }
  .header_menu { padding: 0 20px; }
  .header_menu { width: calc(100% - 430px); }
  .header_button {width: 350px;}
}


@media(max-width:991px){

  a.mobile-trigger { display: inline-block !important; cursor: pointer; transition: all 0.4s ease; 
    position: absolute; top: 50%;transform: translateY(-50%); right: 15px; width: 42px; border: none; height: 42px; padding: 0; 
    background: var(--toogle-bg-color); z-index: 99999999999; -webkit-transition: background-color .2s linear; font-size: 16px; font-weight: 400; text-align: left; text-transform: uppercase; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; display: flex !important;align-items: center;justify-content: center;}
  a.mobile-trigger i:before { margin-top: -8px; }
  a.mobile-trigger i, a.mobile-trigger i:after, a.mobile-trigger i:before { width: 23px; height: 2px; background: var(--toogle-menubar-color); display: inline-block; transition: all 0.4s ease; }
  a.mobile-trigger i:after, a.mobile-trigger i:before { position: absolute; content: ""; }
  a.mobile-trigger i:after { margin-top: 8px; }
  .mobile-open a.mobile-trigger i { transition: all 0.4s ease; background-color: transparent; }
  .mobile-open a.mobile-trigger i:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);background: var(--toogle-menubar-color); }
  .mobile-open a.mobile-trigger i:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);background: var(--toogle-menubar-color); }
  .mobile-open a.mobile-trigger i:after, .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transition-delay: 0, .2s; transition: all 0.4s ease; }  

  .header_menu .hs_cos_wrapper_type_menu {position: absolute; top:133px; left: 0;   background: var(--accent-color);right: 0;display: none;text-align: center; z-index:9; padding: 30px 60px;}
  .header_menu .hs_cos_wrapper_type_menu ul > li {display: block;width: 100%;}
  .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { position: static !important; display:none; width: 100%; border-radius: 5px; transform: translateY(0px); transition: none; }
  .header_menu .hs-menu-wrapper.flyouts .hs-item-has-children:after { position: static; display: none; }
  .header_menu ul {gap: 0px;}
  .header_menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a {display: block;}
  span.sub_trigger {position: absolute;right: 0;height: 42px;width: 42px;color: #000;top: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;} 
  .sub_trigger:after { border-color: var(--background-color); border-style: solid; border-width: 0 2px 2px 0; content: ""; display: block; height: 8px; margin-top: -3px; position: absolute; top: 50%; transform: rotate(45deg) translateY(-50%); width: 8px; transition: all 0.4s ease; right: auto; left: auto; }
  .submenu-open>.sub_trigger:after { transform: rotate(-135deg);}
  .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper {display: none;}
  .header_menu ul li a { padding: 15px 0; display: block; }
  .header_menu ul li:hover a { color: var(--background-color); }
  .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper li a { padding: 0; }
  .header_bottom {position: relative;}

  .header_logo { width: 15%; }
  .header_button { width: 60%; }
  .header_menu { width: 25%; }
  .header_logo img { max-width: 90px; }
  .header_bottom_row { padding-right: 70px; }
  .footer_left_col {width: 100%;padding: 0;}
  .footer_right_col {width: 100%;padding-top: 30px;}
  .footer_box:first-child {padding-left: 0;}
  .footer_box:last-child {padding-right: 0;}

  .hero_box { width: calc(100% / 2 - 30px);}  
  .hero_box.four_column { width: calc(100% / 2 - 30px);}
  .hero_box_row {padding-top: 60px;}
  .hero_section {padding-top: 270px;} 

  .image_with_text_list ul.two_column { column-count: 1; -webkit-column-count: 1; }
  .image_with_text_left { padding-right: 20px; }
  .image_with_text_right { padding-left: 20px; }
  .image_with_text_row.revers_position .image_with_text_left { padding-left: 20px; }
  .image_with_text_row.revers_position .image_with_text_right { padding-right: 20px; }
  .image_with_text_row { align-items: self-start; }
  .amenities_box.four_column { width: calc(100% / 2 - 30px);}
  .amenities_box { width: calc(100% / 2 - 30px);}  
  .image_gallery_left {width: 60%;}
  .image_gallery_right {width: 40%;}

  .get_touch_left {padding-right: 30px;}
  .get_form_box {padding: 50px 30px;}  
  .single_floorplan_box {width: calc(100% / 2 - 12px);}
  .room_left { width: 100%; }
  .room_left img { height: auto !important; width: 100%; margin: 0 auto; }
  .room_right { width: 100%; padding: 0; padding-top: 20px; }
  .room_btn_wrap { flex-flow: wrap; }
  .floorplan_popup_wrapper { padding: 50px 50px; }
  .floorplan_popup_wrapper { padding: 50px 15px; }
  .floorplan_popup_center { padding-left: 30px; }
  .floorplan_popup_center_right { padding-left: 30px; }
  .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {visibility: visible;}
  header.header_section.fixed .header_bottom .header_logo img {max-width: 70px;}
  .header_menu ul li:hover a {color: var(--menu-link-color);}

  .header_menu ul>li>a {border-bottom: 1px solid #FFFFFF; padding: 25px 0;}
  .header_menu ul > li > :last-child a {border: none;}
  .header_menu .hs_cos_wrapper_type_menu ul > li:last-child a {border: none;}


}

@media(max-width:767px){

  .h1, h1 { font-size: var(--h1-mobile-size); line-height:var(--h1-mobile-line-height);}
  .h2, h2 { font-size: var(--h2-mobile-size); line-height:var(--h2-mobile-line-height);}
  .h3, h3 { font-size: var(--h3-mobile-size); line-height:var(--h3-mobile-line-height);}
  .h4, h4 { font-size: var(--h4-mobile-size); line-height:var(--h4-mobile-line-height);}
  .h5, h5 { font-size: var(--h5-mobile-size); line-height:var(--h5-mobile-line-height);}
  .h6, h6 { font-size: var(--h6-mobile-size); line-height:var(--h6-mobile-line-height);}

   body {font-size: var(--base-mobile-size); line-height:var(--base-mobile-line-height); }
  .button{font-size:var(--button-mobile-size); line-height:var(--button-mobile-line-height);}
  .header_menu ul li a {font-size:var(--menu-link-mobile-size); line-height:var(--menu-link-mobile-line-height);}

  .footer_box { width: 100%; padding: 0; padding-top: 20px; }
  .footer_box:first-child { padding-top: 0; }
  .footer_top { padding: 50px 0; }
  .header_button {width: 100%;justify-content: left;}
  .header_top_left, .header_top_right { width: 100%; display: flex; justify-content: center; }
  .header_bottom {padding: 20px 0;}
  .header_menu .hs_cos_wrapper_type_menu {top: 104px;}
  .header_logo img {max-width: 75px;}

  .hero_box { width: 100%; margin:0; margin-top:20px;}  
  .hero_box.four_column { width: 100%; }
  .hero_box.two_column { width: 100%; }  
  .hero_box_row {padding-top: 25px;}
  .hero_section {padding-top: 250px;padding-bottom: 50px;}  
  .hero_heading h1 { margin: 0;padding: 15px 0;}

  .image_with_text_section { padding: 60px 0; }
  .image_with_text_left { width: 100%; padding-right: 0; }
  .image_with_text_right { width: 100%; padding-left: 0; padding-top: 25px; }
  .image_with_text_row.revers_position .image_with_text_left { padding-left: 0; }
  .image_with_text_row.revers_position .image_with_text_right { padding-right: 0; }
  .image_with_text_row { padding-top: 30px; }

  .amenities_box { width:100%; margin:0; margin-top:20px;}  
  .amenities_box.four_column { width:100%;}
  .amenities_box:first-child {margin-top: 0;}
  .amenities_box.two_column {width: 100%;}
  .amenities_section {padding: 50px 0;}
  .amenities_row {padding-top: 25px;}
  .amenities_box {padding: 25px;}

  .image_gallery_left {width: 100%;}
  .image_gallery_right {width: 100%;}
  .image_gallery_left { padding-right: 0; }
  .image_gallery_right { padding-top: 25px; }
  .image_gallery_col { padding: 40px 20px; }
  .image_gallery_box img { height: 130px !important; }
  .image_gallery_right { gap: 10px; }

  .get_touch_left { padding-right: 30px; }
  .get_form_box { padding: 50px 30px; }
  .get_touch_left { width: 100%; padding: 0; }
  .get_touch_right { width: 100%; padding-top: 30px; }
  .get_form_box { padding: 30px 20px; }
  .get_touch_section {padding: 60px 0;}

  .single_floorplan_box {width: calc(100% / 2 - 12px);}
  .single_floorplan_left { width: 100%; }
  .single_floorplan_right { width: 100%; padding: 0; padding-top: 25px; }
  .floorplna__image {text-align: center;}
  .single_floorplan_box { padding: 15px; }

  .room_box {width: 100%;margin: 0;margin-top: 25px;}
  .room_box:first-child { margin: 0;}
  .room_box_row {margin: 0;}
  .floorplan_box { width: calc(100% / 2); padding: 0 8px; padding-top: 15px; }
  .floor_title { padding-bottom: 5px; }
  .inner_list { padding: 10px 8px; }
  .left_flor { width: 100%; padding-right: 0; }
  .right_flor { width: 100%; padding-left: 0; padding-top: 10px; }  
  .floorplan_popup_left { width: 100%; display: flex; flex-flow: wrap; justify-content: center; }
  .floorplan_popup_box { width: calc(100% / 2 - 20px); margin: 10px 10px !important; }
  .floorplan_popup_box { padding: 20px 10px; }
  .floorplan_popup_center { padding-left: 0; width: 100%; padding: 20px 0; }
  .floorplan_popup_center_right { width: 100%; padding: 0; justify-content: center; }
  .floor_zoom_out { padding: 0 10px; }
  .floor_zoom_in { padding: 0 10px; }
  .floor_arrow_wrapper svg { height: 30px; width: 29px; }
  .floorplan_popup_image { padding: 0 40px; }
  .floorplan_popup_center_right > div { display: flex; align-items: center; }
  .ftr_menu ul li a {font-size: var(--footer-menu-mobile-size);line-height: var(--footer-menu-mobile-line-height);}
  .header_menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper li a {font-size: var(--child-link-mobile-size);line-height: var(--child-link-mobile-line-height);}
  ol li,ul li {font-size:var(--lists-mobile-size);line-height: var(--lists-mobile-line-height)}
  header.header_section.fixed .header_menu .hs_cos_wrapper_type_menu {top: 0px;}
  .hero_section:after {height: 70%;}
  .hero__video video {height: 70%;}
  .hero__bg {height: 70%;}
  .header_top_left a {color: var(--menu-link-color);}
  .header_top_left {padding-top: 35px;}
  .header_button_box a.button {width: 100%;}
  .header_button { gap: 30px;}
  .header_button_box {width: 100%;}
  .header_logo { width: 25%;}
  body.mobile-open .header_top {display: none;}
  body.mobile-open .header_menu .hs_cos_wrapper_type_menu {top: 0; }
  .header_logo.mobile__logo { display: block; width: 100%; text-align: center; }
  .header_logo.mobile__logo img { margin: 0 auto; }
  .header_logo.mobile__logo img { max-width: 90px !important; }

  body.mobile-open a.mobile-trigger {  border-radius: 100%;top: 15px;transform: translateY(0); height: 38px;width: 38px;}
  .header_logo.mobile__logo {padding-top: 20px;}
/*   .mobile-open a.mobile-trigger i:before { background: var(--accent-color); }
  .mobile-open a.mobile-trigger i:after { background: var(--accent-color); } */
  .mobile-open a.mobile-trigger i, .mobile-open a.mobile-trigger i:after, .mobile-open a.mobile-trigger i:before { height: 3px; width: 20px; }
  body.mobile-open .header_menu .hs_cos_wrapper_type_menu {position: fixed;overflow: scroll; height: 100%;}
  body.mobile-open {overflow: hidden;}
  
  header.header_section.fixed .header_bottom {background: transparent;}
  a.mobile-trigger {margin-top: 20px;}
}

@media(max-width:400px){
  .floorplan_box {width: 100%; padding: 0;padding-top: 12px;}
  span.bed_list_detais { font: var(--help-font);  }
  .room_box { padding: 20px 10px; }  
}